@charset "utf-8";


/* -------------------- original -------------------- */

/* main color */
.n-area-bx dl dt {color: #5d973e;}
.n-area-bx h3 {
    color: #5d973e;
    border-left: #5d973e solid 5px;
}

/* h2 */
h2.gradient {
height:55px;
line-height:50px;

}

/* conversion-bx */
.conversion-bx {margin-top:-10px;}




/* -------------------- bodyContent -------------------- */

/* conversion-bx */
.conversion-bx {
margin-bottom:30px;
position: relative;
}
.conversion-bx .button {
position:absolute;
bottom:14px;
left:50%;
margin-left:-325px;
padding-top:14px;
background: url(arrow_down.gif) no-repeat center 0;
}
.conversion-bx .button a {
width:629px;
height:45px;
line-height:32px;
display: block;
overflow:hidden;
margin:0;
padding:6px 0 0;

font-size: 13px;
font-weight: bold;
line-height:1.5;
color: #fff;
text-decoration: none;
text-align: center;
transition:all .3s ease-out;
}
.conversion-bx .button a strong {
font-size: 18px;
font-weight: bold;
}
.conversion-bx .button a:hover {
opacity:0.8;
}

/* 確実丁寧に対応します！ */
.searchBnr01{
    margin: -3px 0 30px -2px;
    position: relative;
    z-index: 1;
}

.searchBnr01:before {

    content: '';
    display: block;
    height: 15px;
    left: 50%;
    margin-left: -57px;
    position: absolute;
    top: 52px;
    width: 94px;
    z-index: 2;
}

.searchBnr01 a{

    border-radius: 3px;
    overflow: hidden;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 49px;
    margin-left: -320px;
    padding-top: 8px;
    text-align: center;
    position: absolute;
    top: 69px;
    left: 50%;
    text-decoration: none;
    width: 629px;
    z-index: 3;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.searchBnr01 a strong{
    color:#fff;
    font-size: 17px;
}

.searchBnr01 img{
    display: block;
    position: relative;
    z-index: 1;
}

/* h2 */
h2.gradient {
margin-bottom:20px;
padding:0 15px;
font-weight:700;
font-size:1.6em;
color:#fff;
text-align:left;
text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}


/* ---------- n-area-bx ---------- */
.n-area-bx {/* padding: 5px; *//* border:5px solid #e2e2e2; */border-radius:2px;text-align:left;}

/* h3 */
.n-area-bx h3 {margin-bottom:15px;/* padding-bottom:10px; */border-bottom-width:3px;/* border-bottom-style:solid; */font-weight:700;font-size: 1.2em;line-height: 24px;/* color:#5a5a5a; */padding-left: 10px;}
.n-area-bx h3 strong {
color:#e50012;
}

.n-area-bx .inner {/* min-height:290px; *//* padding-right:180px; */position:relative;}

/* thumb */
.n-area-bx .inner .thumb {/* position:absolute; *//* right:0; *//* top:35px; */float: right;margin-left: 8px;width: 80px;}

/* content */
.n-area-bx .inner .content {/* padding: 5px; *//* background-color:#f7f7f7; */position:relative;}
.n-area-bx .inner .content p {
margin-bottom:10px;
}

/* dl */
.n-area-bx dl dt {padding-bottom:5px;font-weight:700;font-size: 1.2em;line-height:1.5em;}
.n-area-bx dl dd:last-child {
margin-bottom:0;
padding-bottom:10px;
border-bottom:none;
}
.n-area-bx dl dd {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dashed #5a5a5a;
}

/* ---------- achieveList ---------- */
.achieveList {
    margin: 0 0 10px;
}
.achieveList .listWrap {/* padding: 5px; *//* border: 3px solid #e2e2e2; */}
.achieveList .listWrap li {padding: 15px 0;}
.achieveList .listWrap li + li {
border-top: 3px dotted #ccc;
}
.achieveList .listWrap li dl {
margin: 0 0 5px;
overflow: hidden;
}
.achieveList .listWrap li dl span {/* float: left; *//* margin: 0 5px 0 0; */color: #fff;background: #19d0d0;font-weight: bold;border-radius: 5px;padding: 0 5px;margin-bottom: 5px;}
.achieveList .listWrap li dl dd {/* float: left; *//* margin: 0 10px 0 0; *//* font-size: 14px; *//* font-weight: bold; *//* color: #5a5a5a; *//* line-height: 1.5; */}
.achieveList .listWrap li .txt {/* padding: 5px; *//* background: url(bg_achieve01.png); */text-align: left;color: #5a5a5a;}
.achieveList .btn {
    padding: 15px 0 0;
    overflow: hidden;
}

.achieveList .btn a {
    float: right;
    padding: 0 0 0 15px;
    background: url(../images/icon/common_icon01.png) no-repeat left center;
    background-size: 10px;
    font-weight: bold;
    font: 13px/1.7 "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
}
}

@charset "utf-8";


/* -------------------- original -------------------- */


.new-area-menu h3:before {background-color:#107e7e;}



/* -------------------- Common -------------------- */

.new-area-menu {
text-align:left;
}

/* h3 */
.new-area-menu h3 {margin-bottom:15px;padding: 0 10px 0 10px;font-size: 15px;line-height: 1.5;/* color:#222; *//* border:1px solid #cecece; *//* border-radius:4px; */position:relative;/* background: #ffffff; *//* background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); */font-weight: bold;color: #5d973e;border-left: #5d973e solid 5px;}
.new-area-menu h3:before {
content:'';
width:6px;
position:absolute;
top:9px;
bottom:9px;
left:8px;
border-radius:3px;
}

/* ul */
.new-area-menu > ul {
margin-bottom:30px;
padding:15px 15px 10px 20px;
border:5px solid #e2e2e2;
border-radius:3px;
}
.new-area-menu > ul > li:last-child {padding-right:0;}
.new-area-menu > ul > li:last-child:before {display:none;}

.new-area-menu > ul > li {
float:left;
margin-bottom:5px;
padding-right:20px;
font-size:0.95em;
position:relative;
}
.new-area-menu > ul > li:before {
content:'';
width:1px;
background-color:#ccc;
position:absolute;
top:3px;
right:10px;
bottom:3px;
}
.new-area-menu > ul > li a {color:#222;}
.new-area-menu > ul > li a:hover {color:#666;}


/**/

.mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom: 10px;} .mb50 {margin-bottom:50px;}
.listWrap dt {
    float: left;
    display: inline-table;
    /* width: 30%; */
    clear: both;
    margin-right: 10px;
}
.listWrap dd {
    float: left;
    /* display: inherit; */
    font-size: 14px;
    font-weight: bold;
    color: #5a5a5a;
}
.secondAreaList {
    padding-bottom: 10px;
    text-align: left;
}
.secondAreaList ul:after {
    content: '';
    clear: both;
    display: block;
    visibility: hidden
}
.secondAreaList ul li {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 1em;
    line-height: 1.6;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
    position: relative
}

.new-area-menu h3:before {
    /* background-color: #107e7e; */
}
.n-area-cv:last-child {
    margin-top: 20px;
}
div#area h3 {
    font-size: 15px;
    font-weight: 600;
}

ul.listWrap li dl {
    display: table;
    width: 100%;
}

/* 2019.02.27 New AreaPage */
/* -- override */
@media screen and (max-width: 666px) {
  .section {
    margin-right: 2%;
    margin-left: 2%;
		border: 2px solid #cdcece;
  }
}
.secondAreaList.section ul {
	padding-top: 8px;
	border-top: 2px dotted #cdcece;
}
/* -- common */
.area__container{
	padding: 10px;
  background-color: #fff;
}
.area__inner{
	padding: 10px;
}
.mg0{
	margin: 0 !important;
}
.mt05{
	margin-top: 5px !important;
}
.ta_l{
	text-align: left;
}
.ta_r{
	text-align: right;
}
.fc_yellow{
	color: #ffff00;
}
.fc_black{
	color: #000;
}
.fs_small{
	font-size: 2.6vw;
}
.fuchi{
  text-shadow: #4b832d 2px 0px,
	#4b832d -2px 0px, #4b832d 0px -2px, #4b832d 0px 2px,
	#4b832d 2px 2px , #4b832d -2px 2px, #4b832d 2px -2px,
	#4b832d -2px -2px, #4b832d 1px 2px, #4b832d -1px 2px,
	#4b832d 1px -2px, #4b832d -1px -2px, #4b832d 2px 1px,
	#4b832d -2px 1px, #4b832d 2px -1px, #4b832d -2px -1px;
}
.none{
	display: none;
}
p.note{
	color: #000 !important;
	font-size: 2.6vw !important;
	line-height: 1.4;
}

/* --conversion */
.sp_cv.area{
  margin: 0 10px;
	position: relative;
}
.sp_cv.area .cv__base{
	z-index: 0;
}
.sp_cv.area .cv__btn{
  display: block;
  position:absolute;
  width: 95%;
  height: auto;
  margin: 0 auto;
  bottom: 2.5vw;
  right:0;
  left:0;
  z-index: 1;
}
.sp_cv.area .cv__btn a{
  display: block;
}
.sp_cv.area .timebox{
	display: block;
  width: 100%;
  font-size: 3.4vw;
  line-height: 1;
  position:absolute;
  bottom: 7.5vw;
  text-align: center;
  font-weight: 900;
  z-index: 1;
}
.sp_cv.area .js-conversion_time{
	color: #f31035;
}
.cv__finger{
	width: 14%;
	height: auto;
	bottom: 4vw;
	right: -2vw;
	position: absolute;
	z-index: 1;
}
.sp_cv.area .cv__txt{
	position:absolute;
	top: 1.5vw;
	left: 3vw;
	color:#fff;
	font-family: 'Noto sans jp', sans-serif;
	font-size: 5vw;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
	z-index: 1;
}
.sp_cv.area .cv__txt span{
	font-size: 6vw;
}
@media screen and (min-width: 667px) {
  .sp_cv{
    padding-top: 61%;
  }
  .timebox{
    font-size: 1.2rem;
  }
}
.policy_box {
	margin-top: -1%;
	background-color: #fff100;
}
.policy_box ul{
	display: flex;
	justify-content: space-between;
	width: 65%;
	margin: 0 auto;
	padding-bottom: 1vw;
}
.policy_box li{
	padding-left: 4.5vw;
	background: url(../img/area/icon_arrow.png) no-repeat center left;
	background-size: 3.5vw;
	font-size: 3.5vw;
	font-weight: 800;
}
.reqNote {
	padding-left: 3vw;
	padding-right: 1vw;
	font-size: 2vw;
	text-indent: -1vw;
	text-align: right;
}
.reqNote a {
	color: #333;
	text-decoration: none;
}

/* -- mainImage */
.area_first {
	position: relative;
}
.area_first .note{
	margin: 0 10px;
	text-indent: -1rem;
	padding-left: 1rem;
}
.area_first .main_visual{
	position:absolute;
	top:1vw;
	left:3.5vw;
	margin:0;
	color:#2a9241;
	font-size:6vw;
	font-weight: bold;
	line-height:1.3;
	text-shadow: #fff 2px 0px,
	#fff -2px 0px, #fff 0px -2px, #fff 0px 2px,
	#fff 2px 2px , #fff -2px 2px, #fff 2px -2px,
	#fff -2px -2px, #fff 1px 2px, #fff -1px 2px,
	#fff 1px -2px, #fff -1px -2px, #fff 2px 1px,
	#fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
.main_visual p{
  font-size: 6vw;
}
.main_visual span.txt_area{
  color:#ff0000;
	font-size:8vw;
}

/* -- h2.title */
.title_intro{
	position: relative;
	color: #fff;
	font-weight: 800;
	text-align: center;
	line-height: 1.2;
}
.title_intro .intro_text{
	position: absolute;
	width: 55%;
	top: 3.5vw;
	left: 22vw;
  line-height: 160%;
  font-size: 4.6vw;
}
.title_intro .intro_text .note1{
	font-size: 6.5vw;
	letter-spacing: 0.1rem;
}
.title_intro .note2{
  color: #ffffff;
  vertical-align: bottom;
  letter-spacing: 0.3rem;
}
.title_intro .note2 .big{
  font-size: 1.4em;
}
.title_sub{
	display: flex;
	justify-content: center;
	background: url(../img/area/area_tit_bg.png) top left no-repeat;
	background-size: 100% auto;
}
.title_sub_text{
	color: #fff;
	font-size:5vw;
	font-weight: 900;
	line-height: 14vw;
	letter-spacing: 0.1rem;
}
.title_sub_text.price{
	padding-left: 10vw;
	background: url(../img/area/icon_work.png) no-repeat left 3.2vw;
	background-size: 6vw;
}
.title_sub_text.case{
	padding-left: 10vw;
	background: url(../img/area/icon_case.png) no-repeat left 2.8vw;
	background-size: 7vw;
}
.title_sub_text.faq{
	padding-left: 10vw;
	background: url(../img/area/icon_faq.png) no-repeat left 3.5vw;
	background-size: 7vw;
}
.title_sub_text.shop{
	padding-left: 10vw;
	background: url(../img/area/icon_shop.png) no-repeat left center;
	background-size: 7vw;
}
.title_ranking{
	position: relative;
	background: url(../img/area/area_ranking_tit.png) no-repeat top left;
	background-size: 100% auto;
	height: 30vw;
}
.title_ranking .title_ranking_text{
	position: absolute;
	width: 96%;
	top: 8.5vw;
	left: 2%;
	color: #fff;
	text-align: center;
	font-size: 5.5vw;
	line-height: 9vw;
	font-weight: 800;
	letter-spacing: 0.1rem;
}
.title_ranking .title_ranking_text span{
	font-size: 7vw;
}
.title_areaList{
	margin: 2vw 0;
  padding-left: 2vw;
  border-left: #386d1c solid 5px;
	color: #212121;
	font-size: 5vw;
	font-weight: 900;
	max-height: 100%;
}

/* -- contents*/
.area_intro{
  margin-top: 10px;
}
.area_works {
	margin: 10px 0 20px;
}
.area_works .price_box{
	padding: 0 0 5px;
	font-size: 4vw;
}
.area_works .avg__box{
  display: flex;
	flex-wrap: wrap;
	flex-direction: column;
  width: 100%;
	margin-top: 10px;
	padding: 2%;
	font-weight: 900;
	background-color: #f4f5d1;
	border-radius: 5px;
}
.area_works .avg__box .note--desc{
  color: #333;
	font-size: 4.5vw;
}
.area_works .avg__box .note--desc::before{
  display: inline-block;
  margin-right: 2vw;
  content: '￥';
  background-color: #629943;
  font-size: 4.5vw;
  width: 6vw;
  height: 6vw;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.area_works .avg__box .note--avg{
	display: block;
	text-align: right;
	font-size: 4.5vw;
  font-family: 'arial', sans-serif;
}
.area_works .avg__box .note--avg .num{
	color: #ff4f00;
	font-size: 1.5em;
}
.area_works .avg__box .note--range{
	display: block;
	color: #999;
	text-align: right;
	font-size: 4vw;
  font-family: 'arial', sans-serif;
}
/* 実績数 */
.area_works .avg__box.amount{
	flex-direction: row;
	background-color: #e0eda6;
	font-size: 4.5vw;
}
.area_works .avg__box.amount .note--cap{
	color: #333;
	width: 50%;
}
.area_works .avg__box.amount .note--cap::before{
  display: inline-block;
  margin-right: 1vw;
  content: '★';
  background-color: #629943;
  font-size: 4.5vw;
  width: 6vw;
  height: 6vw;
  text-align: center;
  line-height: 140%;
  color: #fff;
  border-radius: 50%;
}
.area_works .avg__box.amount .note--total{
  width: 50%;
  color: #ff4f00;
	text-align: right;
	font-family: 'arial', sans-serif;
}
.area_works .avg__box.amount .note--total .num{
	font-size: 1.5em;
}
.area_works .avg__box.amount .note--date{
	display: block;
	padding: 0 0 0 7vw;
  font-size: 0.65em;
  font-weight: normal;
}

.area_case{
}
.area_case .case__box{
	background-color: #f4f5d1;
	padding: 10px 14px;
	margin-top: 10px;
	border-radius: 5px;
}
.case__box:last-child{
  margin-bottom: 0;
}
.area_case dl{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	min-height: 10vw;
	font-size: 4vw;
}
.area_case dt,
.area_case dd{
	background-color: #fff;
	margin-bottom: 2vw;
	display: flex;
	align-items: center;
}
.area_case dt{
	flex-basis: 20%;
	background-color: #679d4a;
	justify-content: center;
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.2rem;
	min-height: 9vw;
}
.area_case dd{
	flex-basis: 80%;
	padding-left: 2vw;
  padding-right: 2vw;
}
.area_case p.note{
	font-size: 14px !important;
	line-height: 1.5;
}
.area_case .more{
  width: 100%;
  margin: 20px auto 0;
}

.area__inner .sp_visa{
	margin: 0 0 10px;
}

.area_ranking{
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #f4f5d1;
}
.area_ranking .ranking__inner{
  padding: 10px 10px 0;
}
.area_ranking dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	font-size: 4.5vw;
	font-weight: 800;
}
.area_ranking dt,
.area_ranking dd{
	margin-bottom: 3vw;
	display: inline-flex;
	align-items: center;
}
.area_ranking dt.rank_title{
	padding-left: 18vw;
  line-height: 130%;
}
.area_ranking dl dt:nth-child(1){
	background: url(../img/area/area_ranking_icon1.png) no-repeat left center #fff;
	background-size: 23%;
	min-height: 14.5vw;
}
.area_ranking dl dt:nth-child(3){
	background: url(../img/area/area_ranking_icon2.png) no-repeat left center #fff;
	background-size: 23%;
	min-height: 13vw;
}
.area_ranking dt:nth-child(5){
	background: url(../img/area/area_ranking_icon3.png) no-repeat left center #fff;
	background-size: 23%;
	min-height: 11vw;
}
.area_ranking dt:nth-child(7){
	background: url(../img/area/area_ranking_icon4.png) no-repeat left center #fff;
	background-size: 23%;
	min-height: 10vw;
}
.area_ranking dt:nth-child(9){
	background: url(../img/area/area_ranking_icon5.png) no-repeat left center #fff;
	background-size: 23%;
	min-height: 10vw;
}
.area_ranking dt:nth-child(9),
.area_ranking dd:nth-child(10){
	margin-bottom: 1vw;
}
.area_ranking dt{
  width: 77%;
}
.area_ranking dd{
	background-color: #fff;
	width: 23%;
	padding: 0 3vw 0 0;
	justify-content:  flex-end;
}
.area_ranking .note{
  padding: 5px 10px 10px;
}

.area_faq{
	margin-bottom: 20px;
}
.area_faq .faq__box{
	margin-top: 10px;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #7bac5e;
	border-radius: 5px;
	font-size: 4vw;
	line-height: 1.3;
}
.area_faq .faq__box .que{
	padding: 0 1vw 1.5vw 10vw;
	border-bottom: 2px solid #7bac5e;
	background: url(../img/area/area_icon_q.png) no-repeat 1vw 0;
	background-size: 6vw;
  color: #386d1c;
	min-height: 8vw;
	font-weight: 800;
}
.area_faq .faq__box .ans{
	margin-top: 2vw;
	padding: 0 1vw 0 10vw;
	background: url(../img/area/area_icon_a.png) no-repeat 1vw 0;
	background-size: 6vw;
}
.area_faq .faq__box:nth-of-type(n + 2){
	margin-top:20px;
}

.area_shops{
	margin-bottom: 20px;
}
.area_shops .shop__box{
	background-color: #fff;
	border: 2px solid #7bac5e;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 4vw;
	line-height: 1.3;
}
.area_shops .shopTitle{
	font-weight: bold;
	margin-bottom: 2vw;
}
.area_shops .shop_address{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	min-height: 8vw;
	font-size: 4vw;
}
.area_shops .tit_address{
	margin-bottom: 1vw;
	display: flex;
	align-items: center;
	width: 15%;
	background-color: #679d4a;
	justify-content: center;
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.2rem;
	min-height: 8vw;
}
.area_shops .txt_address{
	width: 85%;
	padding: 2vw 2vw 2vw 3vw;
	background-color: #edfee4;
	margin-bottom: 1vw;
	display: flex;
	align-items: center;
}
.area_shops .shops_marker{
	display: none;
}
.area_shops .area_gmap{
	margin-top: 10px;
	margin-bottom: 20px;
	height: 100vw;
}

.area_correspond_near{
	margin: 3% 0;
	border: 2px solid #cdcece;
}
.area_correspond_near .areaList{
	padding-top: 2vw;
  border-top: 2px dotted #cdcece;
}
.area_correspond_near .areaList li{
	border: 1px solid #ddd;
  border-radius: 8px;
  display: inline-block;
  line-height: 1.6;
  margin: 5px 5px 5px 0;
  padding: 3px;
  position: relative;
	font-size: 14px;
}
.area_correspond_near .areaList li a{
	text-decoration: none;
}

.area__emptyBox{
	margin: 10px;
	padding: 10px;
	background-color: #f4f5d1;
	font-size: 4vw;
}