@charset "utf-8";

/*	common
------------------------------------------------------------ */

body{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #191919;
	font-family:'Noto Serif JP', serif;
}

h1{
	margin:0;
}

h2, h3{
	line-height: 1.7;
	font-weight: normal;
	font-family:'Noto Serif JP', serif;
}

p, ul, dl{
	line-height: 180%;
	color: #191919;
	font-family:'Noto Serif JP', serif;
}

ul, ol{
	list-style-type:none;
	padding:0;
	margin:0;
}

div#main img{
	width: 100%;
}

.i_block{
	display: inline-block;
}

.clearfix{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	clear: both;
}

/*	共通
------------------------------------------------------------ */
/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.sp_contents{
		display: none;
	}
	.top_btn{
		width:70px;
		height:70px;
		line-height:0;
		position: fixed;
		right:7px;
		bottom:20px;
		z-index: 100;
	}
	a[href^="tel:"] {
	    pointer-events: none;
	}
	.contact_btn img{
  		transition: 0.3s;
	}
	.contact_btn img:hover{
		-webkit-transform: translate(5px,5px);
		-moz-transform: translate(5px,5px);
		-ms-transform: translate(5px,5px);
		-o-transform: translate(5px,5px);
		transform: translate(5px,5px);
	}
}

/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.pc_contents{
		display: none;
	}
	p{
		font-size:90%;
	}
	#main{
		position: relative;
	}

	.fixed-btn {
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		width: 100%;
		z-index: 100;
		display: flex;
		align-items: center;
		background-color: #9f7a46;
	}

	.fixed-btn a {
		display: flex;
		width: 50%;
	}
}


/*	main
------------------------------------------------------------ */

#main{
	width: 100%;
	margin: 0 auto;
}



/*	chapter01
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter01{
		background:#000;
	}
	.chapter01_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:#000;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {

	.chapter01{
		background:#000;
	}
	.chapter01_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:#000;
	}
}

/*	menu
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.menu{
		background: #000;
	}

	.menu_body{
		max-width: 1300px;
		width: 98%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		margin: 0 auto;
	}
	.menu_box{

	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.menu{
		background:#000;
		padding:15px 0;
	}

	.menu_body{
		max-width: 1200px;
		width: 98%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		margin: 0 auto;
	}

	.menu_box{

	}

}


/*	chapter02
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter02{
		background:#f0f0f0;
		padding:30px 0;
	}
	.chapter02_body{
		width:98%;
		background:url(../img/chapter02_bk.jpg) center top no-repeat;
		background-size:contain;
		text-align:center;
		margin:0 auto;
	}
	.chapter02_title{
		max-width:160px;
		width: 100%;
		margin:0 auto;
	}
	.chapter02_check{
		max-width:1200px;
		width:90%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin:10px auto;
	}
	.chapter02_check_box{
		width: 49%;
		margin-bottom: 10px;
	}
	.chapter02_body h2{
		font-size:140%;
		margin:10px 0;
	}
	.big01{
		font-size:18px;
		margin:20px 0 0 0;
		line-height: 1.6;
	}
	.big02{
		font-size:22px;
		margin:0;
		line-height: 1.6;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.chapter02{
		background:#f0f0f0;
		padding:70px 0 100px;
	}
	.chapter02_body{
		max-width:1400px;
		width:98%;
		background:url(../img/chapter02_bk.jpg) center top no-repeat;
		text-align:center;
		margin:0 auto;
	}
	.chapter02_title{
		max-width:260px;
		width: 100%;
		margin:0 auto;
	}
	div#main .chapter02_title img,
	div#main .chapter04_menu_title img,
	div#main .icon_cleaning img,
	div#main .chapter03_title img {
		width: auto;
	}
	.chapter02_check{
		max-width:1200px;
		width:100%;
		display:table;
		border-collapse:separate;
		border-spacing:20px 0;
		margin:40px auto;
	}
	.chapter02_check_box{
		width:22%;
		display:table-cell;
	}
	.chapter02_body h2{
		font-size:180%;
	}
	.big01{
		font-size:20px;
		margin:40px 0 0 0;
	}
	.big02{
		font-size:35px;
		margin:0;
	}

}

/*	chapter03
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter03{
		background:#000;
		padding:30px 0 15px;
	}

	.chapter03 p{
		color:#fff;
	}

	.chapter03 h4{
		color:#fff;
		font-size:120%;
		margin:0;
		letter-spacing:1px;
		line-height: 1.5;
		font-family:'Noto Serif JP', serif;
	}

	.chapter03_body{
		max-width:1250px;
		width:98%;
		background:url(../img/chapter03_bk.jpg) center top no-repeat;
		margin:0 auto;
		background-size:contain;
	}

	.chapter03_title{
		max-width:1050px;
		width:100%;
		margin:0 auto 30px;
	}

	.chapter03_point{
		max-width:700px;
		width:90%;
		margin-left:15px;
		margin-bottom:40px;
	}

	.chapter03_point_body{
		max-width:1200px;
		width:96%;
		margin:30px auto;
	}

	.point_box_left{
		max-width:550px;
		width:98%;
		margin:10px auto;
	}

	.point_box_right{
		width:98%;
		margin:10px auto;
	}

	.point{
		width:120px;
	}

	.point_box02_left{
		width:98%;
		margin:10px auto;
	}

	.point_box02_right{
		max-width:550px;
		width:98%;
		margin:10px auto;
	}

	.chapter03 .big01,
	.chapter03 .big02{
		text-align:center;
	}

	.contact_btn{
		max-width:600px;
		width:90%;
		margin:20px auto;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.chapter03{
		background:#000;
		padding:70px 0 100px;
	}

	.chapter03 p{
		color:#fff;
	}

	.chapter03 h4{
		color:#fff;
		font-size:155%;
		margin:0;
		line-height: 1.5;
		letter-spacing:1px;
		font-weight:normal;
		font-family:'Noto Serif JP', serif;
	}

	.chapter03_body{
		max-width:1250px;
		width:98%;
		background:url(../img/chapter03_bk.jpg) center top no-repeat;
		margin:0 auto;
		background-size:contain;
	}

	.chapter03_title{
		max-width:1050px;
		width:100%;
		margin:0 auto 30px;
	}

	.chapter03_point{
		max-width:700px;
		width:100%;
		margin-left:30px;
		margin-bottom:100px;
	}

	.chapter03_point_body{
		max-width:1200px;
		width:100%;
		margin:60px auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
	}

	.chapter03_point_body.reverse{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
	}

	.point_box_left{
		width:45%;
	}

	.point_box_right{
		width:50%;
	}

	.chapter03_point_body.reverse .point_box_right{
		width:45%;
	}

	.chapter03_point_body.reverse .point_box_left{
		width:45%;
	}

	.point{
		width:200px;
	}

	.point_box02_left{
		width:50%;
		float:left;
	}

	.point_box02_right{
		width:45%;
		float:right;
	}

	.chapter03 .big01,
	.chapter03 .big02{
		text-align:center;
	}

	.contact_btn{
		max-width:600px;
		margin:50px auto;
	}
}

/*	chapter04
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter04{
		background:#fff;
		padding:30px 0;
	}

	.chapter04_body{
		max-width:1600px;
		width:98%;
/*
		background:url(../img/chapter04_bk.jpg) center top no-repeat;
		background-size:contain;
*/
		margin:0 auto;
		text-align:center;
	}
	.chapter04 h2{
		font-size:130%;
	}
	.chapter04_menu_body{
		max-width:1200px;
		width:94%;
		margin:20px auto;
		box-sizing:border-box;
		padding:10px 15px;
		background:#f5efe3;
		border:1px solid #aca794;
	}
	.chapter04_menu_title{
		max-width:300px;
		width:100%;
		margin:0 auto;
	}
	.chapter04_line{
		max-width:700px;
		width:100%;
		margin:10px auto;
	}
	.chapter04_menu_body h4{
		font-weight:normal;
		font-size:100%;
		text-align: center;
	}
	.icon_cleaning{
		max-width:840px;
		width:100%;
		margin:10px auto 0;
	}
	.movie_title span{
		display:inline-block;
		vertical-align:middle;
		font-family:'Noto Serif JP', serif;
	}
	.movie_title{
		text-align:left;
		margin:0;
	}
	.movie_title img{
		max-width:150px;
		margin-right:15px;
	}
	.price_attention{
		font-size:70%;
		text-align:right;
		margin:0;
	}
	.movie_body{
		margin:10px auto;
	}
	.movie_left{
		width:100%;
		margin:10px auto;
	}
	.movie_right{
		width:100%;
		margin:10px auto;
	}
	.movie_right h5{
		font-family:'Noto Serif JP', serif;
		font-size:140%;
		margin:0 0 15px;
		text-align:left;
	}
	.price_other h5{
		font-family:'Noto Serif JP', serif;
		font-size:100%;
		margin:0;
		text-align:center;
	}
	.movie_right p{
		margin:5px 0 16px;
		line-height:150%;
		font-size:90%;
		text-align:left;
	}
	.price_table{
		display:block;
	}
	.price_table_cell{
		width:100%;
		margin-top:10px;
	}
	.price_gold{
		font-size:90%;
		width:100%;
		display: block;
		text-align:center;
		padding:5px 10px;
		box-sizing: border-box;
		color:#fff;
		background:#aca794;
	}

	.movie_right .price{
		margin:5px 0;
		font-size:100%;
	}

	.price_big{
		margin:0 5px 0 10px;
		font-size:16px;
		font-weight: bold;
	}

	.movie_right .price_text{
		font-size:80%;
		margin-top:5px;
	}

	.price_other{
		width:100%;
		display:table;
		margin:20px auto 0;
	}

	.price_other .other_left{
		display:table-cell;
		width:23%;
		background:#a39d88;
		box-sizing:border-box;
		vertical-align:middle;
	}

	.price_other .other_left h5{
		color:#fff;
	}

	.price_other .other_right{
		width:77%;
		display:table-cell;
		background:#fdf7eb;
		box-sizing:border-box;
		padding:8px;
	}

	.price_other .other_right p{
		text-align:left;
		margin:5px;
	}

	.price_gold02{
		margin:0;
	}

	.movie_right p.price_comment{
		margin-top:15px;
	}
	.storage_img_box{
		max-width:380px;
		width:100%;
		margin:10px auto 20px;
	}
	.storage_img p{
		margin:0;
		font-size:90%;
	}
	.storage_img h5{
		color:#fff;
		background:#a39d88;
		margin:0;
		padding:10px 0;
		font-size:110%;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.chapter04{
		background:#fff;
		padding:70px 0 100px;
	}

	.chapter04_body{
		max-width:1600px;
		width:100%;
		background:url(../img/chapter04_bk.jpg) center top no-repeat;
		margin:0 auto;
		text-align:center;
	}
	.chapter04 h2{
		font-size:180%;
	}
	.chapter04_menu_body{
		max-width:1200px;
		width:98%;
		margin:50px auto;
		box-sizing:border-box;
		padding:60px 80px;
		background:#f5efe3;
		border:2px solid #aca794;
	}
	.chapter04_menu_title{
		max-width:500px;
		width:100%;
		margin:0 auto;
	}
	.chapter04_line{
		max-width:700px;
		width:100%;
		margin:50px auto;
	}
	.icon_cleaning{
		max-width:840px;
		width:100%;
		margin:0 auto;
	}
	.movie_title span{
		display:inline-block;
		vertical-align:middle;
		font-family:'Noto Serif JP', serif;
		font-size:140%;
	}
	.movie_title{
		text-align:left;
		margin:0;
	}
	.movie_title img{
		max-width:230px;
		margin-right:20px;
	}
	.price_attention{
		font-size:80%;
		text-align:right;
		margin:0;
	}
	.movie_body{
		margin:30px auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		 flex-wrap:  wrap;
		-webkit-justify-content: space-between;
		justify-content:  space-between;
	}
	.movie_left{
		width:39%;
	}
	.movie_right{
		width:56%;
		text-align:left;
	}
	.movie_right h5,
	.price_other h5{
		font-family:'Noto Serif JP', serif;
		font-size:140%;
		margin:0 0 10px;
	}
	.movie_right p{
		margin:5px 0;
		line-height:150%;
		font-size:95%;
	}
	.price_table{
	}
	.price_table_cell{
	}
	.price_gold{
		font-size: 90%;
		width: 6em;
		text-align: center;
		padding: 5px 10px;
		color: #fff;
		background: #aca794;
		display: inline-block;
		box-sizing: border-box;
	}

	.movie_right .price{
		margin:5px 0;
		font-size:100%;
	}

	.price_big{
		margin:0 5px 0 10px;
		font-size:170%;
	}

	.movie_right .price_text{
		font-size:80%;
		margin-top:5px;
	}

	.price_other{
		width:100%;
		display:table;
		margin:20px auto 0;
	}

	.price_other .other_left{
		display:table-cell;
		width:25%;
		background:#a39d88;
		box-sizing:border-box;
		vertical-align:middle;
	}

	.price_other .other_left h5{
		color:#fff;
	}

	.price_other .other_right{
		width:75%;
		display:table-cell;
		background:#fdf7eb;
		box-sizing:border-box;
		padding:15px 20px;
	}

	.price_other .other_right p{
		text-align:left;
		margin:5px;
	}

	.price_gold02{
		margin:0;
	}

	.movie_right p.price_comment{
		margin-top:15px;
	}
	.storage_img{
		width:100%;
		display:table;
		border-collapse:separate;
		border-spacing:25px 0;
		margin:50px auto 0;
	}
	.storage_img_box{
		width:50%;
		display:table-cell;
	}
	.storage_img p{
		margin:0;
		font-size:90%;
	}
	.storage_img h5{
		color:#fff;
		background:#a39d88;
		margin:0;
		padding:10px 0;
		font-size:110%;
	}
}


/*	chapter05
------------------------------------------------------------ */


/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter05{
		background:#f4f2ee;
	}

	.chapter05_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:url(../img/chapter05_bk.jpg) center top no-repeat;
		background-size:contain;
		padding:30px 0;
		text-align:center;
	}
	.chapter05_flow{
		max-width:480px;
		width:96%;
		margin:0 auto;
	}
	.chapter05_flow_box{
		width:100%;
		margin:0;
	}
	.chapter05_flow_box p{
		font-size:90%;
		margin-top:0;
		margin-bottom:0;
	}
	.chapter05_flow_allow{
		width:80px;
		margin:0 auto;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.chapter05{
		background:#f4f2ee;
	}

	.chapter05_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:url(../img/chapter05_bk.jpg) center top no-repeat;
		padding:70px 0;
		text-align:center;
	}
	.chapter05_flow{
		max-width:1100px;
		width:96%;
		margin:30px auto 0;
		display:table;
	}
	.chapter05_flow_box{
		width:22%;
		display:table-cell;
	}
	.chapter05_flow_box p{
		font-size:90%;
		margin-top:0;
	}
	.chapter05_flow_allow{
		width:4%;
		display:table-cell;
	}

}

/* --- SP ---------- */
@media screen and (max-width: 740px) {
	.chapter06{
		background:#000;
	}

	.chapter06_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:url(../img/chapter06_bk.jpg) center top no-repeat;
		background-size:contain;
		padding:30px 0;
		text-align:center;
		color:#fff;
	}
	.chapter06_body p{
		color:#fff;
		margin:0;
	}
	.chapter06_bigtext{
		font-size:100%;
		margin-bottom:0;
	}
	.chapter06 h2{
		margin:0;
	}
	.chapter06_second{
		margin-top:30px;
	}
	.chapter06_text2{
		margin-top:30px;
	}
	.chapter06_bnr_box{
		max-width:560px;
		width:80%;
		margin:15px auto 0;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	.chapter06{
		background:#000;
	}

	.chapter06_body{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		background:url(../img/chapter06_bk.jpg) center top no-repeat;
		padding:70px 0;
		text-align:center;
		color:#fff;
	}
	.chapter06_body p{
		color:#fff;
	}
	.chapter06_bigtext{
		font-size:160%;
		margin-bottom:0;
	}
	.chapter06 h2{
		margin:0;
	}
	.chapter06_second{
		margin-top:40px;
	}
	.chapter06_text2{
		margin-top:60px;
	}
	.chapter06_bnr{
		max-width:1100px;
		width:96%;
		margin:30px auto 0;
		display:table;
		border-collapse:separate;
		border-spacing:20px 0;
	}
	.chapter06_bnr_box{
		width:50%;
		display:table-cell;
	}


}


/* --- tablet ---------- */
@media screen and (max-width: 1366px) {
	.commonlp-reserve-btn .sec-fixed{
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 50;
	}
	.commonlp-reserve-btn .sec-fixed .inner{
		text-align: right;
	}
	.commonlp-reserve-btn .sec-fixed .inner a{
		display: block;
	}
	.commonlp-reserve-btn .sec-fixed .inner a:hover{
		opacity: 0.8;
	}
}

/* --- PC ---------- */
@media screen and (min-width: 741px) {

	.commonlp-reserve-btn .sec-fixed{
		position: fixed;
		bottom: 40px;
		right: 0;
		z-index: 50;
	}
	.commonlp-reserve-btn .sec-fixed .inner{
		text-align: right;
	}
	.commonlp-reserve-btn .sec-fixed .inner a{
		display: block;
		transition: .2s;
	}
	.commonlp-reserve-btn .sec-fixed .inner a:hover{
		opacity: 0.7;
	}

}

/* --- SP ---------- */
@media screen and (max-width: 740px) {

	.pc-contents{display: none;}
	.commonlp-reserve-btn .sec-fixed{
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		z-index: 50;
		border-top: 1px solid #efefef;
		box-sizing: border-box;
		padding: 4px 0 12px;
	}
	.commonlp-reserve-btn .sec-fixed .inner{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 50px;
		box-sizing: border-box;
		text-align: center;
	}
	.commonlp-reserve-btn .sec-fixed .inner a{
		display: block;
		width: 33.3333%;
	}
	.commonlp-reserve-btn .sec-fixed .inner a:hover{
		opacity: 0.8;
	}
	.commonlp-reserve-btn .sec-fixed .inner a img{
		width: 70px;
		display: block;
		margin: 0 auto;
	}

}

.common-footer{
	background: #000;
}

.common-footer section{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 80px;
	text-align: center;
}
.common-footer section p,
.common-footer section small,
.common-footer section a{
	margin: 0;
	color: #fff;
}

.logo-img{
	max-width: 244px;
	width: 100%;
	margin: 30px auto 0;
}

.box02-inner{
	max-width: 361px;
	width: 100%;
}

.school-bnr {
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
}

.school-bnr a:hover {
	opacity: .8;
}