@charset "utf-8";
/* CSS Document */

/* ==============================================
reset
============================================== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;-webkit-text-size-adjust: none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
nav ul,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
input, select, textarea, button, label {vertical-align: middle;	padding: 0px;margin: 0px;}
img ,a img{ vertical-align:bottom; border:none;  background:transparent;}


/* ==============================================
style
============================================== */
body{
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #000;
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
}
input, select, textarea, button, label {vertical-align: middle;	padding: 0px;margin: 0px;}
a:hover img {
	opacity: 0.7;
}
p {line-height: 1.8;}
img{
	max-width: 100%;
	height: auto;
	width :auto;　
}
strong{background: #FF0;}
.red {color: #f33;}
.bold {font-weight: bold;}


#container{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
header{
	margin-bottom: 20px;
	padding: 0.3rem;
	background-color: #232f3e;
	text-align: center;
}
header img{
	width: 90%;
padding-top: 0.2rem;
 padding-bottom: 0.2rem;
}

#book{
	width: 49%;
	margin: 0.9rem auto;
}
#book p.text{
	font-size: 0.8rem;
	margin-top: 0.3rem;
	line-height: 1rem;
}

#book2{
/*	background-image: url("../img/book2_sp.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position : 50% 0%;*/
	width: 95%;
	margin: 1rem auto;
	text-align: center;
}



#sec0 .form_wrap_s {
	width: 90%;
/*	height: 280px;*/
	margin: 0 auto 1rem;
}
#sec0 .mail_box_s{
	background-color: transparent;
	width: 330px;
	height: 34px;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	border: none;
	padding: 0px 0 0px;
	margin: 0px auto 10px!important;
	display: block;

}
#sec0 .form_btn_sp{
	width: 330px!important;
	height: auto;
	margin: 0 auto;
	display: block;

} 


#sec0{
	padding: 0;
}

#sec0 .form_btn_sp{ 
	width: 200px;
}
#sec1{
	margin: 0.5rem;
}
#sec1 .taidan{
	text-align: center;
}
#sec1 p{
	margin: 0.5rem;
	font-size: 1rem;
}


#sec2{
	margin: 0.5rem;
}

#sec2 p.lead{
	margin:1rem 0.5rem 0.7rem;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4rem;
	text-align: center;
}
.tok12{
	margin: 0 auto;
	text-align: center;
}
.card1,.card2,.card3,.card4,.card5,.card6{
	width: 100%;
	max-width: 100%;
   margin-bottom: 1rem;
}
#sec3 .himitsu{margin: 2rem;}
#sec3 .naiyou21{margin: 1rem;}
#sec3 .naiyou21 p{
	font-size: 1.3rem;
	font-weight: bold;
	margin: 1rem;}
#sec3 .naiyou212{
	margin: 0.5rem;
}
#sec3 .naiyou212 ul li{
	padding-left: 24px;
	line-height:2em;
	background: url(../img/212.png) left 0px top 7px no-repeat;
	background-size: 23px auto;
 font-size: 1.1rem;
}

#sec4 h3{
	margin: 1rem;
	font-size: 1.2rem;
}
#sec4 p{
	margin: 0.5rem;
	font-size: 1rem;
}
#sec4 .nigiri{
	text-align: center;
}
#sec4 .nigiri img{
	margin: 0.5rem;
	width: 60%;
}
#sec4 .wazuka img{
	margin: 0.5rem;
	text-align: center;
	width: 90%;
}
#sec4 .form_btn_sp{width: 300px;}


#sec4 .form_wrap {
	/*background-image: url("../img/form_bg_sp2.png");*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 90%;
	/*height: 300px;*/
	text-align:center;
	padding-top: 5px;
	margin: 10px auto 2rem;
	display: block;
}
#sec4 .mail_box{
	background-color: transparent;
	width: 500px;
	height: 53px;
	font-size: 17px;
	line-height: 17px;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0px auto 3px;
	display: block;
position: relative;
bottom: 4px;
}
#sec4 .form_btn_sp{
	width: 500px;
	height: auto!important;
	margin: 0px auto 0px;
	display: block;
}


#sec5 h3{
	margin: 1rem;
	font-size: 1.2rem;
	text-align: center;
}
#sec5 p{
	margin: 0.5rem;
	font-size: 1rem;
}
#sec5 .prof{
	margin: 0 auto;
	text-align: center;
}
#sec5 .prof img{
	width: 60%;
}
#sec5 .form_wrap {
/*	background-image: url("../img/form_bg_sp2.png");*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 90%;
	/*height: 350px;*/
	text-align:center;
	padding-top: 5px;
	margin: 0px auto 2rem;
	display: block;
}
#sec5 .mail_box{
	background-color: transparent;
	width: 500px;
	height: 53px;
	font-size: 17px;
	line-height: 17px;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0px auto 3px;
	display: block;
position: relative;
bottom: 4px;
}
#sec5 .form_btn_sp{
	width: 500px;
	height: auto!important;
	margin: 0px auto 0px;
	display: block;
}

#footer{
	background-color: #232f3e;
	color: #fff;
	padding: 0.7rem 0.3rem 0.3rem;
	text-align: center;
}
#footer #footer-contents li{
	display: inline;
}

#footer #footer-contents li.fl1{
	margin-right: 1rem;
}
#footer #footer-contents li.fl2{
	margin-left: 1rem;
}



#footer #footer-contents li.fl1 a{
	color: #fff;
}
#footer #footer-contents li.fl2 a{
	color: #fff;
}






@media screen and (max-width:640px){
	#book2 p{
		padding-top: 13rem;
	}


#book{
	width: 49%;
	margin: 0.9rem auto;
}
#book p.text{
	font-size: 0.8rem;
	margin-top: 0.3rem;
	line-height: 1rem;
}



#book2{
	background-image: url("../img/book2_sp.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 95%;
	margin: 1rem auto;
}

#book2 p{
	padding-top: 12rem;
	font-size: 1rem;
	margin: 1rem;

}

#sec0 .form_wrap_s {
/*	background-image: url("../img/form_bg1.png");*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position : 50% 0%;
	width: 90%;
/*	height: 280px;*/
	margin: 0 auto 1rem;
}
#sec0 .mail_box_s{
	background-color: transparent;
	width: 280px;
	height: 32px;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	border: none;
	padding: 0px 0 0px;
	margin: 0px 0px 7px 30px;
	display: block;

}
#sec0 .form_btn_sp{
	width: 280px!important;
	height: auto;
	margin-left: 30px;
	display: block;

} 


#sec0{
	padding: 0;
}

#sec0 .form_btn_sp{ 
	width: 200px;
}
#sec1{
	margin: 0.5rem;
}
#sec1 .taidan{
	text-align: center;
}
#sec1 p{
	margin: 0.5rem;
	font-size: 1rem;
}


#sec2{
	margin: 0.5rem;
}

#sec2 p.lead{
	margin:1rem 0.5rem 0.7rem;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4rem;
	text-align: center;
}
.tok12{
	margin: 0 auto;
	text-align: center;
}
.card1,.card2,.card3,.card4,.card5,.card6{
	width: 100%;
	max-width: 100%;
   margin-bottom: 1rem;
}
#sec3 .himitsu{margin: 2rem;}
#sec3 .naiyou21 p{
	font-size: 1.3rem;
	font-weight: bold;
	margin: 1rem;}
#sec3 .naiyou212{
	margin: 0.5rem;
}
#sec3 .naiyou212 ul li{
	padding-left: 24px;
	line-height:2em;
	background: url(../img/212.png) left 0px top 7px no-repeat;
	background-size: 23px auto;
 font-size: 1.1rem;
}


#sec4 h3{
	margin: 1rem;
	font-size: 1.2rem;
}
#sec4 p{
	margin: 0.5rem;
	font-size: 1rem;
}
#sec4 .nigiri{
	text-align: center;
}
#sec4 .nigiri img{
	margin: 0.5rem;
	width: 60%;
}
#sec4 .wazuka img{
	margin: 0.5rem;
	text-align: center;
	width: 90%;
}
#sec4 .form_btn_sp{width: 300px;}


#sec4 .form_wrap {
/*	background-image: url("../img/form_bg_sp2.png");*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 90%;
	/*height: 200px;*/
	text-align:center;
	padding-top: 5px;
	margin: 0px auto 2rem;
	display: block;
}
#sec4 .mail_box{
	background-color: transparent;
	width: 280px;
	height: 30px;
	font-size: 17px;
	line-height: 17px;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0px auto 3px;
	display: block;
position: relative;
bottom: 3px;
}
#sec4 .form_btn_sp{
	width: 280px;
	height: auto!important;
	margin: 0px auto 0px;
	display: block;
}


#sec5 h3{
	margin: 1rem;
	font-size: 1.2rem;
	text-align: center;
}
#sec5 p{
	margin: 0.5rem;
	font-size: 1rem;
}
#sec5 .prof{
	margin: 0 auto;
	text-align: center;
}
#sec5 .prof img{
	width: 60%;
}
#sec5 .form_wrap {
/*	background-image: url("../img/form_bg_sp2.png");*/
	background-repeat: no-repeat;
	background-size: 100%;
	width: 90%;
	/*height: 200px;*/
	text-align:center;
	padding-top: 5px;
	margin: 0px auto 2rem;
	display: block;
}
#sec5 .mail_box{
	background-color: transparent;
	width: 280px;
	height: 30px;
	font-size: 17px;
	line-height: 17px;
	text-align:center;
	border: none;
	padding: 0;
	margin: 0px auto 3px;
	display: block;
position: relative;
bottom: 3px;
}
#sec5 .form_btn_sp{
	width: 280px;
	height: auto!important;
	margin: 0px auto 0px;
	display: block;
}

#footer{
	background-color: #232f3e;
	color: #fff;
	padding: 0.7rem 0.3rem 0.3rem;
	text-align: center;
}
#footer #footer-contents li{
	display: inline;
}

#footer #footer-contents li.fl1{
	margin-right: 1rem;
}
#footer #footer-contents li.fl2{
	margin-left: 1rem;
}

}/*640pxEND*/



@media screen and (max-width:320px){
	#book2 p{
		padding-top: 11rem;
	}
	#sec0 .form_wrap_s {
/*	height: 280px;*/
	margin: 0 auto 1rem;
	}
	#sec0 .mail_box_s{
		background-color: transparent;
		width: 240px;
		height: 29px;
		font-size: 15px;
		line-height: 15px;
		text-align: center;
		border: none;
		padding: 0px 0 0px;
		margin: 0px 0px 7px 26px;
		display: block;
	
	}
	#sec0 .form_btn_sp{
		width: 240px!important;
		height: auto;
		margin-top: 0.5rem;
		margin-left: 26px;
		display: block;
	
	} 

	#sec4 .form_wrap {
	margin: 1rem auto 2rem;
	}
	#sec4 .mail_box{
	width:240px ;
	height: 28px;
	margin: 0px auto;
	position: relative;
	bottom: 4px;
	}
	#sec4 .form_btn_sp{
	width: 240px;
	}
	
	
	#sec5 .mail_box{
		width:240px ;
		height: 28px;
		margin: 0px auto;
		position: relative;
		bottom: 4px;
		}
	#sec5 .form_btn_sp{
		width: 240px;
		}


}/*320pxEND*/


@media screen and (min-width:321px) and ( max-width:375px) {

	#book2 p{
		padding-top: 14rem;
	}


}/*321-375pxEND*/

@media screen and (min-width:376px) and ( max-width:412px) {

	#book2 p{
		padding-top: 15rem;
	}

}/*376-412pxEND*/

@media screen and (min-width:413px) and ( max-width:599px) {

	#sec0 .mail_box_s{
		background-color: transparent;
		width: 310px;
		height: 32px;
	}

	#sec0 .form_btn_sp{
		width: 312px!important;
		height: auto;	
	} 

	#sec4 .form_btn_sp{
		width: 312px;
		height: auto!important;
		margin: 0.5rem auto 0px;
	}
	#sec5 .form_btn_sp{
		width: 312px;
		height: auto!important;
		margin: 0.5rem auto 0px;
	}

}/*413-599px 414_iPhone11maxEND*/

@media screen and (min-width:600px) and ( max-width:639px) {

	#book2 p{
		padding-top: 21rem;
	}

	#sec0 .form_wrap_s {
/*	height: 280px;*/
	margin: 0 auto 1rem;
	}
	#sec0 .mail_box_s{
		background-color: transparent;
		width: 330px;
		height: 33px;
		font-size: 15px;
		line-height: 15px;
		text-align: center;
		border: none;
		padding: 0px 0 0px;
		margin: 0px auto;
		display: block;
	
	}
	#sec0 .form_btn_sp{
		width: 330px!important;
		height: auto;
		margin-top: 0.5rem;
		margin:0 auto;
		display: block;
	
	} 


	#sec4 .form_wrap {
	/*height: 280px;*/
		margin: 10px auto 2rem;
	}
	#sec4 .mail_box{
		width: 445px;
		height: 46px;
		margin: 0px auto 10px;
	bottom: 4px;
	}
	#sec4 .form_btn_sp{
		width: 445px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}


	#sec5 .form_wrap {
	/*height: 280px;*/
		margin: 10px auto ;
	}
	#sec5 .mail_box{
		width: 445px;
		height: 46px;
		margin: 0px auto 10px;
	bottom: 4px;
	}
	#sec5 .form_btn_sp{
		width: 445px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}

}/*600-639*/

@media screen and (min-width:641px) and ( max-width:768px) {
	#sec4 .form_wrap {
	/*height: 400px;*/
		margin: 10px auto 2rem;
	}
	#sec4 .mail_box{
		width: 580px;
		height: 65px;
		margin: 0px auto 10px;
	bottom: 4px;
	}
	#sec4 .form_btn_sp{
		width: 580px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}
	#sec5 .form_wrap {
	/*height: 400px;*/
		padding-top: 5px;
		margin: 10px auto 2rem;
	}
	#sec5 .mail_box{
		width: 580px;
		height: 65px;
		margin: 0px auto 10px;
	bottom: 4px;
	}
	#sec5 .form_btn_sp{
		width: 580px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}
}/*415-768pxEND*/


@media screen and (min-width:769px) and ( max-width:812px) {

	#sec4 .form_wrap {
/*		background-image: url("../img/form_bg_sp2.png");*/
		background-repeat: no-repeat;
		background-size: 100%;
		width: 90%;
	/*height: 400px;*/
		text-align:center;
		padding-top: 5px;
		margin: 10px auto ;
		display: block;
	}
	#sec4 .mail_box{
		background-color: transparent;
		width: 610px;
		height: 65px;
		font-size: 17px;
		line-height: 17px;
		text-align:center;
		border: none;
		padding: 0;
		margin: 0px auto 10px;
		display: block;
	position: relative;
	bottom: 4px;
	}
	#sec4 .form_btn_sp{
		width: 610px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}


	#sec5 .form_wrap {
	/*	background-image: url("../img/form_bg_sp2.png");*/
		background-repeat: no-repeat;
		background-size: 100%;
		width: 90%;
	/*height: 400px;*/
		text-align:center;
		padding-top: 5px;
		margin: 10px auto 2rem;
		display: block;
	}
	#sec5 .mail_box{
		background-color: transparent;
		width: 610px;
		height: 65px;
		font-size: 17px;
		line-height: 17px;
		text-align:center;
		border: none;
		padding: 0;
		margin: 0px auto 10px;
		display: block;
	position: relative;
	bottom: 4px;
	}
	#sec5 .form_btn_sp{
		width: 610px;
		height: auto!important;
		margin: 0px auto 0px;
		display: block;
	}
}/*769-813pxEND*/




@media screen and (min-width:813px){

	#book2 p{
		padding-top: 33rem;
	}


}/*813pxEND*/