@charset "utf-8";

html 				{ background-color: #fff; }
h1,h2 				{ margin: 0; }
img 				{ max-width: 100%; vertical-align: bottom; }
a img:hover           {opacity: 0.8 ;}

.hide-text1 { display: none; }
.hide-text2 { display: none; }
.hide-text3 { display: none; }
 
button.readmore { position: relative; height: 115px; width: 90px; font-weight:bold; line-height:1.2; margin: 0 auto; display: block; text-align:center; background-color: transparent; color: #D7FF1E; padding-bottom: 40px; border: none; outline: 0; transition: .5s; }
button.readmore::after { content: " "; position: absolute; width: 30px; height: 30px; border-top: solid 5px #D7FF1E; border-right: solid 5px #D7FF1E; transform: rotate(135deg); -webkit-transform: rotate(135deg); right: 28px; top: 40px; transition: .5s;-erbkit-transition: .5s; }
button.readmore:hover::after { top: 40px; }
.on-click { color: transparent!important; }
.on-click { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }


.relative            { position: relative; }
.absolute          { position: absolute; left: 0; right: 0; margin: 0 auto; }
.btn_box           { width:90%; margin: 2% auto;  }
.btn_left            { width:49%; float:left; }
.btn_right          { width:49%; float:right; }

section 			{ margin: 0 auto; padding:0; background-color:#fff;  }
.section01 .post1    { top:19%;}
.section01 .post2    { bottom:15%;}
.section01 .btn_area  { text-align:center; bottom:3%; }
.section02 .post1    { bottom:14%;}
.section03 .post    { top:2%; overflow:hidden; }
.section04 .post1   { bottom:5%; }
.section06 .post1   { top:2%; }
.section06 .post1   { top:2%; }
.section06 .btn_area  { text-align:center; bottom:8%; }
.section08 .post1    { top:3%; }
.section09 .post1    { top:8%; }
.section09 .btn_area  { text-align:center; bottom:3%; margin: 0 auto;  }
.section10 .post1   { bottom:0; }
.section11  { background-color:#000; padding: 2% auto;}
.section12  { background-color:#000; padding: 2% auto;}
.section13  { background-color:#000; padding: 2% auto;}
.section14 .post     { top:17%; }
.section15 .post1    { top:22%; }
.section15 .post2    { top:33%; }
.section16 .map     { width:90%; margin:0 auto; }
.section16 .address { text-align:center; margin:0 auto; margin:4% auto !important; font-size: 15px; line-height:1.8; }
.section17 .btn_area  { text-align:center; bottom:3%; margin: 0 auto;  }
.section18  { background: url(../img/sec18_bg.png); background-size:contain; padding-bottom:5%; border-bottom:#BFDE00 solid 10px;   }
.section18 .post1   { top:24%; }
.section19          { padding-top:5% }
.section19 .post1   { top:34%; }
.section19 .post2   { bottom:3%; }
.section20 .post1   { top:18%; }
.section20 .post2   { top:34%; }
.section20 .post3   { top:44%; }
.section20 .post4   { bottom:35%; }
.section20 .post5   { bottom:23%; }
.section20 .post6   { bottom:0.5%; }
.section21              { margin:10% auto; }
.section22 .post1    { top:32%; }
.section22 .post2    { bottom:5%; }
.section23               { margin-top:10%; }
.section23 .post1    { top:38%; }
.section23 .post2    { bottom:5%; }
.section24 .post1    { top:38%; }
.section24 .btn_area  { text-align:center; bottom:8%; margin: 0 auto; }
.section25 .post1    { top:10%; }
.section25 .post2    { top:15%; }
.section25 .post3    { top:24%; }
.section25 .post4    { top:52%; }
.section25 .post5    { top:68%; }
.section25 .post6    { bottom:2%; }
.section26 .btn_area  { text-align:center; bottom:8%; margin: 0 auto; }

@media print, screen and (min-width: 769px) {
body 				{ font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 13px; line-height: 2; background-color:#FFF; }

.sp 				{ display: none; }

#wrapper            { width:750px; margin:0 auto; background-color:#FFF; overflow:hidden;}
.header 			{ width:750px; margin:0 auto; height:100px; padding-top:5px; background-color:#FFF; position: fixed; top:0; left:0; right:0; z-index:10; }
.header h1			{ width:42%;  margin-left:1%; float:left; overflow:hidden; }
.header .header_btn	{ width:57%; float:right; overflow:hidden; text-align:right; }
.header .header_btn img	{ margin-right:2%; margin-top:2%; float:right; }
.section01          { padding-top:100px;}

#footer             { padding-top: 50px; text-align: center; background-color:#000; color:#FFF }
#footer .company 	{ margin: 0 auto 5%; padding: 0; font-size:16px; }
#footer .shop    	{ margin: 5% auto 0; padding: 0; font-size:18px; font-weight:bold; line-height:1.5 }
#footer .shop_address{ margin: 0 auto 0; padding: 0; font-size:14px; }
#footer .copyright 	{ margin: 10% 0 0; padding: 20px 0; }
#pagetop 			{ position: fixed; bottom: 30px; right: 30px; }
#pagetop ul li 		{ width: 87px; text-align: center; }

}


@media screen and (max-width: 768px) {
body 				{ font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 11px; line-height: 1; background-color: #fff; }

.pc 				{ display: none; }

#wrapper            { width:100%; margin:0 auto; background-color:#FFF; overflow:hidden;}
.header 			{ height:80px; padding-top:2px; background-color:#FFF; position: fixed; top:0; left:0; right:0; z-index:10; }
.header h1			{ width:42%; margin-left:1%; float:left; overflow:hidden; }
.header .header_btn	{ width:57%; float:right; overflow:hidden; text-align:right; }
.header .header_btn img	{ margin-right:2%; margin-top:2%; float:right; }
.section01          { padding-top:80px;}


#footer 			{ padding-top: 30px; text-align: center; background-color:#000; color:#FFF }
#footer .company 	{ margin: 0 auto 5%; padding: 0; font-size:16px; }
#footer .shop    	{ margin: 5% auto 0; padding: 0; font-size:18px; font-weight:bold; }
#footer .shop_address{ margin: 0 auto 0; padding: 0; font-size:14px; line-height:1.5; }
#footer .copyright 	{ margin: 10% 0 0; padding: 20px 0; }
#pagetop 			{ width: 80px; position: fixed; bottom: 10px; right: 10px; }
#pagetop ul li 		{ text-align: center; }

iframe#egg_form 	{ width: 100%; }
}


/* コンタクトページ */

/* 初期設定 */
input[type="submit"],
input[type="button"],
input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;  
    background: none; 
    border: 0; 
    box-sizing: border-box;
}

@media print, screen and (min-width: 769px) {
    .contact #wrapper { 
        width:650px; 
        margin:0 auto; 
        background-color:#FFF; 
        overflow:hidden;
    }
}
@media screen and (max-width: 768px) {
    .contact #wrapper { 
        width:100%; 
        margin:0 auto; 
        background-color:#FFF; 
        overflow:hidden;    
    }
}


.contact #wrapper .header__tit { 
    font-size: 18px; 
    text-align: center;
    line-height: 1.2;
    margin: 40px 0;
    font-weight: bold;
}

.terms p {
	text-align: center;
}
.contact #wrapper .attention {
	width: 100%;
	padding: 30px;
	margin: 0 auto 20px;
	border: 1px solid #333;
	background: #fafafa;
	font-size: 14px;
	line-height: 2;
	color: red;
	text-align: left;
}

.contact #wrapper .main__section {
    width: 90%;
    margin: 0 auto 80px;
}

.contact #wrapper .contact__no {
    font-size: 14px;
    margin-bottom: 10px;
}

.contact #wrapper .contact__required {
    font-size: 14px;
    color: red;
    display: inline-block;
    margin-left: 10px;
}

.contact #wrapper .contact__required--errors {
    margin-bottom: 30px;
}


.contact #wrapper .contact__inner { 
    margin-bottom: 40px;
}

.contact #wrapper .contact__inner dt { 
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}


.contact #wrapper .contact__inner .contact__counseling--noBold {
    font-weight: normal;
    color: #333;
}

.contact #wrapper .contact__inner dd {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.contact #wrapper .contact__counseling {
    margin-bottom: 60px;
}

.contact #wrapper .contact__counseling--df {
    margin-bottom: 70px;
}
.contact #wrapper .contact__counseling .contact__counselingInner:nth-of-type(1) {
    margin-bottom: 20px;
}

.contact #wrapper .contact__inner input[type="text"],
.contact #wrapper .contact__inner input[type="email"] { 
    width: 100%;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
    border: 1px solid #333;
    font-size: 14px;
    color: #333;
}

.contact #wrapper .contact__inner select {
    width: 100%;
    height: 30px;
    border: 1px solid #333;
    box-sizing: border-box;
    color: #333;
    padding-left: 15px;
}

.contact #wrapper .contact__inner textarea { 
    width: 100%;
    padding: 10px 0 10px 15px;
    box-sizing: border-box;
    border: 1px solid #333;
    color: #333;
}

.contact #wrapper .contact__error {
    color: red;
    font-size: 12px;
    margin-top: 10px;
}

.contact #wrapper .contact__check {
    text-align: center;
    margin-bottom: 25px;
}

.contact #wrapper .contact__submit { 
    text-align: center;
}

.contact #wrapper .contact__submit .contact__input  {
    background-color: #ed5d2a;
    color: #fff;
    font-size: 14px;
    padding: 20px 0;
    width: 250px;
    box-sizing: border-box;
    border-radius: 30px;
}

.contact #wrapper .contact__submit .contact__input--back {
    background-color: #333;
}

.contact #wrapper .contact__submit .contact__input--finish {
    background-color: #ed5d2a;
}

.contact #wrapper .main__cofirmTit {
    font-size: 16px; 
    text-align: center;
    margin: 40px 0 20px;
}

.contact #wrapper .main__cofirmTxt {
    font-size: 14px; 
    line-height: 1.5;
    text-align: center;
    margin-bottom: 40px;
}

.contact #wrapper .main__cofirmTxt a {
    text-decoration: underline;
}


.contact #wrapper .main__finishTeams {
    margin-bottom: 40px;
}

.contact #wrapper .main__finishTeams .main__finishTeam {
    text-align: center;
    margin-bottom: 20px;
}

.contact #wrapper .main__finishTeams .main__finishTeam:last-child {
    margin-bottom: 0;
}


.contact #wrapper .main__finishTeams .main__finishTeam a {
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 30px;
    text-decoration: underline;
}

.contact #wrapper dl dt span.att {
    font-size: 14px;
    color: red;
    display: inline-block;
}
.contact #wrapper dl dd .wpcf7-list-item {
    display: inline-block;
    padding: 0;
    margin: 0 20px 10px 0;
}
.contact #wrapper dl dd .wpcf7-list-item-label {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 5px;
}
.contact #wrapper dl dd > strong {
    font-weight: bold;
    display: block;
    padding: 0;
    margin: 0 auto 5px;
}
.contact #wrapper dl dd input[type="date"] {
    display: inline-block;
    padding: 5px;
    margin: 0 auto 10px;
}
.contact__submit {
    margin-bottom: 100px;
}



/*日付*/
.first-choice {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.second-choice {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px;
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.third-choice {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
#all_wrap .counseling_form_table td span.date,
#wrapper .contact__inner span.date {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0 30px 0 0;
}
#all_wrap .counseling_form_table td span.time,
#wrapper .contact__inner span.time {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
}
#all_wrap #form_area .counseling_form_table td p.small,
#wrapper .contact__inner p.small {
	padding: 0;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
}
#all_wrap #form_area .counseling_form_table td em,
#wrapper .contact__inner em {
	display: inline-block;
	padding: 0;
	margin: 0 15px 0 0;
	position: relative;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	color: #000;
	font-style: normal;
}
#all_wrap #form_area .counseling_form_table td .first-choice em::after,
#wrapper .contact__inner .first-choice em::after {
	content: '*';
	display: block;
	font-size: 14px;
	line-height: 1;
	color: firebrick;
	position: absolute;
	top: 0;
	right: -0.5em;
}
#all_wrap #form_area .counseling_form_table td span.time .select_wrap select,
#wrapper .contact__inner span.time .select_wrap select {
	width: 130px;
	height: 36px;
	line-height: 36px;
	padding: 8px 10px;
	margin: 0;
	background: #fafafa;
	border: 1px solid #cacaca;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	font-feature-settings: "palt";
	outline: none;
	text-align: left;
}
#all_wrap .counseling_form_table td input[type="date" i],
#wrapper .contact__inner input[type="date" i] {
	width: 130px;
	height: 36px;
	line-height: 36px;
	padding: 8px 10px;
	margin: 0;
	background: #fafafa;
	border: 1px solid #cacaca;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	font-feature-settings: "palt";
	outline: none;
	text-align: left;
}
/*== スマホ・タブレット対応 ==*/
@media only screen and (max-width: 768px){
	/*日付*/
	.first-choice {
		width: 100%;
		padding: 15px 20px;
		margin: 0 auto 10px;
		position: relative;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		background: #fafafa;
		border-radius: 5px;
	}
	.second-choice {
		width: 100%;
		padding: 15px 20px;
		margin: 0 auto 10px;
		position: relative;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		background: #fafafa;
		border-radius: 5px;
	}
	.third-choice {
		width: 100%;
		padding: 15px 20px;
		margin: 0 auto 10px;
		position: relative;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		background: #fafafa;
		border-radius: 5px;
	}
	#all_wrap .counseling_form_table td span.date,
	#wrapper .contact__inner span.date {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0;
		margin: 0 0 10px;
	}
	#all_wrap .counseling_form_table td span.time,
	#wrapper .contact__inner span.time {
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: nowrap;
		padding: 0;
		margin: 0;
	}
	#all_wrap #form_area .counseling_form_table td p.small,
	#wrapper .contact__inner p.small {
		padding: 0;
		margin: 10px 0 0;
		font-size: 11px;
		line-height: 1.4em;
		color: #000;
	}
	#all_wrap #form_area .counseling_form_table td em,
	#wrapper .contact__inner em {
		display: inline-block;
		width: 80px;
		padding: 0;
		margin: 0 15px 0 0;
		position: relative;
		font-size: 14px;
		line-height: 1;
		font-weight: 400;
		color: #000;
		font-style: normal;
	}
	#all_wrap #form_area .counseling_form_table td .first-choice em::after,
	#wrapper .contact__inner .first-choice em::after {
		content: '*';
		display: block;
		font-size: 14px;
		line-height: 1;
		color: firebrick;
		position: absolute;
		top: 0;
		right: -0.5em;
	}
	#all_wrap #form_area .counseling_form_table td span.time .select_wrap select,
	#wrapper .contact__inner span.time .select_wrap select {
		width: 190px;
		height: 36px;
		line-height: 36px;
		padding: 8px 10px;
		margin: 0;
		background: #fff;
		border: 1px solid #cacaca;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		font-feature-settings: "palt";
		outline: none;
		text-align: left;
	}
	#all_wrap .counseling_form_table td input[type="date" i],
	#wrapper .contact__inner input[type="date" i] {
		width: 190px;
		height: 36px;
		line-height: 36px;
		padding: 8px 10px;
		margin: 0;
		background: #fff;
		border: 1px solid #cacaca;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		font-feature-settings: "palt";
		outline: none;
		text-align: left;
	}
}