/*====================
index
====================*/
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  /*===== nav =====*/
  .nav {
    text-align: center;
    margin: 20px auto;
  }
  .nav__list-ttl {
    display: inline-block;
    background-color: #fff;
    color: #4EA0FF;
    font-weight: bold;
    font-size: 5.333vw;
    padding: 0 10px;
  }
  .nav__list {
    width: 92%;
    margin: -15px auto 0 auto;
    border-radius: 5px;
    border: 2px solid #4EA0FF;
    padding: 4vw 1vw 4vw 8vw;
    text-align: left;
    line-height: 1.6;
    font-size: 3.7vw;
    text-indent: -1.5em;
  }
  .nav__list-item {
    position: relative;
    margin-top: 1em;
    padding-left: 2.667vw;
  }
  .nav__list-item + .nav__list-item {
    margin-top: 4.533vw;
  }
  .nav__list-item a {
    padding-left: 5.333vw;
    position: relative;
    font-size: 4vw;
    color: #464646;
    font-weight: bold;
    text-decoration: underline;
  }
  .nav__list-item a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  .nav__list-item::before {
    content: "";
    background-image: url(/contents/article/_assets/220617_39854_icn_ya.png);
    height: 5.867vw;
    width: 5.867vw;
    background-size: cover;
    top: -2px;
    bottom: 0;
    left: -5.5vw;
    margin: auto;
    position: absolute;
  }
}
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  /*===== nav =====*/
  .nav {
    text-align: center;
    margin: 20px auto;
  }
  .nav__list-ttl {
    display: inline-block;
    background-color: #fff;
    color: #4EA0FF;
    font-weight: bold;
    font-size: 24px;
    padding: 0 10px;
  }
  .nav__list {
    width: 80%;
    margin: -15px auto 0 auto;
    border-radius: 5px;
    border: 2px solid #4EA0FF;
    padding: 20px 40px 15px 40px;
    text-align: left;
    line-height: 2em;
  }
  .nav__list-item {
    position: relative;
    line-height: 1.5;
    padding-left: 30px;
  }
  .nav__list-item + .nav__list-item {
    margin-top: 20px;
  }
  .nav__list-item.is_2line {
    line-height: 1.5;
  }
  .nav__list-item.is_2line span {
    padding-left: 15px;
  }
  .nav__list-item a {
    position: relative;
    font-size: 18px;
    color: #464646;
    font-weight: bold;
    text-decoration: underline;
  }
  .nav__list-item a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
  .nav__list-item::before {
    content: "";
    background-image: url(/contents/article/_assets/220617_39854_icn_ya.png);
    height: 22px;
    width: 22px;
    background-size: cover;
    top: -3px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
  }
}

/*====================
    common
====================*/
  /*===== SP =====*/
  @media print, screen and (max-width:768px) {
    .ar-head {
      margin-bottom: 2.667vw;
      padding-top: 5.333vw;
      padding-right: 4vw;
      padding-left: 4vw;
    }
    .c-modal__body-inner {
      overflow: hidden;
    }
  
    /*===== bread =====*/
    .bread {
      display: flex;
      flex-wrap: wrap;
      margin-top: 16vw;
      padding-right: 8vw;
      padding-left: 8vw;
    }
    .bread-item {
      font-size: 3.2vw;
      font-weight: 700;
      color: #464646;
      line-height: 1.5;
    }
    .bread-item:not(:last-child):after {
      content: "＞";
      display: inline-block;
      margin-right: 3.2vw;
      margin-left: 3.2vw;
    }
    .bread-link {
      color: #464646;
      text-decoration: underline;
    }
    
    .ar__font-line {
      background:-moz-linear-gradient(transparent 60%, #2AD3714D 30%);/* Firefox */
      background:-webkit-linear-gradient(transparent 60%, #2AD3714D 30%);/* safari Chrome */
      background:-ms-linear-gradient(transparent 60%, #BFF2D4 30%);/* IE */
      font-weight: bold;
    }
    .ar__font-underline {
      background:-moz-linear-gradient(transparent 60%, #FDEB3D 30%);/* Firefox */
      background:-webkit-linear-gradient(transparent 60%, #FDEB3D 30%);/* safari Chrome */
      background:-ms-linear-gradient(transparent 60%, #FDEB3D 30%);/* IE */
      font-weight: bold;
    }
    .bnr_wrp {
      margin: 8vw auto;
      width: 92%;
    }
    .bnr_wrp img {
      width: 100%;
    }
    .c-section.c-section-kyozai {
      padding-right: 8vw;
      padding-left: 8vw;
      margin-top: 16vw;
    }
    .fs16{
      font-size: 16px;
    }
    .fs14{
      font-size: 14px;
    }
    .fsb{
      font-weight: bold;
    }

    /*===== kv__link =====*/
    .c-section--fall-winter .kv__link{
      font-size: 3.7vw;
      text-align: right;
      width: 92%;
      margin: 16px auto 0 auto;
      position: relative;
      line-height: 1.4;
      font-weight: 600;
    }
    .c-section--fall-winter .kv__link a{
      color: #4EA0FF;
      text-decoration: underline;
    }
    .c-section--fall-winter .kv__link a:hover{
      text-decoration: underline;
    }
    .c-section--fall-winter .kv__link a:after {
      content: '';
      width: 1.5vw;
      height: 1.5vw;
      border-top: solid 2px #4EA0FF;
      border-right: solid 2px #4EA0FF;
      position: absolute;
      right: -5vw;
      top: 50%;
      transform: rotate(45deg) translate(-50%, 0%);
    }
    .pocket__summer-logo{
      width: 22vw;
      display: inline-block;
    }
  }
  /*===== PC =====*/
  @media print, screen and (min-width:769px) {
    .ar-head {
      margin-bottom: 10px;
      padding-top: 30px;
    }
  
    /*===== bread =====*/
    .bread {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 30px;
    }
    .bread-item {
      font-size: 12px;
      font-weight: 700;
      color: #464646;
      line-height: 1.5;
    }
    .bread-item:not(:last-child):after {
      content: "＞";
      display: inline-block;
      margin-right: 12px;
      margin-left: 12px;
    }
    .bread-link {
      color: #464646;
      text-decoration: underline;
    }


    .ar__font-line {
      background:-moz-linear-gradient(transparent 60%, #2AD3714D 30%);/* Firefox */
      background:-webkit-linear-gradient(transparent 60%, #2AD3714D 30%);/* safari Chrome */
      background:-ms-linear-gradient(transparent 60%, #BFF2D4 30%);/* IE */
      font-weight: bold;
    }
    .ar__font-underline {
      background:-moz-linear-gradient(transparent 60%, #FDEB3D 30%);/* Firefox */
      background:-webkit-linear-gradient(transparent 60%, #FDEB3D 30%);/* safari Chrome */
      background:-ms-linear-gradient(transparent 60%, #FDEB3D 30%);/* IE */
      font-weight: bold;
    }
    .bnr_wrp {
      margin-top: 60px;
    }
    .c-section.c-section-kyozai {
      margin-top: 100px;
    }
    .fs16{
      font-size: 16px;
    }
    .fs14{
      font-size: 14px;
    }
    .fsb{
      font-weight: bold;
    }

    /*===== kv__link =====*/
    .c-section--fall-winter .kv__link{
      font-size: 13px!important;
      text-align: right;
      width: 90%;
      margin: 20px auto 0 auto;
      position: relative;
      font-weight: bold;
    }
    .c-section--fall-winter .kv__link a{
      color: #4EA0FF;
      text-decoration: underline;
    }
    .c-section--fall-winter .kv__link a:hover{
      opacity: 0.8;
      text-decoration: underline;
    }
    .c-section--fall-winter .kv__link a::before {
      content: '';
      width: 7px;
      height: 7px;
      border-top: solid 2px #4EA0FF;
      border-right: solid 2px #4EA0FF;
      position: absolute;
      right: -18px;
      top: 50%;
      transform: translate(0%, -50%) rotate(45deg);
    }
    .pocket__summer-logo{
      width: 100px;
      display: inline-block;
    }
  }

/*====================
  contents
====================*/
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  /*===== section =====*/
  .cnt__sec {
    margin: 15vw auto 0 auto;
    position: relative;
    width: 92%;
  }
  .cnt__sec-01::before,.cnt__sec-02::before,.cnt__sec-03::before,.cnt__sec-04::before,.cnt__sec-05::before {
    content: "";
    position: absolute;
    background-size: cover;
    top: -7vw;
    right: 2vw;
  }
  .cnt__sec-01::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg03.png);
    height: 10vw;
    width: 15.082vw;
  }
  .cnt__sec-02::before,.cnt__sec-04::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg04.png);
    height: 10vw;
    width: 14.528vw;
  }
  .cnt__sec-03::before,.cnt__sec-05::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg05.png);
    height: 8vw;
    width: 19.579vw;
  }
  .color-box--red{
    background-color: #FFF6F7;
  }
  .color-box--yellow{
    background-color: #FFFCF0;
  }
  .color-box--blue{
    background-color: #F0FBFF;
  }
  .color-box--green{
    background-color: #F7FFF5;
  }
  .cnt__ttl-lead {
    display: inline-block;
    position: relative;
    font-size: 4vw;
    font-weight: bold;
    padding: 0 0.5em;
    color: #4ea0ff;
    border-bottom: 2px solid #4ea0ff;
    margin-bottom: 10px;
  }
  .cnt__ttl-lead::before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40px;
    width: 0;
    height: 0;
    border-top: 9px solid #4ea0ff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform-origin: left top;
    transform: skewX(40deg);
  }
  .cnt__ttl-lead::after{
    content: "";
    position: absolute;
    bottom: -7px;
    left: 34px;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    transform-origin: left top;
    transform: skewX(40deg);
  }
  .c-section--fall-winter .cnt__ttl {
    font-size: 7.5vw;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 10vw;
  }
  .cnt__ttl img{
    display: inline-block;
    width: auto;
  }
  .cnt__ttl_span-sm{
    font-size: 4.4vw;
  }
  .cnt__inr {
    margin-top: 7vw;
    display: flex;
    flex-wrap: wrap;
  }
  .cnt__img {
    height: auto;
    margin: 0 10px 4vw 0;
  }
  .cnt__img img {
    width: 100%;
  }
  .cnt__sec-01 .cnt__inr .cnt__img img,.cnt__sec-03 .cnt__inr .cnt__img img {
    box-shadow: 10px 10px 0 0 #4EA0FF;
  }
  .cnt__sec-02 .cnt__inr .cnt__img img {
    box-shadow: 10px 10px 0 0 #2AD371;
    margin-bottom: 5vw;
  }
  .cnt__txt {
    font-size: 3.7vw;
  }
  h3 span {
    color: #fff;
    padding: 5px 11px;
    margin-right: 8px;
    border-radius: 1em;
    text-indent: 0;
    display: inline-block;
    line-height: 1.3;
    background-color: #4EA0FF;
  }
  .cnt__txt-lead {
    font-size: 3.7vw;
  }
  .cnt__txt p,
  .cnt__txt-lead p {
    margin-top: 1em;
  }
  .cnt__list > p {
    margin-bottom: 30px;
  }
  .cnt__sec-03 .cnt__list li {
    margin-top: 5vw;
  }
  .cnt__list-lead {
    font-size: 4.3vw;
    font-weight: bold;
    margin-top: 5vw;
    padding-left: 30px;
    background-image: url(/contents/article/hiragana_yomi/_assets/220530_38989_icn_ck.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 20px;
  }

  .cnt__link{
    font-size: 3.7vw;
    text-decoration: underline;
    text-align: right;
  }
  .cnt__link a{
    color: #4EA0FF;
  }

  a.cnt__txt-link{
    font-size: 3.7vw;
    color: #4EA0FF;
    text-decoration: underline;
  }
  .cnt__txt-link:hover{
    opacity: 0.8;
    text-decoration: none;
  }

  /*===== kyozai__ =====*/
  .kyozai__summer-inr {
    text-align: center;
  }
  .kyozai__logo {
    width: 95px;
    height: 55px;
    margin: 7vw auto 0 auto;
  }
  .kyozai__img {
    width: 100%;
    margin: 5vw auto -10vw auto;
    position: relative;
  }
  .kyozai__img img {
    width: 100%;
  }
  .kyozai__img::before,.kyozai__img::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .kyozai__img::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg02.png);
    height: 43px;
    width: 49px;
    top: 5px;
    left: 0px;
  }
  .kyozai__img::after {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg05.png);
    height: 30px;
    width: 73.421px;
    bottom: 30px;
    right: -2px;
  }

  /*===== link__taiken =====*/
  .link__taiken-inr {
    font-size: 3.7vw;
    width: 92%;
    margin: 8vw auto 12vw auto;
  }
  .link__taiken-inr--mt {
    margin-top: 16vw;
  }
  .link__taiken-btn:hover {
    opacity: 0.7;
  }
  .link__taiken-btn a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #E60113;
    border-radius: 10px;
    padding: 15px 0 15px 20px;
    margin: 20px auto 0 auto;
    text-align: left;
    position: relative;
    text-decoration: none;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 25%);
  }
  .link__taiken-btn a::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .link__taiken-btn.is_kyozai a {
    background-color: #46E388;
  }
  .h1_tit_blue{
    font-size: 6vw;
    font-weight: bold;
    color: #4ea0ff;
  }

  /*===== manga =====*/
  .manga{
    width: 92%;
    margin: 15.6vw auto 0 auto;
  }
  .manga-page{
    padding: 5px;
    background-color: #fff;
  }
  .manga-page img{
    width: 100%;
  }

  /*===== manga--2col =====*/
  .manga__inner--2col{
    display: flex;
    flex-flow: column-reverse;
  }

  /*===== author =====*/
  .author{
    width: 92%;
    margin: 15.6vw auto 0 auto;
    padding: 30px 15px;
    background-color: #fff;
  }
  .author--pd0{
    padding: 0px!important;
  }
  .author-thum{
    text-align: center;
    margin-bottom: 4vw;
  }
  .author-thum__img img{
    width: 38.1%;
  }
  .author-thum__name{
    text-align: center;
    margin-top: 5.5vw;
    font-weight: bold;
    font-size: 4.3vw;
  }
  .author-info__text{
    font-size: 3.8vw;
  }

  /*===== acc-content =====*/
  .acc-content__item{
    background-color: #FFFBC4;
    padding: 26px 10px 30px 10px!important;
    margin-bottom: 58px;
  }
  .acc-content__head{
    color: #02B5D3;
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    padding-left: 13vw;
    line-height: 1.4!important;
  }
  .acc-content__head span{
    font-size: 24px;
  }
  .acc-content__head::before{
    content: '1';
    background-color: #02B5D3;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    padding: 7px 10px;
    font-size: 24px;
    position: absolute;
    left: 7vw;
    top: 50%;
    transform: translate(-50%, -50%)!important;
    line-height: 1;
  }
  .acc-content__head--2::before{
    content: '2';
  }
  .acc-content__head--3::before{
    content: '3';
  }
  .acc-content__head--4::before{
    content: '4';
  }
  .acc-content__head--5::before{
    content: '5';
  }
  .acc-content__head--6::before{
    content: '6';
  }
  .acc-content__head--7::before{
    content: '7';
  }
  .acc-content__thum{
    margin-bottom: 8vw;
  }
  img{
    width: 100%;
  }

  /*===== accordion btn =====*/
  .acc-content__acc{
    position: relative;
    background-color: #fff;
    color: #50B3CF;
    width: 240px;
    margin: 0 auto;
    display: block;
    padding: 11px 16px;
    border: solid 2px #50B3CF;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
  }

  .acc-content__acc.c-acc__head::before,
  .acc-content__acc.c-acc__head::after {
    background-image: none!important;
    content: "";
    position: absolute;
    right: 1.25em;
    width: 2px;
    height: 0.75em;
    background-color: #50B3CF;
    transition: all 0.3s;
  }
  .acc-content__acc.c-acc__head::after {
    transform: rotate(90deg);
  }
  .acc-content__acc.js-c-acc-open.c-acc__head::before {
    transform: rotate(90deg) translate(-293%, 0%)!important;
  }

  .acc-content__acc.c-acc__head::before{
    top: 50%;
    transform: translate(0%, -50%);
  }
  .acc-content__open-head{
    margin: 5.5vw 0;
  }
  .acc-content__open-text{
    margin-bottom: 4vw;
  }

  .c-wrap--shimajiro .c-section--fall-winter .c-acc__head{
    color: #50B3CF!important;
    border-color: #50B3CF!important;
  }

  /*===== message =====*/
  .message{
    text-align: center;
  }
  .message-title{
    font-size: 5.9vw;
    font-weight: bold;
    border-bottom: solid 8px #C3ECF2;
    display: inline-block;
  }
  .center-text{
    text-align: left;
    margin-bottom: 3vw;
    font-size: 3.8vw;
  }
  .center-text--sp{
    text-align: center;
  }

  /*===== line-content =====*/
  .line-content{
    position: relative;
    padding: 20vw 4vw 14vw 4vw;
  }
  .line-content--arrow::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    border: 20px solid transparent;
    border-top: 15px solid #ffffff;
  }
  .line__ttl{
    font-size: 5.9vw;
    margin-bottom: 32px;
  }
  .line__ttl span{
    position: relative;
    color: #CF222D;
    font-weight: bold;
    padding-left: 60px;
    display: inline-block;
  }
  .line__ttl--pocket span{
    color: #EBC200;
    padding-left: 77px;
  }
  .line__ttl--hop span{
    color: #00A2E9;
    padding-left: 77px;
  }
  .line__ttl--step span{
    color: #20992A;
    padding-left: 77px;
  }
  .line__ttl--puchi span::before{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_puchi_logo.png);
    width: 52px;
    height: 48px;
    position: absolute;
    left: 0;
  }
  .line__ttl--pocket span::before{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_pocket_logo.png);
    width: 58px;
    height: 50px;
    position: absolute;
    left: 0;
  }
  .line__ttl--hop span::before{
    content: "";
    background-image: url(/contents/article/programming/_assets/220922_40585_hop_logo.png);
    width: 58px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .line__ttl--step span::before{
    content: "";
    background-image: url(/contents/article/programming/_assets/220922_40585_step_logo.png);
    width: 58px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .line_manga{
    width: 100%;
  }
  .line-coment{
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 15px;
    margin-bottom: 60px;
  }
  .line-coment::before{
    content: "";
    position: absolute;
    top: 100%;
    right: 10%;
    margin-left: -15px;
    border: 20px solid transparent;
    border-top: 15px solid #ffffff;
  }
  .line-coment__name{
    text-align: right;
    font-size: 3.8vw;
  }
  .line-coment__text{
    font-size: 3.8vw;
  }
  .line-copy{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .line-btn{
    text-align: center;
  }
  .line-btn a{
    position: relative;
    background-color: #fff;
    color: #CF222D;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 17px;
    border: solid 2px #CF222D;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
  }
  .line-btn a:hover{
    text-decoration: none;
    opacity: 0.5;
    transition: all 1s;
  }
  .line-btn a::after{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_icon_arrow_red.svg);
    width: 6px;
    height: 12px;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
  }

  /*===== line_bnr =====*/
  .line_bnr-list{
    margin: 30px 0px;
  }
  .line_bnr-list__item{
    margin-bottom: 10px;
  }
  .line_bnr-list-vertical{
    margin: 30px 0px;
  }

  /*===== yellow__point =====*/
  .point1 {
    background-color: #FFFBC4;
    margin: 4vw;
    padding-top: 6vw;
    padding-right: 4vw;
    padding-left: 4vw;
    padding-bottom: 10vw;
    margin-bottom: 11vw;
  }
  .point__blue {
    width: 29%;
    margin: 0 auto;
    text-align: center;
    background-color: #02B5D3;
    border-radius: 20px;
    color: white;
    font-size: 3.5vw;
    padding-top: 0.2vw;
  }
  .point__text {
    text-align: center;
    padding-top: 2vw;
    font-size: 5.3vw;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #02B5D3;
    padding-bottom: 5vw;
  }
  .point2 {
    background-color: #FFFBC4;
    margin: 4vw;
    padding-top: 6vw;
    padding-right: 4vw;
    padding-left: 4vw;
    padding-bottom: 10vw;
    margin-bottom: 11vw;
  }
  .point3 {
    background-color: #FFFBC4;
    margin: 4vw;
    padding-top: 6vw;
    padding-right: 4vw;
    padding-left: 4vw;
    padding-bottom: 10vw;
    margin-bottom: 11vw;
  }

  /*===== link__info =====*/
  .link__info{
    margin: 10vw auto 0 auto;
    width: 92%;
  }
  .link__info-logo{
    width: 63px;
    height: 36px;
    margin: 0 auto 8px;
  }
  .link__info-logo-item{
    width: 100%;
  }
  .link__info-ttl{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
  }
  .link__info-detail{
    position: relative;
    margin-bottom: 76px;
  }
  .link__info-detail-img{
    width: 100%;
    min-height: 195px;
  }
  .link__info-detail-btn{
    display: block;
    width: 100%;
    background-color: #46E388;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 20px;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    bottom: -40px;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  }
  .link__info-detail-btn::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .link__info-request {
    margin-bottom: 40px;
  }
  .link__info-request-txt{
    font-size: 14px;
    margin-bottom: 16px;
  }
  .link__info-request-btn{
    display: block;
    width: 100%;
    background-color: #E60113;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 20px;
    position: relative;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  }
  .link__info-request-btn::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .link__info .kv__link a:after{
    display: none;
  }

  .kv__lead__bk .kv__link{
    margin-top: 7.5vw!important;
    line-height: 1.4!important;
  }
  .kv__lead__bk .kv__link a{
    text-decoration: underline;
  }
  /* .kv__lead__bk .kv__link a:after{
    right: -5vw!important;
    top: 28%!important;
    transform: rotate(45deg) translate(-82%, 0%)!important;
  } */

  /*===== blue__title =====*/
  .blue__title {
    margin-top: 10vw;
    text-align: center;
    font-size: 4.2vw;
    color: #02B5D3;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blue__title:before, .blue__title:after {
    border-top: 2px solid #02B5D3;
    content: "";
    width: 3.5vw;
    transform: rotate(65deg);
  }
  .blue__title:after {
    transform: rotate(295deg);
  }

  /*===== point-box =====*/
  .point-box{
    background-color: #FFFBC4;
    border-radius: 6px;
    padding: 5.8vw 4vw 12vw 4vw;
    margin-top: 10.5vw;
  }
  .point-box__head{
    text-align: center;
    margin-bottom: 5.2vw;
  }
  .point-box__head-icon{
    display: inline-block;
    background-color: #02B5D3;
    color: #fff;
    font-weight: bold;
    font-size: 3.5vw;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 2vw;
  }
  .point-box__head-title{
    font-size: 6vw;
    font-weight: bold;
    color: #02B5D3;
  }
  .point-box__2col--thum{
    margin-bottom: 10vw;
  }
  .point-box__2col--lead__head{
    font-size: 4.3vw;
    margin-bottom: 9vw;
  }
  .point-box__2col--lead__head span{
    position: relative;
    padding-left: 85px;
    display: inline-block;
    font-weight: bold;
  }
  .point-box__2col--lead__head span::before {
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 0;
    background-size: cover;
    transform: translate(0%, -50%);
  }
  .point-box__2col--lead__head--01 span::before {
    background-image: url(/contents/article/jikei/_assets/220902_40429_step_hiragana_img_teacer_03.png);
  }
  .point-box__2col--lead__head--02 span::before {
    background-image: url(/contents/article/jikei/_assets/220902_40429_step_hiragana_img_teacer_02.png);
  }
  .point-box__2col--lead__text{
    font-size: 3.8vw;
    margin-bottom: 3vw;
  }

  /*===== point-box--1col =====*/
  .point-box--1col{
    padding: 10vw 4vw 10vw 4vw;
    position: relative;
  }
  .point-box--1col .point-box__head-title{
    margin-bottom: 5vw;
  }
  .point-box--1col::before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #FFFBC4;
  }

  /*===== list-blue =====*/
  .list-blue-item{
    font-size: 4.3vw;
    font-weight: bold;
    color: #464646;
    position: relative;
    margin-bottom: 12px;
  }
  .list-blue-item:last-child{
    margin-bottom: 0px;
  }
  .list-blue-item::before{
    content: "●";
    color: #02B5D3;
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 10px;
    top: 5px;
  }
  .list-blue-item span{
    padding-left: 16px;
    display: inline-block;
  }

  /*===== teacer =====*/
  .teacer{
    text-align: center;
  }
  .teacer__thum{
    margin-bottom: 15px;
  }
  .teacer__thum img{
    width: 120px;
  }
  .teacer__name{
    font-size: 3.8vw;
  }
  .teacer__name-l{
    font-size: 4.3vw;
    font-weight: bold;
  }

  /*===== m-voice =====*/
  .m-voice__title{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-voice__title:before, .m-voice__title:after {
    border-top: 2px solid #464646;
    content: "";
    width: 3.5vw;
    transform: rotate(65deg);
  }
  .m-voice__title:after {
    transform: rotate(295deg);
  }
  .m-voice-item{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 6px;
    margin-bottom: 8px;
  }
  .m-voice-item__thum{
    display: flex;
    align-items: center;
    width: 22.5%;
  }
  .m-voice-item__lead{
    width: 74.9%;
    display: flex;
    align-items: center;
  }
  .m-voice-item__text{
    font-size: 12px;
  }

  /*===== zoom-modal =====*/
  .zoom-modal-text{
    text-align: left;
  }
  .zoom-modal-text_bold{
    font-weight: bold;
  }
  .kv__link--modal{
    width: 60%!important;
  }

  /*===== yellow-2col =====*/
  .yellow-2col__item{
    border-radius: 6px;
    background-color: #FFFBC4;
    padding: 5.4vw 3.2vw;
  }
  .yellow-2col .point-box__head-title{
    font-size: 4.8vw;
    margin-bottom: 4vw;
  }

  .yellow-2col .point-box__2col-inner{
    display: flex;
    justify-content: space-between;
  }
  .yellow-2col .point-box__2col--thum{
    width: 37.4%;
    margin-bottom: 0px;
  }
  .yellow-2col .point-box__2col--lead{
    display: flex;
    width: 58%;
  }
  .yellow-2col p{
    font-size: 3.8vw;
  }
}
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  /*===== section =====*/
  .cnt__sec {
    margin-top: 90px;
    position: relative;
  }
  .cnt__sec-01::before,.cnt__sec-02::before,.cnt__sec-03::before,.cnt__sec-04::before,.cnt__sec-05::before {
    content: "";
    position: absolute;
    background-size: cover;
    top: -50px;
    right: 35px;
  }
  .cnt__sec-01::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg03.png);
    height: 61px;
    width: 92px;
  }
  .cnt__sec-02::before,.cnt__sec-04::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg04.png);
    height: 53px;
    width: 77px;
  }
  .cnt__sec-03::before,.cnt__sec-05::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg05.png);
    height: 38px;
    width: 93px;
  }
  .color-box--red{
    background-color: #FFF6F7;
  }
  .color-box--yellow{
    background-color: #FFFCF0;
  }
  .color-box--blue{
    background-color: #F0FBFF;
  }
  .color-box--green{
    background-color: #F7FFF5;
  }
  .cnt__ttl-lead {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0.5em;
    color: #4ea0ff;
    border-bottom: 2px solid #4ea0ff;
    margin-bottom: 10px;
  }
  .cnt__ttl-lead::before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 41px;
    width: 0;
    height: 0;
    border-top: 9px solid #4ea0ff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform-origin: left top;
    transform: skewX(40deg);
  }
  .cnt__ttl-lead::after{
    content: "";
    position: absolute;
    bottom: -7px;
    left: 35px;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    transform-origin: left top;
    transform: skewX(40deg);
  }
  .c-section--fall-winter .cnt__ttl {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-bottom: 48px;
    line-height: 1.2;
  }
  .cnt__ttl img{
    display: inline-block;
    width: auto!important;
  }
  .cnt__ttl .cnt__ttl-img02{
    display: inline-block;
  }
  .cnt__ttl_span-sm{
    font-size: 22px;
  }
  .cnt__inr {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
  }
  .cnt__sec-02 .cnt__inr,.cnt__sec-03 .cnt__inr:nth-of-type(even) {
    flex-flow: row-reverse;
  }
  .cnt__sec-01 .cnt__inr .cnt__img img,.cnt__sec-03 .cnt__inr .cnt__img img {
    box-shadow: 10px 10px 0 0 #4EA0FF;
  }
  .cnt__sec-02 .cnt__inr .cnt__img img {
    box-shadow: 10px 10px 0 0 #2AD371;
  }
  .cnt__img {
    width: 35%;
    height: auto;
    margin-right: 10px;
  }
  .cnt__txt {
    font-size: 16px;
    width: 60%;
  }
  .cnt__txt-lead {
    margin-top: 40px;
    font-size: 16px;
  }
  .cnt__txt h3 span {
    color: #fff;
    padding: 5px 11px;
    margin-right: 8px;
    border-radius: 3em;
    font-size: 20px;
    background-color: #4EA0FF;
  }
  .cnt__txt p,
  .cnt__txt-lead p {
    margin-top: 1em;
  }
  .cnt__list > p {
    margin-bottom: 30px;
  }
  .cnt__sec-03 .cnt__list li {
    margin-top: 30px;
  }
  .cnt__sec-03 .cnt__list .cnt__list-lead {
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    background-image: url(/contents/article/hiragana_yomi/_assets/220530_38989_icn_ck.png);
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 20px;
  }

  .cnt__link{
    font-size: 16px;
    text-decoration: underline;
    text-align: right;
  }
  .cnt__link a{
    color: #4EA0FF;
  }
  .cnt__link a:hover{
    opacity: 0.8;
  }

  .cnt__txt-link{
    font-size: 16px;
    color: #4EA0FF;
    text-decoration: underline;
  }
  .cnt__txt-link:hover{
    opacity: 0.8;
    text-decoration: none;
  }

  /*===== kyozai__ =====*/
  .kyozai__summer-inr {
    text-align: center;
    margin-top: 40px;
  }
  .kyozai__logo {
    width: 95px;
    height: 55px;
    margin: auto;
  }
  .kyozai__img {
    width: 62%;
    margin: 15px auto -45px auto;
    position: relative;
  }
  .kyozai__img::before,.kyozai__img::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .kyozai__img::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg02.png);
    height: 43px;
    width: 49px;
    top: 25px;
    left: 5px;
  }
  .kyozai__img::after {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg05.png);
    height: 30px;
    width: 73.421px;
    bottom: 50px;
    right: -10px;
  }

  /*===== link__taiken =====*/
  .link__taiken-inr {
    text-align: center;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .link__taiken-inr--mt {
    margin-top: 60px;
  }
  .link__taiken-btn:hover {
    opacity: 0.7;
  }
  .link__taiken-btn a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #E60113;
    border-radius: 10px;
    padding: 15px 0 15px 20px;
    margin: 20px auto 0 auto;
    width: 35%;
    text-align: left;
    position: relative;
    text-decoration: none;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 25%);
  }
  .link__taiken-btn.is_kyozai a {
    background-color: #46E388;
  }
  .link__taiken-btn a::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .h1_tit_blue{
    font-size: 32px;
    font-weight: bold;
    color: #4ea0ff;
  }

  /*===== manga =====*/
  .manga{
    width: 400px;
    margin: 60px auto 60px;
  }
  .manga-page{
    padding: 5px;
    background-color: #fff;
    position: relative;
  }

  .manga-page__inner{
    position: relative;
  }

  .manga-page::before {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .manga-page--bk01::before {
    background-image: url(/contents/article/_assets/220902_40429_deco_blue.svg);
    height: 61px;
    width: 61px;
    bottom: 84px;
    left: -128px;
  }

  .manga-page--bk02::before {
    background-image: url(/contents/article/_assets/220902_40429_deco_blue.svg);
    height: 87px;
    width: 87px;
    bottom: 198px;
    right: -154px;
  }

  .manga-page--bk03::before {
    background-image: url(/contents/article/_assets/220902_40429_deco_blue.svg);
    height: 87px;
    width: 87px;
    bottom: -35px;
    left: -42px;
  }
  .manga-page--bk-yellow::before {
    background-image: url(/contents/article/_assets/220902_40429_deco_yellow.svg);
  }

  /*===== manga--2col =====*/
  .manga--2col{
    width: 700px;
  }
  .manga__inner--2col{
    display: flex;
    justify-content: space-between;
  }
  .manga-page--2col{
    width: 49.3%;
  }
  .manga-l-mt{
    padding-top: 380px;
  }

  /*===== author =====*/
  .author{
    width: 500px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
  }
  .author--pd0{
    padding: 0px!important;
  }
  .author__inner{
    display: flex;
    justify-content: space-between;
  }
  .author-thum{
    width: 27.3%;
  }
  .author-info{
    width: 64.8%;
  }
  .author-thum__name{
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
  }

  /*===== acc-content =====*/
  .acc-content__inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center!important;
    align-items: baseline;
    gap: 2vw;
  }
  .acc-content__item{
    width: 30.62%;
    background-color: #FFFBC4;
    padding: 37px 10px 30px 10px;
    margin-bottom: 20px!important;
  }
  .acc-content__head{
    text-align: center;
    color: #02B5D3;
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.2!important;
  }
  .acc-content__head span{
    font-size: 24px;
  }
  .acc-content__head::before{
    content: '1';
    background-color: #02B5D3;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    padding: 7px 10px;
    font-size: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: -37px;
    line-height: 1;
  }
  .acc-content__head--2::before{
    content: '2';
  }
  .acc-content__head--3::before{
    content: '3';
  }
  .acc-content__head--4::before{
    content: '4';
  }
  .acc-content__head--5::before{
    content: '5';
  }
  .acc-content__head--6::before{
    content: '6';
  }
  .acc-content__head--7::before{
    content: '7';
  }

  .acc-content__thum{
    margin-bottom: 20px;
  }

  /*===== accordion btn =====*/
  .acc-content__acc{
    position: relative;
    background-color: #fff;
    color: #50B3CF;
    width: 87%;
    margin: 0 auto;
    display: block;
    padding: 11px 16px;
    border: solid 2px #50B3CF;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
  }

  .acc-content__acc.c-acc__head::before,
  .acc-content__acc.c-acc__head::after {
    background-image: none!important;
    content: "";
    position: absolute;
    right: 1.25em;
    width: 2px;
    height: 0.75em;
    background-color: #50B3CF;
    transition: all 0.3s;
  }
  .acc-content__acc.c-acc__head::after {
    transform: rotate(90deg);
  }
  .acc-content__acc.js-c-acc-open.c-acc__head::before {
    transform: rotate(90deg) translate(-293%, 0%)!important;
  }

  .acc-content__acc.c-acc__head::before{
    top: 50%;
    transform: translate(0%, -50%);
  }
  .acc-content__open-head{
    margin: 20px 0px;
  }
  .acc-content__open-text{
    margin-bottom: 15px;
  }

  .c-wrap--shimajiro .c-section--fall-winter .c-acc__head{
    color: #50B3CF!important;
    border-color: #50B3CF!important;
  }

  /*===== message =====*/
  .message{
    text-align: center;
  }
  .message-title{
    font-size: 32px;
    font-weight: bold;
    border-bottom: solid 8px #C3ECF2;
    display: inline-block;
  }
  .center-text{
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 10px;
  }

  /*===== line-content =====*/
  .line-content{
    position: relative;
    padding: 90px 60px 60px 60px;
  }
  .line-content--arrow::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    border: 20px solid transparent;
    border-top: 15px solid #ffffff;
  }
  .line__ttl{
    font-size: 32px;
    text-align: center;
    margin-bottom: 32px;
  }
  .line__ttl span{
    position: relative;
    color: #CF222D;
    font-weight: bold;
    padding-left: 60px;
  }
  .line__ttl--pocket span{
    color: #EBC200;
    padding-left: 77px;
  }
  .line__ttl--hop span{
    color: #00A2E9;
    padding-left: 77px;
  }
  .line__ttl--step span{
    color: #20992A;
    padding-left: 77px;
  }
  .line__ttl--puchi span::before{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_puchi_logo.png);
    width: 52px;
    height: 48px;
    position: absolute;
    left: 0;
  }
  .line__ttl--pocket span::before{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_pocket_logo.png);
    width: 58px;
    height: 50px;
    position: absolute;
    left: 0;
  }
  .line__ttl--hop span::before{
    content: "";
    background-image: url(/contents/article/programming/_assets/220922_40585_hop_logo.png);
    width: 58px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .line__ttl--step span::before{
    content: "";
    background-image: url(/contents/article/programming/_assets/220922_40585_step_logo.png);
    width: 58px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .line_manga{
    width: 400px;
    margin: 0 auto 40px;
  }
  .line-coment{
    position: relative;
    width: 380px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 15px;
    margin-bottom: 60px;
  }
  .line-coment::before{
    content: "";
    position: absolute;
    top: 100%;
    right: 10%;
    margin-left: -15px;
    border: 20px solid transparent;
    border-top: 15px solid #ffffff;
  }
  .line-coment__name{
    text-align: right;
  }
  .line-copy{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .line-btn{
    text-align: center;
  }
  .line-btn a{
    position: relative;
    background-color: #fff;
    color: #CF222D;
    width: 345px;
    margin: 0 auto;
    display: block;
    padding: 17px;
    border: solid 2px #CF222D;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
  }
  .line-btn--left a{
    margin: 0px;
  }
  .line-btn a:hover{
    text-decoration: none;
    opacity: 0.5;
    transition: all 1s;
  }
  .line-btn a::after{
    content: "";
    background-image: url(/contents/article/iyaiya_kaiketsu/_assets/220902_40429_icon_arrow_red.svg);
    width: 6px;
    height: 12px;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
  }

  /*===== line_bnr =====*/
  .line_bnr-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0px;
  }
  .line_bnr-list__item{
    width: 49%;
  }
  .line_bnr-list-vertical{
    margin: 40px 0px;
  }
  .line_bnr-list-vertical__item img{
    width: 475px;
  }

  /*===== yellow__point =====*/
  .yellow__point {
    display: flex;
    justify-content: space-between;
  }
  .point__blue {
    text-align: center;
    background-color: #02B5D3;
    width: 87px;
    height: 23px;
    border-radius: 10px;
    font-size: 13px;
    color: white;
    position: absolute;
    top: -10px;
    left: 110px;
    padding-top: 3px;
  }
  .point__text {
    color: #02B5D3;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .yellow__point img {
    width: 100%;
  }
  .point2 {
    background-color: #FFFBC4;
    position: relative;
    padding-top: 30px;
    padding-left: 20px;
    width: 31%;
    border-radius: 10px;
    margin-right: 0px;
    padding-right: 20px;
  }
  .point3 {
    background-color: #FFFBC4;
    position: relative;
    padding-top: 30px;
    padding-left: 20px;
    width: 31%;
    border-radius: 10px;
    margin-right: 0px;
    padding-right: 20px;
  }
  .point2 .point__text {
    margin-bottom: 14px;
  }

  /*===== link__info =====*/
  .link__info-head{
    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-bottom: 16px;
  }
  .link__info-logo{
    width: 98px;
    height: 56px;
    margin: 0;
  }
  .link__info-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .link__info-detail{
    position: relative;
    margin-bottom: 65px;
  }
  .link__info-detail-img{
    width: 600px;
    height: 332px;
    display: block;
    margin: 0 auto;
  }
  .link__info-detail-btn{
    display: block;
    width: 345px;
    background-color: #46E388;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 20px;
    position: absolute;
    -webkit-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
            transform: translate(-50%,50%);
    left: 50%;
    bottom: 0;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  }
  .link__info-detail-btn::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .link__info-request-txt{
    font-size: 16px;
    text-align: center;
    margin-bottom: 14px;
  }
  .link__info-request-btn{
    display: block;
    width: 345px;
    background-color: #E60113;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 20px;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
            box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  }
  .link__info-request-btn::after {
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/220516_38528_btn_ya-w.png);
    height: 12px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .link__info .kv__link a::before{
    display: none;
  }

  .kv__lead__bk .kv__link a{
    text-decoration: underline;
  }
  .kv__lead__bk .kv__link{
    margin-top: 28px!important;
  }

  /*===== blue__title =====*/
  .blue__title {
    font-weight: 900;
    color: #02B5D3;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .blue__title:before, .blue__title:after {
    border-top: 2px solid #02B5D3;
    content: "";
    width: 15px;
    transform: rotate(65deg);
  }
  .blue__title:after {
    transform: rotate(295deg);
  }

  /*===== img-center =====*/
  .img-center{
    width: 400px;
    margin: 0 auto;
  }

  /*===== point-box =====*/
  .point-box{
    background-color: #FFFBC4;
    border-radius: 6px;
    padding: 0px 60px 60px 60px;
    margin-top: 60px;
  }
  .point-box__head{
    text-align: center;
    transform: translate(0%, -17%);
  }
  .point-box__head-icon{
    display: inline-block;
    background-color: #02B5D3;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 20px;
  }
  .point-box__head-title{
    font-size: 32px;
    font-weight: bold;
    color: #02B5D3;
  }
  .point-box__2col-inner{
    display: flex;
    justify-content: space-between;
  }
  .point-box__2col--thum{
    width: 35.4%;
  }
  .point-box__2col--lead{
    display: flex;
    align-items: center;
    width: 57.7%;
  }
  .point-box__2col--lead__head{
    font-size: 18px;
    margin-bottom: 50px;
  }
  .point-box__2col--lead__head span{
    position: relative;
    padding-left: 85px;
    display: inline-block;
    font-weight: bold;
  }
  .point-box__2col--lead__head span::before {
    content: "";
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 0;
    background-size: cover;
    transform: translate(0%, -50%);
  }
  .point-box__2col--lead__head--01 span::before {
    background-image: url(/contents/article/jikei/_assets/220902_40429_step_hiragana_img_teacer_03.png);
  }
  .point-box__2col--lead__head--02 span::before {
    background-image: url(/contents/article/jikei/_assets/220902_40429_step_hiragana_img_teacer_02.png);
  }
  .point-box__2col--lead__text{
    font-size: 16px;
    margin-bottom: 15px;
  }

  /*===== point-box--1col =====*/
  .point-box--1col{
    width: 500px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
  }
  .point-box--1col .point-box__head-title{
    font-size: 22px;
    margin-bottom: 20px;
  }
  .point-box--1col::before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #FFFBC4;
  }

  /*===== list-blue =====*/
  .list-blue-item{
    font-size: 16px;
    font-weight: bold;
    color: #464646;
    position: relative;
    margin-bottom: 12px;
  }
  .list-blue-item:last-child{
    margin-bottom: 0px;
  }
  .list-blue-item::before{
    content: "●";
    color: #02B5D3;
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 10px;
    top: 5px;
  }
  .list-blue-item span{
    padding-left: 16px;
    display: inline-block;
  }

  /*===== teacer =====*/
  .teacer{
    text-align: center;
  }
  .teacer__thum{
    margin-bottom: 15px;
  }
  .teacer__thum img{
    width: 120px;
  }
  .teacer__name-l{
    font-size: 16px;
    font-weight: bold;
  }

  /*===== m-voice =====*/
  .m-voice__title{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .m-voice__title:before, .m-voice__title:after {
    border-top: 2px solid #464646;
    content: "";
    width: 15px;
    transform: rotate(65deg);
  }
  .m-voice__title:after {
    transform: rotate(295deg);
  }
  .m-voice-item{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 6px;
    margin-bottom: 8px;
  }
  .m-voice-item__thum{
    display: flex;
    align-items: center;
    width: 22.5%;
  }
  .m-voice-item__lead{
    width: 74.9%;
    display: flex;
    align-items: center;
  }
  .m-voice-item__text{
    font-size: 12px;
  }

  /*===== zoom-modal =====*/
  .zoom-modal-inner{
    display: flex;
    justify-content: space-between;
    width: 600px;
    margin: 0 auto;
    align-items: flex-end;
  }
  .zoom-modal-2col{
    width: 49%;
  }
  .zoom-modal-text{
    text-align: center;
  }
  .zoom-modal-text_bold{
    font-weight: bold;
  }
  .zoom-modal-text_fs16{
    font-size: 16px;
  }

  /*===== yellow-2col =====*/
  .yellow-2col{
    display: flex;
    justify-content: space-between;
  }
  .yellow-2col__item{
    width: 48.5%;
    border-radius: 6px;
    background-color: #FFFBC4;
    padding: 30px 25px;
  }
  .yellow-2col .point-box__head-title{
    font-size: 24px;
    margin-bottom: 15px;
  }
}

/*====================
    recommend
====================*/
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .recommend {
    margin: 16vw auto;
    width: 92%;
  }
  .recommend__ttl {
    text-align: center;
    font-size: 5.8vw;
    font-weight: bold;
  }
  .recommend__ttl span {
    position: relative;
    display: inline-block;
  }
  .recommend__ttl span::before,.recommend__ttl span::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .recommend__ttl span::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg01.png);
    height: 36px;
    width: 45px;
    top: -17px;
    right: -15vw;
  }
  .recommend__ttl span::after {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg02.png);
    height: 43px;
    width: 49px;
    bottom: -20px;
    left: -15vw;
  }
  .recommend__itm {
    margin-top: 7vw;
  }
  .recommend__itm a {
    display: block;
    color: #464646;
    width: 100%;
    margin-top: 20px;
    font-size: 3.7vw;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items:  flex-start;
  }
  .recommend__itm a img {
    width: 29%;
    margin-right: 20px;
  }
  .recommend__itm:nth-of-type(odd) a img {
    box-shadow: 5px 5px 0 0 #4EA0FF;
  }
  .recommend__itm:nth-of-type(even) a img {
    box-shadow: 5px 5px 0 0 #2AD371;
  }

  .recommend--fall-winter .recommend__ttl span::before{
    display: none;
  }
  .recommend--fall-winter .recommend__ttl span::after{
    display: none;
  }
  .recommend--fall-winter .recommend__itm:nth-of-type(odd) a img{
    box-shadow: 5px 5px 0 0 #C3ECF2;
  }
  .recommend--fall-winter .recommend__itm:nth-of-type(even) a img{
    box-shadow: 5px 5px 0 0 #FFFBC4;
  }
}

/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .recommend {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .recommend__ttl {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
  }
  .recommend__ttl span {
    position: relative;
    display: inline-block;
  }
  .recommend__ttl span::before,.recommend__ttl span::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .recommend__ttl span::before {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg01.png);
    height: 36px;
    width: 45px;
    top: -17px;
    right: -90px;
  }
  .recommend__ttl span::after {
    background-image: url(/contents/article/_assets/220516_38528_icn_bg02.png);
    height: 43px;
    width: 49px;
    bottom: -20px;
    left: -90px;
  }
  .recommend__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .recommend__itm {
    width: 49%;
    margin-top: 30px;
  }
  .recommend__itm a {
    display: block;
    color: #464646;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items:  flex-start;
  }
  .recommend__itm a img {
    width: 29%;
    margin-right: 20px;
    flex-shrink: 0;
  }
  .recommend__itm:nth-of-type(odd) a img {
    box-shadow: 5px 5px 0 0 #4EA0FF;
  }
  .recommend__itm:nth-of-type(even) a img {
    box-shadow: 5px 5px 0 0 #2AD371;
  }

  .recommend--fall-winter .recommend__ttl span::before{
    display: none;
  }
  .recommend--fall-winter .recommend__ttl span::after{
    display: none;
  }
  .recommend--fall-winter .recommend__itm:nth-of-type(odd) a img{
    box-shadow: 5px 5px 0 0 #C3ECF2;
  }
  .recommend--fall-winter .recommend__itm:nth-of-type(even) a img{
    box-shadow: 5px 5px 0 0 #FFFBC4;
  }
}

/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .line-2col-text{
    margin-bottom: 5.5vw;
  }
  .line-flow-link{
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #06C755;
    border-radius: 10px;
    padding: 17px 0 17px 74px;
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
  }
  .line-flow-link::after {
    content: "";
    position: absolute;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    height: 16px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .line-flow-link.line-flow-link--tv{
    background-color: #E40114;
    padding: 17px;
    text-align: center;
  }
  .line-flow-link.line-flow-link--tv.line-flow-link--omutsu{
    background-color: #009D00;
  }
  .line-flow-btn{
    position: relative;
  }
  .line-flow-btn img{
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 16px;
    z-index: 1;
    transform: translate(0%, -50%);
  }
  .line_flow .cnt__ttl{
    font-size: 6.5vw!important;
  }
  .line_flow .cnt__ttl{
    text-align: center;
    margin-bottom: 5vw;
  }
}
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .line-box-inner{
    display: flex;
    justify-content: space-between;
  }
  .line-2col{
    width: 47.5%;
  }
  .line-2col-text{
    text-align: center;
    margin-bottom: 20px;
  }
  .line-flow-link{
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #06C755;
    border-radius: 10px;
    padding: 17px 0 17px 74px;
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: left;
    position: relative;
    text-decoration: none;
  }
  .line-flow-link::after {
    content: "";
    position: absolute;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    height: 16px;
    width: 16px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .line-flow-link.line-flow-link--tv{
    background-color: #E40114;
    padding: 17px;
    text-align: center;
  }
  .line-flow-link.line-flow-link--tv.line-flow-link--omutsu{
    background-color: #009D00;
  }
  .line-flow-btn{
    position: relative;
  }
  .line-flow-btn img{
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 16px;
    z-index: 1;
    transform: translate(0%, -50%);
  }
  .line_flow .cnt__ttl{
    text-align: center;
    margin-bottom: 40px;
  }
}

/*===== kv-link 左揃え =====*/
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .c-section--fall-winter .kv__link.kv__link--left{
    text-align: left!important;
  }
  .c-section--fall-winter .kv__link.kv__link--left a:after{
    left: -5vw!important;
  }
}

/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .c-section--fall-winter .kv__link.kv__link--left{
    text-align: left!important;
  }
  .c-section--fall-winter .kv__link.kv__link--left a::before{
    left: -18px!important;
  }
}






/*====================
  2023年 夏販
====================*/

/*====================
  kv
====================*/
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .c-section--summer .kv__main{
    position: relative;
  }
  .kv__main-h1{
    position: absolute;
    top: 14%;
    left: 8%;
  }
  .kv__main-h1__sub{
    background-color: #009D00;
    color: #fff;
    font-size: min(2.3vw,28px);
    padding: 7px 15px;
    display: inline-block;
  }
  .kv__main-h1__main{
    font-size: min(3.8vw,56px);
    line-height: 1.6;
    font-weight: bold;
  }
  .kv__main-h1__main span{
    background-color: #fff;
    padding: 7px;
    color: #009D00;
  }
}
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .c-section--summer .kv__main{
    position: relative;
  }
  .kv__main-h1{
    position: absolute;
    top: 3%;
    left: 5%;
  }
  .kv__main-h1__sub{
    background-color: #009D00;
    color: #fff;
    font-size: 4.3vw;
    padding: 1vw 1vw;
    display: inline-block;
  }
  .kv__main-h1__main{
    font-size: 9vw;
    line-height: 1.6;
    font-weight: bold;
  }
  .kv__main-h1__main span{
    background-color: #fff;
    padding: 1vw 0;
    color: #009D00;
  }
}

/*====================
  kv リード文　マンガ
====================*/
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  /*===== kv__main =====*/
  .c-section--summer .kv {
    background-color: #FFF7EA;
    padding-bottom: 90px;
  }
  
  /*===== kv__lead =====*/
  .c-section--summer .kv__lead {
    width: 71.14%;
    margin: 40px auto 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
  }
  .c-section--summer .kv__lead::before,.kv__lead::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .c-section--summer .kv__lead::before {
    background-image: url(/contents/article/_assets/230516_45678_artcle_deco_01.png);
    height: 60px;
    width: 60px;
    top: -30px;
    right: -30px;
  }
  .c-section--summer .kv__lead::after {
    background-image: url(/contents/article/_assets/230516_45678_artcle_deco_02.png);
    height: 48px;
    width: 120px;
    bottom: -32px;
    left: -50px;
  }
  .c-section--summer .kv__lead p {
    font-size: 16px;
    text-align: center;
  }
  .c-section--summer .kv__lead p:not(:first-child) {
    margin-top: 1em;
  }

  .c-section--summer .ar__font-line{
    background:-moz-linear-gradient(transparent 50%, #FFE971 0%);/* Firefox */
    background:-webkit-linear-gradient(transparent 50%, #FFE971 0%);/* safari Chrome */
    background:-ms-linear-gradient(transparent 50%, #FFE971 0%);/* IE */
    font-weight: bold;
  }


  /*===== manga =====*/
  .c-section--summer .manga{
    width: 71.14%;
    margin: 60px auto 0px;
  }
  .c-section--summer .manga-page{
    padding: 0px;
  }

}
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  /*===== kv__main =====*/
  .c-section--summer .kv {
    background-color: #FFF7EA;
    padding-bottom: 12vw;
  }
  .c-section--summer .kv .kv__main img {
    width: 100%;
  }

  /*===== kv__lead =====*/
  .c-section--summer .kv__lead {
    width: 92%;
    margin: 6.6vw auto 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 8vw;
  }
  .c-section--summer .kv__lead::before,.kv__lead::after {
    content: "";
    position: absolute;
    background-size: cover;
  }
  .c-section--summer .kv__lead::before {
    background-image: url(/contents/article/_assets/230516_45678_artcle_deco_01.png);
    height: 60px;
    width: 60px;
    top: -30px;
    right: -30px;
  }
  .c-section--summer .kv__lead::after {
    background-image: url(/contents/article/_assets/230516_45678_artcle_deco_02.png);
    height: 48px;
    width: 120px;
    bottom: -32px;
    left: -50px;
  }
  .c-section--summer .kv__lead p {
    font-size: 3.7vw;
    text-align: center;
  }
  .c-section--summer .kv__lead p:not(:first-child) {
    margin-top: 1em;
  }

  .c-section--summer .ar__font-line{
    background:-moz-linear-gradient(transparent 50%, #FFE971 0%);/* Firefox */
    background:-webkit-linear-gradient(transparent 50%, #FFE971 0%);/* safari Chrome */
    background:-ms-linear-gradient(transparent 50%, #FFE971 0%);/* IE */
    font-weight: bold;
  }

  /*===== manga =====*/
  .c-section--summer .manga-page{
    padding: 0px;
  }
}

/*====================
  セクション
====================*/
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .c-section--summer .cnt__sec::before{
    display: none;
  }
}
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .c-section--summer .cnt__sec::before{
    display: none;
  }
}

/*====================
  見出し
====================*/
/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .cnt__title-h2{
    display: none;
  }
  .cnt__sec-head{
    text-align: center;
    color: #009D00;
    position: relative;
    margin-bottom: 70px;
  }
  .cnt__sec-head::before {
    position: absolute;
    bottom: -20px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: '';
    background-image: url(/contents/article/_assets/230516_45678_article_h2_pc.svg);
    background-position: center;
    background-size: contain;
    background-repeat: space;
  }
  .cnt__title-h2__sub{
    font-size: 20px;
    font-weight: bold;
  }
  .cnt__title-h2__main{
    font-size: 32px;
    font-weight: bold;
  }

  .cnt__sec-head__h3{
    border-left: solid 4px #009D00;
  }
  .cnt__title-h3__main{
    font-size: 24px;
    font-weight: bold;
    padding-left: 16px;
  }
  .cnt__title-h3__sub{
    font-size: 16px;
    font-weight: bold;
    padding-left: 16px;
    color: #009D00;
  }
}
/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .c-section--summer .cnt__sec::before{
    display: none;
  }
  .cnt__sec-head{
    text-align: center;
    color: #009D00;
    position: relative;
    margin-bottom: 18.6667vw;
  }
  .cnt__sec-head::before {
    position: absolute;
    bottom: -5.3333vw;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2.6667vw;
    content: '';
    background-image: url(/contents/article/_assets/230516_45678_article_h2_sp.svg);
    background-position: center;
    background-size: contain;
    background-repeat: space;
  }
  .cnt__title-h2__sub{
    font-size: 4.8vw;
    font-weight: bold;
  }
  .cnt__title-h2__main{
    font-size: 6.4vw;
    font-weight: bold;
  }

  .cnt__sec-head__h3{
    border-left: solid 4px #009D00;
  }
  .cnt__title-h3__main{
    font-size: 5.3333vw;
    font-weight: bold;
    padding-left: 3.2vw;
  }
  .cnt__title-h3__sub{
    font-size: 4.2667vw;
    font-weight: bold;
    padding-left: 3.2vw;
    color: #009D00;
  }
}

/*====================
  チェックボックス 出しわけ
====================*/

.areaBox {
  display: none;
}

.areaBox2 {
  display: none;
}

/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .check-link{
    display: flex;
    flex-wrap: wrap;
    gap: min(2vw,36px);
    margin-bottom: 40px;
  }
  .check-link li{
    width: 30.73%;
    background-color: #FFF7EA;
    border: solid 2px #009D00;
    border-radius: 15px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .check-link li.active{
    background-color: #009D00;
  }
  .check-link li::before{
    content: '';
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45678_radio_icon_off.svg);
    top: 50%;
    left: 6%;
    display: inline-block;
    width: 22px;
    height: 22px;
    transform: translate(0%, -50%);
  }
  .check-link li.active::before{
    background-image: url(/contents/article/_assets/230516_45678_radio_icon_on.svg);
  }
  .check-link li a{
    color: #009D00;
    text-decoration: none;
    padding: 20px 23px 20px 45px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .check-link li.active a{
    color: #fff;
  }
  .check-btn-text{
    font-size: 16px;
    font-weight: bold;
  }
  .check-btn-text__span{
    font-size: 11px;
  }

  .check-content{
    background-color: #FFF7EA;
  }
  .check-content__inner{
    padding-bottom: 100px;
  }
  .check-content__head{
    background-color: #009D00;
  }
  .check-content__title{
    text-align: center;
    padding: 40px 40px 100px 40px;
  }
  .check-content__title-sub{
    font-size: 20px;
    color: #fff;
  }
  .check-content__title-main{
    font-size: 38px;
    color: #fff;
    line-height: 1.4;
  }
  .check-content__box{
    
  }
  .check-content__lead{
    width: 71.14%;
    margin: 0 auto;
    background-color: #fff;
    padding: 3.1%;
    margin-top: -70px;
    margin-bottom: 60px;
  }
  .check-content__lead.check-content__lead--img{
    background-color: transparent;
    padding: 0px;
  }
  .contents-summer-text{

  }
  .check-content__section{
    width: 92.8%;
    margin: 0 auto;
  }
  .check-content__thum{
    width: 67.63%;
    margin: 0 auto;
  }

  .cnt-summer__2col{
    display: flex;
    justify-content: space-between;
  }
  .cnt-summer__2col.cnt-summer__2col--reverse{
    flex-flow: row-reverse;
  }
  .cnt-summer__2col-item{
    width: 47.33%;
  }

  .cnt__sec-head--logo::after{
    content: '';
    position: absolute;
    top: -90%;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    transform: translate(-50%, 0%);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__puchi::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__pocket::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__hop::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__step::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__jump::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump.svg);
  }

  .contents-summer-note{
    margin-left: 15px;
    margin-top: 2px;
  }
  .contents-summer-note__list{
    position: relative;
    margin-left: 15px;
  }
  .contents-summer-note__list::before{
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #009D00;
    top: 50%;
    left: -15px;
    transform: translate(0%, -50%);
  }

  .detail-head{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }
  .detail-btn a{
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #E60113;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    margin: 10px auto 0 auto;
    width: 36.1%;
    text-align: center;
    position: relative;
    text-decoration: none;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 25%);
  }
  .detail-btn.detail-btn--icon a{
    text-align: left;
    padding: 15px 0 15px 20px;
  }
  .detail-btn.detail-btn--icon a::before{
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi_02.svg);
    height: 42px;
    width: 42px;
    background-size: cover;
    top: 50%;
    left: 8%;
    margin: auto;
    transform: translate(0%, -50%);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__pocket a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__hop a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__step a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__jump a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump_02.svg);
  }
  .detail-btn.detail-btn--icon a span{
    margin-left: 62px;
  }
  .detail-btn a::after{
    content: "";
    position: absolute;
    background-image: url(/common_rn/btn_icon_arrow_white.svg);
    height: 12px;
    width: 12px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .detail-btn:hover {
    opacity: 0.7;
  }

  .seikyu-btn a{
    color: #E60113;
    background-color: #fff;
    border: solid 2px #E60113;
  }
  .detail-btn.seikyu-btn a::after{
    background-image: url(/contents/article/_assets/btn_icon_arrow_red.svg);
  }

  .seikyu-text{
    text-align: center;
    font-size: 16px;
  }

  .check-content__head--logo{
    position: relative;
    padding: 120px 40px 100px 40px;
  }
  .check-content__head--logo::after{
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    transform: translate(-50%, 0%);
  }
  .check-content__head--logo.check-content__head--logo__puchi::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__pocket::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__hop::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__step::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__jump::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump_02.svg);
  }

  .check-content__head--bubble{
    position: relative;
    margin-top: 100px;
  }
  .check-content__head--bubble::after{
    content: '';
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45705_artcle_deco_03_pc.png);
    top: 0px;
    left: 50%;
    display: inline-block;
    width: 200px;
    height: 75px;
    background-size: cover;
    transform: translate(-50%, -50%);
  }

  .cnt__title-h2__img img{
    display: inline-block;
    width: auto;
  }
  .center-img-summer{
    width: 466px;
    margin: 0 auto;
  }

  .kocha-tv-head{
    width: 260px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/*===== SP =====*/
@media print, screen and (max-width:768px) {
  .check-link{
    margin-bottom: 10.6667vw;
  }
  .check-link li{
    width: 94.21%;
    background-color: #FFF7EA;
    border: solid 2px #009D00;
    border-radius: 15px;
    position: relative;
    margin: 0 auto 4vw;
    cursor: pointer;
  }
  .check-link li.active{
    background-color: #009D00;
  }
  .check-link li::before{
    content: '';
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45678_radio_icon_off.svg);
    top: 50%;
    left: 6%;
    display: inline-block;
    width: 22px;
    height: 22px;
    transform: translate(0%, -50%);
  }
  .check-link li.active::before{
    background-image: url(/contents/article/_assets/230516_45678_radio_icon_on.svg);
  }
  .check-link li a{
    color: #009D00;
    text-decoration: none;
    padding: 5.3333vw 6.1333vw 5.3333vw 12vw;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .check-link li.active a{
    color: #fff;
  }
  .check-btn-text{
    font-size: 4.2667vw;
    font-weight: bold;
  }
  .check-btn-text__span{
    font-size: 3.2vw;
  }

  .check-content{
    background-color: #FFF7EA;
    margin-left: -4vw;
    margin-right: -4vw;
  }
  .check-content__inner{
    padding-bottom: 26.6667vw;
  }
  .check-content__head{
    background-color: #009D00;
  }
  .check-content__title{
    text-align: center;
    padding: 10.6667vw 0vw 26.6667vw 0vw;
  }
  .check-content__title-sub{
    font-size: 4.8vw;
    color: #fff;
  }
  .check-content__title-main{
    font-size: 8vw;
    color: #fff;
    line-height: 1.4;
  }
  .check-content__box{
    
  }
  .check-content__lead{
    width: 92%;
    margin: 0 auto;
    background-color: #fff;
    padding: 8% 5.5%;
    margin-top: -18.6667vw;
    margin-bottom: 16vw;
  }
  .check-content__lead.check-content__lead--img{
    background-color: transparent;
    padding: 0px;
  }
  .contents-summer-text{

  }
  .check-content__section{
    width: 92%;
    margin: 0 auto;
  }
  .check-content__thum{
    width: 100%;
    margin: 0 auto;
  }

  .cnt__sec-head--logo::after{
    content: '';
    position: absolute;
    top: -60%;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    transform: translate(-50%, 0%);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__puchi::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__pocket::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__hop::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__step::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step.svg);
  }
  .cnt__sec-head--logo.cnt__sec-head--logo__jump::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump.svg);
  }

  .check-content__head--bubble{
    position: relative;
    margin-top: 20vw;
    padding-top: 15vw!important;
  }
  .check-content__head--bubble::after{
    content: '';
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45705_artcle_deco_03_sp.png);
    top: 0px;
    left: 50%;
    display: inline-block;
    width: 125px;
    height: 100px;
    background-size: cover;
    transform: translate(-50%, -50%);
  }

  .contents-summer-note{
    
  }
  .contents-summer-note__list{
    position: relative;
    margin-left: 15px;
  }
  .contents-summer-note__list::before{
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #009D00;
    top: 50%;
    left: -15px;
    transform: translate(0%, -50%);
  }

  .detail-head{
    text-align: center;
    font-size: 3.7333vw;
    font-weight: bold;
  }
  .detail-btn a{
    display: block;
    color: #fff;
    font-size: 4.2667vw;
    font-weight: bold;
    background-color: #E60113;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    margin: 10px auto 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
    text-decoration: none;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 25%);
  }
  .detail-btn.detail-btn--icon a{
    text-align: left;
    padding: 15px 0 15px 20px;
  }
  .detail-btn.detail-btn--icon a::before{
    content: "";
    position: absolute;
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi_02.svg);
    height: 42px;
    width: 42px;
    background-size: cover;
    top: 50%;
    left: 8%;
    margin: auto;
    transform: translate(0%, -50%);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__pocket a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__hop a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__step a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step_02.svg);
  }
  .detail-btn.detail-btn--icon.detail-btn--icon__jump a::before{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump_02.svg);
  }
  .detail-btn.detail-btn--icon a span{
    margin-left: 62px;
  }
  .detail-btn a::after{
    content: "";
    position: absolute;
    background-image: url(/common_rn/btn_icon_arrow_white.svg);
    height: 12px;
    width: 12px;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
  }
  .detail-btn:hover {
    opacity: 0.7;
  }

  .seikyu-btn a{
    color: #E60113;
    background-color: #fff;
    border: solid 2px #E60113;
  }
  .detail-btn.seikyu-btn a::after{
    background-image: url(/contents/article/_assets/btn_icon_arrow_red.svg);
  }

  .seikyu-text{
    font-size: 4.2667vw;
  }

  .areaBox2 {
    padding-top: 60px;
    margin-top: -60px;
  }
  .check-content__head--logo{
    position: relative;
    padding: 36vw 0vw 26.6667vw 0vw;
  }
  .check-content__head--logo::after{
    content: '';
    position: absolute;
    top: 10%;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    transform: translate(-50%, 0%);
  }
  .check-content__head--logo.check-content__head--logo__puchi::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_puchi_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__pocket::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_pocket_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__hop::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_hop_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__step::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_step_02.svg);
  }
  .check-content__head--logo.check-content__head--logo__jump::after{
    background-image: url(/contents/article/_assets/230516_45678_contents_logo_jump_02.svg);
  }

  .cnt__title-h2__img img{
    display: inline-block;
    width: auto;
  }

  .kocha-tv-head{
    width: 83%;
    margin: 0 auto 20px;
  }
}

/* 学年遷移追従SP */
/* SP */
@media print, screen and (max-width: 768px) {
  .kocha_rn-transition-acc {
    visibility: hidden;
  }

  .kocha_rn-transition-acc__inner {
    width: 92vw;
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .kocha_rn-transition-acc__head {
    border-radius: 6.67vw 6.67vw 0 0;
    border: 2px solid #e81829;
    border-bottom: none;
    padding: 4.27vw 0;
    background-color: #f6f7fa;
    color: #e81829;
    font-size: 4.8vw;
    font-weight: 600;
    text-align: center;
    position: relative;
    line-height: 1.3;
  }

  .kocha_rn-transition-acc__head::after {
    content: '';
    display: block;
    background-image: url(/_share/221222_kocha_rn_btn_icon_follow-acc-open.svg);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9.3vw;
  }

  .kocha_rn-transition-acc__head.js-c_rn-acc-open::after {
    background-image: url(/_share/221222_kocha_rn_btn_icon_follow-acc-close.svg);
  }

  .kocha_rn-transition-acc__body {
    display: none;
    z-index: 999;
    left: 0;
    width: 100%;
    background-color: #fff;
    max-height: 73.91vh;
    border: 2px solid #e60013;
    border-top: none;
    border-bottom: none;
  }

  .kocha_rn-transition-acc__body.js-c_rn-acc-open {
    bottom: 0;
    height: 73.91vh;
    box-sizing: border-box;
    overflow-x: scroll;
  }

  .kocha_rn-transition-acc__body .kocha_rn-transition {
    padding: 5.07vw 9.33vw;
  }
}















.kocha-cv__aside-link:hover {
  opacity: 0.7;
}

.c_rn-link.kocha-link--out::before {
  content: '※';
  display: inline-block;
}

.c_rn-link.kocha-link--out::after,
.c_rn-link.kocha-link--out-red::after {
  background-image: url(/_share/221206_kocha_rn_text_icon.svg) !important;
}

.color--baby {
  color: #ee87b4;
}

.border-color--baby {
  border-color: #ee87b4 !important;
}

.bg-color--baby {
  background-color: #ee87b4;
}

.color--puchi {
  color: #e8373d;
}

.border-color--puchi {
  border-color: #e8373d !important;
}

.bg-color--puchi {
  background-color: #e8373d;
}

.border-color--pocket {
  border-color: #ffaa00 !important;
}

.bg-color--pocket {
  background-color: #ffaa00;
}

.border-color--hop {
  border-color: #36afec !important;
}

.bg-color--hop {
  background-color: #36afec;
}

.border-color--step {
  border-color: #32a73c !important;
}

.bg-color--step {
  background-color: #32a73c;
}

.color--jump {
  color: #236fbc;
}

.border-color--jump {
  border-color: #236fbc !important;
}

.bg-color--jump {
  background-color: #236fbc;
}

.color--challenge {
  color: #2ebeb3;
}

.border-color--challenge {
  border-color: #2ebeb3 !important;
}

/* SP */
@media print,
screen and (max-width: 768px) {
  .kocha_rn-cv-area>.c_rn-cp-bnr__slide--bg {
    padding-bottom: 0;
  }

  .c_rn-cp-bnr__slide-item {
    max-width: 315px;
    width: 100%;
  }

  .kocha_rn-cv-area>.c_rn-cv-area {
    padding-top: 10.67vw;
  }

  .kocha_rn-cv-area__white-wrap {
    background-color: #fff;
  }

  .kocha_rn-cv-area__white {
    padding: 5.33vw;
  }

  .kocha_rn-cv-area__cont-mate-item {
    display: flex;
    align-items: center;
  }

  .kocha_rn-cv-area__cont-mate-img-wrap {
    margin-right: 2.67vw;
  }

  .kocha_rn-cv-area__cont-mate-img {
    width: 105px;
  }

  .kocha_rn-cv-area__cont-mate-title {
    font-size: 3.73vw;
    font-weight: bold;
    color: #464646;
    line-height: 1.5;
    width: 59.6vw;
  }

  .kocha_rn-cv-area__cont-mate-deco {
    margin-bottom: 4vw;
  }

  .kocha_rn-cv-area__cont-mate-deco>img {
    display: block;
  }

  .kocha_rn-cv-area__cont-mate-txt {
    color: #e81829;
    font-weight: bold;
    text-align: center;
    font-size: 3.73vw;
  }

  .kocha_rn-cv-area__cont-mate-txt>*:first-child {
    line-height: 1.5;
  }

  .kocha_rn-cv-area__cont-mate-date {
    font-size: 13.33vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    line-height: 1;
    margin-top: 2.667vw;
  }

  .kocha_rn-cv-area__cont-mate-week {
    background-color: #e81829;
    color: #fff;
    border-radius: 50%;
    width: 9.07vw;
    height: 9.07vw;
    display: inline-block;
    font-size: 5.33vw;
    line-height: 1.7;
  }

  .kocha_rn-cv-area__cont-mate-cap {
    color: #888;
    margin-top: 4vw;
    font-size: 2.67vw;
    position: relative;
  }

  .kocha_rn-cv-area__cont-mate-cap>li {
    padding-left: 1.5em;
  }

  .kocha_rn-cv-area__cont-mate-cap>li::before {
    content: '※';
    position: absolute;
    left: 0;
  }

  .kocha_rn-cv-area__cont-mate-cap>li:not(:first-child) {
    margin-top: 1.6vw;
  }

  .c-wrap--shimajiro .c-cv__aside-item {
    position: relative;
  }

  .c-wrap--shimajiro .c-cv__aside-item:not(:last-child) {
    margin-bottom: 2.67vw;
  }

  .c-wrap--shimajiro .c-cv__aside-item::after {
    content: '';
    display: inline-block;
    background-image: url(/_share/221128_kocha_rn_btn_icon_arrow_red.svg);
    background-repeat: no-repeat;
    width: 3.2vw;
    height: 3.2vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .c-wrap--shimajiro .kocha-cv__aside-link {
    display: flex;
    align-items: center;
    font-size: 3.2vw;
    font-weight: bold;
    color: #e81829;
    position: relative;
    text-decoration: underline;
  }

  .kocha-cv__aside-item--cost .kocha-cv__aside-link::before {
    content: '';
    display: inline-block;
    background-image: url(/_share/221206_kocha_rn-cv__icon--cost.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 8vw;
    height: 8vw;
    margin-right: 1.33vw;
  }

  .kocha-cv__aside-item--friend .kocha-cv__aside-link::before {
    content: '';
    display: inline-block;
    background-image: url(/_share/221206_kocha_rn-cv__icon--friend.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 8vw;
    height: 8vw;
    margin-right: 1.33vw;
  }

  .kocha-cv__aside-item--kyozai .kocha-cv__aside-link::before {
    content: '';
    display: inline-block;
    background-image: url(/_share/221206_kocha_rn-cv__icon--kyozai.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 8vw;
    height: 8vw;
    margin-right: 1.33vw;
  }

  .kocha-cv__aside-item--taiken .kocha-cv__aside-link::before {
    content: '';
    display: inline-block;
    background-image: url(/_share/221206_kocha_rn-cv__icon--taiken.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 8vw;
    height: 8vw;
    margin-right: 1.33vw;
  }

  .c-modal__body-inner.kocha_rn-transition {
    padding: 5.33vw 5.33vw 9.84vw;
  }

  .kocha_rn-transition-head {
    font-size: 6.4vw;
    font-weight: 600;
    text-align: center;
  }

  .c-modal__body-inner.kocha_rn-transition>.kocha_rn-transition-row:nth-child(2) {
    margin-top: 3.2vw;
  }

  .kocha_rn-transition-row {
    margin-top: 8vw;
    border-top: 2px solid #000;
  }

  .kocha_rn-transition-row p {
    font-size: 3.2vw;
    padding-top: 1.6vw;
    padding-bottom: 2.03vw;
  }

  .kocha_rn-transition-row .c-pc-hidden p:nth-child(2) {
    padding: 0;
    text-align: center;
  }

  .kocha_rn-transition-row span {
    font-weight: 600;
  }

  .kocha_rn-transition-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .kocha_rn-transition-btn-txt {
    font-size: 2.67vw;
    font-weight: 600;
    padding: 2.56vw 0 1.33vw 0 !important;
    text-align: center;
  }

  .kocha_rn-transition img {
    width: 10.67vw;
    height: 10.67vw;
    margin-right: 1.33vw;
  }

  .kocha_rn-transition-btn {
    display: flex;
    align-items: center;
    border-radius: 6.67vw;
    font-size: 2.933vw;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    width: 34.67vw;
    box-shadow: 0 3px 20px rgb(0 29 108 / 15%);
    position: relative;
    padding: 1.33vw;
    line-height: 1.455;
  }

  .kocha_rn-transition-btn::after {
    content: '';
    display: block;
    background-image: url(/_share/221114_42498_common_rn_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 2.933vw;
    height: 2.933vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2.933vw;
  }

  .kocha_rn-transition-btn--challenge {
    background-color: #fff;
    border: 2px solid #2ebeb3;
    justify-content: center;
    padding: 3.5vw 0;
    box-sizing: border-box;
  }

  .kocha_rn-transition-btn--challenge img {
    width: 16vw;
    height: 5.33vw;
  }

  .kocha_rn-transition-btn--challenge::after {
    background-image: url(/_share/221222_kocha_rn_btn_icon_arrow_mint.svg);
  }

  .kocha_rn-cv-area__cont-mate-modal-text {
    font-size: 3.4vw;
    font-weight: bold;
    color: #464646;
    line-height: 1.5;
    text-align: center;
    margin: auto 0 5px;
  }

  .kocha_rn-cv-area__cont-mate-modal-item {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    background-color: #F7F8FB;
  }

  .kocha_rn-cv-area__cont-mate-modal .kocha_rn-cv-area__cont-mate-img-wrap {
    margin-right: 5px;
    padding: 10px 0 10px 10px;
  }

  .kocha_rn-cv-area__cont-mate-modal .kocha_rn-cv-area__cont-mate-title {
    font-size: 11px;
    font-weight: normal;
    padding: 0 20px 0 0;
  }

  .kocha_rn-cv-area__cont-mate-modal .kocha_rn-cv-area__cont-mate-title a {
    font-size: 11px;
  }
}

/* アコーディオンA */
/* 共通 */
.kocha_rn-acc__head:hover {
  opacity: 0.7;
}

.kocha_rn-acc__head-text-red--title {
  color: #f66061;
}

.kocha_rn-acc__head-text-lightblue--title {
  color: #01afec;
}

.kocha_rn-acc__head-text-blue--title {
  color: #3b6be2;
}

.kocha_rn-acc__head-text-lightgreen--title {
  color: #5bcb50;
}

.kocha_rn-acc__head-text-green--title {
  color: #21c74f;
}

.kocha_rn-acc__head-text-skyblue--title {
  color: #3896fe;
}

.kocha_rn-acc__head-text-purple--title {
  color: #e26fba;
}

.kocha_rn-acc__head-text-orange--title {
  color: #ff9c29;
}

.kocha_rn-acc__head-text-yellow--title {
  color: #f9b000;
}

.kocha_rn-acc__head-text-pink--title {
  color: #f38aa6;
}


.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-red--title {
  color: #eb6067;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-lightblue--title {
  color: #46bbe7;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-blue--title {
  color: #7592ca;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-green--title {
  color: #86c35b;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-purple--title {
  color: #ae89bd;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-orange--title {
  color: #f5b617;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-pink--title {
  color: #f094a6;
}

.kocha_rn-acc__head-text-red {
  border-left: 2px solid #f66061;
}

.kocha_rn-acc__head-text-lightblue {
  border-left: 2px solid #01afec;
}

.kocha_rn-acc__head-text-blue {
  border-left: 2px solid #3b6be2;
}

.kocha_rn-acc__head-text-lightgreen {
  border-left: 2px solid #5bcb50;
}

.kocha_rn-acc__head-text-green {
  border-left: 2px solid #21c74f;
}

.kocha_rn-acc__head-text-skyblue {
  border-left: 2px solid #3896fe;
}

.kocha_rn-acc__head-text-purple {
  border-left: 2px solid #e26fba;
}

.kocha_rn-acc__head-text-orange {
  border-left: 2px solid #ff9c29;
}

.kocha_rn-acc__head-text-yellow {
  border-left: 2px solid #f9b000;
}

.kocha_rn-acc__head-text-pink {
  border-left: 2px solid #f38aa6;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-red {
  border-left: 2px solid #eb6067;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-lightblue {
  border-left: 2px solid #46bbe7;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-blue {
  border-left: 2px solid #7592ca;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-green {
  border-left: 2px solid #86c35b;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-purple {
  border-left: 2px solid #ae89bd;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-orange {
  border-left: 2px solid #f5b617;
}

.c_rn-acc__item.c_rn-acc__item--touch .kocha_rn-acc__head-text-pink {
  border-left: 2px solid #f094a6;
}

_::-webkit-full-page-media, _:future, :root .sns__list {
	align-items: flex-start;
}

/*===== こちゃEバナー =====*/
/* PC */
@media print, screen and (min-width:769px) {
  .kocha-e-bnr{
    text-align: center;
    margin-top: 60px;
  }
  .kocha-e-bnr__inner{
    width: 60%;
    display: inline-block;
  }
  .kocha-e-bnr__inner a:hover{
    opacity: 0.7;
    transition : all 0.5s ease;
  }

  .kocha-e-cnt{
    margin-bottom: 80px!important;
  }
  .kocha-e-cnt__h3{
    width: 34.1%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .kocha-e-cnt__thum{
    width: 61.9%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .lp-h2__main--kochae{
    font-size: 32px!important;
  }
  .lp-h2__main--center{
    text-align: center;
  }
}

/* SP */
@media print, screen and (max-width: 768px) {
  .kocha-e-bnr{
    text-align: center;
    margin-top: 16vw;
  }
  .kocha-e-bnr__inner{
    width: 80%;
    display: inline-block;
  }
  .kocha-e-cnt{
    margin-bottom: 12vw!important;
  }

  .kocha-e-cnt__h3{
    width: 78.3%;
    margin: 0 auto;
    margin-bottom: 4vw;
  }
  .kocha-e-cnt__flex{
    display: flex;
    flex-flow: column-reverse;
  }
  .kocha-e-cnt__thum{
    margin-bottom: 8vw!important;
  }
  .lp-h2__main--kochae{
    font-size: 5.8667vw!important;
  }
  .lp-h2__main--center{
    text-align: center;
  }
}

/*===== 20230614KVリンクー =====*/

/* PC */
@media print, screen and (min-width:769px) {
  .lead-link {
    font-size: 16px;
    color: #009D00;
    display: block;
    text-align: right;
    margin-top: 10px;
    text-decoration: underline !important;
    position: relative;
    padding-right: 10px;
  }
  .lead-link::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: solid 2px #009D00;
    border-right: solid 2px #009D00;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%) rotate(45deg);
  }
}
/* SP */
@media print, screen and (max-width: 768px) {
  .lead-link {
    font-size: 3.7vw;
    color: #009D00;
    display: block;
    text-align: right;
    margin-top: 10px;
    text-decoration: underline !important;
    position: relative;
    padding-right: 10px;
  }
  .lead-link::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: solid 2px #009D00;
    border-right: solid 2px #009D00;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%) rotate(45deg);
  }
}


/*===== PC =====*/
@media print, screen and (min-width:769px) {
  .sns__list li a img {
    width: auto!important;
  }
}

/*===== PC =====*/
@media print, screen and (min-width:769px) {
  /*===== sns__list =====*/
  .sns__list {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .sns__list li {
    margin: 0 5px;
    height: 30px;
  }
  .sns__list li a img {
    height: 100%;
  }
  .cnt__sec.cnt__sec-01{
    margin-bottom: 100px;
  }

  .kv__main-h1__sub{
    margin-bottom: 4px;
  }

  .kv__main-h1__main{
    font-size: min(3.5vw,52px);
    line-height: 1.4;
    font-weight: bold;
  }
  .kv__main-h1__main span{
    background-color: #fff;
    padding: 7px;
    color: #009D00;
  }
  .c-section-kyozai .lp-h2__main{
    font-size: 36px;
  }
}

/*===== SP =====*/
@media print, screen and (max-width:768px) {
  /*===== sns__list =====*/
  .sns__list {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .sns__list li {
    margin: 0 5px;
    height: 30px;
  }
  .sns__list li a img {
    height: 100%;
  }
  .cnt__sec.cnt__sec-01{
    margin-bottom: 26.6667vw;
  }

  .kv__main-h1__sub{
    margin-bottom: 4px;
  }
  .kv__main-h1__main{
    font-size: 8vw;
    line-height: 1.4;
    font-weight: bold;
  }
  .kv__main-h1__main span{
    background-color: #fff;
    padding: 1vw 0;
    color: #009D00;
  }
  .c-section-kyozai .lp-h2__main{
    font-size: 6.5vw;
  }
  .c-line-shimajiro {
    padding: 0 3vw;
  }
}
.c-line-shimajiro a {
  color: initial;
  text-decoration: none;
  border-bottom: 0;
}