@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:600');

/*additional reset
---------------------------------------------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body.safari #content,
body.safari #footer {
    /*サファリでリンク先から戻った時文字が拡大する対応*/
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif;
    margin: 0;
}

p {
    font-size: 17px;
    line-height: 1.7;
}

/** link **/
a:link {
    text-decoration: underline;
    display: inline-block;
}

a:visited {
    color: #fff;
}

a:hover,
a:active {
    text-decoration: none;
}

/*初期設定
----------------------------------------------------*/
#wrapper {
    width: 100%;
    padding: 0 0 0 0;
    overflow: hidden;
    margin: auto;
    position: relative;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

@media screen and (min-width:640px) {
    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
}

@media screen and (max-width:640px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    #wrapper {
        max-width: 750px;
    }
}

/*layout
----------------------------------------------------*/
img{
    width: 100%;
}
.mv{
    background-image: url(../img/mv_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    /*margin-top: 80px;*/
}
.mv_inner{
    position: relative;
    max-width: 1300px;
    margin: auto;
    /*padding: 30px 0 300px 60px;*/
    padding: 30px 0 0px 60px;
    width: 95%;
}


/*　ハンバーガーボタン　*/
.hamburger {
    display : block;
    position: fixed;
    z-index : 3;
    right : 0;
    top   : 0;
    width : 90px;
    height: 90px;
    cursor: pointer;
    text-align: center;
    background-color: #0060ff;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 66%;
    height  : 3px ;
    left    : 14px;
    background : #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 25px;
  }
  .hamburger span:nth-child(2) {
    top: 43px;
  }
  .hamburger span:nth-child(3) {
    top: 62px;
  }

  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 40px;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 40px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }

  nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 90px;
    right: 0;
    color: #000;
    background: #fff;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 400px;
  }

  nav.globalMenuSp ul {
    background: #ebebeb;
    margin: 0 auto;
    padding: 0 0 40px;
    width: 100%;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  nav.globalMenuSp ul li:hover{
    background :#ddd;
  }

  nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
    text-decoration :none;
  }

  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    transform: translateX(0%);
  }
  /* -------------------ヘッダー------------------- */
header {
	background-color: #fff;
	height: 90px;
	margin: 0 auto;
	    width: 100%;
}
header a:hover{
    opacity: 0.6;
}
.head_inner{
	justify-content: space-evenly;
	margin: 0 auto;
}
.head_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 90px;
	height: 90px;
}
.head_btn{
display: flex;
height: 100%;
}

.head_btn a{
    width: 50%;
}

.head_btn a img{
	height: 100%;
	object-fit: contain;
}
header .logo img{
    width: 70%;
    padding: 3% 1%;
}

@media screen and (max-width:699px){
        header {
        height: 56px;
    }
        .head_flex {
        margin-right: 56px;
        height: 56px;
    }
      header .logo {
    width: 60%;
  }
    header .logo img {
    width: 100%;
    padding: 3%;
  }
  .head_btn{
display: flex;
height: 56px;
width: 112px;
}
}


  .h_right{
    display: flex;
    padding-top: 13.0px;
    padding-bottom: 8.5px;
    padding-right: 80px;
    align-items: center;
  }
  .tel_line{
    display: flex;
  }
  .h_tell{
    width: 52px;
  }
  .h_tell img{
    width: 100%;
  }
  .h_line{
    width: 52px;
    margin-left: 13px;
  }
  .h_right p{
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    margin-right: 20px;
    padding: 8px 0;
  }
  .h_right .fsM{
    font-weight: bold;
    font-size: 23px;
  }
  .red{
    color: red;
  }

/*header　電話area*/
.h_right p.tel_txt{
    padding: 0;
    margin: 0 0 3px;
    font-size: 13px;
    text-align: center;
}
.tel_area2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tel_img{
    width: 16%;
    margin: 0 10px 0 0;
}
.tel_img img {
    margin: 0 5px 0 0;
}
.tel_a{
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.tel_a a{
    font-size: 25px;
    font-weight: bold;
    color: #f44919;
}
.tel_a p{
    padding: 0;
    margin: 3px 0 0;
    font-size: 12px;
}
@media screen and (max-width:650px) {
.tel_area {
    width: 100%;
}
.tel_a a{
    font-size: max(4.7vw,17px);
}
}
@media screen and (max-width:440px) {
.h_right p.tel_txt{
    font-size: 10px;
}
}

.hour p{
font-size: clamp(20px, 2.5vw, 35px);
font-weight: bold;
z-index: 1;
}
/* 点滅 */
.blinking{
	-webkit-animation:blink 0.7s ease-in-out infinite alternate;
    -moz-animation:blink 0.7s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@media screen and (max-width:650px) {
.hour p{
font-size: min(5.2vw,35px);
}
}

#hour{
position: relative;
z-index: 1;
}
.hour-all{
    position: absolute;
    right: 8.9%;
    z-index: 1;
    top: 5.2%;
}
.cta{
    max-width: 1000px;
    margin: -280px auto 0;
    width: 90%;
}
.cta_inner01{
    background-color: #0060ff;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: clamp(20px, 2.5vw, 25px);
    padding: 10px 0;
}
.cta_inner01 p{
    font-size: clamp(20px, 2.5vw, 25px);
}
.hour2{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.cta_inner02{
    position: relative;
    z-index: 1;
}
.cta_inner02 a {
  position: absolute;
  max-width: 700px;
  width: 70%;
  top: 26%;
  left: 6%;
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}
#shiny{
  display: block;
  overflow: hidden;
}
#shiny::after {
  content: '';
  position: absolute;
  top: -10%;
  left: -20%;
  width: 40px;
  height: 100%;
  transform: scale(2) rotate(20deg);
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes shiny {
  0% {
      transform: scale(0) rotate(25deg);
      opacity: 0;
  }
  50% {
      transform: scale(1) rotate(25deg);
      opacity: 1;
  }
  100% {
      transform: scale(50) rotate(25deg);
      opacity: 0;
  }
}

.fsS{
  position: relative;
    font-size: 12px;
    z-index: 2;
}
.arrow{
    display: block;
    width: 100px;
    margin: auto;
}
.nayami{
    background-image: url(../img/bg01_pc.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.nayami_inner01{
    position: relative;
    max-width: 1200px;
    margin: auto;
    padding: 1% 0 7%;
}
.moya {
    position: absolute;
    width: 40px;
    right: 7%;
    top: 44%;
}
.nayami_titile{
    max-width: 850px;
    margin: auto;
    width: 75%;
}

.modal {
    max-width: 1300px;
    margin: 40px auto 0;
    width: 90%;
  }

  /* モーダルを開くボタン */
  .modal__trigger {
    cursor: pointer;
    width: 23%;
    position: relative;
  }
  .yubi{
    position: absolute;
    max-width: 100px;
    width: 40%;
    bottom: -15%;
    right: 0;
  }
  /* モーダル本体 */
  .modal__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
  }

  .modal__layer {
    height: 100%;
    background: rgba(50, 50, 50, .85);
    cursor: pointer;
  }

  .modal__container {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(calc(100% - 40px), 700px);
    padding: 20px;
    background: #fff;
}

  .modal__inner {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding: 0 20px 20px;
  }

  /* モーダルを閉じるボタン */
  .modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: rgba(50, 50, 50, 1);
    cursor: pointer;
    transition: opacity .6s;
  }
  .modal__close:hover {
    opacity: .6;
  }
  .modal__close:before,
  .modal__close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: #fff;
    content: '';
  }

  .modal__close:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .modal__close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .modal__text {
    margin-top: 20px;
    line-height: 2.875;
    text-align: center;
  }
    .modal__text p{
        color:#003999;
        font-weight:bold;
    }
    .modal__text span{
        color:#C80000;
        font-size:1.2rem;
    }
  .modal .inner02{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }
  nav.globalMenuSp.active p {
    text-align: center;
    margin: 0;
    padding: 20px 0;
}
b{
  font-weight: bold;
}
nav.globalMenuSp ul li a{
  max-width: 300px;
  width: 90%;
  text-align: left;
  margin: auto;
  color: #0060ff;
  font-weight: bold;
}
nav.globalMenuSp ul li a::before{
  content: "▼";
  margin-right: 10px;
}
a.h_cta_tell {
  display: block;
  padding: 15px;
  background: darkorange;
  width: 85%;
  margin: auto;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 45px;
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}
a.h_cta_line{
  display: block;
  padding: 15px;
  background: #29c02f;
  width: 90%;
  margin: 15px auto 0;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 25px;
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}
a.modal_cta_tell {
  display: block;
  max-width: 400px;
  width: 90%;
  margin: 27px auto;
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}
.nayami_box02{
  max-width: 1000px;
  width: 90%;
  margin: 0% auto 50px;
}
.tac{
  text-align: center;
  width: 90%;
  margin: auto;
}
.cta02{
    max-width: 1000px;
    margin: 0 auto 0;
    width: 90%;
    position: relative;
    margin-top: -100px;
}
.cta_top{
  max-width: 600px;
  width: 70%;
  margin: 50px auto 10px;
}
.maker_wrap{
  background-color: #209bff;
  background-image: url(../img/maker_bg_pc.png);
  background-position: right;
  background-size: cover;
  margin:0 auto;
  padding: 60px 0;
}
.maker{
  max-width: 1000px;
  margin: auto;
  width: 75%;
}
.reason{
  background-image: url(../img/bg02_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.reason_inner01{
  max-width: 1200px;
    margin: auto;
    padding: 90px 0;
}
.reason_titile{
    max-width: 750px;
    margin: auto;
    width: 75%;
}
.reason_inner02{
  max-width: 1000px;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 20px;
}
.reason_inner02 img{
  width: 31%;
  filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}
.w1000{
  max-width: 1000px;
  margin: auto;
  width: 90%;
}
.check{
  position: relative;
  margin-top: 10px;
}
.check_inner01{
  max-width: 800px;
  margin: 0 auto 0;
  padding-bottom: 250px;
}
.check_titile{
  /* max-width: 620px; */
  margin: auto;
  /*padding: 180px 0 0;*/
  padding: 80px 0 0;
  width: 70%;
}
.check_box01{
  max-width: 620px;
  margin: auto;
  width: 70%;
  padding: 30px 0 0;
}
.check_box02{
  display: block;
  max-width: 620px;
  margin: auto;
  width: 70%;
  padding:0 0 10px;
}
.check_box03{
  max-width: 620px;
  margin: auto;
  margin-left: 15%;
  width: 47%;
  margin-top: 5%;
}
.check_box04{
  max-width: 800px;
  margin: auto;
  width: 90%;
  padding:0 0 10px;
}
.sale{
  width: 90%;
  margin: 40px auto 0;
}
.attention{
  background-image: url(../img/bg04_pc.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.attention_inner01{
  max-width: 1300px;
  margin: 0 auto 0;
}
.attention_titile{
  max-width: 800px;
  margin: auto;
  padding: 80px 0 40px;
  width: 90%;
}
.attention_inner01 p {
  text-align: center;
  color: #fff;
  width: 90%;
  margin: auto;
}
.attention_titile02{
  max-width: 1000px;
  margin: auto;
  padding: 40px 0 40px;
  width: 90%;
}
.attention_inner02{
  max-width: 1000px;
  width: 90%;
  padding: 0 0 80px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-between;
  position: relative;
}
.attention_inner02 img{
  width: 48%;
}
.flow{
  background-image: url(../img/bg03_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.flow_inner01{
  max-width: 1300px;
  margin: 0 auto 0;
  padding-bottom: 100px;
}
.flow_title{
  max-width: 800px;
  margin: auto;
  padding: 110px 0 40px;
  width: 85%;
}
.flow_box{
  max-width: 1000px;
  margin: 0 auto 10px;
  width: 90%;
}
.tar{
  text-align: right;
}
.area{
  background-image: url(../img/bg05_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.area_inner01{
  max-width: 900px;
  margin: 0 auto 0;
  padding-top: 70px;
  padding-bottom: 60px;
}
.slider {
    /*横幅94%で左右に余白を持たせて中央寄せ*/
    margin: 0 auto;
    width: 90%;
}

.slider img {
    height: auto;
}

.slider .slick-slide {
    transform: scale(0.8);
    /*左右の画像のサイズを80%に*/
    transition: all .5s;
    /*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.5;
    /*透過50%*/
}

.slider .slick-slide.slick-center {
    transform: scale(0.9);
    /*中央の画像のサイズだけ等倍に*/
    opacity: 1;
    /*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev {
    position: absolute;
    content: '';
    display: inline-block;
    background-image: url(../img/arrow02.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    top: 45%;
    cursor: pointer;
    height: 50px;
    width: 50px;
    z-index: 2;
    left: 50px;
}

.slick-next {
    position: absolute;
    content: '';
    display: inline-block;
    background-image: url(../img/arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    top: 45%;
    right: 50px;
    cursor: pointer;
    height: 50px;
    width: 50px;
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 14px;
    /*ドットボタンのサイズ*/
    height: 14px;
    /*ドットボタンのサイズ*/
    display: block;
    padding: 0;
    border-radius: 50%;
    border: none;
    background: #ccc;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}
.voice{
  background-image: url(../img/bg06_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 60px;
}
.voice_titile{
  display: block;
  max-width: 450px;
  margin: auto;
  padding: 90px 0 10px;
  width: 90%;
}
.accordion2 {
    max-width: 850px;
    margin: 40px auto 0;
    width: 90%;
}

.accordion2 .toggle {
    display: none;
}

.accordion2 .Label {
    /*タイトル*/
    padding: 20px;
    display: block;
    color: #fff;
    background: #133061;
    text-align: left;
    font-weight: 500;
    font-size: 19px;
    border-radius: 10px;
}

.accordion2 .Label::before {
    content: "";
    display: inline-block;
    background-image: url(../img/q_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-right: 15px;
}

.accordion2 .Label::after {
    /*タイトル横の矢印*/
    content: "";
    width: 9px;
    height: 9px;
    border-top: 4px solid #22a9f1;
    border-right: 4px solid #22a9f1;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px);
    right: 20px;
    transform: rotate(135deg);
}

.accordion2 .Label,
.accordion2 .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.accordion2 .content {
    /*本文*/
    height: 0;
    margin-bottom: 17px;
    padding: 0 20px;
    overflow: hidden;
    text-align: left;
}

.toggle:checked+.Label+.content {
    /*開閉時*/
    height: auto;
    padding: 20px;
    transition: all .3s;
}

.toggle:checked+.Label::after {
    transform: rotate(-45deg) !important;
}

.qa_title{
  display: block;
  max-width: 170px;
  margin: auto;
  padding: 90px 0 10px;
  width: 90%;
}
.qa{
  margin-bottom: 120px;
}
.end{
  background-image: url(../img/bg06_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
}
.end img{
  max-width: 600px;
  width: 90%;
  margin:0 auto 0;
}
/* footer {
  background-color: #133061;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  font-size: 13px;
} */
footer img {
  /* width: 250px;
  margin-bottom: 20px; */
  margin: 0 auto 20px;
}
footer a{
  color: #fff;
  line-height: 1.4;
}
.slider2 {
    display: none!important;
}

  /* モーダルウィンドウ */
  .madal_container {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10000;
  }
  .madal_contents {
      width: 29%;
      height: auto;
      position: absolute;
      top: 44%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  .madal_contents span {
      cursor: pointer;
      position: absolute;
      top: -38px;
      right: -33px;
      color: #fff;
      font-size: 2em;
      z-index: 11111;
      font-weight: bold;
  }
  .active {
      display: block !important;
      animation-name: fadeIn;
      animation-duration: .2s;
      animation-fill-mode: both;
  }

@media screen and (max-width:640px) {
  .h_right p {
    font-size: 12px;
    margin-right: 5px;
    padding: 0 0;
}
.h_right .fsM {
  font-size: 12px;
}
.hamburger {
  right: 0px;
  top: 0px;
  width: 56px;
  height: 56px;
}
.hamburger span {
  left: 9px;
}
.hamburger span:nth-child(1) {
  top: 15px;
}
.hamburger span:nth-child(2) {
  top: 27px;
}
.hamburger span:nth-child(3) {
  top: 38px;
}
.h_tell {
  width: 40px;
}
.h_line{
  width: 40px;
  margin-left: 0;
}
.h_right {
  padding-top: 11.3px;
  padding-right: 50px;
  padding-bottom: 9px;
  width: 60%;
}
.mv {
  background-image: none;
  /*margin-top: 65px;*/
}
nav.globalMenuSp {
  top: 56px;
  width: 100%;
}
.hamburger.active span:nth-child(1) {
  top: 25px;
}
.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
  top: 25px;
}
.mv_inner {
  padding: 0;
  width: 100%;
}
.hour-all {
  right: 39.9%;
  top: 29%;
}
.cta {
  position: relative;
  margin: -133px auto 0;
}.cta_inner01 p {
    font-size: 16px;
}
.cta_inner01 p {
  font-size: 16px;
}
.cta_inner01 {
  font-size: 16px;
  line-height: 2;
}
.cta_inner02 a {
  width: 66%;
  top: 37%;
  left: 4%;
  filter: drop-shadow(2px 4px 2px rgba(0,0,0,0.3));
}
.cta02{
  max-width: 1000px;
  margin: 0 auto 0;
  width: 90%;
  position: relative;
  margin-top: -20%;
}
.fsS {
  font-size: 8px;
}
.arrow {
  width: 65px;
  margin: 10px auto 0;
}
.check {
  margin-top: 40px;
}
.maker_wrap{
  background-color: #209bff;
  background-image: url(../img/maker_bg_sp.jpg);
  background-size: cover;
  margin:0 auto;
  padding: 40px 0;
}
.nayami {
  margin: 15px 0 0;
  /*background-image: url(../img/bg01_sp.jpg);*/
}
.nayami_titile {
    width: 65%;
    margin-top: 6%;
}
.modal__trigger {
  width: 47%;
  margin-bottom: 20px;
}
.modal {
  width: 93%;
  margin: 2% auto 0;
}
.modal__inner {
  padding: 0;
}
.modal__text {
  margin-top: 0;
}
.modal__container {
  padding: 10px;
}
.modal__close {
  top: 0px;
  right: 0px;
  width: 26px;
  height: 25px;
}
a.modal_cta_tell {
  margin: 15px auto;
  font-size: 30px;
}
.nayami_box02 {
  margin: 2% auto 0;
}
.cta_top {
  margin: 40px auto 6px;
  width: 90%;
}
.reason {
  background-image: url(../img/bg02_sp.jpg);
}
.reason_titile {
  width: 65%;
}
.reason_inner01 {
  padding: 40px 0;
}
.reason_inner02 img {
  width: 100%;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
.check_titile {
  /* padding: 40px 0 0; */
  width: 85%;
}
.check_box01 {
  width: 90%;
  padding: 0;
}
.check_box02 {
  padding: 20px 0 15px;
}
.check_box03{
  margin-left: 8%;
  width: 60%;
  margin-top: 5%;
}
.check_box04{
  margin-bottom: 5%;
  overflow-x: scroll;
}
.check_box04 img{
  width: 450px;
}

.attention_titile {
  padding: 15px 0 15px;
  width: 70%;
}
.attention_titile02 {
  padding: 20px 0 20px;
}
.attention_inner02 img {
  width: 100%;
  margin-bottom: 35px;
}
/* .attention_inner01 {
  padding-bottom: 0;
} */
.flow {
  background-image: url(../img/bg03_sp.jpg);
}
.flow_title {
  padding: 40px 0 20px;
}
.flow_inner01 {
  padding-bottom: 40px;
}
.area_inner01 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.area_title_sp{
  margin: 0 auto 30px;
  width: 70%;
}
.area_box01_sp{
  margin: 0 auto 0;
  width: 90%;
}

.voice {
  padding-bottom: 40px;
}
.voice_titile {
  padding: 40px 0 25px;
}
.voice_titile {
  width: 75%;
}
.slider {
    display: none!important;
}
.slider2 {
    /*横幅94%で左右に余白を持たせて中央寄せ*/
    margin: 0 auto 20px;
    width: 90%;
    display: block!important;
}

.slider2 img {
    height: auto;
}

.slider2 .slick-slide {
    transform: scale(0.8);
    /*左右の画像のサイズを80%に*/
    transition: all .5s;
    /*拡大や透過のアニメーションを0.5秒で行う*/
    opacity: 0.5;
    /*透過50%*/
}

.slider2 .slick-slide.slick-center {
  transform: scale(1);
    /*中央の画像のサイズだけ等倍に*/
    opacity: 1;
    /*透過なし*/
}
.slick-prev {
  height: 30px;
  width: 30px;
  left: -5px;
}
.slick-next {
  right: -5px;
  height: 30px;
  width: 30px;
}
.accordion2 .Label::before {
  height: 25px;
  width: 25px;
  margin-right: 1px;
}
.accordion2 .Label {
  padding: 13px 35px 13px 42px;
  font-size: 16px;
  text-indent: -27px;
}
.toggle:checked+.Label+.content {
  padding: 13px;
}
.toggle:checked+.Label+.content p{
  font-size: 16px;
  line-height: 1.4;
}
.accordion2 .content {
  margin-bottom: 10px;
}
.qa_title {
  padding: 40px 0 10px;
  width: 35%;
}
.accordion2 {
  margin: 20px auto 0;
}
.qa {
  margin-bottom: 40px;
}
.end {
  background-image: url(../img/bg06_sp.jpg);
  padding-top: 10px;
}
.madal_contents {
  width: 75%;
  top: 47%;
}
}

.privacy{
  width: 90%;
  max-width: 1000px;
  margin: 140px auto 100px;
  word-break: break-all;
}
.privacy h1{
font-size: 30px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}

  .check {
    background: url(../img/bg03_pc.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.check_titile_02 {
  margin: auto;
  padding: 130px 0 0;
  width: 70%;
}


.footer_block {
  background-color: #133061;
  color: #fff;

}

footer.footer_block.cleafix.js_footer_flow {
  opacity: 0;
  transition: all 0.65s;
}
footer.footer_block.cleafix.js_footer_flow.isActive {
  opacity: 1;
  transition: all 0.65s;
}


.footer_box {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  /*padding: 0% 0 1%;*/
  background-color: #133061;
  /* display: none; */
  z-index: 100;
  transition: 0.5s;
  box-sizing: border-box;
}

.footer_woman {
  position: absolute;
  left: 31%;
  width: 10%;
  top: -6%;
  z-index: 102;
}

.tel_btn {

  width: 100%;
}

.footer_box .footer_p_01 {
  display: block;
  width: 20%;
  position: absolute;
  top: 3%;
  left: calc(41.7% + 1%);
  font-size: 19px;

}

.footer_box .footer_p_02  {
  display: block;
  width: 20%;
  position: absolute;
  top: 20%;
  left: calc(41.7% + 1%);;
  font-size: 19px;
}

.tel_btn img {
  width: 27%;
  margin: 0px auto;
  border-radius: 10px;
}

.footer_box a {
  filter:drop-shadow(3px 3px 7px rgba(0,0,0,0.4));
}

.footer_block .-js-show{
  transform: translate(0);
  visibility: visible;
}

/* .triangle_bg {
  position: absolute;
} */

.check_triangle {
  background-image: url(../img/triangle_bg03_pc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: -6%;
  left: 0;
  width: 100%;
  height: 300px;
}

.attention_triangle {
  background-image: url(../img/triangle_bg04_pc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 300px;
  /* z-index: 100; */

}

@media screen and (max-width:1024px) {
    .check {
        margin-top:-30px;
    }
    .check_triangle {
        top:0;
    }

    .check_titile_02 {
        padding:80px 0 0;
    }

    .check_inner01 {
        padding-bottom:16%;
    }

    .attention_titile {
        padding:60px 0 40px;
    }

    .end img {
        margin: 0 auto 0;
    }

  .footer_box .footer_p_01 {
    font-size: 20px;
    width: 59%;
    left: calc(calc(24% + 1%));
    top:10px;
    }

    .tel_btn img {
      width: 50%;
    }

}

/*@media screen and (min-width:1025px) {*/
/*  .footer_box .footer_p_01 {*/
/*    font-size: 23px;*/
/*    width: 57%;*/
/*    left: calc(calc(24% + 1%));*/
/*    top:-5%;*/
/*    }*/
/*    .tel_btn img {*/
/*      width: 43%;*/
/*    }*/

/*    .end img {*/
/*        margin:0 auto 14%;*/
/*    }*/
/*}*/


@media screen and (max-width:768px) {
  .tel_line {
    gap: 8px;
  }
  .footer_box .footer_p_01 {
    font-size: 21px;
    width: 60%;
    left: calc(calc(22% + 1%));
    top:26px;
    }
  .footer_box {
    padding: 5% 0 1%;
  }
  .end {
    padding-top: 40px;
  }
  .end img {
    margin: 5% auto 0;
  }

  .check_triangle {
      top:0%;
  }
  .check_titile {
      padding:120px 0 0;
  }
  .check_titile_02 {
      padding:80px 0 0;
  }
  .check_inner01 {
      padding-bottom:18%;
  }
  .tel_btn img {
    width: 60%;
  }
}

@media screen and (max-width:498px) {
  .footer_box .footer_p_01 {
    font-size: 17px;
    width: 65%;
    left: calc(calc(22% + 1%));
    top:10px;
    white-space:nowrap;
    }
  .footer_box {
    padding: 5% 0 1%;
  }
  .end {
    padding-top: 14px;
  }
  .end img {
    margin: 5% auto 0;
  }

  .tel_btn img {
    width: 78%;
  }
}

@media screen and (max-width:425px) {
  .footer_box .footer_p_01 {
    font-size: 14px;
    width: 65%;
    left: calc(calc(22% + 1%));
    top:8px;
    white-space:nowrap;
    }
  .footer_box {
    padding: 5% 0 1%;
  }
  .end {
    padding-top: 14px;
  }
  .end img {
    margin: 5% auto 0;
  }

  .tel_btn img {
    width: 76%;
  }
}


@media screen and (max-width:640px) {
  .check {
    background-image: url(../img/bg03_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .check_triangle {
    top: -3%;
    background-size: 200% }

  .check_titile_02 {
    margin: auto;
    padding: 32px 0 0;
    width: 70%;
  }

    .check_inner01 {
    /*margin: 90px auto 0;*/
    margin: 10px auto 0;
    }
    
    .check_titile {
    /*padding: 90px 0 20px;*/
    padding: 10px 0 20px;
    }
    
    .check_inner01 {
    padding-bottom: 40%;
    }
    .sale {
    margin: 20px auto 0;
    }
     /* .check */
    
    .attention_inner02 {
      padding: 0 0 30px;
    }

    .nayami {
      background-image: url(../img/bg01_sp.jpg);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .nayami_inner01 {
      padding: 2% 0 14%;
    }
    .attention_triangle {
      background-image: url(../img/triangle_bg04_sp.png);
      background-size: 100%;
      background-repeat: no-repeat;
      position: absolute;
      top: 97%;
      left: 0;
      width: 100%;
      height: 300px;
      /* z-index: 100; */
    
    }
}

@media screen and (max-width:640px) {
 .nayami {
  margin-top: 0px;
}
}

/* CTA配置 */
.cta-area {
  position: absolute;
  left: 50%;
  bottom: 8%;
  transform: translateX(-50%);
  text-align: center;
}

.cta-area_img{
  margin: 5px auto;
  border-radius: 5px;
}

.cta-area a{
  position: relative;
  transition: .2s;
}
.cta-area_img a::before,
.cta-area_img a::after{
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 10px;
  transform: translate3d(0,0,0);
max-width: 700px;
}
.cta-area_img a::before{
  animation: aura 3s ease-out infinite;
}
.cta-area_img a::after{
  animation: aura 3s ease-out 1.5s infinite;
}
.cta-area_img a::before,
.cta-area_img a::after{
  background: #ffa4a4;
  border: 1px solid #ffa4a4;
}

/* スマホ用（画像が縦長になるので位置を微調整） */
@media screen and (min-width:1343px) {
  .cta-area {
    bottom: 11%;
  }
}

@media screen and (max-width:640px) {
  .cta-area {
    bottom: 11%;
    width:75%;
  }
}

@media screen and (max-width:260px) {
  .cta-area {
    bottom: 9%;
    width:75%;
  }
}

.cta_ba{
    text-align: center;
    font-size: min(7vw,30px);
    font-weight: bold;
    color: #fff;
    background-color: #0060ff;
}
.cta_ba p{
    text-align: center;
    font-size: min(7vw,30px);
}
p.cta_txt{
    text-align: center;
    font-size: min(7vw,25px);
    font-weight: bold;
    color: #fff;
    margin: 5px auto;
}
.cta_img{
    max-width: 600px;
    margin: 5px auto;
    border-radius: 5px;
}
.cta_img2{
  max-width: 600px;
  margin: -15px auto;
  position: relative;
  border-radius: 5px;
  padding-bottom: 4%;
}
.cta-yellow{
  background-color: #fffd84;
  margin: 0 auto;
  max-width: 1050px;
}
.cta_img img{
    z-index: 1;
    position: relative;
}
.cta_img a{
    position: relative;
    transition: .2s;
}
.cta_img a::before,
.cta_img a::after{
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    transform: translate3d(0,0,0);
  max-width: 700px;
}
.cta_img a::before{
    animation: aura 3s ease-out infinite;
}
.cta_img a::after{
    animation: aura 3s ease-out 1.5s infinite;
}
.cta_img a::before,
.cta_img a::after{
    background: #ffa4a4;
    border: 1px solid #ffa4a4;
}
@keyframes aura{
    0%{transform:scale(.95); opacity:1}
    50%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}
@keyframes aura2{
    0%{transform:scale(.95); opacity:1}
    50%{opacity:.1}to{transform:scale(1.1,1.2); opacity:0}
}

p.cta_txt {
    color: #0060ff;
}
.cta_img {
    padding: 2% 3%;
    margin: 45px auto 20px;
}
.cta_img2 {
  padding: 2% 3%;
  margin: 0 auto 0px;
  width: 93%;
  padding-bottom: 8%;
}
.cta-yellow{
  background-color: #fffd84;
  width: 100%;
}
.cta_ba {
    font-size: min(8vw,19px);
}
.cta_ba p{
    font-size: min(8vw,19px);
}
.cta_icon p {
    width: 46%;
    font-size: 15px;
}
.cta-area .fsS {
    padding: 2% 3%;
}



.triangle3{
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 50px solid #fff;
    margin: 0 auto;
}
@media screen and (max-width:640px) {
.triangle3{
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 30px solid #b0ebff;
}
}

/*追従*/
.tui {
position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 99;
    background-color: #0060ff;
    padding: 76px 0 5px;
    width: 100%;
}
.tui div {
    max-width: 400px;
    width:90%;
    margin: 0 auto;
}
.btn-tui{
    margin-top: 50px;
}
.po_r{
    position: relative;
}
.po_a{
    position: absolute;
    bottom: 126%;
    right: 0;
    left: 0;
}
.po_a img{
    max-width:470px;
    width:90%;
}
.tui img{
    vertical-align: bottom;
}
.pagetop.DownMove{
    animation: DownAnime 0.5s forwards;
}
.pagetop.UpMove {
    animation: UpAnime 0.5s forwards;
}
.footer {
    transition: 0.5s;
}
.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.tui_link{
    display:flex;
    justify-content: space-between;
}
.tui_link a{
    width:48%;
}

@media screen and (max-width:640px) {
    .tui {
        padding: 50px 0 5px;
    }
    .tui div {
        padding: 5px;
        width:100%;
    }
    .po_a {
        bottom: 104%;
    }
    .tui_link a {
        width: 49%;
    }
    .po_a img{
      width:75%;
    }
}

.caution_pc{
  width:75%;
  margin:0 auto;
  padding: 40px 23px 23px 23px;
}

.price_wrap {
  position: relative;   /* 親を基準に */
  display: inline-block;
  width: 100%;
}

.price_area{
  background-image: url(../img/bg02_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height:100%;
}

.price_area_pc{
  max-width:1500px;
  margin:0 auto;
}

.archive {
  width: 94%;
  max-width: 900px;
  margin: 3% auto auto;
  margin-bottom: 7%;
}

.consult {
  position: relative;          
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 6% 0% 0%;
}

@media screen and (max-width:640px){
  .consult {
    width: 100%;
    padding: 1% 3% 0 3%;
    max-width: 900px;
    background-color: #fffd84;
  }
}

.shine {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}

.shine::before {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,0.9));
  width: 50px;
  height: 50px;
  top: -60px;
  left: -60px;
  animation-name: shine-run;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  z-index: 2;
}

@keyframes shine-run {
  0% {
      transform: scale(0) rotate(50deg);
      opacity: 0;
  }
  40% {
      transform: scale(1) rotate(50deg);
      opacity: 1;
  }
  100% {
      transform: scale(250) rotate(50deg);
      opacity: 0;
  }
}

/*問い合わせ
---------------------------------------------------*/
/*#form{*/
/*    background:#EAF7FD;*/
/*    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
/*    padding-bottom:3%;*/
/*}*/
/*#form h2{*/
/*    color: #133061;*/
/*    background: none;*/
/*    padding: 110px 0 40px;*/
/*    text-align:center;*/
/*    font-weight:900;*/
/*    font-size:4rem;*/
/*}*/
/*.form_inner{*/
/*    background: #fff;*/
/*    border-radius: 15px;*/
/*    max-width: 840px;*/
/*    margin: 0 auto;*/
/*    padding: 50px;*/
/*}*/
/*.form_inner table{*/
/*    width:100%;*/
/*}*/
/*#form th, #form td{*/
/*    display:block;*/
/*    text-align: left;*/
/*    padding: 7px 0;*/
/*}*/
/*#form th{*/
/*    font-weight:600;*/
/*}*/
/*.must {*/
/*    background: #e7370d;*/
/*    color: #fff;*/
/*    font-size: 13px;*/
/*    border-radius: 10px;*/
/*    display: inline-block;*/
/*    line-height: 1em;*/
/*    padding: 5px 10px;*/
/*    margin-left: 10px;*/
/*    vertical-align: middle;*/
/*}*/
/*.adress .fsS{*/
/*    font-size:12px;*/
/*}*/
/*input,textarea {*/
/*    border-radius:0;*/
/*    line-height: 1em;*/
/*}*/
/*input[type="text"],textarea,input[type="tel"],input[type="email"],input[type="number"]{*/
/*  padding:10px;*/
/*  border: none;*/
/*  margin:0;*/
/*  display: block;*/
/*  background: #f3f3f3;*/
/*  font-family: inherit;*/
/*  -webkit-appearance: none;*/
/*  font-size: inherit;*/
/*  width: 100%;*/
/*  border-radius: 10px;*/
/*}*/
/*input[type="number"]::-webkit-outer-spin-button,*/
/*input[type="number"]::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/
/*input[type="number"] {*/
/*    -moz-appearance:textfield;*/
/*}*/
/*input[type="submit"] {*/
/*  -webkit-appearance: none;*/
/*}*/
/*textarea {*/
/*  height: 14em;*/
/*  width: 100%;*/
/*  display: block;*/
/*  resize: vertical;*/
/*}*/
/*button {*/
/*  border: none;*/
/*  background: none;*/
/*  cursor: pointer;*/
/*  font-family: inherit;*/
/*}*/
/*input[type="submit"] {*/
/*  -webkit-appearance: none;*/
/*}*/
/*input[type="submit"] {*/
/*  border: none;*/
/*  background: none;*/
/*  cursor: pointer;*/
/*  font-family: inherit;*/
/*  font-size: inherit;*/
/*  background: #F62A2A;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*  font-size: 28px;*/
/*  width: 70%;*/
/*  padding: 25px;*/
/*  margin: 0 auto;*/
/*  display: block;*/
/*  font-weight: 600;*/
/*  border-radius: 20px;*/
/*  margin-top:10px;*/
/*}*/
/*.confirmation th{*/
/*    border-bottom: #133061 solid 1px;*/
/*}*/
/*.confirmation td{*/
/*    padding-bottom: 20px!important;*/
/*}*/
/*.confirmation .submitbtn{*/
/*    display:flex;*/
/*    justify-content: center;*/
/*    margin-top: 5%;*/
/*}*/
/*.confirmation input[type="submit"]{*/
/*    width:43%;*/
/*    margin:0;*/
/*}*/
/*.confirmation #footer p{*/
/*    text-align: center;*/
/*    line-height: 1;*/
/*    font-size: 12px;*/
/*    margin-top:20px;*/
/*}*/
/*.confirmation #footer a{*/
/*    color: #999;*/
/*}*/
/*.backbtn{*/
/*    background: #585f63;*/
/*    width: 43%;*/
/*    margin: 40px auto 0;*/
/*    text-align: center;*/
/*    font-size: 28px;*/
/*    display: block;*/
/*    font-weight: 600;*/
/*    border-radius: 20px;*/
/*    padding: 25px;*/
/*}*/
/*.backbtn a{*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*}*/
/*@media screen and (max-width:640px) {*/
/*    #form{*/
/*        padding-bottom: 12%;*/
/*    }*/
/*    #form h2{*/
/*        font-size: 2.5rem;*/
/*        line-height: 1.3;*/
/*        padding:7% 0;*/
/*    }*/
/*    .form_inner{*/
/*        padding: 8% 20px;*/
/*        width: 90%;*/
/*    }*/
/*    .adress .fsS{*/
/*        font-size:12px;*/
/*    }*/
/*    input[type="submit"],.backbtn{*/
/*        padding: 14px;*/
/*        font-size: 20px;*/
/*    }*/
/*    .backbtn {*/
/*        width:80%;*/
/*    }*/
/*}*/

.sp_dis {
    display:none;
}
.pc_dis {
    display:block;
}
.po_b {
    position: fixed;
    z-index: 3;
    right: 0px;
    bottom: 140px;
}
@media screen and (max-width:640px) {
    .sp_dis {
        display:block;
    }
    .pc_dis {
        display:none;
    }
}

#page02 {
  margin-top: 20px;
}


.bosyu {
    margin-bottom: 100px;
}
.bosyu_img {
    max-width: 1000px;
    width: 65%;
    margin: 0% auto 25px;
}
.bosyu_naiyou { 
    position: relative;
    text-align: center;
}
.bosyu_cta {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width:640px) {
    .bosyu {
        margin-bottom: 30px;
    }
    .bosyu_img {
        width: 90%;
    }
    .bosyu_cta {
        top: 40%;
        left: 15%;
        transform: translate(-9%, -50%);
    }
}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}