/*
Last Updated: 2020-12-25
Author: minoura
*/

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

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	font-size:62.5%;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
a{
	color:#8a665c;
	transition: all 0.4s;
}
a:hover{
	color:#a7796c;
	transition: all 0.4s;
}

/*----------------------------------------
	text
----------------------------------------*/

p{ line-height: 2; }
.text_brown{ color: #866258; }
.text_bold{ font-weight: bold; }

.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }

/*line-height*/
.lh_14{ line-height: 1.4 !important; }
.lh_15{ line-height: 1.5 !important; }
.lh_16{ line-height: 1.6 !important; }
.lh_17{ line-height: 1.7 !important; }
.lh_18{ line-height: 1.8 !important; }

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

	.text_15{ font-size:1.5rem !important; }
	.text_16{ font-size:1.6rem !important; }
	.text_17{ font-size:1.7rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_22{ font-size:2.2rem !important; }
	.text_24{ font-size:2.4rem !important; }
	.text_28{ font-size:2.8rem !important; }
	.text_32{ font-size:3.2rem !important; }

	/*line-height*/
	.lh_19{ line-height: 1.9 !important; }
	.lh_20{ line-height: 2 !important; }
	.lh_21{ line-height: 2.1 !important; }
	.lh_22{ line-height: 2.2 !important; }

}/*END*/

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

	.text_15{ font-size: 1.4rem !important; }
	.text_16{ font-size: 1.5rem !important; }
	.text_17{ font-size: 1.6rem !important; }
	.text_18{ font-size: 1.7vw !important; }
	.text_22{ font-size: 2vw !important; }
	.text_24{ font-size: 2.2vw !important; }
	.text_28{ font-size: 2.6vw !important; }
	.text_32{ font-size: 3vw !important; }

}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.5rem;
	}

	.text_22,
	.text_24{
		font-size: 1.8rem !important;
	}
	.text_28,
	.text_32{
		font-size: 2rem !important;
	}

	/*line-height*/
	.lh_19,
	.lh_20,
	.lh_21,
	.lh_22{
		line-height: 1.8 !important;
	}

}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.4rem;
	}
	.text_22,
	.text_24{
		font-size: 1.6rem !important;
	}
	.text_28,
	.text_32{
		font-size: 1.8rem !important;
	}

}/*END*/


/*----------------------------------------
	共通
----------------------------------------*/

li{ list-style:none; }
.center{ text-align:center; }
.op{ transition: all 0.4s; }
.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
	transition: all 0.4s;
}
#container{ overflow: hidden; }
.ttl{
	max-width: 600px;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mm_ttl{
	position: relative;
	top: -25px;
}

.inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

@media print, screen and (min-width: 480px) and ( max-width: 599px) {

	.ttl{
		width: 90%;
	}

}/*END*/

@media print, screen and (min-width: 600px) and ( max-width: 699px) {

	.ttl{
		width: 80%;
	}

}/*END*/

@media print, screen and (min-width: 700px) and ( max-width: 799px) {

	.ttl{
		width: 70%;
	}

}/*END*/

@media print, screen and (min-width: 800px) and ( max-width: 899px) {

	.ttl{
		width: 60%;
	}

}/*END*/

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

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


}/*END*/

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

	.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%;
	}
	.mm_ttl{
		top: -20px;
	}

}/*END*/

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

	.inner_frame{
		padding-right: 4%;
		padding-left: 4%;
	}
	.mm_ttl{
		top: -13px;
	}

}/*END*/


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

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


}/*END*/

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



}/*END*/

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


	.box_l,
	.box_r{
		float: none;
		width: 100%;
	}
	.list_three{
		margin-left:0;
	}
	.list_three li{
		float: none;
		width: 100%;
		margin-left:0;
	}

}/*END*/




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

header{ position: relative; }
header li a{
	display: block;
}
h1{
	font-size: 1.2rem;
	color: #666;
	font-weight: normal;
	margin: 20px 0 30px 20px;
}
#sd{
	z-index: 10;
}
#sd li a{
	position: relative;
	background: #866258;
}
#sd li a img{ width: 100%; }
#sd li a:hover{
	background: #59413b;
}

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

	#sd{
		position: absolute;
		right: 0;
		top: 115px;
		width: 140px;
	}

	#sd li a{
		right: -20px;
		padding-right: 20px;
	}
	#sd li a:hover{
		right: 0;
	}


}/*END*/



@media print, screen and (min-width: 600px) and ( max-width: 1079px) {


	h1{
		margin: 15px 0 18px 15px;
	}
	#sd{
		width: 13.2%;
		top: 60px;
	}


}/*END*/

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





}/*END*/

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

	h1{
		font-size: 1.1rem;
	}


}/*END*/

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

	h1{
		font-size: 1rem;
		margin: 10px 1% 12px 1%;
		text-align: center;
	}
	#sd{
		position: fixed;
		left: 0;
		top: -110px;
		box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0;
		transition: all 0.4s;
	}
	#sd li{
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	#sd li a{
		padding: 0 5px 5px 5px;
	}
	#sd li:nth-child(1),
	#sd li:nth-child(6){
		display: none;
	}

}/*END*/


/*----------------------------------------
	MV　※アニメーション実装後不要であれば削除してください
----------------------------------------*/

.mv{ padding-right: 90px; }
.mv img{ width: 100%; }

@media print, screen and (min-width: 600px) and ( max-width: 1079px){

	.mv{ padding-right: 8.33%; }

}/*END*/

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

	.mv{ padding-right: 0; }

}/*END*/



/*----------------------------------------
	concept
----------------------------------------*/

.concept_frame01{
	position: relative;
	text-align: right;
}
.concept_img01{
	width: 80.74%;
	position: relative;
}
.concept_frame01 p{
	position: absolute;
	left: 1.88%;
	top: 70px;
	z-index: 2;
	width: 39.15%;
	max-width: 415px;
}
.concept_frame02{
	position: relative;
}
.concept_img02{
	width: 78.88%;
	position: relative;
}
.concept_frame02 p{
	position: absolute;
	left: 66.03%;
	top: 70px;
	z-index: 2;
	width: 28.11%;
	max-width: 298px;
}
.concept_text03_l{
	float: left;
	width: 28.3%;
}
.concept_text03_r{
	float: right;
	width: 66.03%;
}

.price{
	color: #8a665c;
	border: 1px solid #8a665c;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 540px;
	box-sizing: border-box;
	width: 90%;
}

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

	.concept_img01{
		width: 92%;
	}
	.concept_frame01 p{
		left: 2%;
		top: 15px;
		width: 54%;
	}
	.concept_img02{
		width: 92%;
	}
	.concept_frame02 p{
		left: auto;
		right: 0;
		top: 15px;
		width: 56%;
	}
	.concept_text03_l{
		float: none;
		width: 50%;
		margin-bottom: 20px;
	}
	.concept_text03_r{
		float: none;
		width: 100%;
	}
	.price{
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
	}
	.price p:last-child{
		font-size: 1.2rem;
	}

}/*END*/


/*----------------------------------------
	planning
----------------------------------------*/

.plan_frame{
	position: relative;
	background: #f8eff1;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.plan_inner{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 90.59%;
}

.plan01{ position: relative; }
.plan_text01{
	position: relative;
	float: right;
	width: 38.67%;
}
.plan_text02{
	float: left;
	width: 27.35%;
}
.plan_photo01{
	float: left;
	width: 57.54%;
}
.plan_photo01 img{
	position: relative;
	width: 123.77%;
	left: -140px;
	top: -40px;
}
.plan_photo02{
	position: absolute;
	right: -90px;
	bottom: -50px;
	width: 42.45%;
}
.plan_photo03{
	float: right;
	width: 71.22%;
}
.plan_point{
	margin-left: -1.92%;
}
.plan_point li{
	float: left;
	width: 48.07%;
	margin-left: 1.92%;
	margin-bottom: 15px;
}
.plan_point li:nth-child(2n+1){ clear: both; }
.plan_point li img{
	margin-bottom: 6px;
}
.plan_point li h4{
	text-align: center;
	line-height: 1.5;
	margin-bottom: 2px;
}
.plan_point li p{
	line-height: 1.5;
}

@media print, screen and (min-width: 600px) and ( max-width: 999px){

	.plan_photo01 img{
		width: 100%;
		left: -6%;
		top: -15px;
	}
	.plan_text01{
		width: 42%;
	}
	.plan_photo02{
		right: -6%;
		bottom: -150px;
	}
	.plan_photo03{
		padding-top: 50px;
	}


}/*END*/

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

	.plan_point li p{
		font-size: 1.2rem;
	}
	.plan_point li h4{
		font-size: 1.3rem !important;
	}

}/*END*/

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

	.plan_text01{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		padding-top: 30px !important;
	}
	.plan_text02{
		float: none;
		width: 100%;
	}
	.plan_photo01{
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.plan_photo01 img{
		width: 100%;
		left: auto;
		top: auto;
	}
	.plan_photo02{
		position: static;
		right: auto;
		bottom: auto;
		width: 100%;
		margin-bottom: 15px;
	}
	.plan_photo03{
		margin-top: 15px;
		float: none;
		width: 100%;
	}
	.plan_point{
		margin-left: -4%;
	}
	.plan_point li{
		width: 46%;
		margin-left: 4%;
		margin-bottom: 20px;
	}


}/*END*/


/*----------------------------------------
	warranty
----------------------------------------*/

.warranty_frame{
	position: relative;
	background: #faf5f2;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.warranty_inner{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 90.59%;
}
.warranty_text{
	background: #b59a8f;
	text-align: center;
	color: #fff;
	padding: 20px 4% 25px 4%;
}
.warranty_text p{
	line-height: 1.6;
}
.warranty_text p:first-child{
	font-weight: bold;
	margin-bottom: 5px;
}
.flat35_ttl{
	width: 100%;
	max-width: 784px;
}
.zeh_ttl{
	text-align: center;
	line-height: 1.3;
}
.zeh_ttl .text_18{
	display: inline-block;
	margin-bottom: 8px;
}
.service_list li{
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #dcdcdd;
	padding: 23px 2.2% 22px 2.2%;
	min-height: 204px;
}
.service_list li h4{
	text-align: center;
}
.result_frame .box_l,
.result_frame .box_r{
	border: 1px solid #dcdcdd;
}
.result_img{
	float: left;
	width: 35.29%;
	margin-left: 5.88%;
}
.result_text{
	float: left;
	margin-left: 3.92%;
	width: 50.98%
}
.result_text p{ font-size: 1.5rem; }
.result_text h4{
	font-size: 2.2rem;
	line-height: 1.6;
}

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

	.result_text h4{
		font-size: 2vw;
	}

}/*END*/

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

	.flat35_ttl_sp,
	.warranty_text .text_32 br{
		display: none;
	}

}/*END*/

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

	.service_list li{
		min-height: 240px;
	}

}/*END*/

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

	.result_text h4{
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.result_text p{ font-size: 1.4rem; }

}/*END*/


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

	.service_list li{
		min-height: inherit;
		padding: 15px 4% 18px 4%;
	}
	.result_img{
		margin-left: 3%;
	}
	.result_text{
		width: 55%;
	}
	.result_text h4{
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.result_text p{ font-size: 1.3rem; }
	.warranty_text{
		padding: 15px 5% 15px 5%;
	}
	.flat35_ttl{ display: none; }
	.flat35_list li{
		margin-bottom: 35px;
	}
	.zeh_ttl{
		margin-top: 50px;
	}



}/*END*/



/*----------------------------------------
	location
----------------------------------------*/

.location_frame{
	position: relative;
	background: #f8eff1;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-top: 240px;
}
.location_inner{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 90.59%;
}
.location_frame h2{
	margin-left: auto;
	margin-right: auto;
	width: 52.99%;
}
.location_frame h2 img{
	margin-top: -26px;
}
.location_frame ul p{
	line-height: 1.6;
}
.list_four{
	margin-left: -1.85%;
}
.list_four li{
	float: left;
	width: 23.14%;
	margin-left: 1.85%;
}
.location_table h3{
	line-height: 1.5;
	padding-bottom: 10px;
	border-bottom: 2px solid #71b2b7;
	letter-spacing: 2px;
	color: #2d2c2d;
	padding-left: 10px;
}
.location_table h3 span{
	display: inline-block;
	margin-left: 10px;
}
.location_table{
	line-height: 2;
	width: 100%;
}
.location_table th,
.location_table td{
	font-weight: normal;
	border-bottom: 1px solid #fff;
	padding: 10px 0 10px 10px;
}
.location_table th{
	text-align: left;
}
.location_table td{
	text-align: right;
}


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

	.list_four{
		margin-left: -2.5%;
	}
	.list_four li{
		width: 47.5%;
		margin-left: 2.5%;
	}
	.location_frame h2{
		width: 90%;
	}

}/*END*/


/*----------------------------------------
	access
----------------------------------------*/

.access_frame{
	position: relative;
	background: #faf5f2;
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.access_inner{
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 90.59%;
}
.map_frame{
	max-width: 880px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.station_box{
	background: #7f6e59;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}


.map_code{
	background: #866258;
	padding: 20px;
	margin-bottom: 10px;
}
.add1{
	color: #fff;
	float: left;
	font-size: 1.8rem;
	width: 6.66%;
	padding-top: 8px;
}
.add2{
	float: left;
	font-size: 3rem;
	background: #fff;
	margin-left: 2%;
	width: 50.47%;
	line-height: 1.7;
	text-align: center;
}
.map_code img{
	float: right;
	width: 38.69%;
}
.btn_map{
	border: 1px solid #866258;
	color: #866258;
	width: 300px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-decoration: none;
	font-size: 1.7rem;
	padding: 12px 0;
	letter-spacing: 2px;
	font-weight: bold;
}
.btn_map:hover{
	background: #866258;
	color: #fff;
}
@media print, screen and (min-width: 769px) {




}/*END*/



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

	.add1{
		font-size: 1.6vw;
	}
	.add2{
		font-size: 3vw;
	}

}/*END*/

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

	.access_frame{
		width: 100%;
		padding-right: 1.88%;
		padding-left: 1.88%;
	}
	.access_inner{ width: 100%; }

}/*END*/

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

	.map_code{
		padding: 15px;
	}
	.add1{
		margin-bottom: 10px;
		width: 17%;
		font-size: 1.4rem;
		padding-top: 6px;
	}
	.add2{
		float: right;
		margin-bottom: 10px;
		width: 83%;
		font-size: 2.4rem;
		margin-left: 0;
	}
	.map_code img{
		float: none;
		width: 100%;
		max-width: 325px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

}/*END*/

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

	.add1{
		padding-top: 4px;
		font-size: 1.3rem;
	}
	.add2{ font-size: 1.9rem; }
	.btn_map{
		width: 100%;
		padding: 18px 0;
	}
	.access_inner ul{
		width: 80%;
	}

}/*END*/

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

	.add1{
		padding-top: 1px;
		font-size: 1.2rem;
	}
	.add2{ font-size: 1.7rem; }

}/*END*/



/*----------------------------------------
	outline
----------------------------------------*/

.outline_table{
	line-height: 2;
}
.outline_table th,
.outline_table td{
	font-weight: normal;
	border: 1px solid #dcdcdd;
	padding: 12px;
}
.outline_table th{
	background: #f2f2f2;
	width: 35%;
	text-align: left;
}
.outline_table td{
	background: #fff;
}

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

	.outline_table table{
		line-height: 2;
		width: 50%;
		float: left;
	}
	.outline_table table:last-child th{
		border-left: none;
	}


}/*END*/

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

	.outline_table table{
		width: 100%;
	}
	.outline_table th,
	.outline_table td{
		padding: 5px 12px;
	}


}/*END*/



/*----------------------------------------
	SPレイアウト調整
----------------------------------------*/

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

	.location_frame,
	.special_bg,
	.plan_frame,
	.warranty_frame,
	.access_frame{
		width: 100%;
		padding-right: 1.88%;
		padding-left: 1.88%;
	}
	.location_inner,
	.plan_inner,
	.warranty_inner,
	.access_inner{
		width: 100%;
	}

}/*END*/

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

	.location_frame,
	.special_bg,
	.plan_frame,
	.warranty_frame,
	.access_frame{
		padding-right: 3%;
		padding-left: 3%;
	}

}/*END*/

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

	.location_frame,
	.special_bg,
	.plan_frame,
	.warranty_frame,
	.access_frame{
		padding-right: 4%;
		padding-left: 4%;
	}

}/*END*/


/*----------------------------------------
	contact
----------------------------------------*/

#contact{ padding-bottom: 180px; }
.contact_l{
	float: left;
	width: 49.05%;
}
.contact_r{
	float: right;
	width: 49.05%;
}
.tel_frame{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 570px;
	text-align: center;
}
.tel_frame a{
	margin-bottom: 8px;
	display: block;
}
.tel_text{
	margin-top: 10px;
	background: #d9c9c5;
}

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

	.tel_frame a{
		width: 90%;
	}


}/*END*/

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

	#contact{ padding-bottom: 100px; }
	.tel_frame a{
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

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

	#contact{ padding-bottom: 80px; }
	.contact_l,
	.contact_r{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.tel_frame{
		width: 100%;
	}
	.tel_frame a{
		width: 90%;
	}
}/*END*/



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

footer{
	position: relative;
	background: #e6f1f8;
	padding: 45px 0 20px 0;
}
.page_top{
	display: block;
	height: 43px;
	position: absolute;
	right: 20px;
	top: -60px;
}
.page_top img{ height: 43px; }
.btn_official{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #bfbfbf;
	background: #fff;
	width: 350px;
	padding-top: 18px;
	padding-bottom: 18px;
	color: #090706;
	text-decoration: none;
	text-align: center;
}
.btn_official:hover{
	background: #71b2b7;
	color: #fff;
	border-color: #71b2b7;
}
.foot_logo{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	max-width: 680px;
	text-align: center;
}
.foot_logo img{
	vertical-align: middle;
	max-width: 100%;
}
.foot_text{
	font-size: 1.2rem;
	text-align: center;
}
.foot_text span:after{
	content: "｜";
}

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

	footer{
		padding: 35px 0 15px 0;
		padding-left: 3%;
		padding-right: 3%;
		margin-top: 50px;
	}
	.foot_text{
		font-size: 1.1rem;
		line-height: 1.8;
	}
	.foot_text br{ display: none; }
	.foot_text span:nth-child(3){
		display: block;
	}
	.foot_text span:nth-child(2):after,
	.foot_text span:nth-child(3):after{
		content: none;
	}

}/*END*/

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

	.page_top{
		height: 35px;
		right: 15px;
	}
	footer{
		padding-top: 25px;
		padding-left: 4%;
		padding-right: 4%;
	}
	.foot_text{
		font-size: 1rem;
	}
	.foot_text span{
		display: block;
	}
	.foot_text span:after{ content: none; }
	.btn_official{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	MV下部のお知らせ
----------------------------------------*/

.top_mv_under{
position:relative;
}
.top_mv_under p:first-child{
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #866258;
	padding: 14px 0;
	transition: all 0.4s;
}
.top_mv_under p:first-child:hover{
	background: #d9c9c5;
}
.special_bg{
	background: #faf5f2;
	box-sizing: border-box;
	max-width: 1170px;
	margin-top: 320px;
	margin-left: auto;
	margin-right: auto;
}
.special_bg h2{
	margin-left: auto;
	margin-right: auto;
	width: 72.09%;
}
.special_bg h2 img{
	margin-top: -80px;
}
.special_inner{
	margin-left: auto;
	margin-right: auto;
	max-width: 860px;
}
.special_price{
	background: #fff;
	padding-left: 12.2%;
	padding-right: 12.2%;
}
.special_text{
	color: #866258;
}

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

	.special_bg{
		margin-top: 150px;
	}

}/*END*/

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

	.special_bg{
		margin-top: 100px;
	}
	.special_bg h2{
		width: 85%;
	}

}/*END*/


/*----------------------------------------
	LINEバナー
----------------------------------------*/

.line_bnr a{
	position: relative;
	display: block;
	transition: all 0.4s;
	overflow: hidden;
}
.line_bnr a:hover{
	opacity: 0.7;
	transition: all 0.4s;
}
.line_bnr a:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 2;
}

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

	.line_bnr a img{
		display: block;
		float: left;
		width: 50%;
	}
	.line_bnr a:after{
		border-width: 19px 0 19px 16px;
		border-color: transparent transparent transparent #02a144;
		margin-top: -19px;
	}

}/*END*/

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

	.line_bnr a img{
		width: 100%;
	}
	.line_bnr a:after{
		border-width: 10px 12px 0 12px;
		border-color: #59b732 transparent transparent transparent;
		margin-left: -12px;
	}

}/*END*/