/*
Last Updated: 2022-01-12
Author:zeal
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	/*font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;*/
	font-size:62.5%;
	color: /*#353535;*/ #4c4c4c;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}

.meiryo{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.yugo{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.yumin{
		font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;
}

.hiragino{
	font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}



.lora{
	font-family: 'Lora', serif;
}


body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
a{
	color:#14184c;
	transition: all 0.3s;
}
a:hover{
	color:#00873b;
	transition: all 0.3s;
}
.op img{ transition: all 0.3s; }
.op:hover img{
	opacity:0.70;
	transition: all 0.3s;
}
.op:hover{
	opacity: 0.7;
}
.max_respon{max-width:100%;}
#container{ overflow: hidden; }
li{ list-style:none; }
.center{ text-align:center; }





@media screen and (max-width: 599px) {
	.copy{ font-size: 1.8rem; }

	p{text-align:left;}

	.sp_text_left{
		text-align: left;
	}

}/*END*/


/*----------------------------------------
	text
----------------------------------------*/
.text_right{
	text-align: right;
}

p{ line-height: 2; }
.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }
.text_pink{ color: #fc799e; }
.text_blue{ color: #0162b3; }
.text_gold{ color: #7b622b; }
.text_emerald{ color:#00b2b2; }
.text_mizu{ color:#00a1e9; }
.text_white{ color:#fff; }

.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_15{ font-size:1.5rem !important; }
.text_21{ font-size:2.1rem !important; }
.text_22{ font-size:2.2rem !important; }
.text_24{ font-size:2.4rem !important; }
.text_26{ font-size:2.6rem !important; }
.text_36{ font-size:3.6rem !important; }
.text_48{ font-size:4.8rem !important; }

.lh_24{ line-height: 2.4 !important; }
.lh_22{ line-height: 2.2 !important; }
.lh_20{ line-height: 2 !important; }
.lh_18{ line-height: 1.8 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_14{ line-height: 1.4 !important; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }
.ls_4{ letter-spacing: 4px; }

@media print, screen and (min-width: 769px) {

	.text_16{ font-size:1.6rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_20{ font-size:2.0rem !important; }
	.text_24{ font-size:2.4rem !important; }

	.text_28{ font-size:2.8rem !important; }
	.text_30{ font-size:3.0rem !important; }
	.text_32{ font-size:3.2rem !important; }
	.text_42{ font-size:4.2rem !important; }
	.text_40{ font-size:4rem !important; }
	.text_50{ font-size:5rem !important; }
	.text_55{ font-size:5.5rem !important; }
	.ls_4{ letter-spacing: 4px; }

}/*END*/

@media print, screen and (min-width:769px) and ( max-width: 1119px) {

	.text_16{ font-size:1.6rem !important; }
	.text_30{ font-size:2.8rem !important; }
	.text_32{ font-size: 2.6rem !important; }
	.text_42{ font-size: 3.6rem !important; }

}/*END*/

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

	p{ line-height: 1.8; }
	.text_18{ font-size: 1.5rem; }
	.text_24{ font-size: 2.2rem !important; }
	.text_28{ font-size: 1.9rem !important; }
	.text_30{ font-size: 2rem !important; }
	.text_32{ font-size: 2rem !important; }
	.text_42{ font-size: 3rem !important; }

	.text_28{ font-size:2.2rem !important; }
	.text_30{ font-size:2.4rem !important; }
	.text_32{ font-size:2.6rem !important; }
	.text_42{ font-size:3.6rem !important; }
	.text_40{ font-size:3.6rem !important; }
	.text_50{ font-size:4rem !important; }
	.text_55{ font-size:4.3rem !important; }

	.ls_2{ letter-spacing: 1px; }
	.ls_3{ letter-spacing: 1px; }
	.ls_4{ letter-spacing: 2px; }

}/*END*/

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

	p{ line-height: 1.6; }
	.text_18{ font-size: 1.4rem; }
	.text_21{ font-size: 1.8rem !important; }
	.text_24{ font-size: 1.9rem !important; }
	.text_26{ font-size:2.1rem !important; }
	.text_28{ font-size: 2.2rem !important; }
	.text_30{ font-size: 2.2rem !important; }
	.text_32{ font-size: 2.4rem !important; }
	.text_42{ font-size: 3rem !important; }

	.text_48{ font-size: 3.2rem !important; }


	.ls_2{ letter-spacing: 0; }
	.ls_3{ letter-spacing: 1px; }
	.ls_4{ letter-spacing: 1px; }

	.lh_24{ line-height: 2 !important; }
	.lh_22{ line-height: 2 !important; }



}/*END*/




/*----------------------------------------
	layout
----------------------------------------*/

.inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
}

.pc_block{
	display: block;
}
.sp_block{
	display: none;
}
.pc_inline_block{
	display: inline-block !important;
}
.sp_inline_block{
	display: none !important;
}


@media print, screen and (min-width: 769px) {

	.inner_frame{
		padding-right: 1.88%;
		padding-left: 1.88%;
	}

}/*END*/

@media print, screen and (min-width: 1200px) {

	.inner_frame{
		width: 1100px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

@media screen and (max-width: 599px){
	.pc_block{
		display: none;
	}
	.sp_block{
		display: block;
	}

	.pc_inline_block{
		display: none !important;
	}
	.sp_inline_block{
		display: inline-block !important;
	}


	.inner_frame{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

}/*END*/

.box_l{
	float: left;
	width: 48.3%;
	box-sizing: border-box;
}
.box_r{
	float: right;
	width: 48.3%;
	box-sizing: border-box;
}


.box_l55{
	float: left;
	width: 55%;
}
.box_r55{
	float: right;
	width: 55%;
}

.box_l45{
	float: left;
	width: 43.5%;
}
.box_r45{
	float: right;
	width: 43.5%;
}


.box_r65{
	width:63.5%;
	float:right;
}
.box_l65{
	width:63.5%;
	float:left;
}

.box_r60{
	width:58.15%;
	float:right;
}
.box_l60{
	width:58.15%;
	float:left;
}
.box_r40{
	width:39.2%;
	float:right;
}
.box_l40{
	width:39.2%;
	float:left;
}
.box_r35{
	width:33.6%;
	float:right;
}
.box_l35{
	width:33.6%;
	float:left;
}

.box_r30{
	width: 30%;
	float: right;
}



.fl_R{
	float:right;
}


.list_three{ margin-left: -3.33%; }
.list_three li{
	position: relative;
	float: left;
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 30%;
	margin-left:3.33%;
}
.list_three li a{ text-decoration: none; }
.list_three li:nth-child(3n+1){ clear: both; }


.list_four{
	margin-left: -1.85%;
}
.list_four li{
	position: relative;
	float: left;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-left:2%;
}
.list_four li{
	width: 23.14%;
	margin-left: 1.85%;
}



@media print, screen and (min-width: 769px) {

	.list_four li:nth-child(4n+1){ clear: both; }

}/*END*/

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

	.list_four li:nth-child(2n+1){ clear: both; }
	.list_four li{
		width: 48%;
		margin-bottom: 20px;
	}

}/*END*/

@media screen and (max-width: 599px){
	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}

	.box_r35,.box_l35,.box_r65,.box_l65,.box_l60,.box_r60,.box_l40,.box_r40,.box_l55,.box_r55,.box_l45,.box_r45,.box_r30{
		float: none;
		width: 100%;
	}



	.list_three{ margin-left: -1.3%; }
	.list_three li{
		position: relative;
		float: left;
		margin-bottom: 20px;
		box-sizing: border-box;
		width: 32%;
		margin-left:1.3%;
	}


}/*END*/


/*----------------------------------------
	header
----------------------------------------*/

header{
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
}
header a{
	display: block;
	color: inherit;
	text-decoration: none;
}


.head_logo{ float: left; }

.head_logo img{ max-width:224px; }

.top_head_logo img{
	max-width: 204px;
}

.head_inner{
	position: relative;
}

.top_head_logo{
	position: absolute;
	top: 35px;
	left: 40px;
}


.top .toplogo{
	display: block;
}
.page .pagelogo{
	display: block;
}

.top .topimg{
	display: inline-block;
}
.top .pageimg{
	display: inline-block;
}

.top .pagelogo,.top .pageimg{ display: none; }
.page .toplogo,.page .topimg{ display: none; }



.head_contact  img{ max-width:200px; }

.tb_none2{ display: none;}

.header_l{
	width:23%;
	float:left;
}
.header_r{
	width:75%;
	float:right;
}


.page header{
	position: static;
	background:#fff;
}

.page header{
	min-height:60px;
}

.sp_fix_btn{
	display: none;
}
.nav_sp_block{
	display: none;
}
.nav_sp_none{
	display: block;
}

#sd-overlay.block{

}


@media print, screen and (min-width: 1199px) {

	header{
		width: 100%;
		z-index: 100;
	}


	.head_contact{
		margin-left:20px;
	}

	.head_contact a.btn{
		box-sizing: border-box;
		background: #fff;
		color: #022873;
		text-align: center;
		padding:22px 30px;
	}
	.head_contact a.btn:hover{
		    opacity: 0.6;
		/*box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0;*/
	}
	.head_contact a.btn img{
		width: 32px;
		vertical-align: 0;
	}
	header li{
		float: left;
		padding-top: 38px;
	}

	header li:last-child{
		padding-top:0;
	}


	header li a{
		text-align: center;
		box-sizing: border-box;
		padding:0 14px;
	}

	header li a:hover{
		color: inherit;
		transition: all 0.6s;
		text-decoration: underline;
	}

	header li:last-child a{
		padding-right: 0;
	}


	.page header a{
		color:#060d2a;
	}
	.page header a:hover{
		color:#060d2a;
		text-decoration: underline;
	}

	.page .head_contact a.btn{
		background:#022873;
		color:#fff;
	}




	#sd{
		font-weight: bold;
		letter-spacing: 0.5px;
	}


	.head_fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: rgba(255,255,255,0.8);
		width: 100%;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0;
	}

	.page header.head_fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: rgba(255,255,255,0.8);
		width: 100%;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0;
	}

	#sd{
		float:right;
	}


}/*END*/



@media print, screen and (max-width: 1340px) {
	h1.read{
		padding: 23px 0 0 4px;
		font-size:1.0rem;
		letter-spacing: -0.5px;
	}


	header li a{
		padding: 0 10px;
	}

}/*END*/


@media print, screen and (max-width: 1280px) and (min-width: 1199px){
	header li:last-child {
	    width: 128px;
	}


}/*END*/




@media screen and (max-width: 1199px) {
	.head_contact{ display: none; }

	.header_l{
		width:100%;
	}

	#sd ul,
	.head_inner{
		padding:0;
	}

	#sd {
	    border-left: 6px solid #000;
	}

	.border_non a{
		border:none !important;
		padding: 0 !important;
	}



	.sd-trigger{
		float: right;
		position: fixed;
		right: 15px;
		top: 20px;
		width: 44px;
		height: 42px;
		cursor: pointer;
		border: 1px solid #000;
		z-index: 10;
		/*background: rgba(255,255,255,0.8);*/
		background: #000;
		color:#fff;
	}


	.sp_fix_btn{
		display: block;
		position: fixed;
		right: 80px;
		top: 23px;
		width: auto;
		cursor: pointer;
		z-index: 10;
	}

	.nav_sp_block{
		display: block;
	}
	.nav_sp_none{
		display: none;
	}



	.sd-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		width: 22px;
		background-color: #fff;
	}
	.sd-trigger span:nth-of-type(1) { top: 11px; left: 11px; }
	.sd-trigger span:nth-of-type(2) { top: 19px; left: 11px; }
	.sd-trigger span:nth-of-type(3) { top: 27px; left: 11px; }
	#sd{ box-sizing: border-box; }
	#sd ul{
		margin-bottom: 0;
		/*border-top: 1px dotted #555;*/
	}
	#sd li{ position: relative; }
	#sd li a{
		display: block;
		text-decoration: none;
		padding: 15px 5% 15px 5%;
		color:#000;
		border-bottom: 1px dotted #555;
	}

}/*END*/



@media print, screen and (max-width: 767px){
	.head_logo{
		width:110px;
	}

	h1.read{
		font-size:1rem;
		padding: 2px 0 0 2px;
	}

	.header_l{
		width:90%;
	}



	.sd-trigger{
		float: right;
		position: fixed;
		right: 15px;
		top: 15px;
		width: 44px;
		height: 38px;
		cursor: pointer;
		border: 1px solid #000;
		z-index: 10;
		/*background: rgba(255,255,255,0.8);*/
		background: #000;
		color:#fff;
	}


}/*END*/









/*----------------------------------------
	ドロワー
----------------------------------------*/

.drawer ul{
	float: right;
	display: flex;
}

.nav_sp_sec_top{
		padding-top: 30px;
		border-top: 1px solid #acacac;
}


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

.drawer ul{
	float: none;
	display: block;
}

.drawer{
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	color: #d0c077;
	display: flex;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transform: translateX(100%);
	transition: 0.5s ease-in-out;
	z-index: 10;
}
.drawer ul{
	text-align: center;
	padding-top: 50px;
}
.drawer ul li{
	position: relative;
	transform: translateX(-150px);
	transition: transform 0.5s ease;
	padding-bottom: 10px;
}
.drawer ul li:nth-child(2){ transition-delay: 0.15s; }
.drawer ul li:nth-child(3){ transition-delay: 0.25s; }
.drawer ul li:nth-child(4){ transition-delay: 0.35s; }
.drawer ul li:nth-child(5){ transition-delay: 0.45s; }
.drawer ul li:nth-child(6){ transition-delay: 0.55s; }
.drawer ul li:nth-child(7){ transition-delay: 0.65s; }
.drawer ul li:nth-child(8){ transition-delay: 0.4s; }
.drawer ul li:nth-child(9){ transition-delay: 0.45s; }
.drawer ul li:nth-child(10){ transition-delay: 0.5s; }
.drawer ul li:nth-child(11){ transition-delay: 0.55s; }
.drawer ul li:nth-child(12){ transition-delay: 0.6s; }
.drawer ul li a{
	display: inline-block;
	font-size: 1.8rem;
	color: #d0c077;
	text-decoration: none;
	padding: 15px;
}
.drawer ul li a:hover{
	animation: drawer 1.4s;
	color: #967c46;
}
@keyframes drawer{
	0%{
		filter: none;
	}
	30%{
		filter: blur(0.8px);
	}
	100%{
		filter: none;
	}
}
.open .drawer{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.open .drawer ul li{
	transform: translateX(0);
}
.drawer_close{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.drawer_close span{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	background: #fff;
	height: 2px;
	width: 100%;
	transition: all 0.4s;
}
.drawer_close span:nth-child(1){
	transform: rotate(45deg);
}
.drawer_close span:nth-child(2){
	transform: rotate(-45deg);
}
.drawer_close:hover span{
	background: #bd0d23;
}





}/*END*/

@media screen and (max-width: 768px){
	.drawer_close{
		width: 30px;
		height: 30px;
	}
	.drawer ul li a{
		font-size: 1.8rem;
	}



}/*END*/


@media screen and (max-width: 599px){
	.drawer ul li a{
		font-size: 1.6rem;
	}

	.drawer ul li{
		padding-bottom: 5px;
	}


}/*END*/




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

.btn_menu{
		float: right;
		position: fixed;
		right: 15px;
		top: 12px;
		width: 46px;
		height: 43px;
		cursor: pointer;
		z-index: 10;
		/*background: rgba(255,255,255,0.8);*/
		background: #000;
		color:#fff;
}

.btn_menu span{
	position: absolute;
	left: 15%;
	width: 70%;
	height: 1px;
	background: #fff;
	transition: all 0.4s;
}
.btn_menu span:nth-child(1){
	top: 10px;
}
.btn_menu span:nth-child(2){
	top: 21px;
}
.btn_menu span:nth-child(3){
	top: 32px;
}
.open .btn_menu span:nth-child(1){
	transform: rotate(45deg);
	top: 21px;
}
.open .btn_menu span:nth-child(2){
	opacity: 0;
}
.open .btn_menu span:nth-child(3){
	transform: rotate(-45deg);
	top: 21px;
}


.drawer_close{
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.drawer_close span{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	background: #967c46;
	height: 1px;
	width: 100%;
	transition: all 0.4s;
}
.drawer_close span:nth-child(1){
	transform: rotate(45deg);
}
.drawer_close span:nth-child(2){
	transform: rotate(-45deg);
}


}/*END*/







/*----------------------------------------
	MV
----------------------------------------*/

.TopMain{
position: relative;
}

.mv_img {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.mv_copy {
	width:45%;
	max-width:396px;
    position: absolute;
    top: 55%;
    left: 29.4%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}

.top_mv_bg{
	background: url(../images/mv_bg.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.top_mv_bg60{
	background: url(../images/top60/mv60_bg.png) no-repeat;
	background-position: center top;
	position: relative;
	z-index: 1;
}

.mv_logo55{
	max-width: 360px;
	width: 100%;
}

.mv_logo60{
	max-width: 938px;
	width: 100%;
}

.nm_p_t40{
	margin-top: -40px;
}


.mv_emblem{
	position: absolute;
	top: 0;
	left:0;
}

.logo55_p_t80{
	padding-top: 150px;
}

.logo60_block{
	padding-top: 165px;
}



@media screen and (max-width: 768px) {
	.top_head_logo {
	    position: absolute;
	    top: 28px;
	    left: 20px;
	    width: 20%;
	}

}/*END*/



@media screen and (max-width: 599px) {
	.top_head_logo {
	    position: absolute;
	    top: 20px;
	    left: 10px;
	    width: 35%;
	}

	.top_head_logo.v60{
	    position: absolute;
	    top: 20px;
	    left: 10px;
	    width: 24%;
	}

	.logo60_block img{
		width: 110%;
		margin-left: -5%;
	}

	.logo60_block {
	  padding-top: 120px;
	}

	.top_mv_bg60{
		background: url(../images/top60/mv60_bg_sp.png) no-repeat;
		background-size: 100%;
		background-position: center top;
	}




}/*END*/


/*----------------------------------------
	contents
----------------------------------------*/
.rela{
	position:relative;
}

.ttl{
	position: absolute;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
}

.ttl{
	width:100%;
}

.bg_aqua{
	background: #e9f4fa;
}
.bg_black{
	background: #1b1b1b;
	color: #fff;
}
.bg_black a{
	color: #fff;
}

.bg_gray{
	background: #f2f2f2;
}

.ttl01 img{
	width:100%;
	max-width: 680px;
}

.nm_ttl_t15 img{
	margin-top: -15px;
}

.ttl02 img{
	max-width: 346px;
}

.ttl03 img{
	max-width: 403px;
}


.ttl500 img{
	max-width: 500px;
}
.ttl430 img{
	max-width: 430px;
}
.ttl286 img{
	max-width: 286px;
}

.text_ttl_gray{
	color:#4c4c4c;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 2px;
}

.text_gray{
	color:#4c4c4c;
}

.text_box_s{
	max-width: 410px;
}


.side_mark{
	position: absolute;
	top: 30px;
	right: 20px;
}

.p_l80{
	padding-left: 80px;
}



.over_img_l90{
	display: block;
	width: 90vw;
	/*margin: 0 calc(100% - 90vw);*/
	margin: 0 calc(50% - 50vw);
}

.over_img_r90{
	display: block;
	width: 90vw;
	margin: 0 calc(50% - 50vw);
	float: right;
}


.text_underline{
	text-decoration: underline;
}

.group_content{
	display: flex;
	justify-content: space-between;
}

.in_logomark{
	width: 12%;
}
.in_textbox{
	width: 65%;
}
.in_readmore{
	width: 15%;
	text-align: center;
}

.in_readmore img{
	max-width: 66px;
}



.av_p_t100{
	padding-top:100px;
}


.history_area{
	display: flex;
	justify-content: space-between;
}

.history_ttl_block{
	width: 37%;
	border-right: 1px solid #000;
}

.history_content_block{
	width: 55%;
}

.history_list{
	border-top: 1px solid #aeaeae;
}

.history_list li{
	padding: 12px 0;
	border-bottom: 1px solid #aeaeae;
}

.history_indent{
	padding-left: 15px;
	line-height: 1.8;
}


.history_border_btm{
	border-bottom: 1px solid #aeaeae;
}


.pickup_up_image img{
	margin-top: -60px;
}


.pickup_image_bg{
	background: url(../images/pickup_bg.jpg) no-repeat;
	background-size: auto;
	background-position: center top;
}

.pickup_inner_content{
	background: #fff;
	padding: 30px 4.5%;
    padding-top: 30px;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 60px;
}

.pickup_inner_content .fl_box{
	display: flex;
	flex-wrap: wrap;
}

.pickup_inner_content .item{
	padding: 25px 25px 30px 0;
	width: 50%;
	box-sizing: border-box;
}

.pickup_inner_content .item.box01{
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}
.pickup_inner_content .item.box02{
	border-bottom: 1px solid #aeaeae;
	padding: 25px 0 30px 30px;
}
.pickup_inner_content .item.box03{
	border-right: 1px solid #aeaeae;
}
.pickup_inner_content .item.box04{
	padding: 25px 0 30px 30px;
}


.pickup_inner_content .fl_box .item_box_l{
	width: 78%;
	float: left;
}
.pickup_inner_content .fl_box .item_box_r{
	width: 18%;
	float: right;
}

.pickup_inner_content a{
	color: #4c4c4c;
}

.top_pick_img{
	width: 100%;
	max-width: 298px;
}

.nav_mail{
	margin-top: -20px;
}

.mail_icon{
	max-width: 15px;
	margin-bottom: 10px;
}

.mihama_purin_sp{
	width: 70% !important;
	margin: 0 auto;
}



.fl_box_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.group_fl{
	display: flex;
	gap: 3.4%;
}

.btn_more{
	width: 100%;
	max-width: 60px;
}


.group_contents_item{
}

.group_p_t120{
	padding-top:120px;
}

.group_fl .mark{
	width: 30%;
	max-width: 90px;
}

.reservation_deco01{
	position: absolute;
	width: 14%;
	max-width: 143px;
	top:25%;
	left:2%;
}
.reservation_deco02{
	position: absolute;
	width: 14%;
	max-width: 140px;
	top:0;
	right:2%;
}

.cf_fl{
	display: flex;
}
.cf_fl.between{
	justify-content: space-between;
}
.cf_fl.wrap{
	flex-wrap: wrap;
}

.f_i_center{
	display: flex;
	align-items: center;
}
.f_j_center{
	display: flex;
	justify-content: center;
}


.performance_deco{
	width: 22.69%;
	max-width: 236px;
	position: absolute;
	top:2%;
	right: 3.4%;
}

.history_main{
	background: url(../images/top60/history_main.jpg);
	background-size: cover;
	background-position: center;
	aspect-ratio: 1350 / 780;
	position: relative;
}

.history_title_block{
	position: absolute;
	width: 80%;
	max-width: 429px;
	transform: translate(-50%,-50%);
	top:50%;
	left:50%;
}

.pickup_inner_content.ver60{
	width: 100%;
	margin-top:0;
}

.pick_up_deco{
	width: 90%;
	max-width: 568px;
	position: absolute;
	transform: translateX(-50%);
	left:50%;
	bottom: 0;
}




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

	.over_img_l90{
		width: 100%;
		margin: 0;
	}

	.over_img_r90{
		width: 100%;
		margin: 0;
		float: none;
	}





}/*END*/

@media screen and (max-width: 960px) {
	.p_l80{
		padding-left: 0;
	}

	.side_mark {
	    right: 5px;
	}

	.history_main{
		aspect-ratio: 3 / 4;
	}



}/*END*/



@media screen and (max-width: 599px) {
	.side_mark {
	    position: absolute;
	    top: 30px;
	    right: 5px;
	    width: 8%;
	}

	.group_content{
		flex-wrap: wrap;
	}
	.in_logomark{
		width: 100%;
		text-align: center;
		order: 1;
	}
	.in_textbox{
		width: 100%;
		text-align: center;
		order: 2;
	}
	.in_readmore{
		width: 100%;
		text-align: center;
		order: 3;
		margin-bottom: 50px;
	}

	.over_img_l90{
		width:100%;
		margin: 0;
	}


	.side_mark{
		right: 5px;
	}


	.av_p_t100{
		padding-top:60px;
	}

	.history_area{
		flex-wrap: wrap;
	}

	.history_ttl_block{
		width: 100%;
		border-right: none;
	}

	.history_content_block{
		width: 100%;
	}


	.text_ttl_gray{
		line-height: 1.6;
		letter-spacing: 1px;
	}


	.pickup_inner_content .item{
		padding: 18px;
		width: 100%;
	}

	.pickup_inner_content .item.box01{
		border-right: none;
		border-bottom: 1px solid #aeaeae;
	}
	.pickup_inner_content .item.box02{
		border-bottom: 1px solid #aeaeae;
	}
	.pickup_inner_content .item.box03{
		border-right: none;
		border-bottom: 1px solid #aeaeae;
	}


	.pickup_up_image img{
		margin-top: -30px;
	}

	.pickup_inner_content{
		margin-top: 0;
		padding: 3% 4.5%;
	}

	.pickup_inner_content .item,.pickup_inner_content .item.box02,.pickup_inner_content .item.box04{
		padding: 15px 0;
	}


	.fl_box_item{
		display: block;
	}



	.text_26.top_group_copy_sp{
		font-size: 1.6rem !important;
	}

	.group_p_t120{
		padding-top:0;
	}

	.group_contents_item .box_l,
	.group_contents_item .box_r{
		padding-bottom: 30px;
	}


	.sp_order01{ order: 1; }
	.sp_order02{ order: 2; }
	.sp_order03{ order: 3; }
	.sp_order04{ order: 4; }


	.performance_deco{
		width: 25%;
	    top: -25%;
	    right: 0%;
	}






}/*END*/






/*----------------------------------------
	footer
----------------------------------------*/

.foot_box_l{
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #000;
	letter-spacing:4px;
}
.foot_box_r{
	float: right;
	width: 50%;
	box-sizing: border-box;
}

.foot_g_list li{
	padding: 14px 0;
}


.foot_box_r .inner{
	width: 70%;
	max-width: 352px;
	float: right;
	padding-top: 100px;
	letter-spacing:4px;
}

footer a{
	color: #000000;
	text-decoration: none;
}

.foot_g_pl{
	padding-left: 40px;
}

.foot_sns{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.foot_sns div{
	width: auto;
	text-align: center;
}

.foot_deco{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: -50px;
}

.foot_bg_mb{
	margin-bottom: 50px;
}


.copyright{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 18px;
	color:#000;
	line-height: 1.8;
}

.foot_group_logo_img{
	width: 100%;
	max-width: 219px;
}

.foot_sns.width_ver60{
	width: 70%;
	max-width: 260px;
}
.foot_sns.width_ver60 img{
	width: 80%;
}

.foot_box_r{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.copyright60{
	width: 100%;
	text-align: center;
}
.copyright60 img{
	width: 95%;
	max-width: 394px;
}



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



}/*END*/

@media screen and (max-width: 599px) {
	.foot_box_l{
		float: left;
		width: 100%;
		border-right: 0;

	}
	.foot_box_r{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 50px !important;
		border-top: 1px solid #000;
	}

	.foot_box_r .inner{
		width: 100%;
		max-width: 100%;
		padding-top: 15px;
	}

	.foot_g_pl{
		padding-left: 0;
	}

	.foot_bg_mb{
		margin-bottom: 40px;
	}


	.foot_inner_frame{
		padding-right: 8%;
		padding-left: 8%;
	}


	.copyright{
		font-size: 1rem;
		padding-bottom: 40px;
	}

}/*END*/




/*----------------------------------------
	page top
----------------------------------------*/
.page_top{
	width: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 49;
}
.page_top a{
	display: block;
	text-align: center;
	padding-top: 28px;
	padding-bottom: 20px;
	line-height: 0;
	background: #1d1512;
}

.page_top a::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    -webkit-transform: scaleY(0.9) rotate(45deg);
    -moz-transform: scaleY(0.9) rotate(45deg);
    -ms-transform: scaleY(0.9) rotate(45deg);
    -o-transform: scaleY(0.9) rotate(45deg);
    transform: scaleY(0.9) rotate(45deg);
    position: absolute;
    top: 7px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

@media screen and (max-width: 768px){
	.page_top{
		width: 40px;
		right: 0;
		bottom: 0;
	}

	.page_top a{
		padding-top: 20px;
		padding-bottom: 20px;
	}

}/*END*/














/*----------------------------------------
	page navi
----------------------------------------*/

.head_link_area{
	background: #f2f2f2;
	padding: 15px 2% 15px 2%;
}

.head_link_area .inner{

}

.head_link_area .box_logo{
	width: 20%;
	float: left;
}

.head_link_area .box_navi{
	width: 70%;
	float: right;
	display: flex;
	align-items: center;
	height: 36px;
}

.head_link_area .box_navi div{
	letter-spacing: 1px;
	margin-right: 70px;
}



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

	.head_link_area{
		display: none;
		padding: 15px 1.1% 15px 1.1%;
	}

	.head_link_area .box_navi{
		width: 78%;
	}




}/*END*/

/*----------------------------------------
	予約フォーム
----------------------------------------*/
.visit_reserv{
	width: 100%;
	max-width: 1040px;
	margin-bottom: 100px;
}

.visit_reserv h2{
	margin-top: 50px;
	width: 100%;
	text-align: center;
}



.visit_reserv dl{
	max-width: 850px;
	padding:0 3.9%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto ;
}

.visit_reserv dl .visit_button{
	margin-top: 50px;
	flex-basis: calc((94.2%-50px)/2);
}

.visit_reserv dl .visit_button dt{
	box-shadow: 5px 8px 0 rgba(0, 0, 0, 0.2);
}

.visit_reserv dl .visit_button .button_single{
	display: block;
	box-shadow: 5px 8px 0 rgba(0, 0, 0, 0.2);
}

.visit_reserv dl .visit_button .button_double{
	display: block;
	box-shadow: 6px 8px 0 rgba(0, 0, 0, 0.2);
}

.visit_reserv dl .visit_button .button_single:hover{
	box-shadow:  5px 8px 0 rgba(0, 0, 0, 0.5);

}

.visit_reserv dl .visit_button .button_double:hover{
	box-shadow:  6px 8px 0 rgba(0, 0, 0, 0.5);

}

.visit_reserv dl .visit_button2{
	display: flex;
	justify-content: center;
}

.visit_reserv img{
	max-width: 100%;
}

.visit_reserv dl .visit_button2 .line{
	border-right: solid 1px #15873b;
}



/*----------------------------------------
	JUTAKU
----------------------------------------*/
.text_gray_h{
	color: #999;
}

.page .header_l{
	width: 33%;
	margin: 18px 0 0 2%;
	box-sizing: border-box;
}

.page .header_r{
	width: 65%;
}

.page header li{
	text-align: center;
}
.page header li a{
	padding: 0 22px;
}

.page header li:last-child a{
	padding-right: 0;
	padding-left: 10px;
}

.jutaku_matome_img{
	max-width: 100%;
}


@media screen and (max-width: 1300px){
	.page .header_l{
		margin: 14px 0 0 1.1%;
	}

}/*END*/

@media screen and (max-width: 1199px){
	.page .header_l{
		width: 80%;
		margin: 14px 0 15px 1.1%;
	}

	.page header li a{
		padding: 15px;
	}

}/*END*/


@media screen and (max-width: 599px){
	.page .header_l{
		width: 82%;
		margin: 14px 0 15px 2.8%;
	}

	.jutaku_matome_img{
		width: 110%;
		max-width: 120%;
		margin-left: -3.2%;
	}

}/*END*/


/*ぱんくず*/
.pan_nav{
	font-size: 1.2rem;
	color: #999;
}
.pan_nav li{
	float: left;
	white-space: nowrap;
	line-height: 1.4;
}
.pan_nav a{
	color: inherit;
	text-decoration: none;
}
.pan_nav a:hover{
	color: #385278;
	text-decoration: underline;
}
.pan_nav a:after{
	content: "＞";
	color: #999;
	font-size: 0.6rem;
	padding-left: 10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}


@media screen and (max-width: 599px){
	.pan_nav a:after{
		padding-left: 5px;
		margin-right: 5px;
	}

	.pan_nav{
		font-size: 1.1rem;
		color: #999;
		padding-left: 1.2%;
		padding-right: 1.2%;
	}

}/*END*/


/*コンテンツ*/
.bg_straip{
	background: url(../images/jutaku/straip_bg.gif) repeat-x;
	background-size: auto;
	background-position: center top;
}

.jutaku_img01{
	width: 55vw;
	max-width: 725px;
}

.j_box_l45{
	width: 43%;
	float: left;
}

.j_box_r55{
	width: 54%;
	float: right;
}


.jutaku_frame{
	width: 1242px;
	margin: 0 auto;
	background: #f7fee8;
	padding-right: 40px;
	padding-left: 40px;
	box-sizing: border-box;
}

.j_box_l{
	width: 48%;
	float: left;
}
.j_box_r{
	width: 48%;
	float: right;
}

.jutaku_content .inner_right{
	width: 70%;
	max-width: 357px;
	float: right;
	margin-right: 10%;
}


.jutaku_deco01{
	position: absolute;
	width: 35%;
	max-width: 224px;
	top: 65px;
	left: -22px;
}


.jutaku_content .inner_02{
	max-width: 430px;
	width: 85%;
	float: left;
	margin-left: 5%;
}


.jutaku_content .inner_02 .tex_box{
	width: 90%;
	max-width: 360px;
	margin: 0 auto;
}

.jutaku_deco03{
	position: absolute;
	width: 35%;
	max-width: 224px;
	top: 65px;
	left: -22px;
}


.btn_area_copy_img{
	max-width: 286px;
}

.btn_area_copy{
	background: url(../images/jutaku/btn_area_decoline.gif) repeat-x;
	background-size: auto;
	background-position: center top;
	padding: 18px 4.5% 15px 4.5%;
}

.btn_area_navi{
	background: #fbf3cc;
}

.btn_area_navi.topbg{
	background: #f2f2f2;
}


.btn_area_navi ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.btn_area_navi ul li{
	width: 25%;
	text-align: center;
}


.f_tel_img{
	width: 90%;
	max-width: 347px;
}

.jutaku_ttl01_img{
	max-width: 352px;
}
.jutaku_ttl02_img{
	max-width: 429px;
}
.jutaku_ttl03_img{
	max-width: 352px;
}


@media screen and (max-width: 1260px) {
	.jutaku_frame{
		width: 100%;
		padding-right: 4.5%;
		padding-left: 4.5%;
	}

	.jutaku_deco01{
		top: 60px;
		left: -40px;
	}

	.jutaku_deco03{
		top: 60px;
		left: -60px;
		width: 34%;
	}


}/*END*/


@media screen and (max-width: 860px) {
	.jutaku_deco01 {
	    width: 35%;
		top: 60px;
		left: -40px;
	}



}/*END*/



@media screen and (max-width: 599px) {
	.j_box_l45,.j_box_r55,.j_box_l,.j_box_r{
		width: 100%;
		float: none;
	}

	.jutaku_img01{
		width: 100%;
	}

	.jutaku_content .inner_right{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		float: none;
	}

	.jutaku_deco01 {
		width: 47%;
	    top: 40.5%;
	    left: 26%;
	}

	.jutaku_sp_img04{
		padding-top: 140px;
		width: 114%;
		margin-left: -7%;
	}

	.jutaku_sp_img03{
		width: 114%;
		max-width: 150%;
		margin-left: -5%;
	}


	.jutaku_content .inner_02{
		max-width: 100%;
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.jutaku_content .inner_02 .tex_box{
		width: 100%;
		max-width: 100%;
	}


	.jutaku_deco03{
		top: 40%;
		left: 3%;
		width: 27.5%;
	}


	.btn_area_navi ul li{
		width: 50%;
		text-align: left;
		padding: 10px 0;
	}

	.btn_area_navi ul li img{
		width: 85%;
	}


	.bg_straip{
		background-repeat: repeat;
		background-size: auto;
	}

	.jutaku_sp_bumon{
		margin-top: 120px;
		width: 92%;
		margin-right: auto;
		margin-left: auto;

	}


	.jutaku_ttl01_img,.jutaku_ttl03_img {
	    width: 90% !important;
	}



}/*END*/




/*----------------------------------------
	HOME
----------------------------------------*/
.intro_bg{
	background: url(../images/home/intro_bg.jpg) repeat-x;
	background-size: auto;
	background-position: center top;
}

.intro_main_img{
	display: inline-block;
	width: 90vw;
	max-width: 1277px;
	margin: 0 calc(100% - 90vw);
}

.home_bg_ziguzaku{
	background: url(../images/home/bg_jikuzaku.jpg) repeat-x;
	background-size: auto;
	height: 42px;
}

.home_bg_machinami{
	background: url(../images/home/bg_machinami.png) repeat-x;
	background-size: auto;
	height: 115px;
}


.bg_home_beige{
	background: #f8f5dd;
}

.home_frame{
		width: 1230px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
}

.home_ttl_img01{
	width: 100%;
	max-width: 558px;
}
.home_ttl_img02{
	width: 100%;
	max-width: 550px;
}





.home_matome_img{
	max-width: 100%;
}


@media screen and (max-width: 1300px) {
	.intro_main_img{
		margin: 0 auto;
	}

}/*END*/

@media screen and (max-width: 1230px) {
	.home_frame{
		width: 100%;
		position: relative;
		box-sizing: border-box;
		padding-right: 20px;
		padding-left: 20px;
	}

}/*END*/


@media screen and (max-width: 860px) {
	.intro_bg{
		background-size: contain;
	}

}/*END*/

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

	.home_frame{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

	.home_bg_machinami{
		height: 50px;
		background-position: left bottom;
	}

	.home_ttl_img01{
		width: 120%;
		margin-left: -3%;
	}
	.home_ttl_img02{
		width: 120%;
		margin-left: -11%;
	}


	.home_img02{
		max-width: 150%;
		width: 115%;
		margin-left: -7.5%;
	}

	.home_img03{
		max-width: 150%;
		width: 118%;
		margin-left: -8.5%;
	}

	.home_img04{
		max-width: 150%;
		width: 122%;
		margin-left: -11%;
	}

	.home_img05{
		max-width: 150%;
		width: 120%;
		margin-left: -10%;

	}





	.intro_bg{
		background-size: 100% 88%;
	}

	.home_mv_sp_respon{
	    width: 110%;
	    margin-left: -5%;
	}

	.home_matome_img{
		width: 110%;
		max-width: 110%;
		margin-left: -7%;
	}

}/*END*/






/*----------------------------------------
	Kensetsu
----------------------------------------*/
.kensetsu .head_inner {
	display: flex;
	justify-content: space-between;
}
.page.kensetsu .header_l{
	width: 45%;
}
.page.kensetsu .header_r{
	width: 50%;
}


.kensetsu_intro_bg{
	background: url(../images/kensetsu/intro_bg.gif) repeat-x;
	background-size: auto;
	background-position: center top;
}

.bg_grid{
	background: url(../images/kensetsu/grid_bg.gif);
}

.kensetsu_img06{
	width: 48vw;
	max-width: 645px;
}

.kensetsu_comment{
	width: 75%;
	max-width: 898px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.kensetsu_comment .oner_btn{
	position: absolute;
	width: 47%;
	bottom: -10%;
	left: 4%;
}

.kensetsu_frame{
		width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
}


@media screen and (max-width: 1200px) {
	.kensetsu_frame{
		width: 100%;
		box-sizing: border-box;
	}

}/*END*/

@media screen and (max-width: 599px) {
	.kensetsu_img06{
		width: 100vw;
		max-width: 645px;
	}

	.kensetsu_img05{
		width: 94%;
		margin-left: 4%;
	}


	.kensetsu_comment{
		width: 100%;

	}

	.kensetsu_frame{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

	.kensetsu_comment .oner_btn{
		bottom: -18%;
	}


}/*END*/


.huwa{
	display: block;
	position: relative;
}
.huwa:hover{
	animation: huwa 0.6s;
}
@keyframes huwa{
	0%{
		top: 0;
	}
	50%{
		top: -8px;
	}
	100%{
		top: 0;
	}
}



@media screen and (max-width: 1300px){
	.kensetsu .head_inner{
		display: block;
	}

	.page.kensetsu .header_l{
		margin: 14px 0 0 1.1%;
	}

}/*END*/

@media screen and (max-width: 1199px){
	.page.kensetsu .header_l{
		width: 80%;
		margin: 14px 0 15px 1.1%;
	}

}/*END*/


@media screen and (max-width: 599px){
	.page .header_l{
		width: 82%;
		margin: 14px 0 15px 2.8%;
	}



}/*END*/


/*----------------------------------------
	Kikaku
----------------------------------------*/

.kikaku_intro_bg{
	background: url(../images/kikaku/bg_kikaku_grid.gif) repeat-x;
	background-size: auto;
	background-position: center top;
}

.kikaku_intoro_ttl{
	width: 100%;
	max-width: 429px;
}

.kikaku_img_ttl01{
	width: 100%;
	max-width: 323px;
}
.kikaku_img_ttl02{
	width: 100%;
	max-width: 311px;
}
.kikaku_img_ttl03{
	width: 100%;
	max-width: 259px;
}

.over_img_r50{
	display: block;
	width: 50vw;
	max-width: 655px;
}


.kikaku_bg_pink{
	background: #fff2f0;
}

.kikaku_bg_beige{
	background: #fffae5;
}

.kikaku_machinami_top_pink{
	background: url(../images/kikaku/kikaku_machinami_pink.gif) no-repeat;
	background-size: auto;
	background-position: right;
	height: 74px;
}


.kikaku_machinami_btm_wh{
	background: url(../images/kikaku/kikaku_machinami_wh.gif) no-repeat;
	background-size: auto;
	background-position: left;
	height: 123px;
	margin-top: -100px;
}

.kikaku_machinami_top_beige{
	background: url(../images/kikaku/kikaku_machinami_beige.gif) no-repeat;
	background-size: auto;
	background-position: right;
	height: 74px;
}

.kikaku_bg_pink.bg03{
	background-size: 100% 90%;
}

.kikaku_bg_pink.bg03 .kikaku_machinami_btm_wh{
	margin-top: -123px;
}



.donnaie_img{
	display: block;
	width: 45vw;
	max-width: 557px;
	margin-top: -10%;
	margin-left: -45%;
}

.chintai_img_l{
	display: block;
	width: 63vw;
	max-width: 698px;
}


.kikaku_frame{
		width: 1160px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
}

.kikaku_frame .tex_box{
	max-width: 334px;
	width: 70%;
	margin: 0 auto;
}


.tochikatsu_area_box_l{
	width: 62.5%;
	float: left;
}
.tochikatsu_area_box_r{
	width: 28.5%;
	float: right;
}

.tochikatsu_r{
	text-align: right;
	padding-top: 80px;
}

.tochikatsu_l{
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
}

.kikaku_btn_img{
	width: 100%;
	max-width: 276px;
}


.kikaku_matome_img{
	max-width: 100%;
}

.chintai_tex_box_r{
	width: 63%;
	float: right;
	margin-right: 10%;
	margin-bottom: 30px;
}




@media screen and (max-width: 1160px) {
	.kikaku_frame{
		width: 100%;
		box-sizing: border-box;
	}

}/*END*/

@media screen and (max-width: 860px) {
	.over_img_r50{
		width: 100%;
	}

	.kikaku_frame .tex_box{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	}

}/*END*/



@media screen and (max-width: 599px) {
	.kikaku_frame{
		padding-right: 4.3%;
		padding-left: 4.3%;
	}

	.kikaku_intro_bg{
		background-repeat: repeat;
		background-size: contain;
	}

	.donnaie_img{
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 0;
	}

	.chintai_img_l{
		width: 100%;
	}

	.tochikatsu_area_box_l{
		width: 100%;
		float: none;
	}
	.tochikatsu_area_box_r{
		width: 100%;
		float: none;
	}

	.tochikatsu_l{
		position: static;
		width: 100%;
		padding-bottom: 20px;
	}

	.tochikatsu_r{
		padding-top: 0;
	}

	.chintai_tex_box_r{
		width: 100%;
		float: none;
		margin-right: 0;
	}


	.kikaku_machinami_top_pink {
		background-position: bottom right;
	    background-size: 70%;
	    height: 50px;
	    padding-top: 30px;
	}

	.kikaku_machinami_top_beige {
	    background-size: 70%;
	    background-position: bottom right;
	    height: 50px;
	    padding-top: 30px;
	}

	.kikaku_machinami_btm_wh {
	    background-size: 70%;
	    height: 70px;
	    margin-top: -25px;
	}

	.kikaku_bg_pink.bg03{
		background-size: 100%;
	}

	.kikaku_bg_pink.bg03 .kikaku_machinami_btm_wh{
		margin-top: 0;
	}

	.kikaku_img_ttl01{
		width: 240px;
	}
	.kikaku_img_ttl02{
		width: 228px;
	}
	.kikaku_img_ttl03{
		width: 190px;
	}


	.kikaku_matome_img{
	    width: 110%;
	    max-width: 110%;
	    margin-left: -7%;
	}

	.chintai_sp_pt{
		padding-top: 30px;
	}


}/*END*/




.iPhone .copyright .maruc{
	font-size: 1.8rem;
	display: inline-block;
	position: relative;
	top: 3px;
}