@charset 'UTF-8';
/* 個別カスタマイズ */
a.img_btn {
  display: block;
  max-width: 100% !important;
  margin: 0 auto 40px;
}
.download-ttl {
  width: 100%;
  float: left;
  margin-bottom: 35px;
        padding: 0 30px;
}
.download-ttl2 {
  width: 50%;
  float: left;
  margin-bottom: 35px;
}
.download-lnk {
  position: relative;
}
.able_sec .pict-img {
  margin-bottom: 10px;
}
.sample_btn .sec-btn {
  line-height: 1.2;
  text-align: center;
}
.able_sec_txt {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 40px;
}
.report_txt {
  margin-bottom: 20px;
}
.able_sec .sentence-lnk {
  margin-top: 70px !important;
}
.present .sentence-lnk {
  display: block;
  margin-top: 15px;
}
.present .sentence-lnk .sec-btn p {
  font-family: vdl-logona, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.present .sec-btn-txtS {
  font-size: 3rem;
  flex: 1 0 100%;
}
.present .sec-btn-txtL {
  font-size: 3.9rem;
  flex: 1 0 100%;
}
.present .sentence-lnk .sec-btn p::before, .present .sentence-lnk .sec-btn p::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 75px;
  height: 75px;
  content: '';
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.present .sentence-lnk .sec-btn p::before {
  left: 10px;
  background-image: url('../img/icn_able_btn_01.svg');
}
.present .sentence-lnk .sec-btn p::after {
  right: 10px;
  background-image: url('../img/icn_able_btn_02.svg');
}
@media screen and (min-width:769px) {
    #download {
    padding: 0 10px;
}
  .present .sentence-lnk .sec-btn {
    box-sizing: border-box;
    width: 100%;
    /* max-width: 915px; */
    height: 120px;
    border-radius: 15px;
  }
  .present .sec-arrow {
    width: 21px;
    height: 21px;
    border-width: 3px;
  }
}
@media screen and (max-width:768px) {
  a.img_btn {
    width: 85% !important;
  }
  .download-ttl {
    margin-bottom: 15px;
    margin-bottom: 4vw;
  }
  .download-ttl2 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    margin-bottom: 4vw;
  }
  .able_sec_txt {
    margin-bottom: 12vw;
  }
  .able_sec .pict-item {
    /*margin-bottom: 4vw;*/
  }
  .able_sec .pict-item:last-child {
    margin-bottom: 0;
  }
  .able_sec .sec-txt {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
  }
  .able_pict_1 {
    margin-bottom: 4vw;
  }
  .sample_btn {
    margin-bottom: 14vw;
  }
  .able_sec .sentence-lnk {
    margin-top: 13vw !important;
  }
  .report_txt {
    margin-bottom: 2vw;
  }
  .present .sentence-lnk {
    margin-top: 0;
  }
  .present .sec-btn-txtS {
    font-size: 1.6rem;
    font-size: 4.266vw;
  }
  .present .sec-btn-txtL {
    font-size: 1.8rem;
    font-size: 4.8vw;
  }
  .present .sentence-lnk .sec-btn p::before, .present .sentence-lnk .sec-btn p::after {
    width: 36px;
    width: 9.6vw;
    height: 36px;
    height: 9.6vw;
  }
  .present .sentence-lnk .sec-btn {
    height: 70px;
    height: 18.666vw;
  }
  .present .sentence-lnk .sec-btn p::before {
    left: 0;
  }
  .present .sentence-lnk .sec-btn p::after {
    right: 0;
  }
}
/* 企業名 背景、テキスト色、arrow色 */
.company-heading, .company-heading a, .pager-arrow {
  background-color: #ffffff;
  /* 	color: #000000; */
}
/* MV背景色 */
.company-mv-bg {
  background-color: #dff0ea;
}
/* セクション 背景色 */
.content > section:nth-child(even) {
  background-color: #dff0ea;
}
/* セクション ボーダー色 */
.sec-border > section {
  /* 	border-color: #cccccc; */
}
/* セクションタイトル ライン色 PC・SPそれぞれ指定*/
.sec-ttl {
  background: linear-gradient(#008e5c, #008e5c) 0 100%/0 4px no-repeat;
}
@media screen and (max-width:768px) {
  .sec-ttl {
    background: linear-gradient(#008e5c, #008e5c) 0 100%/0 2px no-repeat;
  }
}
/* ボタン背景色 */
.sec-btn {
  background: #00935f;
}
.sec-btn::before {
  background: #096142;
  mix-blend-mode: normal;
}
/*able個別スタイル*/
.present_pull_btn {
  width: auto;
}
.present_pull_btn label {
  width: 100%;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  background: #F17F05;
  margin: auto;
  line-height: 50px;
  position: relative;
  display: block;
  height: 50px;
  /*border-radius: 8px;*/
  cursor: pointer;
  color: #fff;
  transition: all 0.5s;
}
@media (max-width: 599px) {
  .present_pull_btn label {
    font-size: 1.8rem;
      margin-bottom: 10px;
  }
}
.present_pull_btn label:hover {
  background: #fc9d38;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.present_pull_btn input {
  display: none;
}
.present_pull_btn label:after {
  color: #fff;
  content: "\025bc";
}
.present_pull_btn label:before {
  color: #fff;
  content: "\025bc";
}
.present_pull_btn input:checked ~ label::after {
  color: #fff;
  content: "\025b2";
}
.present_pull_btn input:checked ~ label::before {
  color: #fff;
  content: "\025b2";
}
.present_pull_btn div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
.present_pull_btn input:checked ~ div {
  height: auto;
  /*padding: 5px;*/
  background: #F17F05;
  opacity: 1;
}
.present_pull_btn div p {
  color: #fff;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  text-align: justify;
}
.present_pull_btn p {
  margin-bottom: 0px;
}
/*.inner {
  max-width: inherit !important;
}*/
.a_cont_wrp {
  width: 90%;
  margin: 68px auto 68px;
  border-radius: 10px;
  border: 2px solid #008e5c;
  padding: 68px 0px 0;
}

.a_cont_wrp2 {
     width: 90%;
  margin: auto;
  border-radius: 10px;
  border: 2px solid #008e5c;
  padding: 40px;
}

.t_g_line {
  border-top: 2px dashed #008e5c;
  padding-top: 68px;
}
#download {
  margin-bottom: 30px;
    padding: 68px 0;
}
.a_cont_wrp #video {
  margin-bottom: 68px;
}
.a_cont_ttl {
  color: #008e5c;
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.45;
}
.txt_cn {
  text-align: center;
}
.bd_no {border: none;}

.pict-min_off {background-color:#fff; border: none; padding: 0;}

.mb24 { margin-bottom: 68px!important;}

a.img_btn {
    margin: 40px auto 40px;
}
.mb0 { margin-bottom: 0!important;}
.bb0{
    border-bottom: none!important;}
.f_3 {font-size: 3.0rem;}


@media screen and (max-width: 599px) {
   
    .f_3 {font-size: 5.3vw;}
    
    .mb24 { margin-bottom: 24px!important;}
    
  .a_cont_wrp {
    width: 85%;
    margin: 24px auto;
    padding: 35px 3.2vw 0;
  }
    
     .a_cont_wrp2 {
         width: 85%;
  padding: 20px;
 margin: 0px auto;
}
    
  .a_cont_ttl {
    font-size: 5vw;
  }
  .t_g_line {
    padding-top: 24px;
  }
  .a_cont_wrp #video {
    margin-bottom: 35px;
  }
    #pict-min .pict-img {
    width: 100%;
}
}