/*【全体レイアウト】*/
/*【ヘッダー】*/
header,
header nav{
	height:56px;
}
@media screen and (max-width:768px){
	header{
		height:56px;
	}
	header nav{
		height:calc(100vw / 768 * 104);
	}
}
header{
	background:#ffffff;
	position:relative;
}
header nav{
	right:0;
	top:0px;
	position:absolute;
	text-align:right;
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	padding:0px 0px;
	max-width:394px;
  width: calc(100vw - 424px);
}
header nav a{
}
header nav a img{
	display:block;
	width:100%;
}
header .flex{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	width:100%;
}

header #header_logo{
	height:56px;
	position:absolute;
	left:16px;
	top:0px;
	padding-bottom:4px;
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
}
@media screen and (max-width:768px){
	header{
		height:calc(100vw / 768 * 168);
	}
	header nav{
		height:calc(100vw / 768 * 104);
		padding:0px;
		max-width:100%;
	  width: 100%;
	}
	header nav{
		right:auto;
		top:calc(100vw / 768 * 64);
		justify-content: space-between;
	}
	header #header_logo{
		height:calc(100vw / 768 * 56);
	}
}
header #header_logo .header__area{
	font-size:1.4rem;
	font-weight:bold;
	color:#04A458;
	padding:0px 16px;
	display:flex;
	align-items:center;	
	margin-left:16px;
	white-space: nowrap;
}
header #header_logo img{
	height:100%;
	display:block;
}

header.is-fixed nav img{
}

@media screen and (max-width:520px){
	header #header_logo{
		margin-bottom:16px;
	}
	header #header_logo .header__area{
		font-size:1.2rem;
	}
}

/*【CTA】*/
.cta-wrap{
	padding:0;
}
.cta-wrap__h2{
	background:#e887a8;
	color:#fff;
	text-align:center;
	font-size:4rem;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.cta-wrap__h2{
		font-size:2.0rem;
	}
}
@media screen and (max-width:375px){
	.cta-wrap__h2{
		font-size:1.8rem;
	}
}

.cta__btns a{
	display:block;
	margin-bottom:8px;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
.cta__btns img{
	width:100%;
}

.campaign,.cta{
	background:#ffe4ea;
	margin:0 auto;
}

.campaign{
	padding:40px 16px 0px 16px;
}
.campaign--fv{
	padding-bottom:40px;
}
.cta{
	padding:40px 16px 40px 16px;
}
@media screen and (max-width:425px){
	.campaign{
		padding-top:24px;
	}
	.campaign--fv{
		padding-bottom:24px;
	}
	.cta{
		padding:24px 16px 24px 16px;
	}
}

.cta--fv{
}
.campaign__img{
	background:#fff;
	box-shadow:0px 0px 6px rgba(0,0,0,0.25);
	padding:40px 24px;
	max-width:904px;
	margin:0 auto;
}
.campaign__img img{
	width:100%;
	max-width:720px;
	margin:0 auto;
	display:block;
}
.cta__btns{
	background:#ffffff;
	padding:40px 24px;
	max-width:904px;
	margin:0 auto;
}


.cta__btns .cta__img{
	max-width:720px;
	display:block;
	margin:0 auto 40px auto;
}

.cta__btns--fv .cta__img{
	max-width:none;
}
/*【コロナ】*/
.covid{
	text-align:center;
	padding-top:0px;
}
.covid img{
	max-width:100%;
	display:block;
}

/*【お悩み】*/
.worry .container{
	max-width:904px;
}
.worry h2{
	color:#E887A8;
}
.worry ul{
	padding-left:0px;
}
.worry ul li{
	font-size:2.4rem;
	padding:1em 1em 1em 2.5em;
	background:url(./img/worry_icon.png) left 1em top 1.25em/auto 0.9em no-repeat;
	background-color:#F2F6F6;
	border-radius:4px;
	margin-bottom:2px;
	list-style-type:none;
	font-weight:bold;
}


.worry__conclusion{
	font-size:4.0rem;
	background:#E887A8;
	color:#ffffff;
	text-align:center;
	position:relative;
	border-radius:8px;
	font-weight:bold;
	padding:64px 16px 40px 16px;
}

.worry__conclusion:before{
	border-top:40px solid #fff;
	border-right:200px solid transparent; 
	border-left:200px solid transparent; 
	content:'';
	top:0px;
	left:50%;
	transform:translate( -50%,0%);
	position:absolute;

}


@media screen and (max-width:425px){
	.worry ul li{
		font-size:1.6rem;	
	}
	.worry__conclusion{
		font-size:2.4rem;
		padding:calc(100vw / 425 * 64) 16px 24px 16px;
	}
	.worry__conclusion:before{
		border-top:10vw solid #fff;
		border-right:calc(50vw - 32px) solid transparent; 
		border-left:calc(50vw - 32px) solid transparent; 
	}
}


/*【成績アップ】*/
.experience2,
.experience {
	padding-right:56px;
	padding-left:56px;
}
.experience .container,
.experience2 .container{
		position:relative;
}
.experience .swiper-button-prev,
.experience2 .swiper-button-prev{
	left:-40px;
}
.experience .swiper-button-next,
.experience2 .swiper-button-next{
	right:-40px;
}

.experience .swiper-slide img,
.experience2 .swiper-slide img{
	max-width:100%;
}

.experience__comment{
	background:#F2F6F6;
	padding:16px;
}
.h2-aqua{
	background:#08C1D1;
	color:#ffffff;
	margin-bottom:0;
}

.experience2{
	padding-top:0px;
}
.experience2 h2{
	color:#00AdBc;
	border:3px solid;
	padding:8px;
	margin-bottom:40px;
}
.experience2 .swiper-button-prev{
	top:calc(50% + 40px);
}
.experience2 .swiper-button-next{
	top:calc(50% + 40px);
}

/*【理由】*/
.reason{
	background:linear-gradient(to right, #CEFBFF, #FFFEE8);
}
.reason h2{
	color:#444;
}

/*##目次##*/
.reason .index{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content: center;
	margin-bottom:40px;
}
.reason .index__item{
	-webkit-flex:0 0 280px;/*--- safari（PC）用 ---*/
	-ms-flex:0 0 280px;/*--- IE10用 ---*/
	flex : 0 0 280px;
	height:280px;
	margin:24px 16px;
	text-align:center;
	background:#ffffff;
	border-radius:10000px;
}

.pink{
	color:#E887A8;
}
.orange{
	color:#F39800;
}
.aqua{
	color:#08C1D1;
}
.green{
	color:#16A700;
}
.blue{
	color:#0088BA;
}
.reason .index__numbering{
	font-size:2.8rem;
	border-bottom:2px solid;
	width:80%;
	margin:0 auto;
	margin-top:1.8em;
	margin-bottom:0.5em;
	font-weight:bold;
}
.reason .index__title{
	font-size:3.2rem;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.reason .index__item{
		-webkit-flex:0 0 calc(100vw / 768 * 280);/*--- safari（PC）用 ---*/
		-ms-flex:0 0 calc(100vw / 768 * 280);/*--- IE10用 ---*/
		flex : 0 0 calc(100vw / 768 * 280);
		height:calc(100vw / 768 * 280);
		margin:calc(100vw / 768 * 24) calc(100vw / 768 * 16);
	}
	.reason .index__item:nth-of-type(3){
		margin: -24px calc(100% - (100vw / 768 * 280));
	}	
	.reason .index__numbering{
		font-size:calc(100vw / 768 * 28);
	}
	.reason .index__title{
		font-size:calc(100vw / 768 * 32);
	}
}
/*##コンテンツ##*/
.reason .contents{
	padding:40px 32px;
	border-radius:8px;
	background:#fff;
	margin:16px 0px;
}

@media screen and (max-width:425px){
	.reason .contents{
		padding:24px 16px;
	}
}
.reason .contents__numbering{
	font-size:3.2rem;
	border-bottom:1px solid;
}
.reason .contents__numbering big{
	position:relative;
}
.reason .contents__numbering big:after{
	width:1.5em;
	height:1.5em;
	content:"";
	background:#E887A8;
	opacity:0.4;
	border-radius:10000px;
	position:absolute;
	top:50%;
	right:-0.2em;
	transform:translateY(-50%);
}
.reason .contents__numbering.orange big:after{
	background:#F39800;
}
.reason .contents__numbering.aqua big:after{
	background:#08C1D1;
}
.reason .contents__numbering.green big:after{
	background:#16A700;
}
.reason .contents__numbering.blue big:after{
	background:#0088BA;
}


.reason .contents h3{
	font-size:3.2rem;
	text-align:left;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:24px;
}

.reason .contents__disc{
	margin:24px 0px;
	font-size:2.0rem;
}
@media screen and (max-width:768px){
	.reason .contents__disc{
		font-size:1.6rem;
		margin:16px 0px;
	}
	.reason .contents__numbering{
		font-size:2.4rem;
	}
	.reason .contents h3{
		font-size:2.4rem;
		margin-top:8px;
		margin-bottom:16px;
	}
}
@media screen and (max-width:425px){
	.reason .contents h3{
		font-size:calc(100vw / 425 * 20);
	}
	.reason .contents h3 span{
		display:inline;
	}
}

/*## reason 1##*/

.reason .courses{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	justify-content:space-between;
}

.reason .course{
	padding:24px 24px 24px 24px;
	border:2px solid #E887A8;
	border-radius:8px;
	-webkit-flex:0 1 calc(50% - 16px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(50% - 16px);/*--- IE10用 ---*/
	flex : 0 1 calc(50% - 16px);
	margin:16px 0px;
	position:relative;
}
.reason .course__weak{
	font-size:1.6rem;
	background:#E887A8;
	display:inline-block;
	padding:0.2em;
	border-radius:2px;
	color:#ffffff;
	position:absolute;
	left:16px;
	top:0px;
	transform:translateY(-50%);	
}
.reason .course__goal{
	margin:8px 0px;
	color:#E887A8;
	font-weight:bold;
}
.reason .course__name{
	font-size:2.4rem;
	font-weight:bold;
}
@media screen and (max-width:768px){
	.reason .courses{
		display:block;
	}
	.reason .course{
		padding:16px 16px 16px 16px;
		margin:24px 0px;
	}
	.reason .course__weak{
		font-size:1.6rem;
	}
	.reason .course__goal{
		margin:4px 0px;
	}
	.reason .course__name{
		font-size:2.0rem;
	}
}
@media screen and (max-width:425px){
	.reason .course__weak{
		font-size:calc(100vw / 425 * 16);
	}
	.reason .course__goal{
		font-size:calc(100vw / 425 * 16);
	}
}
.reason .cases{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content:space-between;
	margin:32px 0px;
}
.reason .case{
	-webkit-flex:0 1 calc(100% / 3 - 16px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(100% / 3 - 16px);/*--- IE10用 ---*/
	flex : 0 1 calc(100% / 3 - 16px);
}
@media screen and (max-width:768px){
	.reason .cases{
		display:block;
	}
	.reason .case{
		margin:16px 0px;
	}
}
.reason .case h4{
	background:#E887A8;
	color:#fff;
	font-size:2.0rem;
	position:relative;
	padding:4px 4px 4px 3.0em;
	font-weight:bold;
}
.reason .case h4 img{
	position:absolute;
	height:2em;
	left:0.5em;
	bottom:0.25em;
	width:auto;
}
.reason .case__title{
	font-weight:bold;
	font-size:2.0rem;
	margin:16px 0;
}
.reason .recommend{
	background:#F2F6F6;
	padding:16px;
}
.reason .recommend__only-you{
	font-weight:bold;
	color:#E887A8;
	text-align:center;
	max-width:6em;
	padding:2px;
	border-radius:100px;
	border:1px solid;
}
.reason h5{
	font-weight:bold;
	color:#E887A8;
	border:none;
	margin:8px 0px 16px 0px;
}
/*## reason 2##*/
.reason .flow{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
}
.reason .flow__item{
	-webkit-flex:1 1 calc(100% / 3);/*--- safari（PC）用 ---*/
	-ms-flex:1 1  calc(100% / 3);/*--- IE10用 ---*/
	flex : 1 1  calc(100% / 3);
}
.reason .flow img{
	display:block;
	max-width:100%;
}

@media screen and (max-width:768px){
	.reason .flow{
		display:block;
	}
}


/*## reason 3##*/
.reason-fee{
	border:1px solid #00ADBC;
	border-radius:8px;
	margin:8px auto;
	width:calc(100% - 32px);
	max-width:400px;
	padding:16px;
	text-align:center;
}
.reason-fee__time{
	font-size:2.4rem;
	font-weight:bold;
}
.reason-fee__fee{
	font-size:3.2rem;
	font-weight:bold;
}
@media screen and (max-width:425px){
	.reason-fee__time{
		font-size:calc(100vw / 425 * 24);
	}
	.reason-fee__fee{
		font-size:calc(100vw / 425 * 32);
	}
}

/*## reason 4##*/
.contents__disc-wrap{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	justify-content:space-between;
}
.contents__disc-wrap > .contents__disc{
	-webkit-flex:0 1 calc(100% / 3 * 2 - 32px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(100% / 3 * 2 - 32px);/*--- IE10用 ---*/
	flex : 0 1 calc(100% / 3 * 2 - 32px);
}
.contents__disc-wrap > .contents__img{
	-webkit-flex:0 1 calc(100% / 3 - 32px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(100% / 3 - 32px);/*--- IE10用 ---*/
	flex : 0 1 calc(100% / 3 - 32px);
}
.contents__img img{
	max-width:100%;
	width:100%;
}

@media screen and (max-width:768px){
	.contents__disc-wrap{
		display:block;
	}
}


/*【コース・料金】*/
.fee{
	padding-top:0px;
}
.fee__h2{
	background:#08c1d1;
	color:#fff;
	margin-bottom:0px;
}
.fee h3{
	color:#08c1d1;
	font-size:3.2rem;
	font-weight:bold;
	margin:24px auto;
}
.fee__compairing{
	text-align:center;	
}
.fee__compairing img{
	max-width:100%;
	display:block;
	margin:0 auto;
}

.fee-table dt{
	background:#08c1d1;
	font-weight:bold;
	padding:8px;
	border-radius:4px;
	color:#fff;
	font-size:2.0rem;
	margin:8px auto;
}

.fee-table dt:after{
	color:#fff;
}
.fee-table .tables{
	padding:0px;
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	justify-content:space-between;
}

@media screen and (max-width:768px){
	.fee-table .tables{
		display:block;
	}
}

.fee-table .tables__item{
	-webkit-flex:0 1 calc(50% - 16px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(50% - 16px);/*--- IE10用 ---*/
	flex :0 1 calc(50% - 16px);
}
.fee-table h4{
	font-size:1.6rem;
	font-weight:bold;
	background:#d9d79d;
	border-radius:4px 4px 0px 0px;
	padding:8px;
	color:#fff;
	margin-bottom:0px;
	position:relative;
}
.fee-table h4:after{
	content:"税込";
	text-align:right;
	font-size:0.9em;
	font-weight:normal;
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%);
}
.fee-table .tables__item table{
	border:2px solid #d9d79d;
	margin-top:0px;
	margin-bottom:16px;
}
.fee-table .tables__item table tr:nth-of-type(2n+1){
	background:#fffee8;
}
.fee-table .tables__item table th,
.fee-table .tables__item table td{
	border:none;
}
.fee-table .tables__item table td{
	text-align:right;
}

/*##入会金##*/

.fee-table .entrans{
	background:#F2F6F6;
	padding:16px;
	max-width:560px;
	margin-bottom:32px;
}
.fee-table .entrans__header{
	font-weight:bold;
}

.fee-table .course .course__name{
	font-weight:bold;
	font-size:2.0rem;
	border-bottom:2px solid;
}
.fee-table .course .course__disc{
	margin:8px 0px;
}
.fee-table .course .course__curriculum table{
	border:1px solid #08C1D1;
	max-width:560px;
}
.fee-table .course .course__curriculum th,
.fee-table .course .course__curriculum td{
	border:none;
}
.fee-table .course .course__curriculum th{
	min-width:88px;
}


/*【教室】*/
.locations{
	padding-top:0px;
}
.locations__h2{
	background:#16A700;
	color:#fff;
}

.locations h3{
	color:#16A700;
	border-bottom:1px solid ;
	text-align:left;
	font-weight:bold;
}

.locations__list{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content:space-between;
}

@media screen and (max-width:768px){
	.locations__list{
		display:block;
	}
}


.locations__list dl{
	-webkit-flex:0 1 calc(50% - 24px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(50% - 24px);/*--- IE10用 ---*/
	flex : 0 1 calc(50% - 24px);
}

.locations iframe{
	height:240px;
	width:100%;
}

.locations dt{
	background:#16A700;
	color:#fff;
	border-radius:4px;
	padding:8px;
}
.locations dt:after{
	color:#fff;
}

.locations th{
	color:#16A700;
	font-weight:bold;
}

.locations th,
.locations td{
	border-color:#eee;
}
@media screen and (max-width:768px){
	.locations th,
	.locations td{
		display:block;
	}	
	.locations td{
		border-top:none;
	}
}

.locations .locations__imgs{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content:space-between;
}
.locations .locations__imgs .locations__img{
	-webkit-flex:0 1 calc(50% - 8px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(50% - 8px);/*--- IE10用 ---*/
	flex :0 1 calc(50% - 8px);
	margin:8px 0px;
}
.locations .locations__imgs img{
	max-width:100%;
}
.locations a{
	color:#444;
	text-decoration:underline;
}

/*【教師の声】*/
.teachers{
	background:#f2f6f6;
}
.teachers__items{
	max-width:720px;
}
.teachers__item{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	margin-bottom:24px;
  align-items: flex-start;
}

.teachers__img{
	-webkit-flex:0 0 120px;/*--- safari（PC）用 ---*/
	-ms-flex:0 0 120px;/*--- IE10用 ---*/
	flex : 0 0 120px;
}


.teachers__img img{
	max-width:100%;
}
.teachers__name{
	text-align:center;
}
.teachers__balloon{
	flex-grow:1;
	background:#9AE3E9;
	border-radius:8px;
	padding:16px;
	position:relative;
}

@media screen and (max-width:768px){
	.teachers__img{
		-webkit-flex:0 0 56px;/*--- safari（PC）用 ---*/
		-ms-flex:0 0 56px;/*--- IE10用 ---*/
		flex : 0 0 56px;
	}
	.teachers__balloon{
		font-size:1.4rem;
	}
}

.teachers__item:nth-of-type(2n+1) .teachers__balloon:after{
	content:'';
	top:2em;
	left:0;
	transform:translateX( -100%);
	position:absolute;
	border-right:8px solid #9AE3E9;
	border-top:8px solid transparent; 
	border-bottom:8px solid transparent; 
}
.teachers__item:nth-of-type(2n) .teachers__balloon:after{
	content:'';
	top:2em;
	right:0;
	left:auto;
	transform:translateX(100%);
	position:absolute;
	border-left:8px solid #9AE3E9;
	border-top:8px solid transparent; 
	border-bottom:8px solid transparent; 
	width:8px;
}
.teachers__item:nth-of-type(2n+1) .teachers__img{
	margin-right:24px;
}
.teachers__item:nth-of-type(2n) .teachers__img{
	order:2;
	margin-left:24px;
}
.teachers__item:nth-of-type(2n) .teachers__balloon{
	order:1;
}
/*【生徒の声】*/
.testimonial__h2{
	background:#08c1d1;
	color:#fff;
}


.testimonial{
	background-image: linear-gradient(0deg, transparent 15px, #eee 16px), linear-gradient(90deg,  transparent 15px, #eee 16px);
	background-size: 16px 16px;
}
.testimonial img{
	max-width:100%;
}
/*【質問】*/
.faq{
	padding-top:0px;
}
.faq__h2{
	color:#fff;
	background:#0088ba;
}
.faq h3{
	color:#0088ba;
	border-bottom:1px solid;
	text-align:left;
	font-weight:bold;
}
.faq__items{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.faq__items{
		display:block;
	}
}

.faq__items dl{
	-webkit-flex:0 1 calc(50% - 8px);/*--- safari（PC）用 ---*/
	-ms-flex:0 1 calc(50% - 8px);/*--- IE10用 ---*/
	flex :0 1 calc(50% - 8px);
	margin:4px 0px;
}
.faq dt{
	background:#0088ba;
	font-weight:bold;
	font-size:1.6rem;
	padding-left:2em;
	margin-top:2px;
	color:#ffffff;
	border-radius:4px;
}
.faq dt:before{	
	content:"Q";
	position:absolute;
	left:0.5em;
	top:0.5em;
}
.faq dt:after{
	content:'＋';
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%);
	transition:0.5s ease;
	color:#ffffff;
}
.faq dt.active:after{
	content:'－';
}
.faq dd{
	display:none;
	font-size:1.6rem;
	position:relative;
	padding-left:2em;
	background:#ffffff;
}
.faq dd:before{	
	content:"A";
	position:absolute;
	left:0.5em;
	top:0.5em;
	font-weight:bold;
	color:#0088ba;
}


/*【問い合わせ】*/
.inquiries{
	background:#ffe4ea;
}

.inquiries__privacy{
	background:rgba(0,0,0,0.1);
	padding:16px;
	height:240px;
	width:100%;
	overflow:scroll;
	font-size:1.3rem;
	line-height:1.5;
}


/*【メッセージ】*/
.message{
}
.message .container{
	max-width:720px;
	margin:0 auto;
	border:2px solid #eee;
	padding:16px;
}
.message__img{
	background:#fff;
	box-shadow:0px 0px 6px rgba(0,0,0,0.24);
	padding:16px;
	margin-bottom:24px;
}
.message__img .img{
	width:100%;
	padding-bottom:60%;
	background:url(./img/message_img.jpg) center center/cover no-repeat;
}


/*【会社情報】*/
.company{
 background:#f2f6f6;
}
.company table th{
	color:#08c1d1;
	font-weight:bold;
	vertical-align:top;
}
.company table td{
}

@media screen and (max-width:768px){
	.company table th,
	.company table td{
		display:block;
	}
	.company table td{
		border:none;
	}
}

/*【コピーライト】*/
#copy a{
	color:#ffffff;
	text-decoration:underline;
}