@charset "UTF-8";

/*--------------------------------------トップ画像--------------------------------------*/
.l_main .l_kv.is_202610-toku2{background: url(/k-press/assets/img/feature/202610-toku2/img_kv.jpg) no-repeat center center;background-size: cover;}

/*--------------------------------------ページ固有記述--------------------------------------*/
.l_main .l_shop {
  background-image: linear-gradient(0deg, #e4eff9, #ffffff 25% 75%, #e4eff9);
}
.toku2_202610_sptop {
  padding: 30px 7% 0;
}
.toku2_202610_sptop02 {
  padding-top: 10px;
}
/*フレックス*/
.toku2_202610_flexwrap01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.toku2_202610_flexwrap02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
.toku2_202610_flexwrap03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.toku2_202610_text_right {
  text-align: right !important;
}
.toku2_202610_bg_orange {
  background-color: #f6c594;
}
.toku2_202610_walkdecration {
  position: relative;
}
@media only screen and (min-width: 767.98px){
  .toku2_202610_flexitem01 {
    width: 44%;
  }
  .toku2_202610_flexitem02 {
    width: 60%;
  }
  .toku2_202610_flexitem03 {
    width: 38%;
  }
  .toku2_202610_flexitem04 {
    width: 40%;
  }
  .toku2_202610_flexitem05 {
    width: 20%;
  }
  .toku2_202610_flexitem06 {
    width: 48%;
  }
  .toku2_202610_flexitem07 {
    width: 36%;
  }
  .toku2_202610_mr20 {
    margin-right: 20px;
  }
  .toku2_202610_width01 {
    width: 56.5%;
  }
  .toku2_202610_width02 {
    width: 40%;
  }
  .toku2_202610_width03 {
    width: 64%;
  }
  .toku2_202610_width04 {
    width: 33%;
  }
  .toku2_202610_width05 {
    width: 67%;
  }
  .toku2_202610_width06 {
    width: 48%;
  }
  .toku2_202610_width07 {
    width: 64%;
  }
  .toku2_202610_titlebuleborder01 {
    position: relative;
  }
  .toku2_202610_titlebuleborder01::after {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    bottom: 6px;         /* 下からの位置 */
    left: -30px;           /* 左からの位置 */
    width: 60%;       /* 線の長さ */
    height: 1px;       /* 線の太さ */
    background-color: #205184; /* 線の色 */
    z-index: -1;
  }
  .toku2_202610_titlebuleborder02 {
    position: relative;
  }
  .toku2_202610_titlebuleborder02::after {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    bottom: 6px;         /* 下からの位置 */
    left: -32px;           /* 左からの位置 */
    width: 110%;       /* 線の長さ */
    height: 1px;       /* 線の太さ */
    background-color: #205184; /* 線の色 */
    z-index: -1;
  }
  .toku2_202610_pc_borderright {
    border-right: 2px dotted #205184;
    padding-right: 15px;
    margin-right: 15px;
  }
  .toku2_202610_bg_orange {
    padding: 30px;
    margin-top: 60px;
  }
  .toku2_202610_pc_icon {
    position: relative;
  }
  .toku2_202610_pc_icon::before {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    bottom: 0;         /* 下からの位置 */
    right: -110px;           /* 左からの位置 */
    width: 100px;       /* 線の長さ */
    height: 160px;       /* 線の太さ */
    background: url("../../../img/feature/202610-toku2/index_icon03.png") no-repeat;
    background-size: contain;
  }
  .toku2_202610_walkdecration::before {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    top: 6px;         /* 下からの位置 */
    right: 110px;           /* 左からの位置 */
    width: 100px;       /* 線の長さ */
    height: 88px;       /* 線の太さ */
    background: url("../../../img/feature/202610-toku2/index_icon01.png") no-repeat;
    background-size: contain;
  }
  .toku2_202610_walkdecration::after {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    top: 6px;         /* 下からの位置 */
    right: 0;           /* 左からの位置 */
    width: 100px;       /* 線の長さ */
    height: 157px;       /* 線の太さ */
    background: url("../../../img/feature/202610-toku2/index_icon02.png") no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 767.98px){
  .toku2_202610_sp_icon {
    display: flex;
    justify-content: flex-end;
  }
  .toku2_202610_sp_icon img {
    width: 20%;
  }
  .toku2_202610_sp_bordertop {
    border-top: 2px dotted #205184;
    padding-top: 30px;
    margin-top: 15px;
  }
  .toku2_202610_width05 img {
    width: 80%;
  }
  .toku2_202610_width06 {
    width: 48%;
  }
  .toku2_202610_width05,
  .toku2_202610_width06 {
    border-bottom: 1px solid #205184;
    padding-bottom: 10px;
  }
  .toku2_202610_width04 {
    width: 33%;
  }
  .toku2_202610_width07 {
    width: 64%;
  }
  .toku2_202610_flexitem07 {
    width: 36%;
  }
  .toku2_202610_flexitem02 {
    width: 60%;
  }
  .toku2_202610_bg_orange {
    padding: 20px;
    margin-top: 60px;
  }
  .toku2_202610_walkdecration::before {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    top: -30px;         /* 下からの位置 */
    right: 80px;           /* 左からの位置 */
    width: 70px;       /* 線の長さ */
    height: 62px;       /* 線の太さ */
    background: url("../../../img/feature/202610-toku2/index_icon01.png") no-repeat;
    background-size: contain;
  }
  .toku2_202610_walkdecration::after {
    content: "";       /* 必須：空のコンテンツを指定 */
    position: absolute;  /* 絶対配置にする */
    top: -30px;         /* 下からの位置 */
    right: 0;           /* 左からの位置 */
    width: 70px;       /* 線の長さ */
    height: 110px;       /* 線の太さ */
    background: url("../../../img/feature/202610-toku2/index_icon02.png") no-repeat;
    background-size: contain;
  }
  .toku2_202610_spmt50 {
    margin-top: 50px !important;
  }
}

@media only screen and (min-width: 767.99px) {
  
}
@media only screen and (max-width: 767.98px){

}