@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');


/* Base Setting
==========================================================*/

html { font-size: 62.5%; height: 100%;}
body { font-size: 1.6rem; line-height: 1.9; font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; font-weight: bold; margin:0; padding: 0; color: #000; -webkit-text-size-adjust: 100%; letter-spacing: .1rem; height: 100%; background: #F9F5F2;}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  body { letter-spacing: 0.05em; line-height: 1.7;}
}


a       { text-decoration: none; color: #000; outline: none; -webkit-transition: all .3s; transition: all .3s; cursor: pointer;}
a:hover { text-decoration: none;}
a.underline { text-decoration: underline; color: #000;}
@media screen and (min-width: 769px) {
  a:hover.underline { text-decoration: none; color: #f94437;}
}
a.block { display: block;}
img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; vertical-align: middle;}
:focus { outline: 0; }
::-moz-selection { background: #F94437; color: #F9F5F2;}
::selection { background: #F94437; color: #F9F5F2;}

/* fonts */
.fn-normal { font-weight: 400; font-style: normal;}
.fn-Poppin { font-family: 'Poppins', sans-serif; font-weight: 700; font-style: normal;}

.lesp-2 { letter-spacing: .2rem;}
.lesp-3 { letter-spacing: .3rem;}
.lesp-4 { letter-spacing: .4rem;}

/* color */
.c_white { color: #fff;}
.c_red { color: #F94437;}
.c_daerkred { color: #ca1229;}
.c_blue { color: #7FC9D6;}
.c_gold { color: #B29129;}
.c_gray { color: rgba(0, 0, 0, 0.4);}
.bg_white { background: #fff;}
.bg_red { background: #F94437;}
.bg_blue { background: #67C2CC;}
.bg_gold { background: #BA9C3E;}
.bg_blue_wa { background: url(../images/common/bg_blue_wa.png) 0 0 repeat; background-size: 366px 282px;}
.bg_gold_texture { background: url(../images/common/bg_gold_texture.png) 0 0 repeat; background-size: 236px;}
.bg_gold_ami { background: url(../images/common/bg_gold_ami.png) 0 0 repeat; background-size: 109px;}

.radius5px { border-radius: 5px; overflow: hidden;}

/* 2行目字下げ */
.indent li { margin-left: 1.5rem; text-indent: -1.5rem;}

/* object fit */
.obf { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; height: 100%; width: 100%; }

/* slider */
.slide ul{ display: none; }
.slide ul.slick-initialized { display: block; }

.disable { pointer-events: none; opacity:0.3;-moz-opacity:0.3; filter: alpha(opacity=30); }

.husoku { color: red;}

.non-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.non-scrollbar::-webkit-scrollbar { display:none; }

/* hack
========================================================== */

.sp-hide { display: block;}
.sp-hide-inline { display: inline;}
.sp-show { display:none;}
.sp-show-inline { display:none;}
.sp-show-350, .sp-show-400, .sp-show-520, .sp-show-620, .br-show-1060 { display:none;}
.sp-hide-350, .sp-hide-400, .sp-hide-520, .sp-hide-620, .br-hide-1060 { display:inline;}


/* ------------------------------------ */

@media screen and (max-width: 1060px) {
  .br-show-1060 { display:inline;}
  .br-hide-1060 { display:none;}
}


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

.sp-hide-inline, .sp-hide { display: none !important;}
.sp-show { display:block;}
.sp-show-inline { display:inline;}
.sp-br-none br, br.sp-br-none {display: none;}
.sp-no-flex { display: block;}

    @media screen and (max-width: 620px) {
      .sp-show-620 { display:inline;}
      .sp-hide-620 { display:none;}
    }
    @media screen and (max-width: 520px) {
      .sp-show-520 { display:inline;}
      .sp-hide-520 { display:none;}
    }
    @media screen and (max-width: 400px) {
      .sp-show-400 { display:inline;}
      .sp-hide-400 { display:none;}
    }
    @media screen and (max-width: 350px) {
      .sp-show-350 { display:inline;}
      .sp-hide-350 { display:none;}
    }

body { font-size: 1.4rem; line-height: 1.8;}
img { max-width: 100%; height: auto;}

.lesp-2 { letter-spacing: .1rem;}
.lesp-3 { letter-spacing: .15rem;}
.lesp-4 { letter-spacing: .2rem;}

}



/* main-layout
==========================================================*/

#wrapper { width: 100%; overflow-x: hidden;}
.wrap { width: 92%; margin: 0 auto;}
/* .wrapframe { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); margin: 0 auto;} */
.wrap1300 { width: 98%; margin: 0 auto; max-width: 1300px;}
.wrap1240 { width: 90%; margin: 0 auto; max-width: 1240px;}
.wrap1100 { width: 90%; margin: 0 auto; max-width: 1100px;}
.wrap1060 { width: 90%; margin: 0 auto; max-width: 1060px;}
.wrap1000 { width: 90%; margin: 0 auto; max-width: 1000px;}
.wrap980 { width: 90%; margin: 0 auto; max-width: 980px;}
.wrap860 { width: 90%; margin: 0 auto; max-width: 860px;}
.wrap800 { width: 90%; margin: 0 auto; max-width: 800px;}


.col {}
  .col-l { float: left;}
  .col-r { float: right;}

.order1 { order: 1;}

@media screen and (max-width: 1000px) {
  .wrapframe { width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px);}
}
@media screen and (max-width: 768px) {
  .wrapframe { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px);}
}
@media screen and (max-width: 500px) {
  .wrapframe { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px);}
}

/* hover */
.hover_scale img { -webkit-transition: all .4s ease; transition: all .4s ease;}
@media screen and (min-width: 769px) {
  .hover_scale a:hover img,
  a:hover .hover_scale img {-webkit-transform: scale(1.1); transform: scale(1.1); opacity: .9;}
}
.hover_push { box-shadow: 3px 3px 0 #000; -webkit-transition: all .2s ease; transition: all .2s ease;}
@media screen and (min-width: 769px) {
  .hover_push:hover { box-shadow: 0 0 0; transform: translate(3px,3px); opacity: .9;}
}


/* header
==========================================================*/

.indnewsblock { max-width: 1000px; margin: 0 auto 50px; color: #fff; text-align: center; padding: 15px; background: #F94437;}

#headerContainer { padding: 50px 0 55px;}
.header_logo { width: 360px; margin: 0 auto;}
.ksaou_header_logo { width: 300px; margin: 0; padding-left: 60px; box-sizing: border-box;}


.navInner { z-index: 99991; width: 105px; height: 60px; right: 55px; top: 50px; position: fixed; cursor: pointer;}
.navInner p.menu-p { width: 55px; line-height: 60px; -webkit-transition: all .3s; transition: all .3s; letter-spacing: .15rem;}
.menu-trigger { width: 40px; height: 12px; line-height: inherit; position: relative; display: inline-block; transition: all .4s; box-sizing: border-box; top: 24px;}
  .menu-trigger span { display: inline-block; -webkit-transition: all .3s; transition: all .3s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 2px; background-color: #F94437;}
  .menu-trigger span:nth-of-type(1) { top: 0; }
  .menu-trigger span:nth-of-type(2) { bottom: 0; }
  .menu-trigger:not(.active):hover span:nth-of-type(1) { top: 1px; }
  .menu-trigger:not(.active):hover span:nth-of-type(2) { bottom: 1px; }
  .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(5px) rotate(-25deg); transform: translateY(5px) rotate(-25deg);}
  .menu-trigger.active span:nth-of-type(2) { -webkit-transform: translateY(-5px) rotate(25deg); transform: translateY(-5px) rotate(25deg);}
  .menu-trigger.active span { background: #fff;}
  .navInner p.menu-p.active { color: #fff;}
  @media screen and (max-width: 1060px) {
    .header_logo { width: 300px;}
    .navInner { right: 40px; top: 30px; }
  }
  @media screen and (max-width: 768px) {
    #headerContainer { padding: 35px 0 38px; }
    .header_logo { width: 46%; max-width: 280px;}
    .ksaou_header_logo { width: 200px; padding-left: 0; margin: 0 auto;}
    .navInner { width: 60px; right: 3%; top: 10px;}
    .menu-trigger { left: 8px;}
  }


#menu { display: none; position: fixed; top: 0; right: -600px; width: 600px; height: 100vh; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9999; max-width: 100%; -ms-overflow-style: none; transition: 800ms;-webkit-transition-timing-function: ease;
transition-timing-function: ease; will-change: transform;}
.menu_inner { width: 100%; height: 100vh; justify-content: center; align-items: center; min-height: 700px;}
.menu_inner ul li:not(:last-child) { margin-bottom: 40px;}
.menu_inner ul li a { font-size: 3.2rem; letter-spacing: .3rem;}

#menu-mask { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; -webkit-transition: background-color 800ms, visibility 800ms; transition: background-color 800ms, visibility 800ms; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 180; visibility: hidden; }
#menu-mask.active { background: rgba(0, 0, 0, .5); visibility: inherit; }
#menu-mask.active #menu { right: 0;}
  @media screen and (max-width: 1060px) {
    #menu { right: -500px; width: 500px;}
    .menu_inner { min-height: 650px;}
    .menu_inner ul li:not(:last-child) { margin-bottom: 30px; }
    .menu_inner ul li a { font-size: 2.6rem;}
  }
  @media screen and (max-width: 768px) {
    #menu { right: -420px; width: 420px;}
    .menu_inner { display: block; padding: 80px 10%; box-sizing: border-box;}
    .menu_inner ul li:not(:last-child) { margin-bottom: 15px; }
    .menu_inner ul li a { font-size: 2.2rem; display: block; padding: 8px 0; box-sizing: border-box;}
  }
  @media screen and (max-width: 520px) {
    #menu { right: -100%; width: 100%;}
    .menu_inner ul li:not(:last-child) { margin-bottom: 12px; }
    .menu_inner ul li a { font-size: 1.8rem; letter-spacing: .1rem;}
  }



/* footer
==========================================================*/
#footer_menu { padding: 100px 0 140px; box-sizing: border-box;}
.footer_logo {}
/* .footer_menu_bnr { margin-top: -65px;} */

.footer_menu_right { max-width: 560px; margin-top: 60px; transform: translateX(120px);}
.footer_menu_right ul { font-size: 0;}
.footer_menu_right li { display: inline-block; margin-right: 3rem; font-size: 1.4rem; margin-top: 8px;}
.footer_menu_right .footer_menu_tel { margin-top: 20px; font-size: 2.4em;}

#footerContainer { padding: 60px 0; box-sizing: border-box;}
.footer_link { max-width: 350px; margin: 0 auto 20px;}
.copyright { font-size: 1rem;}


@media screen and (max-width: 1470px) {
  .footer_menu_right { transform: translateX(30px);}
}
@media screen and (max-width: 1060px) {
  #footer_menu { padding: 100px 0 95px;}
  #footer_menu > .wrap1000 > .flex { display: block;}
  .footer_logo { text-align: center; margin-bottom: 50px;}
  .footer_menu_right { transform: translateX(0); margin: 0 auto;}
  .footer_menu_right ul { text-align: center; width: 600px;}
  .footer_menu_right ul br { display: none;}
  .footer_menu_right .footer_menu_tel { text-align: center;}
  /* .footer_menu_bnr { margin-top: 30px; text-align: center;} */
}
@media screen and (max-width: 768px) {
  #footer_menu { padding: 80px 0 75px;}
  .footer_logo { width: 55%; margin: 0 auto 8vw; }
  .footer_menu_right ul { width: 100%;}
  .footer_menu_right li { display: block; margin-right: 0; margin-top: 2px;}
  .footer_menu_right li a { display: block; padding: 3px 0;}
  .footer_menu_right .footer_menu_tel { margin-top: 30px; font-size: 2.1em; }

  #footerContainer { padding: 50px 0;}
  .footer_link li { margin-bottom: 2px;}
  .footer_link li a { display: block; padding: 6px 0;}
  .copyright { margin-top: 30px;}
}





/* INDEX
==========================================================*/

/* loader */
.loader { align-items: center; background: #f9f5f2; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 99999;  }
/* .loader::after { content: ''; height: 30px;  width: 35%; max-width: 150px; background: url(../images/loading.png) center center no-repeat; background-size: contain;} */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.loader { display: none;}
}
/* index-loader */
#splash { position: fixed; width: 100%; height: 100%; z-index: 999999; background:#f94437; text-align:center; color:#fff; }
#splash_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#splash_logo img { width: 260px; }

.fadeUp { animation-name: fadeUpAnime; animation-duration:0.5s; animation-delay:0.2s; animation-fill-mode:forwards; opacity: 0; }

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* Firstview */
.FV_slideshow { padding-bottom: 170px;}
.FV_slideshow ul { width: 100%;}
.FV_slideshow ul .slick-slide { margin: 0 25px;}
.FV_slideshow .slick-slide img { width: 960px; height: auto;}
  @media screen and (max-width: 1260px) {
    .FV_slideshow { padding-bottom: 110px; }
    .FV_slideshow ul .slick-slide { margin: 0 15px;}
    .FV_slideshow .slick-slide img { width: 78vw;}
  }
  @media screen and (max-width: 768px) {
    .FV_slideshow { padding-bottom: 15vw; }
    .FV_slideshow ul .slick-slide { margin: 0 5px;}
    .FV_slideshow .slick-slide img { width: 86vw;}
  }


/* Fixed_btn */
#Fixed_btn { position: fixed; bottom: 36px; right: 36px; z-index: 100; transition: transform 0.3s ease-out;}
.fuwafuwa { 
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.2s;
  animation-name: fuwa_anime;
}  
@-webkit-keyframes fuwa_anime {
  0% { -webkit-transform: translate(0, 0px); }
  100% { -webkit-transform: translate(0, -15px); }
}
@keyframes fuwa_anime {
  0% { transform: translate(0, 0px); }
  100% { transform: translate(0, -15px); }
}
@media screen and (min-width: 769px) {
  #Fixed_btn:hover { transform: rotate(10deg); -webkit-opacity: .8; opacity: .8;}
}
  @media screen and (max-width: 1060px) {
    #Fixed_btn { width: 110px; bottom: 30px; right: 30px;}
  }
  @media screen and (max-width: 768px) {
    #Fixed_btn { width: 90px; bottom: 20px; right: 20px;}
  }

  

.section {}
  .sectionInner  { padding: 120px 0 125px;}

.ind_h2ttl_Box { margin-bottom: 80px;}
.ind_h2ttl_Box .ind_h2ttl { font-size: 2.8em; margin-top: 20px;}

  @media screen and (max-width: 768px) {
    .sectionInner  { padding: 100px 0 110px;}

    .ind_h2ttl_Box { margin-bottom: 50px; }
    .ind_h2ttl_Box p { letter-spacing: .2rem;}
    .ind_h2ttl_Box .ind_h2ttl { font-size: 2em; margin-top: 15px;}
  }
  @media screen and (max-width: 520px) {
    .sectionInner { padding: 20vw 0 20vw; }
    .ind_h2ttl_Box .ind_h2ttl { font-size: 1.6em; margin-top: 12px;}
  }




/* ind_Intro
==========================================================*/
#ind_Intro {}
.ind_IntroInner { padding: 0 0 120px;}
.ind_IntroBG { padding: 80px 0 100px; width: 100%; height: 100%; background: url(../images/index/bg_hatena.png) -10px 0 repeat; background-size: 176px 212px;}
.ind_IntroBG .wrap1300 { z-index: 1;}

.ind_Intro_ttl { font-size: 1.85em; padding: 23px 8px 22px; box-sizing: border-box; border-top: 3px solid #000; border-bottom: 3px solid #000; display: inline-block;}
.ind_Intro_contents { margin-top: 70px;}
  .ind_Intro_contents .ind_Intro_lead {}
  .ind_Intro_contents .ind_Intro_img { margin-top: -204px; position: relative; z-index: -1;}

  .ind_Intro_fukidashi {}
  .ind_Intro_fukidashi01 { top: -40px; left: 210px;}
  .ind_Intro_fukidashi02 { top: 206px; left: 128px;}
  .ind_Intro_fukidashi03 { bottom: 2px; left: 191px;}
  .ind_Intro_fukidashi04 { top: -30px; right: 174px;}
  .ind_Intro_fukidashi05 { top: 175px; right: 63px;}
  .ind_Intro_fukidashi06 { bottom: -49px; right: 50px;}

.ind_Intro_omakase { margin-top: 50px;}

  @media screen and (max-width: 1260px) {
    .ind_Intro_fukidashi01 { left: 14%;}
    .ind_Intro_fukidashi02 { top: 169px; left: 13%; }
    .ind_Intro_fukidashi03 { bottom: -28px; }
    .ind_Intro_fukidashi04 { right: 4%;}
    .ind_Intro_fukidashi05 { right: 0%;}
  }
  @media screen and (max-width: 1060px) {
    .ind_IntroBG { background-size: 18.5vw; padding: 80px 0 120px;}

    .ind_Intro_ttl { font-size: 1.6em;}
    .ind_Intro_contents .ind_Intro_lead { width: 15%; margin: 0 auto;}
    .ind_Intro_contents .ind_Intro_img { margin-top: -20vw;}

    .ind_Intro_fukidashi { width: 30%;}
    .ind_Intro_fukidashi01 { left: 8%;}
    .ind_Intro_fukidashi02 { left: 6%; top: 41%;}
    .ind_Intro_fukidashi03 { bottom: -35px; left: 9%;}
    .ind_Intro_fukidashi05 { top: 33%;}

    .ind_Intro_omakase { width: 88%; margin: 50px auto 0;}
  }
  @media screen and (max-width: 768px) {
    .ind_IntroBG { background-size: 18.5vw; padding: 8vw 0 20vw; }

    .ind_Intro_ttl { font-size: 1.3em; padding: 20px 8px 19px;}
    .ind_Intro_contents .ind_Intro_lead { width: 18%;}
    .ind_Intro_contents .ind_Intro_img { margin-top: -19vw; }

    .ind_Intro_fukidashi { width: 34%; }
    .ind_Intro_fukidashi01 { left: 2%; }
    .ind_Intro_fukidashi02 { left: 3%; top: 36%; }
    .ind_Intro_fukidashi04 { right: 0%; width: 36%;}
    .ind_Intro_fukidashi05 { right: -3%; }
    .ind_Intro_fukidashi06 { right: -1%; }

  }





.blinking {opacity: 0; animation:blink 12s ease-in-out infinite normal; }

.blinking02 { animation-delay: 2s;}
.blinking04 { animation-delay: 4s;}
.blinking06 { animation-delay: 6s;}
.blinking08 { animation-delay: 8s;}
.blinking10 { animation-delay: 10s;}
@-webkit-keyframes blink {
    0% { opacity: 0;}
    10% { opacity: 1;}
    20% { opacity: 1;}
    30% { opacity: 0;}
    100% { opacity: 0;}
}
@keyframes blink {
    0% { opacity: 0;}
    10% { opacity: 1;}
    20% { opacity: 1;}
    30% { opacity: 0;}
    100% { opacity: 0;}
}


/* ind_Features
==========================================================*/
#ind_Features {}
.Features_Container {}
.Features_Container ul li { max-width: 605px; width: 48.8%; margin-top: 31px; padding: 30px 50px 45px 45px; box-sizing: border-box;}
.Features_Container ul li .Features_img .Features_num { margin-top: 18px;}
.Features_Container ul li .Features_h3ttl { margin: 30px 0 20px; font-size: 1.85em;}
.Features_Container ul li#Features-num01 { max-width: 100%; width: 100%; margin-top: 10px; padding: 30px 70px 45px 45px;}
.Features_Container ul li#Features-num01 .Features-num01-img { width: 495px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.Features_Container ul li#Features-num01 .Features-num01-img .Features_illust { margin-left: 140px; margin-right: 50px;}
.Features_Container ul li#Features-num01 .Features-num01-txt { width: 500px;}
  @media screen and (max-width: 1260px) {
    .Features_Container ul li { margin-top: 2.2vw;}
    .Features_Container ul li#Features-num01 .Features-num01-img { width: 400px;}
    .Features_Container ul li#Features-num01 .Features-num01-img .Features_illust { margin: 50px auto 0; width: 70%;}
    .Features_Container ul li#Features-num01 .Features-num01-txt { width: -webkit-calc(100% - 430px); width: -moz-calc(100% - 430px); width: calc(100% - 430px);}
  }
  @media screen and (max-width: 1060px) {
    .Features_Container ul li { padding: 30px 32px 35px 30px;}
    .Features_Container ul li .Features_img .Features_num { width: 130px; margin-right: 30px;}
    .Features_Container ul li .Features_h3ttl { margin: 20px 0 20px; font-size: 1.6em; letter-spacing: .15rem;}
    .Features_Container ul li#Features-num01 { max-width: 100%; width: 100%; margin-top: 10px; padding: 30px 50px 35px 35px; }
    .Features_Container ul li#Features-num01 .Features-num01-img { width: 250px;}
    .Features_Container ul li#Features-num01 .Features-num01-img .Features_illust { width: 90%; }
    .Features_Container ul li#Features-num01 .Features-num01-txt { width: -webkit-calc(100% - 270px); width: -moz-calc(100% - 270px); width: calc(100% - 270px);}
  }
  @media screen and (max-width: 768px) {
    .Features_Container ul li, .Features_Container ul li#Features-num01 { max-width: 100%; width: 100%; padding: 25px 25px 30px;}
    .Features_Container ul li .Features_h3ttl { font-size: 1.35em;}

    .Features_Container ul li#Features-num01 .Features-num01-img { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .Features_Container ul li#Features-num01 .Features-num01-img .Features_illust { max-width: 199px; width: calc(100% - 160px); margin: 0; transform: translateX(10px);}
    .Features_Container ul li#Features-num01 .Features-num01-txt { width: 100%;}
  }


.btn_more { margin: 35px 0 20px;}
.btn_more a { display: block; line-height: 80px; font-size: 1.35em; width: 100%;  border: 2px solid #F94437; box-sizing: border-box;}
.arrow { position: relative;}
.arrow::before,
.arrow::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }
.arrow::before { right: 20px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; transition: all .3s;}
@media screen and (min-width: 769px) {
  .btn_more a:hover { background: #fff; color: #F94437;}
  a.arrow:hover:before { border-top: 2px solid #F94437; border-right: 2px solid #F94437;}
  a.arrow.bg_gold:hover:before { border-top: 2px solid #BA9C3E; border-right: 2px solid #BA9C3E;}
  a.arrow.bg_blue:hover:before { border-top: 2px solid #67C2CC; border-right: 2px solid #67C2CC;}
}
@media screen and (max-width: 768px) {
  .btn_more a { line-height: 65px;}
}

/* ind_Price
==========================================================*/
#ind_Price { overflow: hidden;}
.ind_PriceInner { padding: 80px 0 90px; position: relative; z-index: 1;}
.Price_Container { max-width: 424px; margin: 0 auto;}
.Price_h3ttl { margin-bottom: 30px; font-size: 1.85em;}
.Price_img { }
.Price_lead { bottom: 42px; left: -180px; font-size: 1.56em;}
.Price_note { bottom: 8px; right: -360px;}
.Price_note span { color: #FF1D25;}
.Price_circle { top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translateX(-180px); width: 500px; height: 471px;}

@media screen and (max-width: 1200px) {
  .Price_Container { transform: translateX(80px); }
  .Price_lead { bottom: 116px;}
  .Price_note { position: static; margin-top: 20px; margin-left: 23px;}
}
@media screen and (max-width: 768px) {
  .Price_Container { transform: translateX(0); width: 90%;}
  .Price_h3ttl { font-size: 1.5em; }
  .Price_lead { position: static; text-align: center; font-size: 1.6rem; margin-bottom: 30px;}
  .Price_circle { transform: translateX(-30%);}
}


  /* popup */
  .popup_wrap { width: 80vw; max-width: 1060px; margin: 50px auto; box-sizing: border-box; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;  z-index: 9901 !important; background: #fff;}
  .popup_wrap::-webkit-scrollbar { display:none; }
  .popup_Inner { width: 90%; max-width: 860px; margin: 0 auto; padding: 85px 0 100px;}

  #popup_plan_detail {}
    .popup_plan_h2ttl { padding: 32px 0 30px; border-top: 3px solid #f94437; border-bottom: 3px solid #f94437; margin-bottom: 60px;}
    .popup_plan_set {}
    .popup_plan_set ul { max-width: 800px; margin: 0 auto 45px;}
    .popup_plan_set ul li { width: 23.2%; max-width: 185px;}
    .popup_plan_set ul li:nth-child(even) { padding-top: 35px;}
    .popup_plan_set ul li:nth-child(n+5) { margin-top: -15px;}
    .popup_plan_desc { margin-top: 40px;}
    .popup_plan_desc .popup_plan_desc_img { width: 30%;}
    .popup_plan_desc .popup_plan_desc_txt { width: 67%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .popup_plan_cnt { margin-top: 70px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}

    .popup_plan_table_h3ttl { background: #b29129; padding: 20px; box-sizing: border-box; width: 100%;}
    table.popup_plan_table { width: 100%; table-layout: fixed;}
    table.popup_plan_table tr:not(:last-child) { border-bottom: 1px solid #d1d1d1;}
    table.popup_plan_table th { background: #f9f5f2; width: 260px; padding: 25px 24px; box-sizing: border-box; font-weight: bold; line-height: 1.5; vertical-align: middle;}
    table.popup_plan_table th span.bikou_num { display: inline-block; margin-left: 10px; font-size: .75em;}
    table.popup_plan_table td { padding: 25px 15px 25px 30px; box-sizing: border-box; line-height: 1.5; vertical-align: middle;}

    .popup_plan_bikou { background: #ededed; padding: 45px; box-sizing: border-box; margin-top: 85px; letter-spacing: .05rem;}

  @media screen and (max-width: 1060px) {
    .popup_wrap { width: 90vw;}
    .popup_Inner { width: 86%;}
    .popup_plan_h2ttl { font-size: 1.8em; margin-bottom: 50px;}
    .popup_plan_cnt { margin-top: 70px;}

    table.popup_plan_table { font-size: 1.5rem;}
    table.popup_plan_table th { width: 220px; padding: 25px 20px;}
    table.popup_plan_table td { padding: 25px 15px 25px 25px;}

    .popup_plan_bikou { margin-top: 60px;}
  }
  @media screen and (max-width: 768px) {
    .popup_wrap { width: 100vw; max-width: 100%; height: 100vh; border: none; border-radius: 0; margin: 0;}
    .popup_Inner { width: 86%; padding: 70px 0 100px;}

    .popup_plan_h2ttl { font-size: 1.3em; margin-bottom: 35px; padding: 22px 0 20px;}
    .popup_plan_set ul { margin: 0 auto 35px; max-width: 450px; width: 92%;}
    .popup_plan_set ul li { width: 47%; max-width: 100%; margin-bottom: 3.5vw; text-align: center;}
    .popup_plan_set ul li:nth-child(even) { padding-top: 0;}
    .popup_plan_set ul li:nth-child(n+5) { margin-top: 0;}
    .popup_plan_cnt { margin-top: 0; border: none;}

    .popup_plan_table_wrap { margin-top: 50px;}
    table.popup_plan_table, table.popup_plan_table tbody, table.popup_plan_table tr { display: block; width: 100%;}
    table.popup_plan_table tr:not(:last-child) { border: none;}
    table.popup_plan_table th { display: block; width: 100%; padding: 20px 15px; border-bottom: 1px solid #ccc;}
    table.popup_plan_table td { display: block; width: 100%; padding: 20px 15px;}

    .popup_plan_bikou { margin-top: 40px; padding: 30px;}
  }
  @media screen and (max-width: 520px) {
    .popup_plan_desc { margin-top: 30px; display: block;}
    .popup_plan_desc .popup_plan_desc_img { width: 50%; text-align: center; margin: 0 auto 30px; max-width: 200px;}
    .popup_plan_desc .popup_plan_desc_txt { width: 100%; max-width: 100%;}
  }



/* ind_Template
==========================================================*/
#ind_Template {}
.Template_ttl_new { bottom: 15px; left: 0; right: 0; margin: auto; transform: translateX(-260px); z-index: -1; }

ul.Template_cat { margin: 70px 0 75px; font-size: 0;}
ul.Template_cat li { line-height: 32px; padding: 0 10px; margin-right: 10px; border-radius: 1px; display: inline-block; font-size: 1.8rem;}
ul.Template_cat li:last-child { margin-right: 0;}

.Template_Container { margin-bottom: 150px;}
  .Template_slideshow { padding-bottom: 120px;}
  .Template_slideshow ul { width: 100%;}
  .Template_slideshow ul .slick-slide { margin: 0 32px;}
  .Template_slideshow .slick-slide img { width: 700px; height: auto;}

.Template_type_h3ttl { font-size: 1.85em; margin: 45px 0 15px;}
.Template_btn_more { margin-top: 40px;}
  .Template_btn_more a { display: block; line-height: 80px; font-size: 1.35em; width: 100%; border: 2px solid #F94437; box-sizing: border-box; max-width: 540px; margin: 0 auto;}
  .Template_btn_more a.bg_gold { border: 2px solid #BA9C3E;}
  .Template_btn_more a.bg_blue { border: 2px solid #67C2CC;}
  @media screen and (min-width: 769px) {
    .Template_btn_more a:hover { background: #F9F5F2; color: #F94437;}
    .Template_btn_more a.bg_gold:hover { background: #F9F5F2; color: #BA9C3E;}
    .Template_btn_more a.bg_blue:hover { background: #F9F5F2; color: #67C2CC;}
  }

.Template_original_note { display: inline-block; padding: 15px 20px 15px 30px; border: 2px solid #000; box-sizing: border-box;}

@media screen and (max-width: 1160px) {
    .Template_slideshow ul .slick-slide { margin: 0 20px;}
    .Template_slideshow .slick-slide img { width: 600px;}
}
@media screen and (max-width: 960px) {
    .Template_slideshow { padding-bottom: 80px; }
    .Template_slideshow ul .slick-slide { margin: 0 20px;}
    .Template_slideshow .slick-slide img { width: 550px; margin: 0 auto;}
    .Template_btn_more a { width: 90%;}
}
@media screen and (max-width: 768px) {
  .Template_Container { margin-bottom: 100px;}
    .Template_ttl_new { bottom: -2px; transform: translateX(-160px); width: 100px; }
    ul.Template_cat { margin: 40px 0 55px; font-size: 0; }

    /* .Template_slideshow ul .slick-slide { margin: 0 10px;} */
    .Template_img { text-align: center;}
    .Template_slideshow .slick-slide img { width: 80vw;}

    .Template_txt { width: 90%; margin: 0 auto;}
    .Template_type_h3ttl { font-size: 1.5em; margin-top: 30px;}
    .Template_btn_more { margin-top: 25px; }
    .Template_btn_more a { line-height: 65px; font-size: 1.2em;}
    .Template_btn_more a { width: 96%;}


    .Template_original_note { width: 86%; margin: 0 auto; padding: 15px 10px 15px 15px; }
}
@media screen and (max-width: 520px) {
  .Template_Container { margin-bottom: 20vw;}
  .Template_ttl_new { bottom: 4px; transform: translateX(-124px); width: 85px; }
  .Template_slideshow { padding-bottom: 60px; }
    .Template_slideshow ul .slick-slide { margin: 0 10px;}
    .Template_txt { width: 100%; margin: 0 auto;}

}


#Template_example { margin-bottom: -70px;}
  .Template_exampleInner { padding: 65px 0 70px;}
  .Template_example_h3ttl { margin-bottom: 50px;}

.Template_example_box {}
  .Template_example_box .Template_example_page { width: 240px;}
  .Template_example_box .Template_example_txt { width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); width: calc(100% - 280px); padding-top: 58px;}
  .Template_example_box .Template_example_txt .Template_example_txt_sample { background: #e5e5e5; padding: 20px 25px; box-sizing: border-box; margin: 20px 0 50px;}
  .Template_example_box .Template_example_txt .Template_example_txt_sample span { display: inline-block;}

.sample_link { padding-left: 20px; }
  .sample_link a { text-decoration: underline;}
  .sample_link:before { border-top: 2px dotted #f94437; width: 70px; content: ""; position: absolute; left: -64px;
  top: 14px;}
  #sample_link_access.sample_link { margin-top: 30px;}

.sp-example_page { display: none;}
.sp-example_page .kotei { border: 1px solid #b29129; padding: 12px 0 10px; box-sizing: border-box;}
.sp-example_page ul li { background: #e5e5e5; padding: 12px 0 10px; box-sizing: border-box; width: 32%; margin: 5px 0;}

  @media screen and (max-width: 1060px) {
    .Template_example_box { max-width: 760px; margin: 0 auto;}
    .Template_example_txt p { text-align: center;}
    .Template_example_txt p.fns135 { font-size: 1.2em;}
    .Template_example_box .Template_example_txt { padding-top: 48px;}
    .Template_example_box .Template_example_txt .Template_example_txt_sample { max-width: 444px; margin-bottom: 40px;}
    .sample_link { line-height: 1.5;}
    .sample_link a { display: block;}
    .sample_link:before { top: 10px;}
    #sample_link_access.sample_link { margin-top: 17px; }
  }
  @media screen and (max-width: 930px) {
    .Template_example_box { display: block;}
    .Template_example_txt p.fn08 { font-size: 1.3rem;}
    .Template_example_box .Template_example_page { display: none;}
    .Template_example_box .sp-example_page { display: block; margin: 50px 0;}
    .Template_example_box .Template_example_txt { width: 100%; padding-top: 0;}
    .Template_example_box .Template_example_txt .Template_example_txt_sample { max-width: 100%; margin-bottom: 30px;}
    .Template_example_box .Template_example_txt .Template_example_txt_sample br.br-show-1060 { display: none;}

    .sample_link { padding-left: 0; }
    .sample_link a { display: inline;}
      .sample_link:before { content: none;}
  }
  @media screen and (max-width: 768px) {
    .Template_example_box .sp-example_page { display: block; margin: 35px 0;}
    .Template_example_h3ttl { margin-bottom: 35px; font-size: 1.5em;}
  }
  @media screen and (max-width: 560px) {
  .Template_exampleInner { padding: 50px 0;}
    .Template_example_txt p.fns135 { letter-spacing: normal;}
    .sample_link { font-size: 1.3rem;}
    .sample_link a { display: block; text-align: right; font-weight: bold; font-size: 1.5rem;}
    #sample_link_access.sample_link { margin-top: 10px; }
    .sp-example_page .kotei { padding: 8px 0 6px;}
    .sp-example_page ul li { font-size: 1.2rem; letter-spacing: normal; padding: 8px 0 6px; margin: 3px 0;}
  }


/* ind_Works
==========================================================*/
#ind_Works {}
.Works_Container { margin-top: 75px; width: 100%; margin-bottom: 30px;}

.ind_Works_slide { overflow: hidden; width: 100%; margin-bottom: 10px;}
.ind_Works_slide ul li { width: 340px; margin-right: 10px;}
.ind_Works_slide ul li a { padding: 20px 20px 25px; box-sizing: border-box;}
.ind_Works_slide ul li a .Works_img { border: 1px solid rgba(204, 204, 204, 0.5);}
.ind_Works_slide ul li a .Works_name { margin: 20px 0 5px; position: relative; display:
inline-block;}
.ind_Works_slide ul li a .Works_name::after { content: ""; top: 5px; right: -23px; position: absolute; z-index: 1; background: url(../images/index/works/icon_exlink.png) 0 no-repeat; background-size: contain; width: 14px; height: 14px;}

@media screen and (max-width: 1060px) {
  .ind_Works_slide ul li { width: 260px;}
}
@media screen and (max-width: 768px) {
  .ind_Works_slide ul li { width: 200px;}
  .ind_Works_slide ul li a { padding: 10px 10px 20px;}
  .ind_Works_slide ul li a .Works_name { font-size: 1em;}
  .ind_Works_slide ul li a .Works_design { font-size: .85em;}
}

  /* スライドアニメーション */
  .ind_Works_slide ul:first-child { animation: loop1 90s linear infinite; }
  .ind_Works_slide ul:nth-child(2) { animation: loop2 90s -60s linear infinite; }
  .ind_Works_slide ul:last-child { animation: loop3 90s -30s linear infinite; }

   @keyframes loop1 {
     0% {
       transform: translateX(200%);
     }
     to {
       transform: translateX(-100%);
     }
   }

   @keyframes loop2 {
     0% {
       transform: translateX(100%);
     }
     to {
       transform: translateX(-200%);
     }
   }

   @keyframes loop3 {
     0% {
       transform: translateX(0%);
     }
     to {
       transform: translateX(-300%);
     }
   }

   #ind_Works_slide02.ind_Works_slide ul:first-child { animation: loop4 90s linear infinite; }
   #ind_Works_slide02.ind_Works_slide ul:nth-child(2) { animation: loop5 90s -60s linear infinite; }
   #ind_Works_slide02.ind_Works_slide ul:last-child { animation: loop6 90s -30s linear infinite; }

   @keyframes loop4 {
     0% {
       transform: translateX(-100%);
     }
     to {
       transform: translateX(200%);
     }
   }

   @keyframes loop5 {
     0% {
       transform: translateX(-200%);
     }
     to {
       transform: translateX(100%);
     }
   }

   @keyframes loop6 {
     0% {
       transform: translateX(-300%);
     }
     to {
       transform: translateX(0%);
     }
   }


   @media screen and (max-width: 768px) {
     .ind_Works_slide ul:first-child { animation: loop1 45s linear infinite; }
     .ind_Works_slide ul:nth-child(2) { animation: loop2 45s -30s linear infinite; }
     .ind_Works_slide ul:last-child { animation: loop3 45s -15s linear infinite; }
     #ind_Works_slide02.ind_Works_slide ul:first-child { animation: loop4 45s linear infinite; }
     #ind_Works_slide02.ind_Works_slide ul:nth-child(2) { animation: loop5 45s -30s linear infinite; }
     #ind_Works_slide02.ind_Works_slide ul:last-child { animation: loop6 45s -15s linear infinite; }
   }




/* ind_Flow
==========================================================*/
#ind_Flow {}
.Flow_Container {}
.Flow_Container ul li { margin-bottom: 60px;}
.Flow_Container ul li .Flow_num { width: 100px;}
.Flow_Container ul li .Flow_num p { margin-bottom: 2px;}
.Flow_Container ul li .Flow_txt_Box { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); margin-top: 5px;}
.Flow_Container ul li .Flow_txt_Box .Flow_h3ttl { font-size: 1.85em; margin-bottom: 10px;}
.Flow_Container ul li .Flow_txt_Box .Flow_txt { padding: 35px 50px; box-sizing: border-box;}

#Flow07_ul { margin: 30px 0 15px;}
#Flow07_ul li { margin: 12px 0 0; background: #F9F5F2; padding: 30px 40px 35px; box-sizing: border-box;}
#Flow07_ul li .Flow07_ttl { margin-bottom: 10px;}

  @media screen and (max-width: 1060px) {
    .Flow_Container ul li .Flow_num { width: 80px; }
    .Flow_Container ul li .Flow_txt_Box { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px);}
    .Flow_Container ul li .Flow_txt_Box .Flow_h3ttl { font-size: 1.5em;}
    .Flow_Container ul li .Flow_txt_Box .Flow_txt { padding: 25px 32px;}
    #Flow07_ul li { padding: 25px 30px 25px;}
  }
  @media screen and (max-width: 680px) {
    .Flow_Container ul li { display: block;}
    .Flow_Container ul li .Flow_num { width: 80px; margin: 0 auto 20px; }
    .Flow_Container ul li .Flow_txt_Box { width: 100%;}
    .Flow_Container ul li .Flow_txt_Box .Flow_h3ttl { text-align: center; margin-bottom: 20px;}
  }
  @media screen and (max-width: 420px) {
    .Flow_Container ul li { margin-bottom: 50px; }
    .Flow_Container ul li .Flow_num { width: 70px;}
    .Flow_Container ul li .Flow_txt_Box .Flow_h3ttl { font-size: 1.3em;}
    .Flow_Container ul li .Flow_txt_Box .Flow_txt { padding: 22px; }

    #Flow07_ul { margin: 20px 0 0;}
    #Flow07_ul li { padding: 20px 20px 20px; margin-top: 8px;}
    #Flow07_ul li .Flow07_ttl { font-size: 1.6rem; letter-spacing: normal;}

    .Flow_note { letter-spacing: normal;}
  }


/* ind_FAQ
==========================================================*/
#ind_FAQ {}
.Faq_Container {}
.Faq_DL { margin-bottom: 20px; padding: 33px 50px; box-sizing: border-box;}
.Faq_DL dt { padding: 0 60px 0 70px; box-sizing: border-box; position: relative; cursor: pointer;}
.Faq_DL dt:before { position: absolute; content: "Q"; font-size: 30px; color: #B29129; top: 0px; left: 0; font-family: 'Poppins', sans-serif; font-weight: 700; font-style: normal; line-height: 1;}
.Faq_DL dt .Faq_btn { position: absolute; top: 0; bottom: 0; margin: auto; right: 0; width: 30px; height: 30px; -webkit-transition: all .3s; transition: all .3s;}
.Faq_DL dd { display: none; margin-top: 22px; padding: 0 60px 0 70px; box-sizing: border-box; position: relative;}
.Faq_DL dd:before { position: absolute; content: "A"; font-size: 1.85em; top: 0px; left: 1px; font-family: 'Poppins', sans-serif; font-weight: 700; font-style: normal; line-height: 1;}
.Faq_DL dt span::before,
.Faq_DL dt span::after { content: ''; display: block; width: 25px; height: 2px; background: #B29129; position: absolute; left: 0; right: 0; margin: auto; top: 50%;
transform: translateY(-50%);  -webkit-transition: all .3s; transition: all .3s; }
.Faq_DL dt span::after { transform: translateY(-50%) rotate(90deg); }
.Faq_DL dt span.active::after { transform: rotate(180deg); }
.Faq_DL dt span.active::before { opacity: 0; }

  @media screen and (max-width: 1060px) {
    .Faq_DL { padding: 28px 35px;}
    .Faq_DL dt { padding: 0 60px 0 50px;}
    .Faq_DL dd { padding: 0 60px 0 50px;}
  }
  @media screen and (max-width: 768px) {
    .Faq_DL dt { padding: 0 50px 0 40px;}
    .Faq_DL dd { padding: 0 0 0 40px; margin-top: 20px;}
    .Faq_DL dt::before,
    .Faq_DL dd::before{ font-size: 1.6em; top: 0px;}
  }
  @media screen and (max-width: 420px) {
    .Faq_DL { padding: 25px; }
    .Faq_DL dt { font-size: 1.1em; padding: 0 38px 0 35px;}
    .Faq_DL dd { padding: 0 0 0 35px;}
    .Faq_DL dt span::before, .Faq_DL dt span::after { width: 20px;}
  }



/* Contact
==========================================================*/
#Contact {}
.Contact_Container {}
.Contact_lead {}
.Contact_tel_Box { border: 2px solid #fff; max-width: 640px; margin: 45px auto 80px; box-sizing: border-box;}
.Contact_tel_Box a { background: rgba(121, 195, 201, 0.5); padding: 35px 15px 35px; box-sizing: border-box; width: 100%;}
.Contact_tel_Box .Contact_tel { font-size: 2.5em; margin-bottom: 5px;}

/* bodyを引き継がせる（SP:16px以上必須） */
input, textarea, select {
font-size: 1.6rem; line-height: 1.9; font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
font-weight: bold; margin:0; padding: 0; color: #000; -webkit-text-size-adjust: 100%; letter-spacing: .1rem;}

.contactform { margin-bottom: 20px;}
.inqtable { width: 100%; }
.inqtable dt { display: block; width: 100%; padding: 0 0 6px; line-height: 1.8; font-weight: bold;}
.inqtable dd { display: block; width: 100%; padding: 0 0 35px; line-height: 1.8;}
.inqtable dd input, .inqtable dd textarea { border: none; -webkit-appearance: none; border-radius: 1px; padding: 17px 20px; width: 100%; background: #fff; box-sizing: border-box;}

.inqtable .halfform li { width: 49.5%; max-width: 425px;}

/* focus時 */
input, textarea { outline: none; -webkit-transition: all .3s; transition: all .3s; }
input:focus, textarea:focus { box-shadow: 0 0 3px #fff; }

:placeholder-shown { color: #BABABA; font-weight: normal;}
::-webkit-input-placeholder { color: #BABABA; font-weight: normal; }
:-moz-placeholder { color: #BABABA; font-weight: normal; }
::-moz-placeholder { color: #BABABA; font-weight: normal; }
:-ms-input-placeholder { color: #BABABA; font-weight: normal; }
::-ms-input-placeholder { color: #BABABA; font-weight: normal; }

/* radioボタン */
input[type=radio] { display: none;}
  .radio { padding: 5px 0 5px 35px; display: inline-block; box-sizing: border-box; position: relative; vertical-align: middle; cursor: pointer; font-size: 1.6rem; letter-spacing: .15rem;}
  .radio:before { position: absolute; top: 50%; left: 0; display: block; margin-top: -12px; width: 24px; height: 24px; border-radius: 50%; content: ''; background: #EBEBEB; border: none; }
  .radio:after { -webkit-transition: all .2s linear; transition: all .2s linear; position: absolute; top: 50%; left: 6px; display: block; margin-top: -6px; width: 12px; height: 12px; border-radius: 50%; background: #F94437; content: ''; opacity: 0; z-index: 2; }
/* input[type=radio]:checked + .radio:before  { box-shadow: 0 0 3px #ccc; } */
input[type=radio]:checked + .radio:after  { opacity: 1; }

.radiobox { width: 32.5%; padding: 15px 20px 28px; box-sizing: border-box;}
.radiobox.radiobox_half { width: 49.4%; padding: 12px 20px 5px;}
#radiobox_kentou.radiobox.radiobox_half, #radiobox_original.radiobox.radiobox_half { margin-top: 12px;}
.radiobox .radiobox_txt { margin-bottom: 10px;}

/* スマホオート入力の背景色削除 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset;}

/* ie用 */
@media all and (-ms-high-contrast: none){ .selectyaji { display: none; } }
input::-ms-clear, input::-ms-reveal { visibility: hidden; } /* 右に出てくるアイコン削除 */

/* プライバシー */
.douiwrap { margin-top: 40px;}
.douiwrap a { display: inline-block;padding: 0 2px; box-sizing: border-box; border-bottom: 1px solid #fff;}

/* エラーボックス */
.error_box { width: 100%; text-align: left; background: #FFF; border:1px solid #FF1D25; color:#FF1D25; display: none; margin: 10px auto; padding: 20px 30px; box-sizing: border-box;}

/* 送信ボタン */
.submitwrap input[type=submit], .submitwrap input[type=button]
{ font-size: 2.4rem; width: 100%; max-width: 540px; height: 90px; margin: 40px auto 0; cursor: pointer; color: #fff; background: #F94437; -webkit-transition:all .3s; transition:all .3s; border: 2px solid #F94437; border-radius: 5px; -webkit-appearance: none;
display: block; line-height: 90px; text-align: center; letter-spacing: .3rem; box-shadow: none;}
@media screen and (min-width: 769px) {
  .submitwrap input[type=submit]:hover, .submitwrap input[type=button]:hover { color: #F94437; background: #fff;}
}

/* 確認ページ */
#kakuninPage { width: 100%; margin: 50px 0 200px;}
#kakuninPage .kakuninTable { margin-top: 60px; }
#kakuninPage .kakuninTable th { width: 220px; padding-bottom: 20px; color: #B29129; font-weight: bold;}
#kakuninPage .kakuninTable td { width: calc(100% - 220px); }
#kakuninPage .kakuninBtn { margin-top: 20px;}
#kakuninPage .kakuninBtn .submitwrap { width: 48%; margin: 0; }
#kakuninPage .kakuninBtn .submitwrap input[type=button] { background: #ccc;}
#kakuninPage .kakuninBtn .submitwrap input[type=button]:hover { background: #a1a1a1; }
#kakuninPage .kakuninBtn .submitwrap.cancelbtn input[type=button] { background: #a1a1a1; border: none;}
#kakuninPage .kakuninBtn .submitwrap.cancelbtn input[type=button]:hover { background: #ccc; color: #fff;}


/* OK・errorページ */
#SendPage { width: 100%; margin: 50px 0 100px;}
#SendPage .send_ttl { font-size: 1.5em; margin-bottom: 36px;}
#SendPage .send_body p { margin-bottom: 15px;}


  @media screen and (max-width: 960px) {
    #radiobox_kentou.radiobox_half { width: 32.5%;}
    #radiobox_original.radiobox_half { width: 66.25%;}

  }
  @media screen and (max-width: 768px) {
    .Contact_tel_Box { margin: 45px auto 50px;}
    .Contact_tel_Box a { padding: 25px 15px 28px;}
    .Contact_tel_Box .Contact_tel { font-size: 1.8em;}

    .inqtable dd { padding-bottom: 30px;}
    .inqtable dd input, .inqtable dd textarea { padding: 15px;}

    .inqtable .halfform { display: block;}
    .inqtable .halfform li { width: 100%; max-width: 100%;}

    .radiobox { width: 100%; margin-bottom: 15px;}
    .radiobox .radiobox_img { text-align: center;}
    .radiobox.radiobox_half { width: 100%;}
    #radiobox_kentou.radiobox_half { width: 100%;}
    #radiobox_original.radiobox_half { width: 100%; margin-bottom: 0;}
    #radiobox_original.radiobox_half span { display: block;}

    .submitwrap input[type=submit], .submitwrap input[type=button]
    { font-size: 2rem; max-width: 540px; height: 75px; line-height: 75px; margin-top: 30px;}

    #kakuninPage { margin: 0 0 120px;}
    #kakuninPage .kakuninTable { margin-top: 40px; }
    #kakuninPage .kakuninTable th { width: 100%; padding-bottom: 0; display: block; }
    #kakuninPage .kakuninTable td { width: 100%; padding-bottom: 20px; display: block; }
    #kakuninPage .kakuninBtn { display: block; margin: 0;}
    #kakuninPage .kakuninBtn .submitwrap { width: 100%; margin: 0; }
    #kakuninPage .kakuninBtn .submitwrap .submitbtn { margin-top: 10px;}
    #kakuninPage .kakuninBtn .submitwrap.cancelbtn .submitbtn { margin-top: 25px;}

    #SendPage { width: 100%; margin: 20px 0 120px;}
    #SendPage .send_ttl { font-size: 1.25em; margin-bottom: 30px;}
    #SendPage .send_body p { margin-bottom: 10px; text-align: left;}

}


/* 下層共通
==========================================================*/
.kasou_section { padding-bottom: 160px; position: relative;}
.kasou_section:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 460px; background: #98d4d8; content: ""; z-index: -1;}
.kasou_secInner { padding: 80px 0 100px;}

.kasou_h1ttl_Box { margin-bottom: 70px;}
.kasou_h1ttl_Box .kasou_h1ttl { font-size: 2.85em; margin-top: 20px;}

.kasou_cnt {}

@media screen and (max-width: 768px) {
  .kasou_section { padding-bottom: 100px; position: relative;}
  .kasou_secInner { padding: 60px 0 80px;}

  .kasou_h1ttl_Box { margin-bottom: 50px;}
  .kasou_h1ttl_Box .kasou_h1ttl { font-size: 2em; margin-top: 15px;}
}
@media screen and (max-width: 520px) {
  .kasou_section { padding-bottom: 60px;}
  .kasou_section:after { height: 320px;}
  .kasou_h1ttl_Box .kasou_h1ttl { font-size: 1.6em; margin-top: 12px; }
}



/* #CompanyPage
==========================================================*/
#CompanyPage {}

.Company_DL {}
.Company_DL dt { width: 200px; padding: 35px 0; border-bottom: 1px solid #000;}
.Company_DL dd { width: -webkit-calc(100% - 210px); width: -moz-calc(100% - 210px); width: calc(100% - 210px); padding: 35px 0; border-bottom: 1px solid #000;}
.Company_DL dd p.wbreak { word-break: keep-all;}
.Company_DL .dl_bordertop { border-top: 1px solid #000; }

@media screen and (max-width: 960px) {
  .Company_DL dt { width: 150px;}
  .Company_DL dd { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px);}
}
@media screen and (max-width: 768px) {
  .Company_DL { font-size: 1em;}
  .Company_DL dt { width: 100%; padding: 0 0 5px; border-bottom: 2px solid #f94437;}
  .Company_DL dd { width: 100%; border-bottom: none; padding: 15px 0 35px;}
  .Company_DL dt.dl_bordertop { border: none; }
  .Company_DL dd.dl_bordertop { border-top: 2px solid #f94437; }
  .Company_DL dd:last-child { padding-bottom: 0;}
}
@media screen and (max-width: 420px) {
  .Company_DL dd { font-size: 1.4rem; padding: 12px 0 30px;}
}







/* #SaraPage
==========================================================*/
#SaraPage {}
.sara_mainimg { margin: 50px 0 30px; }

.sara_kaiketu { background: #f2f2f2; padding: 125px 260px 60px 30px; margin-bottom: 70px;}
  .sara_kaiketu .sara_kaiketu_bg { top: 0; left: 0; z-index: 1;}
  .sara_kaiketu p { position: relative; z-index: 3;}
  .sara_kaiketu .sara_seal01 { position: absolute; top: 10px; right: -30px; z-index: 2;}

.sara_kinou {}
  .sara_kinou li { float: left; position: relative; }
  .sara_kinou li p { position: absolute; left: 25px; top: 265px; line-height: 1.5; font-size: 1.3rem;}

.sara_btn { width: 360px; padding-top: 30px; margin: 0 auto;}

.sara_price { margin-top: 100px; margin-bottom: 80px;}
  .sara_price .price01 li { position: relative; float: left;}
  .sara_price .price01 li p { position: absolute; width: 163px; top: 71px; left: 146px; line-height: 1.6; font-size: 1.4rem;}
  .sara_price .price02 li { position: relative; float: left;}
  .sara_price .price02 li .p01 { position: absolute; width: 440px; top: 150px; right: 25px; line-height: 1.6;
font-size: 1.4rem;}
  .sara_price .price02 li .p02 { position: absolute; width: 270px; top: 105px; left: 25px; line-height: 1.6;
font-size: 1.4rem;}



/* #SitePolicyPage / #PrivacyPolicyPage
==========================================================*/
#SitePolicyPage {}

.guide_title { border-bottom: 2px solid #f94437; font-size: 1.3em; line-height: 1.5; padding-bottom: 10px; margin:0 0 20px; padding-left: 25px; position: relative;}
.guide_title::before { position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background: #f94437; content: "";}
.guide_cmt { margin: 0 0 60px;}
.guide_list ol { list-style: decimal outside none; margin-left: 20px; }
@media screen and (max-width: 768px) {
  .guide_title { font-size: 1.1em; padding-left: 22px;}
  .guide_title::before { top: 7px; width: 8px; height: 8px;}
  .guide_cmt { margin: 0 0 50px; font-size: 1.4rem;}
}

#PrivacyPolicyPage {}

  #PrivacyPolicyPage .guide_title { padding-left: 0;}
  #PrivacyPolicyPage .guide_title::before { content: none;}











/* AOS IE無効
==========================================================*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  [data-aos^="fade"][data-aos^="fade"],
  [data-aos^="zoom"][data-aos^="zoom"] { opacity: 1; }

  [data-aos="zoom-in"] { transform: scale(1); }
  [data-aos="fade-up"] { transform: translate3d(0,0,0); }

  [data-aos=zoom]{opacity: 1;transform: translateZ(0) scale(1);}

}




/* 年末年始の案内：未調整（旧サイトからコピペのみ）
==========================================================*/

.ind_message { width:980px; padding:25px 0; margin:0 auto 30px; background: #8C000C;}
.ind_message dl { font-weight: bold; line-height: 1.8; text-align: center; color: #fff;}
.ind_message dt { font-size: 18px; margin-bottom: 15px; letter-spacing: 0.1em;}



/*  */
