﻿@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Noto+Serif+JP:wght@400;500&display=swap');

body{
font-family:'Noto Sans JP', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
margin:0;
padding:0;
font-size:1.0rem;
color:#111;
line-height:1.8;
}

/*********レイアウト************/

article{
 padding:2.5em 1.5em;
}

.btn_fixed img:hover{
opacity:0.78;
}


article.Reason{
 padding-top:3.5em;
 padding-bottom:3.5em;
 background:url(../../images/result_back.jpg)no-repeat center top;
 background-size:cover;
}

.mt_none{
margin-bottom:0 !important;
}

.mt_25{
margin-top:2.5em !important;
}

.align_left{
text-align:left !important;
}

b{
font-weight:bold;
}

a{
outline: none;
text-decoration:none;
border:none;
}

a:hover{
text-decoration:underline;
}

a:focus{
outline: none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.sawarabi{
font-family: "Sawarabi Mincho";
font-size:1.2rem;
line-height:1.8;
}

.text_min{
font-size:70% !important;
}

img{
vertical-align:bottom;
max-width:100%;
}

p{
margin:0 0 30px 0;
}

.wd100{
width:100%;
}

.wd20{
width:23%;
}

.wd_right{
text-align:right;
}

.valign_middle{
vertical-align:middle !important;
}

.comm_mb15{
margin-bottom:15px;
}

.text_red{
color:#e10900;
}

.text_yerrow{
color:#ffdf61;
}

.comm_mb50{
margin-bottom:50px;
}


.comm_main{
padding:2.5% 25px 2.5% 25px;
margin:auto;
}

.comm_contents{
max-width:1080px;
margin:auto;
position:relative;
}

.small_contents{
max-width:800px;
margin:auto;
}

.marker{
background:linear-gradient(transparent 75%, #f6ffb0 75%);
font-weight:bold; 
}

.Flex_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
 }

.Flex_align_center{
  align-items:center;
 }

.Flex_wrapper .Items:not(:last-child){
  width:calc(97% / 2);
  margin-bottom:1.5em;
 }

.Flex_wrapper .Voice_Items:not(:last-child){
  width:52%;
  margin-bottom:1.5em;
 }

.Flex_wrapper .Voice_Items:nth-of-type(even){
	 width:45%;
	}

.Flex_wrapper .Voice_Items .Icon{
 position:relative;
 color:#1a1a1a;
 font-size:38px;
 margin-bottom:5px;
}

.Flex_wrapper .Voice_Items h3{
 font-weight:600;
 color:#5e4121;
 margin:0 0 1em 0;
 font-size:1.7rem;
 text-align:left;
 }

.Flex_wrapper .Voice_Items p.address{
 font-size:1.2rem;
 color:#5e4121;
 margin:0 0 1em 0;
 }

.Flex_wrapper .Voice_Items div p{
 color:#5e4121;
}

.Flex_wrapper .Voice_Items div p:last-child{
 margin-bottom:0;
}

.Reason_Contents{
 padding:1em;
 background:rgba(255,255,255,0.75);
 border:4px solid #fff;
}

img.photo{
 padding:8px;
 background:#fff;
 border:1px solid #ddd;
    box-shadow: 6px 5px 3px rgba(0,0,0,0.09);
    -moz-box-shadow: 6px 5px 3px rgba(0,0,0,0.09);
    -webkit-box-shadow: 6px 5px 3px rgba(0,0,0,0.09);
}

/*********レイアウト************/


h2{
font-size:3.0rem;
margin:0 auto 1em auto;
padding-bottom:.3em;
position:relative;
text-align:center;
letter-spacing:1px;
line-height:150%;
color:#194d77;
display:inline-block;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight:500;
border-bottom:double 4px #194d77;
}

h2 span{
margin:auto;
}


.title_count{
display:block;
font-family: 'Anton', sans-serif;
color:#e0e0e0;
vertical-align:top;
font-size:2.6rem;
padding-right:10px;
}

.title_count span {
    color: #f26021;
    background: linear-gradient(transparent 80%, #fffcdd 20%);
    text-shadow: white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
}

.title_count font{
color:#36b3e1;
}

.title_count:nth-of-type(2){
font-weight:bold;
color:#000;
text-align:center;
padding:0;
}

h3{
text-align:center;
font-size:2.0rem;
margin:0 auto 2.5em auto;
font-weight:600;
}

h3 span{
background:#fffaa6;
}

h3 font{
color:#f73939;
}

.ask_main_wrap{
background:url(../../images/case_back.png) repeat-x center bottom;
padding:0 2.5% 5% 2.5%;
}

.ask_wrap{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width:100%;
margin-bottom:5.5em;
}

.ask_contents{
display:table;
width:48.5%;
float:left;
flex: auto;
margin-bottom:1.5em;
margin-right:3%;
}

.ask_contents:nth-of-type(even){
margin-right:0;
}

.ask_contents_box{
background:#36b3e1;
position:relative;
z-index:10;
color:#fff;
font-size:1.2rem;
font-weight:bold;
padding:12px;
display:table-cell;
width:15%;
text-align:center;
vertical-align:middle;
}

.ask_contents_box:after{
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #36b3e1;
position:absolute;
z-index:12;
right:-10px;
top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

.ask_contents_box02{
display:table-cell;
width:70%;
vertical-align:middle;
padding:12px 12px 12px 20px;
background:#d0f2ff;
color:000;
font-size:1.4rem;
font-weight:600;
}

.header_wrapper{
width:100%;
padding:5px 1.5em;
background:#022237;
text-align:center;
}

.header_contents_wrap{
max-width:1000px;
margin:auto;
display:table;
width:100%;
}

.header_wrapper_second{
 background:#296aa0;
padding:5px 1.5em;
text-align:center;
}


.header_area{
font-size:0.7rem;
}

.header_wrapper h1{
font-size:0.7rem;
margin:0 auto 0px auto;
max-width:600px;
}

.header_tel_title{
background:#c61d3e;
padding:3px;
width:100%;
color:#fff;
text-align:center;
border-radius:8px;
margin-bottom:4px;
font-size:0.8rem;
}

.header_tel{
font-weight:bold;
font-size:1.8rem;
line-height:1.3;
text-align:center;
}

.header_tel a{
color:#000;
}

.header_tel a:before{
content:'';
background:url(../../images/tel_icon.png) no-repeat;
background-size:25px 25px;
margin-right:5px;
width:25px;
height:25px;
display:inline-block;

}

.header_tel div{
font-weight:normal;
font-size:0.7rem;
}

.header_contact_btn{
display:block;
background:#319400;
border-radius:12px;
color:#fff;
text-align:center;
font-size:1.4rem;
padding:12px 15px 12px 15px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #216500;
text-decoration:none !important;
}

.header_contact_btn:after{
font-family: "FontAwesome";
content: '\f18e';
margin-left:5px;
}

.nouhau_wrap{
border:1px solid #36b3e1;
background:#fff;
padding:15px;
margin-bottom:5em;
}

.nouhau_wrap p{
margin-bottom:15px;
}

.nouhau_title_wrap{
display:block;
text-align:center;
margin:0;
}

.nouhau_title_icon{
display:table-cell;
background:#f73939;
text-align:center;
color:#fff;
padding:3px 15px 3px 15px;
font-size:1.4rem;
vertical-align:middle;
}

.nouhau_title{
color:#000;
font-weight:600;
font-size:1.4rem;
display:block;
}

.nouhau_contents_wrap{
display:table;
width:100%;
margin-bottom:25px;
}

.nouhau_contents{
width:30%;
display:table-cell;
}

.nouhau_contents img{
border:5px solid #fff;
box-shadow:1px 1px 3px 0px #a5a5a5;
}

.nouhau_contents:nth-of-type(2){
margin-right:0;
width:68%;
vertical-align:top;
padding-left:3%;
}

.nouhau_contents p{
margin-bottom:10px;
}

.nouhau_contents strong{
font-weight:bold;
color:#f73939;
}

.nouhau_red{
font-weight:bold;
color:#f73939;
}

.step_wrap{
    display:table;
    width:100%;
}

.step_contents{
display:table-cell;
width:31.3%;
}

.step_contents:nth-of-type(odd){
width:31.3%;
}

.step_contents:nth-of-type(even){
width:3%;
color:#c51d1d;
font-size:40px;
vertical-align:middle;
text-align:center;
}

.step_contents_image{
margin:0 auto 10px auto;
position:relative;
text-align:center;
max-width:480px;
}

.step_contents_image img{
border:6px solid #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.step_contents_free{

}

.step_number{
position:absolute;
right:5%;
top:-13%;
font-size:60px;
font-weight:bold;
color:#c51d1d;
z-index:3;
font-family: 'Anton', sans-serif !important;
}

.step_title{
color:#c51d1d;
font-size:1.4rem;
text-align:center;
border-bottom:1px dashed #ccc;
margin-bottom:10px;
padding-bottom:10px;
}

.comm_contact_btn{
display:block;
background:#319400;
border-radius:12px;
color:#fff;
font-weight:600;
text-align:center;
font-size:2.4rem;
padding:30px 15px 30px 15px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #216500;
text-decoration:none !important;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:1px;
line-height:1.4;
}

.comm_contact_btn i{
 font-size:2.2rem;
}

a.comm_contact_btn:hover, a.header_contact_btn:hover{
background:#50be1a;
border-bottom: solid 3px #216500;
}

.point_wrap{
background:url(../../images/home_back.jpg);
padding:5% 2.5% 5% 2.5%;
}

.keisen_wrap{
background:url(../../images/glaf_back.jpg);
padding:5% 2.5% 5% 2.5%;
}

.fv_message{
 margin-top:-5%;
 padding-bottom:2%;
 border-bottom:4px solid #36b3e1;
}

.wood_wrap{
background:url(../../images/wood_back.jpg);
padding:5% 2.5% 5% 2.5%;
color:#000 !important;
}

.contact_wrap{
background:url(../../images/form_back.jpg);
padding:5% 2.5% 5% 2.5%;
color:#000 !important;
}

.point_contents_wrap{
border-top:solid 15px #67ad45;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#fff;
padding:25px;
}

.mb_none{
margin-bottom:0 !important;
}

input[type=submit]{
font-size:1.4rem;
}

footer{
 padding-bottom:105px;
}

.footer_links{
padding:1em 2.5% 15px 2.5%;
background:#252525;
border-bottom:1px solid #454545;
text-align:center;
}

.footer_links a{
color:#fff;
display:inline-block;
}

.footer_copy{
background:#252525;
padding:1em 2.5% 1em 2.5%;
font-size:0.75rem;
text-align:center;
color:#ccc;
}

.footer_logo{
 max-width:200px;
 margin:auto;
 }

.page_fv_wrapper{
background:url(../../images/fv_back.jpg) no-repeat center center;
background-size:cover;
position:relative;
z-index:3;
}

.page_fv_wrapper:after{
 background:#000;
 height:40px;
 width:100%;
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 z-index:1;
}

.page_contents{
 max-width:1180px;
 margin:auto;
 position:relative;
 z-index:2;
}

.page_contents_wide{
 max-width:1380px;
 margin:auto;
 position:relative;
 z-index:2;
}

.page_fv_bottom{
position:absolute;
z-index:15;
margin-top:-25px;
text-align:center;
left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
width:100%;
max-width:1000px;
text-align:center;
}

.cv_area_image{
position:relative;
z-index:15;
text-align:center;
margin:-55px auto 0 auto;
max-width:1000px;
text-align:center;
}

.comm_cv_wrapper{
background:#36b3e1;
padding:2.5%;
position:relative;
z-index:10;
margin-bottom:3em;
}

.comm_cv_wrapper:after{
width: 0;
height: 0;
border-style: solid;
border-width: 60px 120px 0 120px;
border-color: #36b3e1 transparent transparent transparent;
content:'';
position:absolute;
bottom:-40px;
left: 50%;
  transform: translateX(-50%);
  -webkit- transform:translateX(-50%);
}

.pt_5{
padding-top:5em;
}

.tel_cv_wrap{
background:#fff;
padding:15px 15px 15px 15px;
box-shadow:7px 6px 0px -2px #1582aa;
position:relative;
z-index:20;
}

.tel_cv_contents:nth-of-type{
width:100%;
margin-top:20px;
}

.tel_top_wrapper{
  border:4px solid #c61d3e;
  display:table;
  width:100%;
}

.tel_top_contents{
display:table-cell;
width:45%;
padding:10px;
background:#c61d3e;
color:#fff;
}

.tel_top_contents span{
font-size:1.0rem;
line-height:1.5;
display:block;
text-align:center;
}

.tel_top_contents span {
  position: relative;
  display: block;
  padding: 0 45px;
}
.tel_top_contents span:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.tel_top_contents span:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 54px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

i.teltitle{
color:#ffed00;
padding:1px 10px 1px 10px;
border:1px solid #ffed00;
border-radius:2px;
font-style:normal;
width:100%;
display:inline-block;
margin-bottom:5px;
letter-spacing:1px;
}

.tel_top_contents span:before {
  left:12px;
}

.tel_top_contents span:after {
  right:12px;
}

.tel_top_contents a{
color:#c61d3e;
font-size:2.4rem;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
line-height:1.1;
}

.tel_top_contents a:before{
content:'';
background:url(../../images/tel_icon.png) no-repeat;
background-size:35px 35px;
margin-right:5px;
width:35px;
height:35px;
display:inline-block;

}

.tel_top_contents_title{
border-radius:6px;
background:#000;
color:#fff;
text-align:center;
margin-bottom:10px;
}

.tel_top_contents:nth-of-type(2){
background:#fff;
width:75%;
color:#111;
text-align:center;
line-height:1.6;
vertical-align:middle;
}

.tel_top_contents p{
font-weight:normal;
text-align:center;
margin-bottom:5px;
font-size:0.8rem;
}

.tel_top_contents p span{
font-size:0.7rem;
margin-left:3px;
}

.text_min{
font-size:80%;
}

.comm_btn_wrapper{
max-width:950px;
position:relative;
z-index:2;
margin:0 auto 20px auto;
}

.tel_cv_contents{
max-width:800px;
margin:0 auto 0 auto;
}

.comm_btn_icon{
background:#f23434;
position:absolute;
color:#fff;
text-align:center;
width:75px;
height:75px;
line-height:1.0;
top:-5px;
left:-20px;
border-radius:50%;
padding-top:17px;
font-size:1.4rem;
}


.text_center{
text-align:center;
}


.flex-items{
flex: auto;
width:32%;
margin-right:2%;
float:left;
border:1px solid #e1f0fc;
padding:15px;
}

.flex-items:nth-of-type(3){
margin-right:0;
}

.flex-items:last-child{
 margin-bottom:0;
}


.text_black{
color:#000 !important;
}

.border_white{
border-top:1px solid #fff !important;
border-bottom:1px solid #fff !important;
}


.faq_wrap{
border:1px solid #36b3e1;
background:#fff;
padding:25px;
margin-bottom:1em;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.faq_title_wrap{
display:table;
width:100%;
padding-bottom:10px;
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

.faq_title_contents{
width:80px;
display:table-cell;
text-align:left;
}

.faq_title_contents:nth-of-type(2){
padding-left:10px;
color:#e25e42;
font-size:1.2rem;
width:92%;
vertical-align:middle;
line-height:150%;
}

input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea{
border:1px solid #ddd;
}

table th {
    font-size:100%;
    padding: 0 10px;
    text-align: left;
}



.form_wrap{
border:8px solid #f2f2f2;
padding:25px;
background:#fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

#contact_wrapper table{
border-top:1px solid #f2f2f2;
margin-bottom:2em;
}

#contact_wrapper th, #contact_wrapper td{
border-bottom:1px solid #f2f2f2;
padding:15px;
}

#contact_wrapper th{
border-right:1px solid #f2f2f2;
width:30%;
text-align:center;
font-size:95%;
vertical-align:middle;
}

#about_wrapper table{
border-top:1px solid #f2f2f2;
margin-bottom:2em;
}

#about_wrapper th, #about_wrapper td{
border-bottom:1px solid #f2f2f2;
padding:15px;
}


.concept_contents{
text-align:left;
font-size:1.2rem;
margin:0 auto 50px auto;
width:90%;
}

.concept_contents_center{
text-align:center;
font-size:1.2rem;
margin:0 auto 50px auto;
width:100%;
}

.concept_image{
margin:auto;
display:table;
}

.concept_image img{
border:5px solid #fff;
box-sizing:border-box;
}

.concept_image_table{
display:table-cell;
width:49%;
}

.concept_image_table:nth-child(2){
width:2%;
text-align:center;
font-size:40px;
font-weight:bold;
vertical-align:middle;
}

.concept_image_table:nth-child(3){
text-align:right;
}

.comm_white_back{
background:#fff;
padding:5%;
color:#222;
}

.comm_table_wrap{
display:table;
margin:0 auto 5% auto;
}

.comm_table_cell{
display:table-cell;
padding:0 5% 0 0;
width:50%;
vertical-align:top;
font-size:1.2rem;
}

.comm_table_cell:nth-child(even){
display:table-cell;
padding:0;
text-align:left;
vertical-align:middle;
}

.comm_width_image{
margin:0 auto 3% auto;
}

.comm_hurf_image{
width:49%;
float:left;
margin:0 0 3% 0;
}

.comm_hurf_image:nth-child(even){
float:right;
}

.comm_hurf_image:nth-child(n+3){
margin:0;
}

.comm_mb30{
margin-bottom:4%;
text-align:center;
}

.comm_mb30_left{
margin-bottom:4%;
}


.Bnr{
  position: relative;
  margin: 0 auto;
  width:100%;
  display: none;
}

.Bnr .Bnr__img{
  position: fixed;
  bottom:0;
 width:100%;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  background-color:rgba(0,0,0,0.8);
}

.Bnr__img__inner{
  height: 80px;
  box-sizing:border-box;
  padding: 5px 10px 10px 10px;
  max-width:1080px;
  margin:auto;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 20px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 22px;
  z-index: 888;
  color: #fff;
}

.mt_none{
margin-bottom:0;
}

.icon_red{
background:#f42a35;
color:#fff;
}

.flow_text_red{
color:#f42a35;
}

.flow_kaitori_merit{
display:inline-block;
background:#ff680a;
color:#fff;
font-size:1.3rem;
text-align:center;
padding:.5em;
}

.comm_mb50{
margin-bottom:50px !important;
}

.back_orange{
background:#c61d3e;
color:#fff;
}

.anton{
font-family: 'Anton', sans-serif;
}

.btn_tel{
font-size:1.2rem;
font-weight:400;
line-height:1.5;
letter-spacing:1px;
}

.cta_tel{
letter-spacing:2px;
margin-bottom:3px;
font-weight:normal !important;
}

.header_cta_tel{
letter-spacing:2px;
margin-bottom:3px;
font-family: 'Anton', sans-serif;
font-weight:normal;
}

.mail_btn_time{
border-radius:12px;
color:#319400;
text-align:center;
background:#ffef19;
line-height:1.3;
padding:3px;
max-width:300px;
display:block;
font-size:1.3rem;
margin:auto;
font-weight:600;
margin-top:.3em;
}

.txt_center{
text-align:center;
}

.txt_red, p.error_messe{
color:#fe0000;
}

p.error_messe{
margin-bottom:10px;
}

p.error_messe:last-child{
margin-bottom:2.5em;
}

.form_wrap p b{
font-size:1.15rem;
}

p.center_border{
 border-top:3px double #36b3e1;
 border-bottom:3px double #36b3e1;
 padding:.5em;
 font-weight:bold;
 text-align:center;
 font-size:1.3rem;
}

p.center_border_faq{
 font-size:1.4rem;
 margin-bottom:0;
}

.mb_none{
 margin-bottom:0;
}

.company_image {
    margin: 0 auto 0 auto;
    text-align: center;
}

.company_image img {
    border: 5px solid #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.14);
}


/*********リンクボタン************/

a.Btn{
 background:#1abc04;
 border-bottom:5px solid #2e8a01;
 border-radius:5px;
 display:block;
 padding:.4em .5em .2em .5em;
 max-width:500px;
 width:100%;
 color:#fff;
 font-size:34px;
 text-align:center;
 position:absolute;
 top: 87%;
  left: 15%;
  transform: translateY(-87%) translateX(-15%);
  -webkit- transform: translateY(-87%) translateX(-15%);
 line-height:1.3;
 text-shadow:0 1px 5px #2e8a01;
 font-weight:500;
}

a.Btn_Lo{
 bottom:0;
 width:100%;
 }


a.Btn:before{
  content:'';
  background:url(../../images/photo_icon.png)no-repeat center center;
  background-size:contain;
  width:75px;
  height:75px;
  display:inline-block;
 margin-right:.3em;
 vertical-align:middle;
 margin-bottom:.3em;
 }

 a.Btn_Cta:before{
  content:'';
  background:url(../../images/photo_icon.png)no-repeat center center;
  background-size:contain;
  width:70px;
  height:70px;
  display:inline-block;
 margin-right:.3em;
 vertical-align:middle;
 margin-bottom:-.1em;
}

a.Btn:hover{
 text-decoration:none;
 background:#1ad800;
}

a.Btn_Cta:before{
 margin-top:-.3em;
 }

a.Btn_Cta{
    background: #1abc04;
    border-bottom: 5px solid #2e8a01;
    border-radius: 5px;
    display: block;
    padding: .6em .5em .4em .5em;
    max-width: 700px;
    width: 100%;
    color: #fff;
    font-size: 38px;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-shadow: 0 1px 5px #2e8a01;
    font-weight: 400;
    margin:auto;
}

a.Btn_Cta:hover{
 text-decoration:none;
 background:#1ad800;
}

a.Btn_Cta_Tel{
    background: #bb0229;
    border-bottom: 5px solid #91071b;
    border-radius: 5px;
    display: block;
    padding: .7em .5em;
    max-width: 700px;
    width: 100%;
    color: #fff;
    font-size: 38px;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-shadow: 0 1px 5px #91071b;
    font-weight: 400;
    margin:1em auto 0 auto;
}

a.Btn_Cta_Tel:before{
  	font-family: "FontAwesome";
	content: '\f095';
	margin-right:.3em;
 }

a.Btn_Cta_Tel:hover{
 text-decoration:none;
 background:#ea1a46;
}


a.Btn_Cta_Mail{
    background: #f96d1b;
    border-bottom: 5px solid #b94c0c;
    border-radius: 5px;
    display: block;
    padding: .5em .5em;
    max-width: 500px;
    width: 100%;
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-shadow: 0 1px 5px #b94c0c;
    font-weight: 400;
    margin:1em auto 0 auto;
}

a.Btn_Cta_Mail:before{
  	font-family: "FontAwesome";
	content: '\f003 ';
	margin-right:.3em;
 }

a.Btn_Cta_Mail:hover{
 text-decoration:none;
 background:#ff5e00;
}

/*********リンクボタン************/

article.gr{
 background:#f2f2f9;
 padding-bottom:0;
 padding-top:0;
 position:relative;
 z-index:2;
}

/*********プロフィール************/

article.profile{
 background:url(../../images/profile_back.jpg)no-repeat center center;
 background-size:cover;
 position:relative;
 z-index:0;
 }
/*********プロフィール************/


/*********悩み************/
 .Image{
  text-align:center;
 }


/*********悩み************/


/*********お客様の声************/

article.Voice{
 background:#f6f1de;
 position:relative;
}

article section.Title{
  text-align:center;
 max-width:1080px;
 margin:0 auto 1.5em auto;
 position:relative;
 }

article.Voice section{
 padding:1.5em 0;
 position:relative;
}

section.Top_Lead{
  text-align:center;
  padding:2.5em 0;
  background-size:cover;
 }

.Voice_icon{
 color:#1a1a1a;
 font-size:34px;
 margin-bottom:.2em;
font-family: 'Kaushan Script', cursive;
 font-weight:600;
}

article.Voice .Left{
 position:absolute;
 left:-1.5em;
 top:0;
}

article.Voice .Right{
 position:absolute;
 right:-1.5em;
 top:0;
}

.Sphone_Wrap{
 max-width:600px;
 margin:0 auto 2.5em auto;
}

.Sphone_Wrap:last-child{
 margin-bottom:0;
 }

.Sphone_top{
 background:url(../../images/mobile_top.png)no-repeat center top;
 background-size:contain;
 height:90px;
}

.Sphone_Center{
 text-align:center;
 background:#7192c0;
 padding:0;
 border-left:10px solid #fff;
 border-right:10px solid #fff;
 border-bottom:10px solid #fff;
 border-top:5px solid #fff;
 margin-top:-20px;
 }

.Sphone_Center .Contents{
 padding:0 1em;
 height:70vh;
 overflow-y:auto;
 }

.Sphone_Title{
 padding:.5em;
 text-align:center;
 color:#fff;
 font-size:22px;
 font-weight:600;
 background:#202a43;
 }

.Sphone_Title span{
 font-size:19px;
 display:inline-block;
 margin-left:.5em;
 }

div.bassui{
 padding:.5em;
 text-align:center;
 font-size:28px;
 color:#555;
 background:#fff;
 font-weight:600;
}

.before_wrap{
 max-width:640px;
 text-align:center;
 margin:0 auto 1.5em auto;
}

/*********お悩み解決************/

article.Faq{
 background:#fffbdd;
 position:relative;
}

article.Faq section{
 padding:1.5em 0;
 position:relative;
}

.Faq_Title{
 position:relative;
 background:#0064b4;
 font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 color:#fff;
 padding:.5em .5em .5em 3em;
 font-size:1.7rem;
 z-index:3;
 margin-bottom:-15px;
 letter-spacing:1px;
 width:95%;
}

.Faq_Title:before{
  content:'Q';
  background:#000;
  position:absolute;
  left:.5em;
  top:-5px;
  width:50px;
  height:50px;
  line-height:50px;
  color:#fff;
  font-size:30px;
  display:block;
  text-align:center;
  font-family: 'Krona One', sans-serif;
  }

.Faq_Text{
 padding:.5em .5em .5em .5em;
 border:5px solid #0064b4;
 background:#fff;
 padding:1em 1em 1em 2em;
 position:relative;
 margin-bottom:2em;
 }

.Faq_Text:before{
  content:'A';
  color:#d8486a;
  font-size:36px;
  position:absolute;
  left:.5em;
  top:0;
  font-family: 'Krona One', sans-serif;
 }

.Faq_Text p:last-child{
 margin-bottom:0;
}

.Faq_Text p{
 padding-left:2.3em;
 padding-top:.25em;
 font-size:1.1rem;
 }

article.Story_1{
 background:url(../../images/check_01_back.jpg)no-repeat left top;
 background-size:cover;
 min-height:100vh;
 position:relative;
}

article.Story_2{
 background:url(../../images/check_02_back.jpg)no-repeat right top;
 background-size:cover;
 min-height:100vh;
 position:relative;
}

article.Story_3{
 background:url(../../images/check_03_back.jpg)no-repeat right top;
 background-size:cover;
 min-height:100vh;
 position:relative;
}

.Story_wrap{
  background:rgba(255,255,255,0.8);
 border-left:5px solid rgba(255,255,255,0.9);
 border-right:5px solid rgba(255,255,255,0.9);
  padding:5em 2.5em;
  position:absolute;
top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  max-width:800px;
 width:100%;
 }

.Story_wrap .Mark{
  font-size:40px;
  color:#3b1616;
  font-family: 'Kaushan Script', cursive;
  position:absolute;
  top:-50px;
  left:0;
  position:absolute;
 }

.Story_wrap:before{
  content:'';
 background:url(../../images/text_frame_top.jpg)no-repeat center center;
 background-size:contain;
 position:absolute;
 left:0;
 top:-1.5em;
 width:100%;
 height:10vh;
 }

.Story_wrap:after{
  content:'';
 background:url(../../images/text_frame_bottom.jpg)no-repeat center center;
 background-size:contain;
 position:absolute;
 left:0;
 bottom:-1.5em;
 width:100%;
 height:10vh;
 }

.Story_wrap p{
 font-family: 'Noto Serif JP', serif;
 font-size:1.05rem;
 font-weight:400;
}

.Story_wrap p span{
 display:block;
 font-size:1.6rem;
 text-decoration:underline;
 font-weight:500;
 line-height:1.4;
  }

.Story_wrap p:last-child{
 margin-bottom:0;
 }

article.cta_wrap{
 position:relative;
}

article.cta_wrap:after{
 content:'';
 background:url(../../images/btn_back.jpg) center bottom;
 background-size:contain;
 width:100%;
 height:50%;
 position:absolute;
 left:0;
 bottom:0;
 z-index:-1;
}


	.Bnr__img__inner{
	height: 105px;
	text-align:center;
	}

	.bottom_menu_contents_wrap {
	    width: 100%;
	    margin: 0;
	    display:table;
	}

	.bottom_menu_contents {
	    display: table-cell;
	    width: 49%;
	    padding-right:5px;
	   vertical-align:top;
	}

	.bottom_menu_contents:nth-of-type(2){
	padding-right:0;
	padding-left:5px;
	}

	.bottom_menu_contents a {
	    display: block;
	    width:100%;
	    background: #bb0229;
	    border-radius: 5px;
	    padding: 10px 10px 10px 10px;
	    text-align: center;
	    color: #fff;
	    text-decoration: none;
	    font-size: 1.2rem;
	    border-bottom: solid 3px #91071b;
	    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	}

	.btn_line{
	background:#1abc04 !important;
	    border-bottom: solid 3px #2e8a01 !important;
	padding:5px !important;
	}

	.btn_line:before{
	  content:'';
	  background:url(../../images/line_icon.png)no-repeat;
	  background-size:contain;
	  width:20px;
	  height:20px;
	  margin-right:.3em;
	  display:inline-block;
	  margin-top:-.4em;
	  vertical-align:middle;
	}


	.cv_area_image, .page_fv_bottom{
	margin-top:0;
	}

	.tel_top_contents span{
	padding:0 25px;
	}

	.tel_top_contents span:before{
	 left:-10px;
	}

	.tel_top_contents span:after{
	 right:-10px;
	}

	.fixed_box_title{
	color: #fff;
	text-align:center;
	padding:2px 10px 2px 10px;
	margin-bottom:4px;
	font-size:1.2rem;
	letter-spacing:1px;
	/* background:rgba(0,0,0,0.25); */
	display:inline-block;
	}

	.tel_btn{
	position:relative;
	}

	.tel_btn .p01 {
	    position: absolute;
	    opacity: 1;
	    bottom: -5px;
	    right: -12px;
	    animation-name: ani1;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-timing-function: steps(1, end);
	    max-width:30px;

	}
	.tel_btn .p02 {
	    position: absolute;
	    opacity: 0;
	    bottom: -5px;
	    right: -30px;
	    animation-name: ani2;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-timing-function: steps(1, end);
	    max-width:51px;
	}

.Top_before_wfter_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    margin:0 auto 2.5em auto;
 }

.Top_before_wfter_wrap .Item{
  width:calc(99% / 2);
 text-align:center;
 }

span.Big{
  font-size:22px;
  font-weight:600;
  color: #5e4121;
 }

span.Big_Red{
  font-size:22px;
  font-weight:600;
  color: #c41919;
 }

.Flex_wrapper .Voice_Items div p.Txt_Black{
 color:#1a1a1a;
}

@media screen and (min-width: 768px) {
	.flow_wrapper_sp{
	display:none;
	}

	.flow_contents:nth-child(even){
	width:2%;
	vertical-align:middle;
	text-align:center;
	font-size:36px;
	background:none;
	}

	.sp_image{
	display:none;
	}

	.align_center{
	text-align:center;
	}


	header {
	  width: 100%;
	}

	.br-sp02{
	display:none;
	}


}


/****************スマホ用**********************/

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

	h2{
	font-size:1.8rem;
	}

	.Top_before_wfter_wrap .Item{
	  width:calc(100% / 1);
	 }

	.Top_before_wfter_wrap .Item:first-child{
	  margin-bottom:1em;
	 }

	article{
	 padding:1.5em 1em;
	}

	.br-sp02{
	display:block;
	}

	.Flex_wrapper .Items:not(:last-child){
	  width:calc(100% / 1);
	  margin-bottom:1.5em;
	 }

	.Flex_wrapper .Items p:last-child{
	 margin-bottom:0;
	}

	a.Btn{
	 font-size:20px;
	 position:relative;
	 padding:.3em .3em .3em .3em;
	 max-width:320px;
	 margin:auto;
	    top: 0%;
	    left: 0%;
	    transform: translateY(0%) translateX(-0%);
	    -webkit- transform: translateY(0%) translateX(-0%);
	    bottom:-.5em;
	}

	.header_contents{
	text-align:center;
	margin-bottom:5px;
	}

	.header_area{
	font-size:0.85rem;
	display:none;
	}

	.header_contents, .header_contents:nth-of-type(2), .header_contents:nth-of-type(3), .header_contents:nth-of-type(4){
	 display:block;
	width:100%;
	padding:0;
	}

	.header_contents:nth-of-type(2){
	 text-align:center;
	display:none;
	}

	.header_contents:nth-of-type(3), .header_contents:nth-of-type(4){
	display:none;
	}

	.page_fv_wrapper:after{
	 bottom:-1em;
	}


	.header_contents:nth-of-type(3){
	text-align:center;
	margin-bottom:15px;
	}

	.header_contact_btn{
	padding:8px;
	font-size:1.3rem;
	}

	.pc_image{
	display:none;
	}

	.tel_cv_contents{
	width:100%;
	margin:0px auto 0 auto;
	text-align:center;
	}

	.tel_top_contents, .tel_top_contents:nth-of-type(2){
	display:block;
	width:100%;
	}

	.tel_top_contents a{
	font-size:1.8rem;
	}
	.tel_top_contents a:before{
	width:25px;
	height:25px;
	background-size: 25px 25px;
	}

	.comm_btn_icon{
	display:none;
	}

	.comm_contact_btn{
	padding:10px;
	font-size:1.3rem;
	line-height: 1.1;
	}

	.pt_5{
	padding-top:3em;
	}


	h3{
	font-size:1.3rem;
	}

	article.cta_wrap{
	 padding-top:0;
	}

	#contact_wrapper th, #contact_wrapper td{
	display:block;
	width:100%;
	}
	
	#contact_wrapper td{
	padding:15px 0 15px 0;
	}

	#contact_wrapper th{
	border-right:0;
	}

	.form_wrap{
	padding:15px;
	}

	input[type=submit] {
	    font-size: 1.2rem;
	width:100%;
	}

	.comm_cv_wrapper:after {
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 30px 40px 0 40px;
	    border-color: #36b3e1 transparent transparent transparent;
	    content: '';
	    position: absolute;
	    bottom: -20px;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit- transform: translateX(-50%);
	}

	.page_fv_wrapper{
	margin-top:0;
	}

	.tel_top_wrapper{
	margin:0 auto 0 auto;
	}

	.review_title_contents{
	line-height:1.3;
	vertical-align:middle;
	 font-size:1.15rem;
	}

	.review_title_contents:nth-of-type(2){
	font-size:80%;
	vertical-align:middle;
	width:40%;
	}

	.comm_white_wrap{
	padding:0 2.5% 3% 2.5%;
	}

	.Bnr .Bnr__img p.close{
	  position: absolute;
	  right:3px;
	  top:0px;
	}

	.Bnr__img__inner{
	height: 95px;
	text-align:center;
	}

	.bottom_menu_contents_wrap {
	    width: 100%;
	    margin: 0;
	    display:table;
	}

	.bottom_menu_contents {
	    display: table-cell;
	    width: 49%;
	    padding-right:5px;
	   vertical-align:top;
	}

	.bottom_menu_contents:nth-of-type(2){
	padding-right:0;
	padding-left:5px;
	}

	.bottom_menu_contents a {
	    display: block;
	    width:100%;
	    background: #bb0229;
	    border-radius: 5px;
	    padding: 5px 10px 5px 10px;
	    text-align: center;
	    color: #fff;
	    text-decoration: none;
	    font-size: 1.3rem;
	    border-bottom: solid 3px #91071b;
	    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	}

	.btn_line{
	background:#1abc04 !important;
	    border-bottom: solid 3px #2e8a01 !important;
	}

	.btn_line:before{
	  content:'';
	  background:url(../../images/line_icon.png)no-repeat;
	  background-size:contain;
	  width:25px;
	  height:25px;
	  margin-right:.3em;
	  display:inline-block;
	  margin-top:-.3em;
	  vertical-align:middle;
	}

	.bottom_menu_contents a {
	    font-size: 1.0rem;
	    padding:6px 5px;
	}


	.cv_area_image, .page_fv_bottom{
	margin-top:0;
	}

	.tel_top_contents span{
	padding:0 25px;
	}

	.tel_top_contents span:before{
	 left:-10px;
	}

	.tel_top_contents span:after{
	 right:-10px;
	}

	.fixed_box_title{
	color: #fff;
	text-align:center;
	padding:2px 10px 2px 10px;
	margin-bottom:4px;
	font-size:0.8rem;
	letter-spacing:1px;
	/* background:rgba(0,0,0,0.25); */
	display:inline-block;
	}

	.tel_btn{
	position:relative;
	}

	.tel_btn .p01 {
	    position: absolute;
	    opacity: 1;
	    bottom: -5px;
	    right: -12px;
	    animation-name: ani1;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-timing-function: steps(1, end);
	    max-width:30px;

	}
	.tel_btn .p02 {
	    position: absolute;
	    opacity: 0;
	    bottom: -5px;
	    right: -30px;
	    animation-name: ani2;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-timing-function: steps(1, end);
	    max-width:51px;
	}
	@keyframes ani1 {
	    0% {
	        opacity: 0;
	    }
	    50% {
	        opacity: 1;
	    }
	    100% {
	        opacity: 0;
	    }
	}
	@keyframes ani2 {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: 0;
	    }
	    100% {
	        opacity: 1;
	    }
	}

	.sp_logo{
	max-width:220px;
	}

	.icon-mail:before {
	    font-size: 1.7rem;
	}

	.tel_top_contents span{
	 font-size:0.8rem;
	}

	.mail_btn_time{
	font-size:0.9rem;
	padding:2px;
	display:block;
	min-width:150px;
	margin-top:5px;
	}

	.tel_top_contents p{
	 font-size:0.7rem;
	}

	.comm_contact_btn i{
	 display:inline-block;
	 vertical-align:middle;
	}

	.btn_tel {
	    font-size: 1.1rem !important;
	}

	footer{
	margin-bottom:90px;
	}

	#about_wrapper th, #about_wrapper td{
	border-bottom:1px solid #f2f2f2;
	padding:10px 5px 10px 5px;
	font-size:0.8rem;
	}

	#about_wrapper th{
	border-right:1px solid #f2f2f2;
	width:30%;
	text-align:center;
	font-size:0.8rem;
	vertical-align:middle;
	}

	p.center_border{
	 line-height:1.3;
	}

	p.center_border_faq{
	 font-size:1.15rem;
	}

	.Sphone_Title{
	 padding:.5em;
	 text-align:center;
	 color:#fff;
	 font-size:19px;
	 font-weight:600;
	 background:#202a43;
	 line-height:1.4;
	 }

	.Sphone_Title span{
	 font-size:16px;
	 display:inline-block;
	 margin-left:.5em;
	 }

	.Sphone_Center .Contents{
	 padding:0;
	}

	.Flex_Reverse{
	     flex-direction: column-reverse;
	 }

	article.Voice .Left{
	 max-width:30vw;
	 left:-1em;
	 z-index:0;
	 top:30vh;
	}

	article.Voice .Right{
	 max-width:30vw;
	 right:-1em;
	 z-index:0;
	 top:-1em;
	}

	.Flex_wrapper .Voice_Items:not(:last-child){
	 width:100%;
	}

	.Flex_wrapper .Voice_Items:nth-of-type(even) {
	    width:95%;
	    margin:0 auto 0 auto;
	    position:relative;
	    z-index:5;
	}

	.Flex_wrapper .Voice_Items p.address{
	 font-size:1.1rem;
	}

	article.Voice section{
	 padding:0;
	 margin-bottom:1em;
	}


	.header_wrapper_second img{
	 max-width:80%;
	 margin:auto;
	}

	article.gr{
	 padding:0;
	}

	.Faq_Title{
	 font-size:1.3rem;
	 line-height:1.3;
	}

	.Faq_Title:before {
	    content: 'Q';
	    background: #000;
	    position: absolute;
	    left: .5em;
	    top: -5px;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    color: #fff;
	    font-size: 24px;
	    display: block;
	    text-align: center;
	    font-family: 'Krona One', sans-serif;
	}

	.Faq_Text:before {
	    content: 'A';
	    color: #d8486a;
	    font-size: 25px;
	    position: absolute;
	    left: .5em;
	    top: .2em;
	    font-family: 'Krona One', sans-serif;
	}

	.Faq_Text p {
	    padding-left: 1em;
	    font-size: 1.0rem;
	}

	article.Faq section{
	 padding-top:0;
	padding-bottom:0;
	}

	article section.Title{
	 padding-bottom:0;
	}

	.Sphone_top {
	    background: url(../../images/mobile_top.png)no-repeat center top;
	    background-size: contain;
	    height: 60px;
	}

	.Story_wrap {
	    background: rgba(255,255,255,0.9);
	    padding: 1.5em 1em;
	    position: relative;
	    top: 0%;
	    left: 0%;
	    transform: translateY(-0%) translateX(-0%);
	    -webkit- transform: translateY(-0%) translateX(-0%);
	    max-width: 1080px;
	    width: 100%;
	    margin-top:10em;
	}

	.Story_wrap p span{
	 font-size:1.4rem;
	}

	article.Story_1{
	    background: url(../../images/check_01_back.jpg)no-repeat left top;
	    background-size: contain;
	    min-height:30vh;
	    position: relative;
	}

	article.Story_2{
	    background: url(../../images/check_02_back.jpg)no-repeat left top;
	    background-size: contain;
	    min-height:30vh;
	    position: relative;
	}

	article.Story_3{
	    background: url(../../images/check_03_back.jpg)no-repeat right top;
	    background-size: contain;
	    min-height:30vh;
	    position: relative;
	}

	a.Btn_Lo{
	 bottom:0;
         margin-top:.5em;
	 width:100%;
	 }

	a.Btn_Cta, a.Btn_Cta_Tel, a.Btn_Cta_Mail{
	 font-size:20px;
	}

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

	.sp_mb10{
	 margin-bottom:1em;
	}

	footer{
	 padding-bottom:0px;
	}

	div.bassui{
	 font-size:16px;
	}

	a.Btn:before{
	  width:55px;
	  height:55px;
	  margin-bottom:0;
	 }

	 a.Btn_Cta:before{
	  width:55px;
	  height:55px;
	}

	article.profile{
	 margin-top:1em;
	}

	section.Top_Lead{
	 padding:0;
	 margin-bottom:1em;
	}

	.Reason_Contents{
	 margin-top:1em;
	 margin-bottom:0 !important;
	}

	span.Big{
	  font-size:19px;
	 }

	span.Big_Red{
	  font-size:19px;
	 }

	article.Reason{
	    padding-top: 1.5em;
	    padding-bottom: 1.5em;
	}

}


