@charset "UTF-8";

/***************************************************

	FAQ

***************************************************/

.faq_topslider{

}

.faq_topslider li{
	height: 480px;
	position: relative;
	overflow: hidden;
}

.faq_topslider li img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main_head {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

h1{
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: var(--subcolor01);
}

.school_faq_title{
	background: #fff;
	text-align: center;
	margin-bottom: 80px;
	line-height: 1;
}

.school_faq_title .faq_title_in{
	padding: 60px 0 65px;
	position: relative;
}

.school_faq_title .faq_title_in::before{
	content: '';
	width: 208px;
	height: 168px;
	display: inline-block;
	background: url('../images/faq/faq_bg01.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
    top: 50%;
    left: 46px;
    transform: translate(0, -50%);
}

.school_faq_title .en_title{
	font-size: 32px;
	font-weight: bold;
	color: var(--subcolor01);
	margin-bottom: 14px;
}

.school_faq_title .jp_title span{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #000;
	padding: 7px 9px;
}

.content_wrapp{
	margin-bottom: 80px;
}

.content_wrapp h2 {
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 12px;
}

ul.item-list{

}

ul.item-list li{
	margin-bottom: 6px;
}

ul.item-list li:last-child{
	margin-bottom: 0;
}

ul.item-list li .list_wrapp{
	border: 1px solid #ccc;
	background: #fff;
}

ul.item-list li .list-q{
	position: relative;
    cursor: pointer;
}

ul.item-list li .list-q span{
	display: block;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	padding: 24px 2.6em 24px 70px;
}

ul.item-list li .list-q::after{
	content: '＋';
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
}

ul.item-list li .list-q.active::after{
	content: '－';
}

ul.item-list li .list-q span::before{
	content: 'Q.';
	font-size: 28px;
	color: var(--subcolor01);
	display: inline-block;
	position: absolute;
    top: 18px;
    left: 30px;
    transform: translate(0, 0);
}

ul.item-list li .list-a{
	display: none;
	line-height: 1.6;
	position: relative;
	padding: 24px 2.6em 24px 70px;
	background: #9fa0a0;
	color: #fff;
}

ul.item-list li .list-a strong{
	background: #ffff00;
	color: #494949;
}

ul.item-list li .list-a::before{
	content: 'A.';
	font-size: 28px;
	color: #fff;
	display: inline-block;
	position: absolute;
    top: 13px;
    left: 30px;
    transform: translate(0, 0);
}

.list-a ul{
	list-style: disc;
}

.list-a ol{
	counter-reset: ol_num01 0;
}

.list-a ol li{
	padding-left: 1.6em;
	position: relative;
}

.list-a ol li::before{
	counter-increment: ol_num01 1;
	content: counter(ol_num01) '.';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}



.cta.cont_box {
	border-radius: 0;
	margin: 10px 0 20px;
	border: 10px solid var(--maincolor02);
}






/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1080px){

.faq_topslider li{
	height: 47.058824vw;
}

h1{
    height: 5.882353vw;
    line-height: 5.882353vw;
    font-size: 2.745098vw;
}

.school_faq_title{
	margin-bottom: 7.843137vw;
}

.school_faq_title .faq_title_in{
	padding: 5.882353vw 0 6.372549vw;
}

.school_faq_title .faq_title_in::before{
	width: 20.392157vw;
	height: 16.470588vw;
    left: 4.509804vw;
}

.school_faq_title .en_title{
	font-size: 3.137255vw;
	margin-bottom: 1.372549vw;
}

.school_faq_title .jp_title span{
	font-size: 1.568627vw;
	padding: 0.686275vw 0.882353vw;
}

.content_wrapp{
	margin-bottom: 7.843137vw;
}

.content_wrapp h2 {
    font-size: 2.254902vw;
    margin-bottom: 1.176471vw;
}

ul.item-list li{
	margin-bottom: 0.588235vw;
}

ul.item-list li .list-q span{
	font-size: 2.254902vw;
	padding: 2.352941vw 2.6em 2.352941vw 6.862745vw;
}

ul.item-list li .list-q::after{
	font-size: 2.352941vw;
    right: 2.941176vw;
}

ul.item-list li .list-q span::before{
	font-size: 2.745098vw;
    top: 1.764706vw;
    left: 2.941176vw;
}

ul.item-list li .list-a{
	padding: 2.352941vw 2.6em 2.352941vw 6.862745vw;
}

ul.item-list li .list-a::before{
	font-size: 2.745098vw;
    top: 1.27451vw;
    left: 2.941176vw;
}



.cta.cont_box {
	margin: 0.980392vw 0 1.960784vw;
	border: 0.980392vw solid var(--maincolor02);
}





}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:414px){

.faq_topslider li{
	height: 34.666667vw
}

h1{
	height: 10.666667vw;
    line-height: 10.666667vw;
    font-size: 4.8vw;
}

.school_faq_title{
	margin-bottom: 10.666667vw;
}

.school_faq_title .faq_title_in{
	padding: 7.466667vw 0;
}

.school_faq_title .faq_title_in::before{
	width: 23.466667vw;
	height: 18.933333vw;
    left: 6%;
}

.school_faq_title .en_title{
	font-size: 5.333333vw;
	margin-bottom: 2.133333vw;
}

.school_faq_title .jp_title span{
	font-size: 3.466667vw;
	padding: 0.8vw 1.066667vw;
}

.content_wrapp{
	margin-bottom: 10.666667vw;
}

.content_wrapp h2 {
    font-size: 4.266667vw;
    margin-bottom: 2.133333vw;
}

ul.item-list li{
	margin-bottom: 1.6vw;
}

ul.item-list li .list-q span{
	font-size: 4vw;
	padding: 4.266667vw 5.333333vw 4.266667vw 10.4vw;
}

ul.item-list li .list-q::after{
	font-size: 4.8vw;
    right: 4%;
}

ul.item-list li .list-q span::before{
	font-size: 5.333333vw;
    top: 2.933333vw;
    left: 3.2vw;
}

ul.item-list li .list-a{
	padding: 4.266667vw 4.266667vw 4.266667vw 10.4vw;
}

ul.item-list li .list-a::before{
	font-size: 5.333333vw;
    top: 2.666667vw;
    left: 3.733333vw;
}



.cta.cont_box {
	border-radius: 0;
	margin: 4vw 6%;
	border: 1.333333vw solid var(--maincolor02);
}



}