@charset "UTF-8";
/*********************
color 色設定
*********************/

@media only screen and (max-width:768px){
  h1 {
    font-size: 2rem; }
img {
  vertical-align: bottom;
  display: block;
  width:100%;
  max-width: 100vw;
  height: auto; }

body {
  background-image: url(/lp/img/sp/bg.png);
  background-size: 20vw auto;
  font-size: 3.73333vw;
  line-height: 1.5; }

main {
  width: 100%;
  margin: 0 auto;
  display: block; }

/*********************
共通設定
*********************/
.wrap {
  width: 100%; }
.spwrap{
  width:89.33333vw;
  margin:0 auto;
}
.second{
  margin-top:100px;
}
.por{
  position:static;
}
#petit .inner {
  width: 89vw; }
#family .inner{
  width :90vw;
}
  .innerBox {
    width: 89.33333vw;}

  .flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
.innerBox .inner{
  max-width:100%;
}
.fz20 {
  font-size: 2.66667vw; }

.fz21 {
  font-size: 2.8vw; }

.fz22 {
  font-size: 2.93333vw; }

.fz23 {
  font-size: 3.06667vw; }

.fz24,.sfz24{
  font-size: 3.2vw; }
.fz25 {
  font-size: 3.33333vw; }

.fz26 {
  font-size: 3.46667vw; }

.fz27 {
  font-size: 3.6vw; }

.fz28 {
  font-size: 3.73333vw; }

.fz29 {
  font-size: 3.86667vw; }

.fz30 {
  font-size: 4vw; }

.fz31 {
  font-size: 4.13333vw; }

.fz32 {
  font-size: 4.26667vw; }

.fz33 {
  font-size: 4.4vw; }

.fz34 {
  font-size: 4.53333vw; }

.fz35 {
  font-size: 4.66667vw; }

.fz36 {
  font-size: 4.8vw; }

.fz30 {
  line-height: 2; }

/*********************
padding
*********************/
.spt0{
  padding-top:0;
}
.spt10 {
  padding-top: 1.33333vw; }

.spb10 {
  padding-bottom: 1.33333vw; }

.spt20 {
  padding-top: 2.66667vw; }

.spb20 {
  padding-bottom: 2.66667vw; }

.spt30 {
  padding-top: 4vw; }

.spb30 {
  padding-bottom: 4vw; }

.spt40 {
  padding-top: 5.33333vw; }

.spb40 {
  padding-bottom: 5.33333vw; }

.spt50 {
  padding-top: 6.66667vw; }

.spb50 {
  padding-bottom: 6.66667vw; }

.spt60 {
  padding-top: 8vw; }

.spb60 {
  padding-bottom: 8vw; }

.spt70 {
  padding-top: 9.33333vw; }

.spb70 {
  padding-bottom: 9.33333vw; }

.spt80 {
  padding-top: 10.66667vw; }

.spb80 {
  padding-bottom: 10.66667vw; }

.spt90 {
  padding-top: 12vw; }

.spb90 {
  padding-bottom: 12vw; }

.spt100 {
  padding-top: 13.33333vw; }

.spb100 {
  padding-bottom: 13.33333vw; }

.spt110 {
  padding-top: 14.66667vw; }

.spb110 {
  padding-bottom: 14.66667vw; }

.spt120 {
  padding-top: 16vw; }

.spb120 {
  padding-bottom: 16vw; }

.spt130 {
  padding-top: 17.33333vw; }

.spb130 {
  padding-bottom: 17.33333vw; }

.spt140 {
  padding-top: 18.66667vw; }

.spb140 {
  padding-bottom: 18.66667vw; }

.spt150 {
  padding-top: 20vw; }

.spb150 {
  padding-bottom: 20vw; }

.spt160 {
  padding-top: 21.33333vw; }

.spb160 {
  padding-bottom: 21.33333vw; }

.spt170 {
  padding-top: 22.66667vw; }

.spb170 {
  padding-bottom: 22.66667vw; }

/*********************
fv
*********************/
h1 .gdaLogo{
  padding: 10px 0;
  background-color: #fff;
}
/*********************
cv
*********************/
.cv {
  border-top: solid 5px #f39800;
  border-bottom: solid 5px #f39800;
  background-image: url(/lp/img/sp/cv_bg01.png);
  background-size: 17.06667vw auto;
  border-width:5px 0;
}
.cv .inner h3{
  margin-right:0;
}
  .cvInner {
    margin-top:5vw !important;
    padding-top: 0;
    padding-bottom: 4vw;
    border-bottom: solid 5px #fff; }
    .cvArea .cvInner {
      padding-bottom: 10.66667vw; }
  .cvBox {
    width: 89.33333vw;
    margin: 0 auto;
    padding-bottom: 2.66667vw;
    background-image: url(/lp/img/sp/cv_bg02.png);
    background-size: 17.06667vw auto; }
    .cvBox h3 {
      position:relative;
      margin-bottom: -4.93333vw;
      top: -4.93333vw; }

/*********************
sec01
*********************/

/*********************
sec02
*********************/
.sec02 .line::after {
  content: '';
  display: block;
  width: 76vw;
  height: 1.06667vw;
  margin: 8vw auto 10.66667vw;
  background-size: cover;
  background-image: url(/lp/img/sp/sec02_line.png); }

.sec02 .innerBox {
  padding-top: 2vw; }

.sec02Slide .slideTtl {
  width: 37.86667vw;
  margin: 0 auto;
  padding-bottom: 0.66667vw; }

.sec02Slides {
  width: 62.66667vw; }

.sec02Slide .slick-prev,
.sec02Slide .slick-next {
  width: 4vw;
  height: 20vw; }
  .sec02Slide .slick-prev:before,
  .sec02Slide .slick-next:before {
    width: 4vw;
    height: 20vw; }

.sec02Slide .slick-prev {
  left: -6vw; }
  .sec02Slide .slick-prev:before {
    background-image: url(/lp/img/sp/slide_arw_prev.png); }

.sec02Slide .slick-next {
  right: -5.33333vw; }
  .sec02Slide .slick-next:before {
    background-image: url(/lp/img/sp/slide_arw_next.png); }



.sec02_04Box {
  width: 76vw;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .sec02_04Box p.txt {
    position: absolute; }
  .sec02_04Box.box01 {
    height: 92.222vw;
    margin-bottom: 5.33333vw;
    background-image: url(/lp/img/sp/sec02_04_box01.jpg); }
  .sec02_04Box.box02 {
    height: 42.66667vw;
    background-image: url(/lp/img/sp/sec02_04_box02.jpg); }
    .sec02_04Box.box02 .txt03 {
      top: 21.33333vw;
      left: 36vw; }

.recommend {
  height: 158.8vw;
  background-image: url(/lp/img/sp/recommend_bg.png); }
  .recommend h2 {
    width: 76vw; }
  .recommend .logo {
    width: 73.73333vw; }

/*********************
sec04
*********************/
.sec04 h2 {
  width: 64.53333vw;
  margin: 0 auto;
  margin-bottom: -6.66667vw;
  position: relative;
  top: -6.66667vw; }

/* --------------------------------------------------------
footer
-------------------------------------------------------- */
footer {
  background-color: #fff;
  color: #555;
  /*  代理店情報
	-------------------------------------------------------- */
  /*  ページトップ
	-------------------------------------------------------- */
  /*  緑背景部分
	-------------------------------------------------------- */ }
  footer p {
    margin-top: 1em; }
  footer #info {
    width: 100%;
    margin-top: -6.66667vw;
    padding: 0;
    /*---------- 代理店情報詳細 ----------*/
    /*---------- あんしんサービスセンター ----------*/
    /*---------- 引受保険会社 ----------*/ }
    footer #info .shop {
      font-size: 12px;
      padding: 10px; }
      footer #info .shop dt {
        margin-bottom: 5px; }
    footer #info .svCenter {
      width: 100%;
      padding-bottom: 6.66667vw;
      /* 営業時間 */ }
      footer #info .svCenter > p {
        font-size: 4.26667vw;
        margin-bottom: 4vw; }
      footer #info .svCenter .telNum {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 7.46667vw;
        letter-spacing: 0.05em;
        line-height: 1; }
        footer #info .svCenter .telNum::before {
          content: '';
          display: block;
          width: 8vw;
          height: 8vw;
          margin-right: 2.66667vw;
          background-image: url("/lp/img/sp/footer_tel.png");
          background-repeat: no-repeat;
          background-size: contain; }
      footer #info .svCenter dl {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 69.33333vw;}

    footer #info .svCenter {
      width: 100%;
      margin: 0 0 25px;
      padding-top: 13.33333vw; }
      footer #info .svCenter > p span {
        margin-left: 0;
        display: block; }
      footer #info .svCenter .svDetail {
        background: none; }
      footer #info .svCenter aside {
        max-width: 260px; }

    footer .cpWrap li {
      padding: 0 12px;
      letter-spacing: 0.05em;
      line-height: 1.1;
      border-right: solid 1px #FFF;
      /* コピーライト */ }
      footer .cpWrap li:first-of-type {
        padding-left: 0; }
      footer .cpWrap li:last-of-type {
        padding-right: 0;
        border-right: none; }
      footer .cpWrap li a:hover {
        text-decoration: underline; }
      footer .cpWrap li a {
        color: #FFF;
        font-size: 12px; }
      footer .cpWrap li .copy {
        margin-top: 12px; }
        footer .cpWrap li .copy img {
          width: 206px; }
        footer .cpWrap li .copy .kmtg {
          max-width: 1060px;
          margin: 40px auto; }
  footer .company dt {
    margin-bottom: 10px; }
    footer .company dt dd + dd {
      position: static;
      margin-top: 10px; }
  footer #pageTop, footer #pageTop:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  footer #pageTop:hover {
    opacity: 1; }
    footer #pageTop:hover:after {
      top: -7px; }
  footer #pageTop p {
    width: 89px; }
    footer #pageTop p:before {
      width: 64px;
      background-image: url("/lp/img/sp/pageTop_bg.png"); }
  footer #pageTop2, footer #pageTop2:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  footer #pageTop2:hover {
    opacity: 1; }
    footer #pageTop2:hover:after {
      top: -7px; }
  footer #pageTop2 p {
    width: 89px;
    vertical-align: bottom; }
    footer #pageTop2 p:before {
      width: 64px;
      height: 60px;
      background-image: url("/lp/img/sp/pageTop_bg.png"); }
  footer .cpWrap {
    padding-top: 17px;
    /* コピーライト */ }
    footer .cpWrap li {
      margin-bottom: 10px; }
    footer .cpWrap .copy {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 15px; }
      footer .cpWrap .copy img {
        width: 172px; }

#dpp > div {
  max-width: 1060px;
  min-height: 240px;
  margin: auto;
  background: url("/lp/img/sp/head.jpg") right top no-repeat;
  position: relative;
  background-size: 100%;
  min-height: 240px; }

.dftc {
  margin: 0 auto;
  text-align: left;
  width: auto; }
  .dftc li:nth-child(1) {
    margin-bottom: 10px; }

.miwi img:nth-child(1) {
  margin-bottom: 12px; }

.miwi img:nth-child(2) {
  margin-top: 12px; }



.right-text{
  margin-right:15px;
}
.family-link{
  margin:20px 0;
  padding:10px;
}
.family-link img{
  width:60%;
  margin:auto;
}
.sp{
  display:block;
}
.pc{
  display:none !important;
}
.poa{
  position:static;
  margin-top:-50px;
}
.flex{
  display:block;
}
.sec02Slides {
  width:100%;
  margin: 0 auto; }
.sec02_01 .note {
  width:100%;
  margin: 0 auto; }
.recommend p.txt {
  width: 100%;
  margin: 0 auto; }
.flex .col{
  width:100%;
}
.fix-1{
  width:100%;
}
.spinner{
  width: 74vw !important;
  margin: 0 auto;
}
.sec02 .mainTtl {
  background-image: url(/lp/img/sp/sec02_bg01.png);
}
.subTtl{
  margin-bottom:3vh;
}
.cvArea{
  padding-top:10px;
}
.cvAreaTtl{
    width: 100%;
    margin-top: 0px;
    margin-bottom: -50px;
    padding: 10px 0;
    background-color:transparent;
    position: static;
    height:300px;
}
.cvAreaTtl h2{
  border:none;
  background-color:transparent;
}
.ansin{
  width: 100%!important;
}
}