@charset 'utf-8';

/*
 * リセット
 */
body,header,footer,section,article,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd{
  padding:0;
  margin:0;
  box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
/*
 * 共通
 */
body{
  font-family:Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
}
img{
  max-width:100%;
  vertical-align:top;
}
.img2x{width:100%;}
a{text-decoration:none;}
.link-hover{transition:.2s;}
.link-hover:hover{opacity:.8;}
ul,ol{list-style:none;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}

.bld{font-weight:bold;}

.tbl{display:table;}
.row{display:table-row;}
.col,.col-l,.col-c,.col-r{
  display:table-cell;
  vertical-align:top;
}
.ib{display:inline-block;}

.flex-container{display:flex;}

.visible480{display:none;}
.visible768{display:none;}

.wrapper{
  max-width:980px;
  margin:0 auto;
  padding:0 10px;
}
.container{
  max-width:920px;
  margin:auto;
}

/* コンテンツ
---------------------------------------------------------------------------------- */
header,
footer{
  max-width:1000px;
  margin:auto;
}
header small,
footer small{
  display:block;
  font-size:12px;
  color:#fff;
  background:#1FB67B;
  padding:8px 20px;
}
.ttl-header{
  font-size:32px;
  font-weight:bold;
  margin-top:10px;
}
.h1_ttl{
  font-size:32px;
  font-weight:bold;
  color:#fff;
  background:#1FB67B;
  border-radius:10px;
  padding:5px 15px 0;
}
.sp{display:none;}
.gokai-img{text-align:center;}
.fuan-img{text-align:center;}
.risk-tbl{
  width:100%;
  table-layout:fixed;
}
.risk-tbl .col-l .col-inner{padding-right:20px;}
.ttl-risk{
  font-size:36px;
  font-weight:bold;
  text-align:center;
  margin-bottom:40px;
}
.keihi-tbl{
  width:100%;
  margin-bottom:60px;
  table-layout:fixed;
}
.keihi-tbl .col-l{width:38%;}
.keihi-tbl .col-l .col-inner{padding-right:5px;}
.ttl-chk{
  font-size:40px;
  font-weight:bold;
  color:#1FB67B;
  text-align:center;
}
.chk-area{
  border:1px solid #000;
  padding:10px 20px 20px;
  margin-bottom:10px;
}
.chk-area h3{
  font-size:26px;
  font-weight:bold;
  color:#BE272D;
  text-align:center;
  margin-bottom:10px;
}
.chk-seat{font-size:0;}
.chk-seat li{
  display:inline-block;
  width:50%;
  text-align:center;
}
.list-flow{
  font-size:0;
  margin-bottom:15px;
}
.list-flow li{
  display:inline-block;
  width:20%;
  text-align:center;
  padding:0 4%;
  position:relative;
}
.list-flow .list-flow-arrow{
  content:'';
  width:31%;
  height:28%;
  margin:auto;
  position:absolute;
  top:0;
  right:85%;
  bottom:0;
  z-index:100;
}
.flow-arrow{text-align:center;}
.flow-txt{
  font-size:30px;
  font-weight:bold;
  color:#D67F43;
  text-align:center;
  letter-spacing:10px;
}
.list-taisaku > li:first-child{
  border-bottom:1px solid #000;
  padding-bottom:40px;
  margin-bottom:40px;
}
.list-reason{letter-spacing:-.4em;}
.list-reason > li{
  display:inline-block;
  font-size:24px;
  font-weight:bold;
  vertical-align:top;
  letter-spacing:normal;
  padding-left:1em;
  margin-bottom:20px;
  position:relative;
}
.list-reason > li:nth-child(odd){width:58%;}
.list-reason > li:nth-child(even){width:42%;}
.list-reason > li:before{
  content:'';
  width:.8em;
  height:.8em;
  background:#000;
  position:absolute;
  top:4px;
  left:0;
}
.list-reason ul{font-size:16px;}
.list-reason ul li{
  font-size:16px;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
  margin-bottom:0;
  position:relative;
}
.list-reason ul li:nth-child(n+3){display:inline-block;}
.list-reason ul li:before{
  content:'';
  width:.8em;
  height:.8em;
  background:#000;
  border-radius:100%;
  position:absolute;
  top:4px;
  left:0;
}
.feature-txt{
  font-size:42px;
  font-weight:bold;
  color:#BE272D;
  text-align:center;
}
.feature-tbl{
  width:100%;
  table-layout:fixed;
}
.feature-tbl .col-l .col-inner{padding-right:10px;}
.feature-tbl .col-r .col-inner{
  text-align:right;
  padding-left:20px;
}
.list-zero{padding:0 30px;}
.list-zero li{
  display:inline-block;
  font-size:20px;
  font-weight:bold;
  padding-right:25px;
}
.list-zero li span{
  font-size:24px;
  color:#EA1C24;
}
.cost{
  text-align:center;
  background:#FF0000;
  padding:10px;
}
.cost-arrow{text-align:center;}
.cost-txt{
  font-size:30px;
  font-weight:bold;
  color:#FF0000;
  text-align:center;
  letter-spacing:10px;
}
.link-fit{
  font-size:24px;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
}
.link-fit span{
  font-size:16px;
  font-weight:normal;
}
.link-fit a{
  display:inline-block;
  color:#0000FF;
  text-decoration:underline;
}
.taisaku-tbl{
  width:100%;
  table-layout:fixed;
}
.taisaku-tbl .col-r{vertical-align:middle;}
.taisaku-tbl .col-l .col-inner{padding-right:5px;}
.taisaku-tbl .col-r .col-inner{padding-left:5px;}
.ttl-taisaku{
  font-size:24px;
  font-weight:bold;
}
.taisaku-txt{
  font-size:16px;
  line-height:1.8;
}
.choice-txt{
  font-family:Yu Mincho,Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size:18px;
  text-align:center;
  margin-bottom:20px;
}
.about-tbl{
  max-width:900px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  table-layout:fixed;
}
.about-tbl .col-l,
.about-tbl .col-r{vertical-align:top;}
.about-tbl .col-l .col-inner{padding-right:15px;}
.company-tbl{
  width:100%;
  table-layout:fixed;
}
.list-img{
  max-width:730px;
  display:flex;
  justify-content:space-between;
  margin:0 auto 30px;
}
.list-img li{
  flex-basis:31%;
}
.footer-inner{
  max-width:850px;
  background:
    url(../images/leaf.png),
    url(../images/kushiro.png);
  background-position:
    left center,
    right center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    auto,
    auto;
  padding-left:90px;
  padding-right:120px;
  padding-bottom:30px;
  margin:auto;
}
.footer-inner .ttl{
  font-size:26px;
  font-weight:bold;
  text-align:center;
  margin-bottom:10px;
}
.footer-inner .txt{
  font-size:20px;
  font-weight:bold;
  text-align:center;
}

/* ==================================================================================

  1000px以下

================================================================================== */
@media screen and (max-width:1000px){

/* コンテンツ
---------------------------------------------------------------------------------- */
  
  
  .list-reason > li{font-size:20px;}
  .list-reason ul li{font-size:14px;}
  .list-zero{padding:0;}
  .list-zero li{
    display:block;
    font-size:17px;
    padding-right:0;
  }
}
/* ==================================================================================

  768px以下

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

/* コンテンツ
---------------------------------------------------------------------------------- */
  .h1_ttl{font-size:26px;}
  .ttl-header{font-size:22px;}
  .ttl-risk{font-size:28px;}
  .ttl-chk{font-size:26px;}
  .list-flow{text-align:center;}
  .list-flow li{
    width: 33%;
    padding:0 8%;
    margin-bottom:20px;
  }
  .list-flow .list-flow-arrow {
    content: '';
    width: 26%;
    height: 27%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 85%;
    bottom: 0;
    z-index: 100;
  }
  .list-reason li{display:block;}
  .list-reason li br{display:none;}
  .list-reason > li:nth-child(odd),
  .list-reason > li:nth-child(even){width:100%;}
  .list-reason ul li:nth-child(n+3){display:block;}
  .feature-txt{font-size:30px;}
  .list-zero li span{font-size:20px;}
  .link-fit{font-size:18px;}
  .link-fit span{font-size:13px;}
  .ttl-taisaku{font-size:20px;}
  .taisaku-txt{font-size:14px;}
  .taisaku-tbl.tbl,
  .taisaku-tbl .col-l,
  .taisaku-tbl .col-r{
      display:block;
      width:100%;
    }
  .taisaku-tbl .col-l .col-inner{
    padding-right:0;
    margin-bottom:20px;
  }
  .taisaku-tbl .col-r .col-inner{
    text-align:center;
    padding-left:0;
  }
  .choice-txt{font-size:15px;}
  .about-tbl.tbl,
  .about-tbl > .col-l,
  .about-tbl > .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .about-tbl > .col-l{margin-bottom:30px;}
  .about-tbl > .col-l .col-inner{padding-right:0;}
  .footer-inner .ttl{font-size:22px;}
  .footer-inner .txt{font-size:16px;}


}
/* ==================================================================================

  600px以下

================================================================================== */
@media screen and (max-width:600px){

/* コンテンツ
---------------------------------------------------------------------------------- */
  .ttl-header{font-size:18px;}
  .ttl-header span{display:inline-block;}
  .risk-tbl.tbl,
  .risk-tbl .col-l,
  .risk-tbl .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .risk-tbl .col-l{margin-bottom:20px;}
 .risk-tbl .col-l .col-inner{padding-right:0;}
  .keihi-tbl.tbl,
  .keihi-tbl .col-l,
  .keihi-tbl .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .keihi-tbl .col-l{margin-bottom:20px;}
 .chk-area h3{font-size:20px;}
  .chk-seat li{
    display:block;
    width:100%;
    margin-bottom:3%;
  }
  .flow-arrow{
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
  }
  .flow-txt{
    font-size:20px;
    letter-spacing:8px;
  }
  .cost-arrow{
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
  }
  .cost-txt{
    font-size:20px;
    letter-spacing:8px;
  }
  .footer-inner{
    background:none;
    padding-left:0;
    padding-right:0;
  }
  .footer-inner .ttl{font-size:20px;}
  .footer-inner .txt{font-size:14px;}

}
/* ==================================================================================

  480px以下

================================================================================== */
@media screen and (max-width:480px){

/* コンテンツ
---------------------------------------------------------------------------------- */
  .h1_ttl{font-size:20px;}
  .pc{display:none;}
  .sp{display:inline-block;}
  .ttl-risk{font-size:22px;}
  .ttl-chk{font-size:22px;}
  .ttl-chk span{display:inline-block;}
  .chk-area h3{font-size:18px;}
  .flow-txt{font-size:17px;}
  .list-reason > li{font-size:15px;}
  .list-reason ul li{font-size:13px;}
  .feature-txt{font-size:21px;}
  .feature-tbl.tbl,
  .feature-tbl .col-l,
  .feature-tbl .col-r{
    display:block;
    width:100%;
  }
  .feature-tbl .col-l .col-inner{
    text-align:center;
    padding-right:0;
    margin-bottom:30px;
  }
  .feature-tbl .col-r .col-inner{
    text-align:center;
    padding-left:0;
  }
  .list-zero li{font-size:14px;}
  .list-zero li span{font-size:16px;}
  .company-tbl.tbl,
  .company-tbl .col-l,
  .company-tbl .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .company-tbl .col-l{margin-bottom:10px;}
  .company-tbl .col-l .col-inner{padding-right:0;}
}