@charset "utf-8";

*{margin:0; padding:0; box-sizing: border-box;}
body{
	font-family: YakuHanMP, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho",'Noto Serif JP', serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 2;
	color: #152142;
}
img{max-width: 100%; width: auto;}
a{color: #152142; text-decoration: none; transition: opacity 0.5s ease-in;}
a:hover{opacity: 0.7;}
.flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.inner{max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px;}

@media screen and (max-width: 960px){
	body{font-size: 18px;}
}
@media screen and (max-width: 640px){
	body{font-size: 16px; line-height: 1.8;}
}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 960px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

/* header ===============*/
header{background: #fff;}
.h_logo{padding: 0 30px;}
.h_inquiry{max-width: 280px; width: 100%; height: 90px;}
.h_inquiry a{height: 100%; color: #fff; font-size: 24px; text-shadow: 2px 2px 1px #6a5633;
	display: flex; justify-content: center; align-items: center;
	background: #4c3e21;
	background: -moz-linear-gradient(-45deg,  #4c3e21 0%, #9e7f46 46%, #9e7f46 52%, #4c3e21 100%);
	background: -webkit-linear-gradient(-45deg,  #4c3e21 0%,#9e7f46 46%,#9e7f46 52%,#4c3e21 100%);
	background: linear-gradient(135deg,  #4c3e21 0%,#9e7f46 46%,#9e7f46 52%,#4c3e21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3e21', endColorstr='#4c3e21',GradientType=1 );
}

@media screen and (max-width: 640px){
	.h_logo{padding: 0 15px; line-height: 1;}
	.h_inquiry{max-width: 170px; height: 50px;}
	.h_inquiry a{font-size: 16px;}
}

/* footer ===============*/
#footer{}
.f_top{background: #fff; padding: 40px 0;}
.f_bottom{background: #a1a0a0; color: #fff; padding: 30px 0;}
.f_nav{justify-content: center;}
.f_nav li{padding: 0 24px; line-height: 1;}
.f_nav li + li{border-left: 1px solid #fff;}
.f_nav a{color: #fff; font-size: 14px; font-family: YuGothic, 'Yu Gothic', sans-serif;}
.copyright{text-align: center; font-family: YuGothic, 'Yu Gothic', sans-serif; font-size: 12px; margin-top: 15px;}

@media screen and (max-width: 1100px){
	.f_logo li{width: 32%; text-align: center;}
}
@media screen and (max-width: 640px){
	.f_top .inner{padding: 0 40px;}
	.f_logo li{width: 100%;}
	.f_logo li:nth-child(2){width: 90%; margin: 15px auto 0;}
	.f_logo li + li{margin-top: 14px;}

	.f_bottom{padding: 20px 0 60px;}
	.f_bottom .inner{padding: 0 10px;}
	.f_nav li{padding: 0 15px;}
	.f_nav a{font-size: 12px;}
	.copyright{font-size: 10px;}
}

/* main ===============*/
#main{}
.gold_btn a{display: block; color: #fff; text-align: center;
	background: #4c3e21;
	background: -moz-linear-gradient(-45deg,  #4c3e21 0%, #9e7f46 46%, #9e7f46 52%, #4c3e21 100%);
	background: -webkit-linear-gradient(-45deg,  #4c3e21 0%,#9e7f46 46%,#9e7f46 52%,#4c3e21 100%);
	background: linear-gradient(135deg,  #4c3e21 0%,#9e7f46 46%,#9e7f46 52%,#4c3e21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3e21', endColorstr='#4c3e21',GradientType=1 );
}


#mainvisual{position: relative;}
.mv_text{position: absolute; top: 50%; left: 0; right: 0; z-index: 2; 
	transform: translateY(-50%); text-align: left;
	max-width: 1100px; margin: 0 auto;}
.mv_text picture{margin-left: -35px;}
.mv_text .mv_lead{color: #333; letter-spacing: -1px; line-height: 1.8;}
.mv_text .mv_lead span{font-size: 26px;}
.mv_text .mv_lead b{font-size: 30px; color: #001e49;}
.mv_image img{width: 100%;}

@media screen and (max-width: 1150px){
	.mv_text{padding: 0 20px;}
}
@media screen and (max-width: 960px){
	.mv_text picture{width: 50vw; display: block; margin-left: 0;}
}
@media screen and (max-width: 640px){
	#mainvisual{background: #e9eef2; padding-bottom: 40vw;}
	.mv_text{text-align: center; top: auto; bottom: 24px; transform:translateY(0); padding: 0;}
	.mv_text picture{width: 100%; text-align: center;}
	.mv_text .mv_lead{font-size: 16px; line-height: 1.5;}
	.mv_text .mv_lead span{font-size: 20px;}
	.mv_text .mv_lead b{font-size: 22px;}
}


#whatis{background: url(/plus/lp/common/consulting/img/whatis_01.png) no-repeat center bottom; background-size: 100%;
	text-align: center; padding: 85px 0;}
.whatis_title{margin-bottom: 30px;}
.whatis_title h2{font-size: 40px; margin-top: 15px;}
.whatis_lead{margin-bottom: 25px;}
.whatis_lead p b{font-size: 28px; color: #7c6038;}
.whatis_pointBox{width: 25%; position: relative;}
.whatis_pointBox p{position: absolute; top: 50%; left: 0; right: 0; z-index: 2;
	transform: translateY(-50%); font-size: 18px;}

@media screen and (max-width: 960px){
	.whatis_pointBox{width: 50%;}
}

@media screen and (max-width: 640px){
	#whatis{background: url(/plus/lp/common/consulting/img/whatis_01_sp.png) no-repeat center bottom; background-size: 100%;
		padding: 50px 0 70px;}
	.whatis_title{margin-bottom: 15px;}
	.whatis_title h2{font-size: 30px; line-height: 1.2;}
	.whatis_lead p b{font-size: 20px;}
	.whatis_pointBox{width: 100%; background: #fff;
		border-radius: 10px; padding: 15px 5px; box-shadow: 0 0 7px #d0d0d0;}
	.pointBox_bk{display:none;}
	.whatis_pointBox p{position: static; transform:translateY(0); font-size: 18px; line-height: 1.5;}
	.whatis_pointBox + .whatis_pointBox{margin-top: 20px;}
}

#inquiry_area{text-align: center; padding: 70px 0 85px;
	background: #122432;
	background: -moz-linear-gradient(-45deg,  #122432 0%, #11325d 50%, #122432 100%);
	background: -webkit-linear-gradient(-45deg,  #122432 0%,#11325d 50%,#122432 100%);
	background: linear-gradient(135deg,  #122432 0%,#11325d 50%,#122432 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122432', endColorstr='#122432',GradientType=1 );
}
#inquiry_area p{color: #fff; margin-bottom: 25px;}
#inquiry_area .gold_btn{max-width: 500px; margin: 0 auto;}
#inquiry_area .gold_btn a{font-size: 24px; letter-spacing: 2px; padding: 10px; 
	text-shadow: 2px 2px 1px #6a5633; box-shadow: 7px 7px 5px #0d233b;
	transition: 0.5s ease-in;}
#inquiry_area .gold_btn a:hover{box-shadow: 0 0 0 #0d233b;}

@media screen and (max-width: 640px){
	#inquiry_area{padding: 40px 0;}
	#inquiry_area p{margin-bottom: 15px;}
	#inquiry_area .gold_btn a{font-size: 20px; padding: 7px;}
}

.point_title{margin-bottom: 20px;}
.point_title h3{font-size: 36px; margin-top: 35px;}
.point_lead{}
.point_lead p b{font-size: 28px; color: #7c6038;}
#point1_area{text-align: center; padding: 100px 0 130px;}
#point1_area .point_img{margin-top: 30px;}
#point2_area{text-align: center; padding: 100px 0 80px; background: #f4f4f4;}
#point2_area .point_lead{position: relative; z-index: 2;}
#point2_area .point_img{margin-top: -300px;}
#point2_area .point_img p{font-size: 12px;}
#point3_area{text-align: center; padding: 100px 0 170px;
	background: url(/plus/lp/common/consulting/img/point3_04.png) no-repeat center bottom -1px; background-size: 100%;}
#point3_area .point_lead p{line-height: 1.8;}
.point3_graph{background: #fff; box-shadow: 0 0 15px #c5c5c5; margin-top: 50px;}
.point3_graph_img{width: 50%; text-align: center;}
.point3_graph_img:nth-child(1){padding: 0 15px;}

@media screen and (max-width: 1000px){
	#point2_area .point_img{margin-top: -200px;}
}

@media screen and (max-width: 960px){
	.point_title h3{font-size: 30px;}
	.point_lead p b{font-size: 24px;}
}

@media screen and (max-width: 640px){
	.point_title{margin-bottom: 15px;}
	.point_title img{max-width: 80px;}
	.point_title h3{font-size: 22px; line-height: 1.6; margin-top: 25px;}
	.point_lead p b{font-size: 20px;}

	#point1_area{padding: 60px 0;}
	#point2_area{padding: 60px 0;}
	#point2_area .point_img{margin-top: 20px; margin-left: -15px; margin-right: -15px;}
	#point2_area .point_img p{text-align: left;}
	#point3_area{padding: 60px 0;
		background: url(/plus/lp/common/consulting/img/point3_04_sp.png) no-repeat center bottom -1px; background-size: 100%;}
	.point3_graph{margin: 40px 15px 0;}
	.point3_graph_img{width: 100%;}
	.point3_graph_img:nth-child(1){padding: 20px;}
}
.sup{
  vertical-align:text-top;
  font-size:70%;
}
#store_list_area{color: #fff; padding: 80px 0 70px;
	background: #122432;
	background: -moz-linear-gradient(-45deg,  #122432 0%, #11325d 50%, #122432 100%);
	background: -webkit-linear-gradient(-45deg,  #122432 0%,#11325d 50%,#122432 100%);
	background: linear-gradient(135deg,  #122432 0%,#11325d 50%,#122432 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122432', endColorstr='#122432',GradientType=1 );
}
.store_list_title{text-align: center; margin-bottom: 40px;}
.store_list_title h3{font-size: 36px;}
.store_list_title p b{font-size: 25px;}
.store_list_title p small{font-size: 12px;}

.store_list_wrap.flex{align-items: flex-start;}
.storeBox{width: 31.5%; margin-bottom: 25px;
	padding: 1px; box-shadow: 7px 7px 5px #0e1f36;
	background: #b49c56;
	background: -moz-linear-gradient(45deg,  #b49c56 0%, #ffefbc 10%, #b49c56 50%, #ffefbc 90%, #b49c56 100%);
	background: -webkit-linear-gradient(45deg,  #b49c56 0%,#ffefbc 10%,#b49c56 50%,#ffefbc 90%,#b49c56 100%);
	background: linear-gradient(45deg,  #b49c56 0%,#ffefbc 10%,#b49c56 50%,#ffefbc 90%,#b49c56 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49c56', endColorstr='#b49c56',GradientType=1 );
}
.storeBox_inner{background: #fff; color: #152142; padding: 30px 25px;}
.storeBox_inner h4{font-size: 26px; border-bottom: 1px solid #333;
    line-height: 1; padding-bottom: 15px; margin-bottom: 15px;}
.storeBox_inner ul li,
.storeBox_inner p{font-size: 16px; line-height: 1.5; letter-spacing: 1px;}
.storeBox_inner .small-annotation {
  font-size: 11px;
  letter-spacing: 0;
}
.storeBox_inner .storeBox_date{
  margin-top: 0.3rem;
}
.storeTel{text-align: center; margin: 8px 0;}
.storeTel span{font-size: 35px; font-weight: 400; letter-spacing: 1px;
	background: url(/plus/lp/common/consulting/img/icon_tell.svg) no-repeat left center; background-size: 20px; padding-left: 26px;}
.storeContact a{font-size: 17px; letter-spacing: 1px; padding: 5px;
	box-shadow: 7px 7px 5px #e7e7e7;}
.storeBox_inner.wednesday {
	padding-bottom: 29.5px !important;
}
.storeBox_inner.wednesday .storeTel{
	margin: 0;
}
@media screen and (max-width: 960px){
	.storeBox{width: 48%;}
}

@media screen and (max-width: 640px){
	#store_list_area{padding: 50px 0;}
	.store_list_title h3{font-size: 22px; margin-bottom: 15px;}
	.store_list_title p{font-size: 14px;}
	.store_list_title p b{font-size: 22px; line-height: 1.4;}

	.storeBox{width: 100%; margin-bottom: 20px;}
	.store_list_inner{display: none;}
	.store_list_btn{margin-bottom: 20px;
		padding: 1px; box-shadow: 7px 7px 5px #0e1f36;
		background: #b49c56;
		background: -moz-linear-gradient(45deg,  #b49c56 0%, #ffefbc 10%, #b49c56 50%, #ffefbc 90%, #b49c56 100%);
		background: -webkit-linear-gradient(45deg,  #b49c56 0%,#ffefbc 10%,#b49c56 50%,#ffefbc 90%,#b49c56 100%);
		background: linear-gradient(45deg,  #b49c56 0%,#ffefbc 10%,#b49c56 50%,#ffefbc 90%,#b49c56 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49c56', endColorstr='#b49c56',GradientType=1 );
	}
	.store_list_btn_inner{background: #fff; color: #152142; 
		padding: 10px 25px; font-size: 24px; line-height: 1.5; position: relative;}
	.store_list_btn_inner::before{content: ""; display: block;
		width: 20px; height: 1px; background: #152142;
		position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
	.store_list_btn_inner::after{content: ""; display: block;
		width: 1px; height: 20px; background: #152142;
		position: absolute; top: 50%; right: 34px; transform: translateY(-50%); transition: opacity 0.5s ease;}
	.store_list_btn.open .store_list_btn_inner::after{opacity: 0;}
}
@media screen and (min-width: 641px){
	.storeTel{margin: 16px 0 0;}
}