@charset "utf-8";

body{
  color:#373737;
  font-family: -apple-system, BlinkMacSystemFont, GeneralFonts, Hiragino Kaku Gothic ProN, Yu Gothic Medium, YuGothic-Medium, 游ゴシック Medium, YuGothic, 游ゴシック, Meiryo, Helvetica Neue, Segoe UI, sans-serif;
  /*font-family: Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
  font-size:18px;
}
*{
  box-sizing:border-box;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
a:hover {
  opacity:0.8;
}
sup{
  font-size:0.8em;
  vertical-align:super;
}
.ctr{
  text-align:center;
  margin:auto;
}
.tal{
  text-align:left;
}
.tar{
  text-align:right;
}
.green{
  color:#068e76;	
}
.orange{
  color:#f7931e;
}
.blue{
  color:#19a3de;
}
.l_blue{
  color:#2b98d1;
}
.l_red{
  color:#e55954;
}
.red{
  color:#e55954;
}
.yellow{
  color:#fffc00;
}
.bold{
  font-weight:700;
}
.fs09{
  font-size:0.8em;
}
.fs15{
  font-size:1.5em;
}
.fs20{
  font-size:2.0em;
}
.bs{
  box-shadow: 0 5px 5px 0 rgba(194,194,194,.5);
}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/*************************************************
PC
**************************************************/
.only_pc{display: block!important;}
.only_sp{display: none!important;}
.kai{
    display: none!important;
  }

a[href^="tel:"]{
  pointer-events:none;
  text-decoration:none;
}

.mb10{
  margin-bottom:10px;
}
.mb20{
  margin-bottom:20px;
}
.mb30{
  margin-bottom:30px;
}
.mb50{
  margin-bottom:50px;
}
.mb80{
  margin-bottom:80px;
}
.mb100{
  margin-bottom:100px;
}
.w860{
  width:860px;
  margin:auto;
}
.w900{
  width:940px;
  margin:auto;
}
.w940{
  width:940px;
  margin:auto;
}
.w1040{
  width:1040px;
  margin:auto;
}
.w1100{
  width:1100px;
  margin:auto;
  position:relative;
}

h2{
  font-size:36px;
  font-weight:700;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
  font-weight:400;
}
/* header MV */
/*#header ul{
  display:flex;
  justify-content: space-between;
  width:1100px;
  margin:20px auto 0;
}
#header ul li .img_ttl{
  width:300px;
}
#header ul li .bnr_campaign{
  width:500px;
}

.header_read{
  font-size:24px;
}
.header_read img{
  padding:0 5px;
}
.mv_bg{
  background: -moz-linear-gradient(top, #05836e 30%, #0ba889);
  background: -webkit-linear-gradient(top, #05836e 30%, #0ba889);
  background: linear-gradient(to bottom, #05836e 30%, #0ba889);
}
#mv p{
  font-size:14px;
}*/
/* ancker */
#ancker{
  width:600px;
  margin: 0 auto 40px;
}
#ancker ul{
  display:flex;
  justify-content: space-around;
}
#ancker ul li a{
  display:block;
  background-color:#006c60;
  color:#fff;
  padding:20px 50px;
  text-decoration:none;
  position:relative;
  border: 1px solid #fff;
}
#ancker ul li a:after{
    content: "";
    position: absolute;
    margin: auto;
    top: 33%;
    /* bottom: 0; */
    right: 20px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
}

/* コンシェルジュ */
#concierge{
  margin-bottom:100px;
}
.concierge_net{
  border:3px solid #006c60;
  border-radius:0 0 10px 10px;
  margin: 0 auto 20px;
  padding: 10px 0 50px;
  background-color:#fffef2;
}
.concierge_sttl{
  background-color:#006c60;
  border-radius:10px 10px 0 0;
  padding:5px;
  text-align:center;
  color:#fff;
  font-size:20px;
  margin:auto;
}
.concierge_area{
  display:flex;
  justify-content: space-between;
}
.concierge_area .txt_box h4{
  color:#fff;
  background-color:#9f9c7b;
  text-align:center;
  padding:2px 80px;
  margin:10px 0
}
.concierge_area .txt_box .tel_wrapp{
  /*padding:0 40px 0 0;*/
}
.concierge_area .txt_box .tel{
  text-align:center;
}
.concierge_area .txt_box .tel a{
  font-size:40px;
  font-weight:700;
  color:#006c60;
}
.concierge_area .txt_box .tel::before{
  content:url("../img/ico_tel.gif");
  vertical-align:top;
  padding:0 10px 0 5px;
}
.concierge_area .txt_box .time{
  text-align:center;
}
.concierge_area .txt_box .time span{
  color:#fff;
  background-color:#fdab2e;
  border-radius:5px;
  padding:2px 5px;
  margin:0 6px 0 10px;
}
.concierge_area .txt_box .rubby{
  letter-spacing:0.4em;
    padding: 0 30px 0 0;
}


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

  .only_pc{display: none!important;}
  .only_sp{display: block!important;}
  .kai{
    display: none!important;
  }

  .mb10{
    margin-bottom:1%;
  }
  .mb20{
    margin-bottom:2%;
  }
  .mb30{
    margin-bottom:3%;
  }
  .mb50{
    margin-bottom:5%;
  }
  .mb80{
    margin-bottom:8%;
  }
  .mb100{
    margin-bottom:10%;
  }
  .w860{
    width:96%;
    margin:auto;
  }
  .w900{
    width:96%;
    margin:auto;
  }
  .w940{
    width:96%;
    margin:auto;
  }
  .w1040{
    width:100%;
    margin:auto;
  }
  .w1100{
    width:100%;
    margin:auto;
    position:relative;
  }
  h2{
    font-size:1.6em;
    font-weight:700;
  }
  #point2 h2{
		font-size:1.3em;
	}
  h3{
    font-size:1.0em;
  }
  h4{
    font-size:1.0em;
    font-weight:400;
  }
  .fs09{
    font-size:0.6em;
  }
  .fs15{
    font-size:1.0em;
  }
  .fs20{
    font-size:1.4em;
  }
  /* header MV */
  #header .logo{
    width:45%;
    margin:0 0 3%;
  }
  .header_read{
    font-size:24px;
  }
  .header_read img{
    padding:0 5px;
    width:8%;
  }
  .mv_bg{
    background: -moz-linear-gradient(top, #05836e 30%, #0ba889);
    background: -webkit-linear-gradient(top, #05836e 30%, #0ba889);
    background: linear-gradient(to bottom, #05836e 30%, #0ba889);
  }
  #mv p{
    font-size:0.8em;
  }	
  /* ancker */
  #ancker{
    width:100%;
    margin: 0 auto 40px;
  }
  #ancker ul li a {
    padding:15px 50px 15px 20px;
  }
  /* あんしん 

  #anshin ul{
    width:96%;
  }
  #anshin ul li.wrapp.bg_red {
    padding: 12% 10px 0;
  }
  .rbn_museigen {
    right: -4%;
  }
  #anshin ul li.wrapp{
    padding: 2% 2% 5%;
  }
  #anshin ul li.wrapp.bg_red {
    padding: 23% 2% 5%;
  }
  #anshin ul li.wrapp.bg_red h3 {
    margin: 10px 0 20px;
  }
  #anshin ul li.wrapp .container .txt_box {
    width: 100%;
    margin: 3%;
  }
  #anshin ul li.wrapp.bg_orange .txt_notice,#anshin ul li.wrapp.bg_blue .txt_notice {
    width:88%;
  }
  #anshin ul li.wrapp.bg_red .txt_notice {
    width:100%;
    margin:0;
  }
  #anshin ul li.wrapp.bg_red .ttl_ribbon{
    width:100%;
    padding:5px 30px;
    position:relative;
  }
  #anshin ul li.wrapp.bg_red .ribbon_area {
    position: absolute;
    top: 10px;
    right: -16px;
  }
  #anshin ul li.wrapp.bg_red .ttl_ribbon::before {
    border-left: 20px solid #ffe7e6;
    border-top: 32px solid transparent;
    border-bottom: 30px solid transparent;
  }
  #anshin ul li.wrapp.bg_red .ttl_ribbon::after {
    right:0;
  }*/
  /* お客様の声 
  .btn_estimate a {
    padding: 3% 14%;
    font-size: 1.2em;
    margin:1% 0 0;
  }
  .voice_area .voice_balloon,.voice_area2 .voice_balloon  {
      padding: 2%;
    font-size:0.8em;
  }
  .voice_area, .voice_area2 {
    position:relative;
  }
  .voice_area .img {
    width: 24%;
  }
  .voice_area .img img{
    width: 31%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .voice_area2 .img img {
    width: 28%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .voice_balloon:before {
    top: 20px;
    right: -24px;
    border-left: 25px solid #ccc;
  }
  .voice_balloon:after {
    top: 20px;
    right: -20px;
    border-left: 22px solid #fff;
  }*/
  /* お手軽価格 
  .kakaku_net {
    padding: 0 0 8%;
  }
  .kakaku_net .flex_around {
    display:block;
    text-align:center;
  }
  .kakaku_net h5 {
    width: 96%;
    font-size: 0.8em;
  }
  .kakaku_net .price {
    font-size: 1.8em;
    margin: 0 0 0 20%;
  }
  .kakaku_net .circle {
    top: 0px;
    left: 12%;
  }
  .photo_notice .photo_notice_txt {
    width: 96%;
    text-align:left;
    margin:0 0 1%;
  }
  .kakaku_net .btn a {
    padding: 3% 11%;
  }
  .kakaku_net .btn2 a {
    padding: 3% 13%;
  }
  .photo_notice2 {
    margin: 8% 0 0;
    padding: 2%;
  }
  .photo_notice2 .photo_notice_txt {
    width: 100%;
    text-align:left;
  }
  .photo_notice2 .photo_notice_txt li img {
    padding: 0 2% 0;
  }
  .kakaku_net ol {
    width: 90%;
    margin: 5% 1% 0 9%;
  }
  .kakaku_net ol li {
    font-size: 0.8em;
  }*/
  /* あんしん補償 
  #indemnify .indemnify_area {
    width: 96%;
    margin: 2% auto;
    padding: 2% 0;
  }
  #indemnify .indemnify_area img{
    max-width:40%;
    height:auto;
    float:left;
  }
  #indemnify .indemnify_area .txt_box {
    margin: 0 2%;
  }
  #indemnify .indemnify_area .txt_box h3 {
    width: 100%;
    height:50px;
    font-size:0.9em;
    padding: 2px 0 0;
    margin:1% auto 5%;
  }
  #indemnify .indemnify_area .txt_box h4 {
    font-size:1.0em;
  }*/
  /* 割引 
  #discount .discount_area{
    width: 96%;
    margin: 2% auto;
    padding: 2% 0;
  }
  #discount .discount_area h3{
    width: 100%;
    height:50px;
    font-size:0.9em;
    padding: 2px 0 0;
    margin:1% auto 5%;
  }#discount .discount_area ul {
      margin:0 auto 3%;
  }
  #discount .discount_area ol{
    width: 90%;
    margin: 5% 1% 0 9%;
  }
  #discount .discount_area ol li{
    font-size: 0.8em;
  }*/
  /* コンシェルジュ */
  #concierge {
    margin-bottom: 20%;
  }
  .concierge_area{
    display:block;
    position:relative;
  }
  .concierge_area .txt_box h4 {
    padding:0;
  }
  .concierge_area .txt_box .tel_wrapp {
    padding: 0;
    text-align:left;
  }
  .concierge_area .txt_box .tel a{
    font-size: 28px;
  }
  .concierge_area .txt_box .tel::before {
    content: "";
    display: inline-block;
    width: 40px;
    height:40px;
    background-image:url(../img/ico_tel.gif);
    vertical-align: top;
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0 2px;
  }
  .concierge_area .txt_box .rubby {
    letter-spacing: 0.4em;
    padding: 0 15% 0 0;
    font-size: 0.6em;
  }
  .concierge_area .txt_box .time {
    text-align: right;
    padding:0 7% 0 0;
    font-size: 0.8em;
    line-height: 1.8em;
  }
  .concierge_area .time_img_box{
    display:flex;
  }
  .concierge_area .time_box{
    width:55%;
  }
  #concierge .concierge_area img{
    max-width:40%;
    height:47.5%;
  }


  /* 固定ボタン 
  #area_seach_btn{
    width:100%;
    height:34px;
    z-index:998;
    position:relative;
    top: -50px;
  }
  .seach_inner.static {
    position: static;
  }
  #area_seach_btn ul{
    width:98%;
  }
  #area_seach_btn li{text-align: center; list-style-type:none;}
  #area_seach_btn li:first-child{margin-right: 10px;}*/
}

/* MV2 
#mv2{
  width:100%;
  background-color: #148E77;
  padding:30px 0;
  text-align:center;
}
#mv2 img{
  width:100%;
}
#mv2 .notion_inner {
  max-width: 720px;
  margin: 0 auto;
  margin-top: 25px;
  border: 4px solid #006c60;
  background-color: #fff;
  color: #333;
  width: 90%;
}
#mv2 .notion_inner .accordion_tap {
  padding: 10px 0;
  position: relative;
}
#mv2 .notion_inner .accordion_tap::before {
  content: "";
  position: absolute;
  top: 48%;
  right: 28px;
  width: 18px;
  height: 2px;
  transform: rotate(90deg);
  background: white;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
#mv2 .notion_inner .accordion_tap::after {
  content: "";
  position: absolute;
  top: 48%;
  right: 28px;
  width: 18px;
  height: 2px;
  background: white;
  z-index: 100;
  transition: all 0.2s ease-in-out;
}
#mv2 .notion_inner .accordion_tap .accordion_tap_text {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Sans CJK JP", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
}
#mv2 .notion_inner .accordion_tap span {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-50%, -50%);
  width: 37px;
  height: 37px;
  background-color: #006c60;
}
#mv2 .notion_inner .open:before {
  transform: rotate(180deg);
}

#mv2 .notion_inner .accordion_container {
  display: none;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 15px;
}
#mv2 .notion_inner .accordion_container .note_block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
}
#mv2 .notion_inner .accordion_container .note_block .text {
  font-size: 14px;
  text-align: left;
  width: 100%;
  margin-left: 15px;
}
#mv2 .notion_inner .accordion_container .note_block .note_number {
  font-size: 14px;
  width: 5.5%;
}
#mv2 .notion_inner .accordion_container .note_block .text {
  font-size: 14px;
  text-align: left;
  width: 100%;
  margin-left: 15px;
}s

#price p{
  font-size:16px;
}

/*#campaign .campaign_area .campaign_bnr{
  width:600px;
}
#btn_area{
  width:900px;
  margin:0 auto 50px;
}
.btn_wrapp{
  display:flex;
  justify-content:space-between;
  width:900px;
  align-items:flex-end;
}
.btn_wrapp .btn_l,.btn_wrapp .btn_r{
  width:46%;
}
.btn_wrapp .btn_l a,.btn_wrapp .btn_r a{
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  display: block;
}
.btn_wrapp .btn_l a{
  padding: 20px 30px;
  background-color: #e33a35;
}
.btn_wrapp .btn_l a:hover{
  padding:20px 10px;
  background-color: #dfb9b8;
  color:#ae0f0a;
}

.btn_wrapp .btn_r a{
  padding: 20px 50px;
  background-color: #3e7ec6;

}

.btn_wrapp .btn_r a:hover{
  padding:20px 10px;
  background-color: #b2c2d4;
  color: #0953a6;

}

.btn_l p,.btn_r p{
  margin:0;
  font-weight:700;
}*/
/* 追従ボタン */
/*#area_seach_btn .seach_inner {
  padding: 30px 0;
}
#area_seach_btn .seach_inner .btn_l,.seach_inner .btn_r{
  width:46%;
}
#area_seach_btn .seach_inner .btn_l a,.seach_inner .btn_r a{
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  display: block;
}
#area_seach_btn .seach_inner .btn_l a{
  padding: 18px 50px;
  background-color: #e33a35;
}
#area_seach_btn .seach_inner .btn_l a:hover{
  background-color: #dfb9b8;
  color:#ae0f0a;
}
#area_seach_btn .seach_inner .btn_r a{
  padding: 18px 50px;
  background-color: #3e7ec6;
}

#area_seach_btn .btn_r a:hover{
  background-color: #b2c2d4;
  color: #0953a6;

}

#area_seach_btn .btn_l p,.btn_r p{
  margin:0;
  font-weight:700;
}*/


@media screen and (max-width: 740px) {
  
  #contents2 #header ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 20px auto 0;
    padding:0 1% 0;
  }
  #contents2 #header .logo {
    width: 70%;
  }
  }
  /*#mv2 {
    padding: 2% 0;
  }
  #mv2 .notion_inner .accordion_tap .accordion_tap_text {
    font-size: 20px;
  }
  #mv2 .notion_inner {
      margin-top: 10px;
  }
  #price img{
    width:96%;
  }
  #price p {
    font-size: 0.8em;
    text-align:left;
    width:96%;
    margin:auto;
  }	
  #btn_area {
    width: 100%;
    margin: 0 auto;
  }
  .btn_wrapp {
    display: flex;
    justify-content: normal;
    width: 100%;
    align-items: flex-end;
    flex-direction: column;
  }
  .btn_wrapp .btn_l, .btn_wrapp .btn_r {
    width: 96%;
  }
  .btn_wrapp .btn_l {
    margin: 0 auto 8%;
  }
  .btn_wrapp .btn_l a,.btn_wrapp .btn_r a {
    font-size: 1.0em;
  }
  .btn_wrapp .btn_l a {
    padding: 4% 8%
  }
  .btn_wrapp .btn_r a {
    padding: 4% 15%;
  }
  .btn_wrapp .btn_l img{
    margin: 0 auto 5%;
  }
  .btn_wrapp .btn_r {
    margin: 0 auto 0;
  }
  .voice {
    padding: 2% 2% 5%;
  }
  .campaign_area{
    width:100%;
  }*/
  /*.campaign_area .campaign_bnr {
    width: 90%;
  }
  #area_seach_btn .seach_inner {
    padding: 2% 0;
  }
  #area_seach_btn ul {
    width: 100%;
    flex-direction: column;
  }#area_seach_btn .btn_l p, .btn_r p {
    margin: 0;
    font-size: 0.8em;
  }
  #area_seach_btn .seach_inner .btn_l, .seach_inner .btn_r {
    width: 96%;
    margin: 0 auto 6%
  }
  #area_seach_btn .seach_inner .btn_l a {
    padding: 4% 10%;
    font-size: 1.1em;
  }
  #area_seach_btn .seach_inner .btn_r a {
    padding: 4% 12%;
    font-size: 1.1em;
  }
}*/

/* MV3 
#header ul li .bnr_campaign2{
  width:800px;
}

.voice .voice_wrapp{
  display:flex;
  justify-content: space-between;
}
.voice .voice_wrapp li{
  width:32%;
  text-align:left;
  border-radius:10px;
  border:1px solid #799D92;
  padding:5px;
}
.voice .voice_wrapp .voice_box img{
  width:20%;
}
*/
/* フローティングバナー 
#floating{
}
#floating .inner{
  background-color:rgba(226,239,235,1.0);
    position: fixed;
    width: 100%;
    height: 120px;
    bottom: 0;
  padding:10px 0;
    z-index: 9999;
}
#floating .inner .btn_wrapp {
    display: flex;
    justify-content: space-between;
    width: 900px;
    align-items: flex-end;
    margin: auto;
}
*/
/*@media screen and (max-width: 740px) {

  /*.voice .voice_wrapp {
    display: flex;
    flex-direction: column;
  }
  .voice .voice_wrapp li {
    width: 96%;
    margin:0 auto 2%
  }
  .voice .voice_wrapp li.voice_box{
    display:flex;
  }
  .voice .voice_wrapp li.voice_box .voice_txt{
    width:80%;
  }
  .voice .voice_wrapp li.voice_box .img{
    width:20%;
      margin: 5% 2% 0;
  }
  .voice .voice_wrapp li.voice_box .img img{
    width:100%;
  }*/
  /* フローティングバナー 
  #floating{
  }
  #floating .inner{
      justify-content: normal;
    align-items: flex-end;
    flex-direction: column;
      width: 100%;
    height: 27%;
    bottom: 0;
    padding:10px 0;
    z-index: 9999;
  }
  #floating .inner .btn_wrapp {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
    margin: auto;
  }
  #floating .btn_wrapp .btn_l {
    margin: 0 auto 5%;
  }
  #floating .btn_wrapp .btn_l, .btn_wrapp .btn_r {
    width: 96%;
  }
  #floating .btn_l p, .btn_r p {
    margin: 0 0 4%;
    font-weight: 700;
  }
  .kakaku_net .price_area .price_area_price {
    position: relative;
    padding: 2%;
  }
}
*/