@charset "utf-8";

/*==============================================================
■ memo



==============================================================*/
* {
	box-sizing: border-box;
}
html {
	background-color: #040c1c;
}
body {
	font-family: "M PLUS Rounded 1c",'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 19px;
	letter-spacing: -0.00em;
  color: #fff;
	line-height: 1.8;
}
@media screen and (max-width: 900px) {
	body {font-size: 17.5px;}
}
@media screen and (max-width: 600px) {
	body {font-size: 14.5px;}
}
@media screen and (max-width: 500px) {
	body {font-size: 12px;}
}
@media screen and (max-width: 400px) {
	body {font-size: 11px;}
}


#contents {
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
	#contents {width: 900px;}
}



.top_01 {
  position: relative;
  width: 100%;
}
.top_02 {
  position: relative;
  margin-top: -32%;
}
.top_02 img{
  position: relative;
  width: 92%;
}


.top_tokuten_01 {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: -1.3%;
}
.top_tokuten_01_img{
  position: relative;
  width: 98%;
}
.top_btn {
  position: relative;
  margin-top: -28%;
}
.top_btn img{
  position: relative;
  width: 86%;
}


.top_tokuten_02 {
  position: relative;
  width: 98%;
  margin-top: 4%;
}

.top_tokuten_02plus {
  position: relative;
  width: 98%;
  margin-top: -4%;
}

.top_tokuten_03 {
  position: relative;
  width: 98%;
  margin-top: -4%;
  z-index: 3;
}


.top_btn2 {
  position: relative;
  margin-top: -24.5%;
  z-index: 5;
}
@media screen and (min-width: 900px) {
	.top_btn2 {margin-top: -24%;}
}
.top_btn2 img{
  width: 86%;
}


.onayami img{
  position: relative;
  width: 100%;
  z-index: 1;
  margin-top: 7%;
}


.ft {
  position: relative;
  margin-top: 0%;
}
.ft_3_title {
  position: relative;
  width: 100%;
}
.ft_3_teacher_01 {
  position: relative;
  width: 94%;
}
.ft_3_teacher_02 {
  position: relative;
  width: 94%;
  margin-top: 12%;
}
.ft_intro {
  text-align: left;
  padding: 5px 4% 0;
}
.ft_intro p{
  margin: 0 0 0rem;
}
.ft_intro_ttl {
  height: 3.2rem;
}
@media screen and (max-width: 900px) {
	.ft_intro_ttl {height: 2.8rem;}
}
@media screen and (max-width: 600px) {
	.ft_intro_ttl {height: 2.5rem;}
}
@media screen and (max-width: 500px) {
	.ft_intro_ttl {height: 2rem;}
}
@media screen and (max-width: 400px) {
	.ft_intro_ttl {height: 1.8rem;}
}


.ft_3_campaign_03 {
  position: relative;
  width: 98%;
  margin-top: 0%;
  z-index: 3;
}


.ft_btn {
  position: relative;
  margin-top: -24.1%;
  z-index: 5;
}
.ft_btn img{
  width: 82%;
}



.title {
  position: relative;
  width: 100%;
  margin-top: 8%;
}
.ft_4_teachers {
  position: relative;
  width: 100%;
  margin-top: 2%;
  margin-bottom: 5%;
}


.ft_8_media {
	position: relative;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
  }

.review {
  margin-bottom: 3%;
}
.review_bg1 {
  margin: 0;
  background: linear-gradient(rgba(255, 125, 135, 0), rgba(255, 125, 135, 0.15), rgba(255, 125, 223, 0.3));
  padding-bottom: 2%;
}
.review_bg2 {
  margin: 0;
  background: linear-gradient(rgba(11, 249, 147, 0), rgba(11, 249, 147, 0.15), rgba(0, 172, 250, 0.3));
  padding-bottom: 2%;
}
.review_img {
  margin-top: 2%;
  margin-bottom: -2%;
  width: 97%;
}
.review p {
  padding: 0 3%;
  text-align: left;
  font-size: 100%;
}


.review_5_campaign_03 {
  position: relative;
  width: 98%;
  margin-top: 2%;
  z-index: 3;
}
.review_btn {
  position: relative;
  margin-top: -24.4%;
  z-index: 5;
}
.review_btn img{
  width: 86%;
}



.qa {
	padding: 0 2.5%;
	margin: 0 0 2%;
	text-align: left;
	display: flex;
	align-items: center;

}
.qa2 {
  margin: 10px 0 5%;
  align-items: stretch;
}
.qa img {
display: inline-block;
vertical-align: middle;
zoom: 1; /* for IE6-7 */
display: inline; /* for IE6-7 */
}
.qa_img {
  width: 32px;
  height: 32px;
}

.form{
	width: 700px;
	margin: 0 auto;
}

.th{
	width: 35%;
	display: block;
	float: left;
	height: 80px;
	margin-bottom: 20px;
}

.th img{
	width: 100%;
}

.td{
	width: 60%;
	display: table;
	float: right;
	height: 80px;
	text-align: left;
	margin-bottom: 20px;
}

.input_normal{
	width: 70%;
	padding: 10px;
	border-radius: 8px;
}


.input_birthday{
	width: 20%;
	padding: 10px;
	border-radius: 8px;
}

.input_sex{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.input_sex_label{
	margin-right: 20px;
}

.form2{
	width: 900px;
	margin: 0 auto;
}

.form2_content{
	width: 600px;
	margin: 0 auto;
}

.td2{
	height: 90px;
	text-align: left;
	margin-bottom: 20px;
}

.td2_inner{
	display: table-cell;
	vertical-align: middle;
}

.input_normal2{
	width: 100%;
	padding: 10px;
	height: 50px;
	font-size: 16px;
}

.input_birthday2{
	width: 25%;
	padding: 10px;
	height: 50px;
}

.input_consultation2{
	width: 100%;
	padding: 10px;
	height: 50px;
}

.item{
	clear: both;
}

.sendbtn{
	clear: both;
}

.sendbtn input{
	margin-top: 100px;
	width: 900px;
	height: 160px;
    background: url("/public/pc/image/250310_will_concierge_smaller/7_register_btn_off.webp") center top no-repeat;
    background-size: contain;
	border: none !important;
	outline: none !important;
	border:solid 0px !important;
}
.sendbtn input:hover {
	background-image: url(/public/pc/image/250310_will_concierge_smaller/7_register_btn_on.webp);
}

@media screen and (max-width: 640px) {

	.form2{
		width: 100%;
	}

	.form2_content{
		width: 85%;
		margin: 0 auto;
		font-size: 14px;
		font-weight: bold;
	}
	
	.input_birthday2{
		width: 22%;
	}	

	.td2{
		height: auto;
	}
	.top_02 img{
	  width: 100%;
	}
}




.mb10{
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	.form{
		width: 90%;
	}

	.th{
		width: 40%;
		float: none;
		height: auto;
		margin-bottom: 5px;
	}

	.td{
		width: 100%;
		float: none;
		height: auto;
		margin-bottom: 40px;
	}

	.sendbtn input{
		margin-top: 20px;
		width: 90%;
		height: 80px;
	    background: url("/public/pc/image/250310_will_concierge_smaller/7_register_btn_off.webp") center top no-repeat;
	    background-size: contain;
		border: none !important;
		outline: none !important;
		border:solid 0px !important;
	}
	.sendbtn input:hover {
		background-image: url(/public/pc/image/250310_will_concierge_smaller/7_register_btn_on.webp);
	}
}


.txtq {
display: inline-block;
vertical-align: middle;
/*width:600px;  幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
zoom: 1; /* for IE6-7 */
display: inline; /* for IE6-7 */
font-size: 10.5px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #ffd340;
margin-left: 0.5rem;
}
.txta {
display: inline-block;
vertical-align: middle;
/*width:600px;  幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
zoom: 1; /* for IE6-7 */
display: inline; /* for IE6-7 */
margin-left: 0.5rem;
font-size: 7px;
letter-spacing: -0.01em;
}
@media screen and (min-width: 330px) {
	.txta {font-size: 8px;}
  .txtq {font-size: 11.5px;}
}
@media screen and (min-width: 360px) {
	.qa_img {width: 36px;height: 36px;}
	.txta {font-size: 10.6px;}
  .txtq {font-size: 12.8px;}
}
@media screen and (min-width: 400px) {
	.qa_img {width: 40px;height: 40px;}
		.txta {font-size: 11.5px;}
	  .txtq {font-size: 14px;}
}
@media screen and (min-width: 450px) {
	.txta {font-size: 13.5px;}
  .txtq {font-size: 16px;}
}
@media screen and (min-width: 500px) {
  .qa_img {width: 50px;height: 50px;}
		.txta {font-size: 14.5px;}
	  .txtq {font-size: 18px;}
}
@media screen and (min-width: 600px) {
  .qa_img {width: 60px;height: 60px;}
		.txta {font-size: 17.5px;}
	  .txtq {font-size: 21px;}
}
@media screen and (min-width: 700px) {
  .qa_img {width: 65px;height: 65px;}
  .txta {font-size: 18px;margin-left: 1rem;}
  .txtq {font-size: 25px;margin-left: 1rem;}
}
@media screen and (min-width: 750px) {
  .qa_img {width: 75px;height: 75px;}
  .qa {padding: 0 5%;}
}





.question {
  height: 5rem;
  margin-right: 1.5rem;
  float:left;
}

.answer {
  height: 5rem;
  margin-right: 1.5rem;
  float:left;
}


.question_txt {
  font-size: 120%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ffd340;
    vertical-align:middle;
}
.question_txt p{
  display: table-cell;
  vertical-align:middle;
}



footer {
	padding: 3% 0 0;
	margin: 12.5% 0 0;
	clear:both;
	height:60px;
	text-align:center;
	border-top: solid 1px #666;
	display:block;
	font-size: 85%;
}
@media screen and (min-width: 500px) {
  footer {height:80px;}
}
@media screen and (min-width: 600px) {
  footer {height:90px;}
}
@media screen and (min-width: 900px) {
  footer {height:100px;padding: 1.8% 0 0;}
}
footer a{
	color: #fff;
}


.fadein_soon {
	display: none;
}


.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


.fadein2 {
    opacity : 0;
    transition : all 2500ms;
}
.fadein2.scrollin {
    opacity : 1;
}