/* ========================================
   共通
======================================== */

/*ページ全体レイアウト
-----------------------------*/
.page_campuslife_faq #main.main > .inner.full_screen{
	width: 100%;
}
.page_campuslife_faq {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #fff6b8 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #fff6b8 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  background-color: #fffcf1;
}
.campuslife_faq_question_wrapper {
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 3em;
}

/*ページタイトル部分
-----------------------------*/
.main_content .campuslife_faq_title.background{
	position: relative;
	padding: 0;
}
.main_content .campuslife_faq_title.background:before{
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 34px;
	background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq_title_line_up.png);
	background-repeat: repeat-x;
	content: '';
}
.main_content .campuslife_faq_title.background:after{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq_title_line_down.png);
	background-repeat: repeat-x;
	content: '';
}
.main_content .campuslife_faq_title h2{
	padding: 0;/*paddingの指定のみこちら*/
	background-color: #fff;
}

.campuslife_faq_title h2{
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.campuslife_faq_title h2 figure{
	width: 50%;
	margin-bottom: 0;
	z-index: 10;
}
@media screen and (max-width: 960px) {
.campuslife_faq_question_wrapper {
       width: 90%;
}
}
@media screen and (max-width: 600px){
	.main_content .campuslife_faq_title h2{
		height: 80vmin;
	}
	.campuslife_faq_title h2 figure{
		position: absolute;
		width: 80%;
		margin: auto;
	}
	.campuslife_faq_title h2 figure:first-of-type{
		top: -35px;
		left: 0;
		right: 16vmin;
	}
	.campuslife_faq_title h2 figure:last-of-type{
		bottom: -12px;
		left: 16vmin;
		right: 0;
	}
}
@media screen and (max-width: 481px){
	.main_content .campuslife_faq_title.background:before{
		height: 24px;
		background-position: 0 -10px;
	}
	.main_content .campuslife_faq_title.background:after{
		height: 24px;
	}
}
@media screen and (max-width: 320px){
    .campuslife_faq_question_wrapper {
       width: 98%;
    }
	.campuslife_faq_title h2 figure{
		width: 75%;
	}
	.campuslife_faq_title h2 figure:first-of-type{
		top: 0;
	}
	.campuslife_faq_title h2 figure:last-of-type{
		bottom: 0;
	}

}
@media screen and (max-width: 600px) and (orientation: landscape) {
	.campuslife_faq_title h2 figure{
		width: 48%;
	}
	.campuslife_faq_title h2 figure:first-of-type,
	.campuslife_faq_title h2 figure:last-of-type{
		position: relative;
		left: 0;
		right: 0;
	}
}

/*ページタイトル部分～可変と固定の指定
-----------------------------*/
.campuslife_faq_title h2 p{
	font-size: 16px; /*最小値*/
}
@media screen and (min-width: 600px) {
	.campuslife_faq_title h2 p{
		font-size: 22px;/*IEフォールバック*/
		font-size: calc(16px + ((1vw - 6px)*2));
		font-size: -webkit-calc(16px + ((1vw - 6px)*2));
	}
}
@media screen and (min-width: 1200px) {
	.campuslife_faq_title h2 p{
		font-size: 30px; /*最大値*/
	}
}

/*質問h3～文字の可変と固定の指定
-----------------------------*/
.page_campuslife_faq .main_content h3{
	position: relative;
	display: inline-block;
	padding-left: 70px;
	margin-bottom: 0;
	color: #665c56;
	font-size: 20px;/*最小値*/
}
.page_campuslife_faq .main_content .text_link{
	color: #00c4b3;
    margin-top: 1em;
}
@media screen and (min-width: 600px){
	.page_campuslife_faq .main_content h3{
		font-size: 22px;/*IEフォールバック*/
		font-size: calc(22px + ((1vw - 6px)*1.33));
		font-size: -webkit-calc(22px + ((1vw - 6px)*0.33));
	}
}
@media screen and (min-width: 1200px){
	.page_campuslife_faq .main_content h3{
		font-size: 24px; /*最大値*/
	}
}


/* ========================================
   各質問～共通
======================================== */

section.campuslife_faq_question{
	position: relative;
	margin-bottom: 120px;
}
.campuslife_faq_question > div{
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}
.campuslife_faq_question > div:first-of-type{
	width: 30%;
}
.campuslife_faq_question h3:before{
	display: block;
	position: absolute;
	left: 0;
	top: 23%;
	transform: translateY(-55%);
	width: 70px;
	height: 65px;
	background-image: url(../images/campuslife/campuslife_qa2024_q_text.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
}
.campuslife_faq_question h3 + p{
	margin-top: 30px;
}
.campuslife_faq_question h3 span{
	display: block;
}
/*figure～ランキング*/
.campuslife_faq_question .faq_pie_chart{
	min-height: 150px;
	height: auto;
	padding: 24px;
	background-color: #faf0e6;
	border-radius: 16px;
}
/*p～本文*/
.qa_txt {
    width: 80%; 
    margin: 1em auto;
}

/*.アニメーション*/
.hover_zoom_in .img_container {
    transition: all 1.2s cubic-bezier(0.54, 0.02, 0, 0.9) !important;
}
.hover_zoom_in:hover .img_container {
    background-size: 114% !important;
}

/* 左スクロール */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* 右スクロール */
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}



/* ========================================
   各質問～
======================================== */

/*　セクション設定
-----------------------------*/
.campuslife_faq_question.friend {
    margin-bottom: 6rem;
}
.campuslife_faq_question.friend02 {
    margin-top: 0em;
    margin-bottom: 4em;
    padding-top: 9rem;
    padding-bottom: 5rem;
}
.campuslife_faq_question.club02 {
   margin-top: 10em;
}
.campuslife_faq_question.commuting_time01 {
    margin-top: 0em;
    margin-bottom: 4em;
    padding-top: 9rem;
    padding-bottom: 10rem;
}
.campuslife_faq_question.fashion,
.campuslife_faq_question.lunchmenu {
   margin-top: 3em;
   margin-bottom: 11em;
}
.campuslife_faq_question.residence {
    margin-bottom: 18rem;
}
.campuslife_faq_question.hobby {
    margin: 10em auto 1em; 
}
section.campuslife_faq_question.pt_job {
    margin-top: 120px;
    margin-bottom: 120px;
}
.campuslife_faq_question.outing {
   margin-top: 17em;
}


/*レイアウト
　> div
　> div:first-of-type
-----------------------------*/

.campuslife_faq_question.meji div:first-of-type,
.campuslife_faq_question.akikoma div:first-of-type {
	width: 30%;
	padding-top: 32px;
    text-align: left;
}
.campuslife_faq_question.spots > div:first-of-type {
	width: 40%;
}
.campuslife_faq_question.commuting_time02 > div:first-of-type,
.campuslife_faq_question.fashion > div:first-of-type,
.campuslife_faq_question.lunchmenu > div:first-of-type {
	width: 50%;
}
.campuslife_faq_question.hobby > div:first-of-type {
	width: 35%;
}
.campuslife_faq_question.commuting_time01 div:first-of-type,
.campuslife_faq_question.residence div:first-of-type {
	width: 40%;
	text-align: left;
}
.campuslife_faq_question.pt_job div:first-of-type {
	width: 43%;
	text-align: left;
}
.campuslife_faq_question.club02 div:first-of-type,
.campuslife_faq_question.outing div:first-of-type {
	width: 27%;
}



/*見出し
　h3
　h3:before
　h3:after
-----------------------------*/
.campuslife_faq_question.meji h3,
.campuslife_faq_question.fashion h3,
.campuslife_faq_question.residence h3,
.campuslife_faq_question.pt_job h3 {
	margin-right: 10%;
}
.campuslife_faq_question.club02 h3,
.campuslife_faq_question.outing h3{
	margin-left: 16px;
}

.campuslife_faq_question.club02 h3:before,
.campuslife_faq_question.residence h3:before,
.campuslife_faq_question.pt_job h3:before,
.campuslife_faq_question.outing h3:before {
	transform: translateY(-15%);
}
.campuslife_faq_question.residence h3:after,
.campuslife_faq_question.pt_job h3:after{
	right: -18%;
	top: 55%;
	width: 103%;
	background-position: 100% -82px;
}
.campuslife_faq_question.club02 h3:after,
.campuslife_faq_question.outing h3:after{
	top: 54%;
	right: -18%;
	width: 97%;
	background-position: 100% -82px;
}

/*本文
　div p
-----------------------------*/
.campuslife_faq_question.meji div p,
.campuslife_faq_question.fashion div p,
.campuslife_faq_question.akikoma div p{
	text-align: left;
}
.campuslife_faq_question.pt_job p {
   width: 55%;
}



/*学生コメント画像
　figure.ms_none
-----------------------------*/
.campuslife_faq_question figure.ms_none {
	position: absolute;
}
.campuslife_faq_question.meji figure.ms_none {
	top: 48px;
	right: -30px;
	width: 290px;
}
.campuslife_faq_question.friend02 figure.ms_none {
    top: 3%;
    left: 310px;
    width: 18%;
}
.campuslife_faq_question.club02 figure.ms_none {
	top: 22px;
        right: -40px;
	width: 235px;
}
.campuslife_faq_question.fashion figure.ms_none {
	top: 48px;
	right: -22px;
	width: 265px;
}
.campuslife_faq_question.akikoma figure.ms_none {
	top: 48px;
        right: 20px;
	width: 18%;
}
.campuslife_faq_question.commuting_time01 figure.ms_none {
	top: 44px;
	left: 230px;
	width: 240px;
}
.campuslife_faq_question.residence figure.ms_none {
	top: 10px;
        left: 27%;
        width: 18%;
}
.campuslife_faq_question.pt_job figure.ms_none {
	top: 44px;
	width: 255px;
	left: 258px;
}

.campuslife_faq_question.outing figure.ms_none{
	top: -100px;
	right: -40px;
	width: 235px;
}


/*グラフ、ランキング
　.faq_pie_chart
-----------------------------*/
.campuslife_faq_question.meji .faq_pie_chart {
	width: 40%;
}
.campuslife_faq_question.commuting_time01 .faq_pie_chart {
	width: 49%;
}
.campuslife_faq_question.friend .faq_pie_chart,
.campuslife_faq_question.commuting_time02 .faq_pie_chart {
   width: 70%; 
   margin: 1em auto;
}
.campuslife_faq_question.friend02 .faq_pie_chart {
    width: 29%;
    margin-left: 23%;
}
.campuslife_faq_question.fashion .faq_pie_chart,
.campuslife_faq_question.lunchmenu .faq_pie_chart {
   width: 90%; 
   margin: 1em auto;
}
.campuslife_faq_question.akikoma .faq_pie_chart {
	width: 37%;
}
.campuslife_faq_question.residence .faq_pie_chart {
	width: 51%;
}
.campuslife_faq_question.hobby .faq_pie_chart {
   width: 73% !important; 
   margin: 1em auto;
}

.campuslife_faq_question.meji .faq_pie_chart img,
.campuslife_faq_question.akikoma .faq_pie_chart img {
   padding: .5em;
}
.campuslife_faq_question.pt_job .faq_pie_chart img{
	padding-top: 9px;
	text-align: left;
}


/* ========================================
   お気に入りスポット
======================================== */
.title_campus.sc {
   width: 40%;
   margin: 0 auto 1em;
}
.title_campus.ic {
   width: 40%;
   margin: 2em auto 1em;
}
.title_campus.sc .img_container:before {
  padding-top: 20%;
}
.title_campus.ic .img_container:before {
  padding-top: 23%;
}
.title_campus.sc .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2024_title_campus.png) center -5% / 100%;
}
.title_campus.ic .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2024_title_campus.png) center 101% / 100%;
}
.favorite_spot_wrapper {
   width: 96% !important;
}
.favorite_spot {
   width: 30%;
   margin: 1em auto;
}
.favorite_spot .img_container:before {
  padding-top: 100%;
}
.favorite_spot.sc1 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2025_chart05_sc1.png) center / 100%;
}
.favorite_spot.sc2 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2025_chart05_sc2.png) center / 100%;
}
.favorite_spot.sc3 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2025_chart05_sc3.png) center / 100%;
}
.favorite_spot.ic1 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2024_chart05_ic1.png) center / 100%;
}
.favorite_spot.ic2 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2024_chart05_ic2.png) center / 100%;
}
.favorite_spot.ic3 .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/campuslife_qa2024_chart05_ic3.png) center / 100%;
}
.favorite_spot h4 {
    padding-left: unset; 
    border-left: none;
    text-align: center;
    margin: 1em auto .5em;
    display: block;
}
.spot_txt {
    color: #333;
    text-align: left;
}

.campuslife_faq_question .faq_pie_chart.aruaru {
    width: 98%;
    margin: 3em auto 1em;
    background-color:  #fff;
}
.aruaru {
    width: 98% !important;
    margin: 3em auto 1em;
    background-color:  #fff;
    height: auto;
    padding: 24px;
}


/* ========================================
   スライドショー（ファッション、学食）
======================================== */
.scroll-infinity.ph_roll {
  width: 90%;
  margin: 3rem auto 0;
}

.scroll-infinity__wrap {
  width: 100%;
  overflow: hidden;
}

.scroll-infinity__track {
  display: flex;
  width: fit-content;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
}

.scroll-infinity__item01 {
  width: 16vw;
  margin-right: 1rem;
}

.scroll-infinity__item01 img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* 左スクロール */
.track_left {
  animation: infinity-scroll-left 60s linear infinite;
}

/* 右スクロール */
.track_right {
  animation: infinity-scroll-right 80s linear infinite;
}


/*全体レイアウトのメディアクエリ*/
@media screen and (min-width: 801px) and (max-width: 1024px){
	.page_campuslife_campuslife_faq article{
		padding-left: 10px;
		padding-right: 40px;
	}
}
@media screen and (max-width: 960px){
	.page_campuslife_campuslife_faq article{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0;
	}
	section.campuslife_faq_question{
		flex-direction: column;
		-webkit-flex-direction: column;
		margin-bottom: 80px;
	}
	section.campuslife_faq_question:last-of-type{
		margin-bottom: 80px;
	}
	.campuslife_faq_question > div:first-of-type,
	.campuslife_faq_question .faq_pie_chart{
		width: 60% !important;
	}
	.campuslife_faq_question .faq_pie_chart{
		margin-top: 24px;
	}
}
@media screen and (max-width: 600px) {
	.page_campuslife_faq .main_content > article {
		margin-top: 16px;
	}
	.campuslife_faq_question.inner > div:first-of-type,
	.campuslife_faq_question.inner > div.faq_pie_chart{
		width: 100% !important;
	}
	.campuslife_faq_question .faq_pie_chart{
		padding: 16px 0;
		margin-top: 16px;
		margin-left: 0;
		margin-right: 0;
		background-color: #faf0e6;

		text-align: center;
	}
	.campuslife_faq_question:last-of-type div {
		margin-right: 0;
		margin-left: 0;
	}
	.campuslife_faq_question:last-of-type .faq_pie_chart{
		width: 100%;
	}
	.campuslife_faq_question:last-of-type h3{
		margin-bottom: 24px;
	}
	section.campuslife_faq_question{
		margin-bottom: 40px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .qa_txt {
        width: 95%; 
        margin: 1em auto;
    }
	.campuslife_faq_question > div.campuslife_faq_student_sm{
		width: 100%;
		position: relative;
		margin: 18px 0 0;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm:before{
		display: inline-block;
		position: absolute;
		width: 150px;
		height: 140px;
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		z-index: 10;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm img{
		width: 180px;
	}/*記述の順番fix後に復活させる*/
	
	.appearRotate_R{
	    animation: appearRotate_R 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation: appearRotate_R 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-ms-animation: appearRotate_R 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		visibility: visible !important;
	}
	
	@-webkit-keyframes appearRotate_R {
		0% {
			transform: translateX(20px) rotate(30deg);
			-webkit-transform: translateX(20px) rotate(30deg);
			-ms-transform: translateX(20px) rotate(30deg);
            opacity: 0; 
		}
		100% {
			transform: translateX(0) rotate(0);
			-webkit-transform: translateX(0) rotate(0);
			-ms-transform: translateX(0) rotate(0);
			opacity: 1;
		}
	}
	@keyframes appearRotate_R {
		0% {
			transform: translateX(20px) rotate(30deg);
			-webkit-transform: translateX(20px) rotate(30deg);
			-ms-transform: translateX(20px) rotate(30deg);
            opacity: 0; 
		}
		100% {
			transform: translateX(0) rotate(0);
			-webkit-transform: translateX(0) rotate(0);
			-ms-transform: translateX(0) rotate(0);
            opacity: 1; 
		}
	}
	.appearRotate_L{
	    animation: appearRotate_L 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation: appearRotate_L 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-ms-animation: appearRotate_L 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		visibility: visible !important;
	}
	@-webkit-keyframes appearRotate_L {
		0% {
			transform: translateX(-20px) rotate(-30deg);
			-webkit-transform: translateX(-20px) rotate(-30deg);
			-ms-transform: translateX(-20px) rotate(-30deg);
            opacity: 0; 
		}
		100% {
			transform: translateX(0) rotate(0);
			-webkit-transform: translateX(0) rotate(0);
			-ms-transform: translateX(0) rotate(0);
			opacity: 1;        
		}
	}
	@keyframes appearRotate_L {
		0% {
			transform: translateX(-20px) rotate(-30deg);
			-webkit-transform: translateX(-20px) rotate(-30deg);
			-ms-transform: translateX(-20px) rotate(-30deg);
            opacity: 0; 
		}
		100% {
			transform: translateX(0) rotate(0);
			-webkit-transform: translateX(0) rotate(0);
			-ms-transform: translateX(0) rotate(0);
            opacity: 1; 
		}
	}
}
/*@media screen and (max-width: 481px) {
	.campuslife_faq_question:last-of-type .faq_pie_chart{
		padding-top: 24px;
		margin-top: 32px;
	}
}*/
/*ここまで既存css*/


@media screen and (max-width: 960px) {
.campuslife_faq_question.friend02,
.campuslife_faq_question.commuting_time01,
.campuslife_faq_question.residence,
.campuslife_faq_question.pt_job {
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.campuslife_faq_question.friend02 {
    margin-bottom: 4em;
    padding-top: 3rem;
    padding-bottom: 5rem;
}
.campuslife_faq_question.commuting_time01 {
    margin-bottom: 4em;
    padding-top: 7rem;
    padding-bottom: 5rem;
}
.campuslife_faq_question.lunchmenu {
    width: 100%; 
    margin: 0 auto;
}
.campuslife_faq_question.club02 {
   margin-top: 5em;
}
.campuslife_faq_question.hobby {
   width: 100%; 
   margin: 9em auto 6em;
}
.campuslife_faq_question.pt_job p {
   width: 98%;
}
section.campuslife_faq_question.lunchmenu,
section.campuslife_faq_question.residence {
	margin-bottom: 80px;
}
section.campuslife_faq_question.pt_job {
	margin-top: 4rem;
	margin-bottom: 100px;
}
.campuslife_faq_question.outing {
   margin-top: 4em;
}

.campuslife_faq_question.meji div:first-of-type,
.campuslife_faq_question.fashion div:first-of-type,
.campuslife_faq_question.akikoma div:first-of-type{
	text-align: left;
}
.campuslife_faq_question.club02 div:first-of-type,
.campuslife_faq_question.outing div:first-of-type{
	width: 60%;
}
.campuslife_faq_question.residence h3,
.campuslife_faq_question.pt_job h3{
	margin-left: 16px;
}
.campuslife_faq_question.residence h3:after,
.campuslife_faq_question.pt_job h3:after{
	left: -32px;
	background-position: 2px -10px;
}
.campuslife_faq_question.friend .faq_pie_chart,
.campuslife_faq_question.commuting_time02 .faq_pie_chart,
.campuslife_faq_question.campuslife_faq_question.fashion .faq_pie_chart,
.campuslife_faq_question.lunchmenu .faq_pie_chart,
.campuslife_faq_question.hobby .faq_pie_chart {
	width: 90% !important;
    margin: 0 auto;
}
.campuslife_faq_question.friend02 .faq_pie_chart {
    margin-left: unset;
}
    /*学生キリヌキ配置css*/
.campuslife_faq_question.meji figure.ms_none,
.campuslife_faq_question.fashion figure.ms_none {
	width: 40%;
	top: 40%;
	right: 0;
}
.campuslife_faq_question.friend02 figure.ms_none {
    top: 2%;
    left: 5%;
    width: 230px;
}
.campuslife_faq_question.club02 figure.ms_none {
	width: 32%;
	top: 44%;
	right: 2%;
}
.campuslife_faq_question.commuting_time01 figure.ms_none {
    width: 30%;
	top: 6%;
    left: 3%;
}
.campuslife_faq_question.akikoma figure.ms_none {
    width: 26%;
	top: 40%;
    right: 5%;
}
.campuslife_faq_question.residence figure.ms_none {
    top: 6px;
    left: 3%;
    width: 24%;
}
.campuslife_faq_question.pt_job figure.ms_none {
	width: 35%;
    top: 22%;
    left: 2%;
}
.campuslife_faq_question.outing figure.ms_none {
	width: 32%;
	top: 10%;
	right: 2%;
}
.scroll-infinity__item01 {
    width: 40vw;
    margin-right: .5rem;
}
.title_campus.sc,
.title_campus.ic {
    width: 50%; 
}
}
@media screen and (max-width: 600px) {
section.campuslife_faq_question,
section.campuslife_faq_question.friend,
section.campuslife_faq_question.residence,
section.campuslife_faq_question.pt_job {
	margin-bottom: 40px;
}
.campuslife_faq_question.friend02 {
    padding-bottom: 0;
}
.campuslife_faq_question.commuting_time01 {
   margin-bottom: 2em;
}
.campuslife_faq_question.fashion {
   margin-top: 7em;
   margin-bottom: 6em;
}
.campuslife_faq_question.lunchmenu {
   margin-top: 6em;
}
.campuslife_faq_question.hobby {
   margin-top: 4em;
}
.campuslife_faq_question.spots,
.campuslife_faq_question.akikoma,
.campuslife_faq_question.residence,
.campuslife_faq_question.club02,
.campuslife_faq_question.pt_job {
   margin-top: 3em;
}
.campuslife_faq_question.outing {
   margin-top: 5em;
}
.campuslife_faq_question.residence,
.campuslife_faq_question.pt_job {
	align-items: normal;
	-webkit-align-items: normal;
}
	.campuslife_faq_question.meji div:first-of-type,
	.campuslife_faq_question.fashion div:first-of-type,
	.campuslife_faq_question.akikoma div:first-of-type {
		text-align: left;
	}
	.campuslife_faq_question.residence div:first-of-type,
	.campuslife_faq_question.pt_job div:first-of-type{
		padding-bottom: 20px;
		text-align: left;
	}
	.campuslife_faq_question.meji h3,
	.campuslife_faq_question.fashion h3,
	.campuslife_faq_question.akikoma h3 {
		margin-right: 0 ;
		margin-left: 16px ;
	}
	.campuslife_faq_question.meji h3:after,
	.campuslife_faq_question.fashion h3:after,
	.campuslife_faq_question.akikoma h3:after {
		right: 32px;
		top: 8px;
		background-position: 2px -10px ;
	}
	.campuslife_faq_question .faq_pie_chart{
        min-height: unset !important;
		padding: 16px 0;
		margin-top: 16px;
		margin-left: 0;
		margin-right: 0;
		background-color: #faf0e6;
		text-align: center;
	}
    .campuslife_faq_question.friend02 .faq_pie_chart {
        width: 80% !important;
        margin: 0 auto;
}
	.campuslife_faq_question.lunchmenu .faq_pie_chart,
	.campuslife_faq_question.residence .faq_pie_chart,
	.campuslife_faq_question.hobby .faq_pie_chart,
	.campuslife_faq_question.pt_job .faq_pie_chart{
		margin-top: 24px;
	}
	.campuslife_faq_question.club02 .faq_pie_chart,
	.campuslife_faq_question.outing .faq_pie_chart{
		margin-right: 0;
	}
	.campuslife_faq_question .faq_pie_chart img{
		text-align: center;
        width: 95%;
	}
.campuslife_faq_question.meji .faq_pie_chart img,
.campuslife_faq_question.fashion .faq_pie_chart img,
.campuslife_faq_question.akikoma .faq_pie_chart img {
   padding: unset;
}
	.campuslife_faq_question.friend .faq_pie_chart img{
		margin-top: 2.5%;
	}
.campuslife_faq_question.friend02 .faq_pie_chart img {
     width: 80%;
}
	/*タブレット以下で表示の学生コメント
	.campuslife_faq_question > div.campuslife_faq_student_sm{
		width: 100%;
		position: relative;
		margin: 18px 0 0;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm.fashion{
		margin: 3rem 0 0;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm:before{
		display: inline-block;
		position: absolute;
		width: 150px;
		height: 140px;
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		z-index: 10;
	}      
	.campuslife_faq_question > div.campuslife_faq_student_sm img{
		width: 180px;
	}*/
	.campuslife_faq_question.meji > div.campuslife_faq_student_sm:before{
		right: 163px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_meji_comm.png);
	}
	.campuslife_faq_question.friend > div.campuslife_faq_student_sm:before{
		left: 165px;
                top: 0%;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_friend_comm.png);
	}
	.campuslife_faq_question.friend02 > div.campuslife_faq_student_sm:before{
		left: 165px;
                top: 0%;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq_sm_friend02_comm01.png);
	}
	.campuslife_faq_question.commuting_time01 > div.campuslife_faq_student_sm:before{
		left: 134px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_meji_commuting_time01_comm.png);
	}
	.campuslife_faq_question.commuting_time02 > div.campuslife_faq_student_sm:before{
		left: 160px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2027sm_meji_commuting_time02_comm.png);
	}
	.campuslife_faq_question.fashion > div.campuslife_faq_student_sm:before{
		right: 160px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_fashion_comm.png);
	}
	.campuslife_faq_question.akikoma > div.campuslife_faq_student_sm:before{
		right: 160px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_akikoma_comm.png);
	}
	.campuslife_faq_question.residence > div.campuslife_faq_student_sm:before{
		right: 148px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_residence_comm.png);
	}
	.campuslife_faq_question.pt_job > div.campuslife_faq_student_sm:before{
		right: 126px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_pt.job_comm.png);
	}
	.campuslife_faq_question.club02 > div.campuslife_faq_student_sm:before {
		left: 165px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_club_comm.png);
	}
	.campuslife_faq_question.outing > div.campuslife_faq_student_sm:before {
		left: 146px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm_outing_comm.png);
	}
.scroll-infinity.ph_roll {
  width: 100%;
  margin: 1rem auto 0;
}
.favorite_spot_wrapper {
    display: block;
}
.title_campus.sc,
.title_campus.ic {
   width: 90%;
}
.favorite_spot {
   width: 96%;
   margin-bottom: 3em;
}
.campuslife_faq_question.pt_job p {
   width: 98%;
}
.aruaru {
    width: 100% !important;
    padding: unset !important;
    margin: 3em auto 1em !important;
}
}
@media screen and (max-width: 320px) {
/*タブレット以下で表示の学生コメント*/
	.campuslife_faq_question > div.campuslife_faq_student_sm{
		width: 60%;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm:before{
		width: 118px;
	}
	.campuslife_faq_question > div.campuslife_faq_student_sm img{
		width: 180px;
	}
	.campuslife_faq_question.meji > div.campuslife_faq_student_sm:before{
		left: 116px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm02_meji_comm.png);
	}
	.campuslife_faq_question.friend > div.campuslife_faq_student_sm:before{
		left: 122px;
	}
	.campuslife_faq_question.commuting_time01 > div.campuslife_faq_student_sm:before{
		left: 120px;
	}
	.campuslife_faq_question.commuting_time02 > div.campuslife_faq_student_sm:before{
		left: 120px;
	}
	.campuslife_faq_question.fashion > div.campuslife_faq_student_sm:before{
		left: 98px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm02_fashion_comm.png);
	}
	.campuslife_faq_question.akikoma > div.campuslife_faq_student_sm:before{
		left: 111px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm02_akikoma_comm.png);
	}
	.campuslife_faq_question.residence > div.campuslife_faq_student_sm:before{
		left: 118px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm02_residence_comm.png);
	}
	.campuslife_faq_question.pt_job > div.campuslife_faq_student_sm:before{
		left: 114px;
		background-image: url(/univ/jyukensei/images/campuslife/campuslife_faq2024sm02_pt.job_comm.png);
	}
	.campuslife_faq_question.club02 > div.campuslife_faq_student_sm:before {
		left: 120px;
	}
	.campuslife_faq_question.outing > div.campuslife_faq_student_sm:before {
		left: 116px;
	}
}



/* ========================================
   ショートムービー
======================================== */
.s_movie {
    background-image: none !important;
    padding-bottom: 5em;
    margin: 0 auto;
}
.s_movie_title,
.s_movie_title.club {
   width: 40%;
   margin: 1em auto 0;
}
.s_movie_title .img_container:before {
  padding-top: 53%;
}
.s_movie_title .img_container {
  background: no-repeat url(/univ/jyukensei/images/campuslife/qa_shortmovie_title.png) center / 100%;
}
.short_erea {
    width: calc(100% - 40px);
    margin: 0 21px;
}
.swiper_short {
  padding-top: 24px;
}
.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
  }
/*各スライド*/
.swiper_short .slide_img {
  overflow: hidden;
  width:100%;
  max-width: 340px;
  border-radius: 16px;
  z-index: 0;
}
.slide_img.club_short04 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_club_maspi.png) center 100% / 100%;
}
.slide_img.club_short03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_club_tennis.png) center 100% / 100%;
}
.slide_img.club_short02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_club_quakes.png) center 100% / 100%;
}
.slide_img.club_short01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_towa2024staff_vlog.jpg) center 100% / 100%;
}

.slide_img.campuslife_short23 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_sc_facility01.jpg) center 100% / 100%;
}
.slide_img.campuslife_short22 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_st_vlog.jpg) center 100% / 100%;
}
.slide_img.campuslife_short19 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_eng_abroad02.jpg) center 100% / 100%;
}
.slide_img.campuslife_short18 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_wlf_vlog02.jpg) center 100% / 100%;
}
.slide_img.campuslife_short17 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_recs_app.jpg) center 100% / 100%;
}
.slide_img.campuslife_short06 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_uni_timetable.jpg) center 100% / 100%;
}
.slide_img.campuslife_short05 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_sinfo_outfits02.jpg) center 100% / 100%;
}
.slide_img.campuslife_short04 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_whatsinmybag05.jpg) center 100% / 100%;
}
.slide_img.campuslife_short03 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_pt_vlog.jpg) center 100% / 100%;
}
.slide_img.campuslife_short02 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_sc_credits.jpg) center 100% / 100%;
}
.slide_img.campuslife_short01 .img_container{
    background: no-repeat url(/univ/jyukensei/images/movie/shortm_sinfo_vlog02.jpg) center 100% / 100%;
}
.swiper_short .slide_img :before{
  padding-top:  180%;
}
.swiper_short .slide_txt {
  font-size: .93em;
  font-weight: 700;
  text-align: center;
  margin-top:10px;
}
.swiper_short .slide_txt strong {
  font-size: 18px;
  display: block;
  margin-bottom: 4px !important;
}

@media screen and (max-width: 600px) {
.s_movie {
  margin: 1em auto;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.s_movie_title {
  width: 100%;
}
.short_erea {
    width: 100%;
    margin: 0 auto;
}
.swiper_short .slide_img {
  width:95%;
  max-width: 235px;
}
}
@media screen and (max-width: 481px) {
.swiper_short .slide_img {
  max-width: 181px;
}
}
@media screen and (max-width: 320px) {
.swiper_short .slide_img {
  border-radius: 28px;
}
.swiper_short .slide_txt strong {
  font-size: 1em;
}
.swiper_short .slide_txt {
  font-size: .9em;
}
}