@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
/* body{margin:0px;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:18px;line-height:1.75em;position:relative;} */
img{border:none;width:100%;}
a{text-decoration:none;color:#e60012;}
a:hover{opacity:.7;}
a img:hover{opacity:.7;transition-duration:.2s;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
li{margin:0px;padding:0px;}
table{border-collapse:collapse;width:100%;border:none;margin:0 auto;background:white;}
th,td{padding:10px; border:1px solid #dddddd;font-weight:normal;}
th a{color:black;font-weight:bold;}
th{background:#666666;text-align:center;color:white;border:1px solid white}
td { color: #000; }
table.brn br{display:none;}
h4.soon{text-align:center;}

/* レイアウト */
img.img_sp{display:none;}
img.img_pc{display:block;}
.pc{display:block!important}
.sp{display:none!important}

.font_noto_serif { font-family: 'Noto Serif JP', serif; }

a.btn{text-align:right;color:#feefa6;display:inline-block;line-height:56px;font-size:21px;margin:21px 0 42px 83%;}
a.btn::before{content:"　";height:56px;width:56px;display:inline-block;background:url("img/more.svg") ;background-size:cover;margin-right:-1.2em;letter-spacing:.1em;}

a.btnw{text-align:right;color:white;display:inline-block;line-height:56px;font-size:21px;margin:21px 0 42px 83%;}
a.btnw::before{content:"　";height:56px;width:56px;display:inline-block;background:url("img/morew.svg") ;background-size:cover;margin-right:-1.2em;letter-spacing:.1em;}

section,article{min-width:1000px;width:90%;overflow:hidden;}


.primary { color: #000; }
.primary h2, .primary h3 { color: #fff; }
.primary .arrow { color: #fff; }

.primary h3{ color:#000; text-align:center; font-weight: 700;}

/* 共通バナー */
article{padding:50px 5% 100px;background:white;}
article ul{display:flex;flex-wrap:wrap;justify-content: center;}
article ul li{margin:15px 5%}
article ul li img{height:50px;width:auto;}
article a.nar img{width:auto;height:50px;margin:20px auto;display:block;}


/* サブページ共通 */
.submain{background:#feeff0;height:auto;display:block;width:100%;min-width:1100px;}
.submain section{padding:30px 0; margin: 0 auto; width:1100px; box-sizing: border-box;}
.submain section h1{padding:10px 2%;font-size:37px;font-weight: 900;font-style: italic;line-height:2em;text-align:center;background:#e60012;color:#fff;letter-spacing:.05em;margin:40px 0% 20px}
.submain section p{font-size:18px;line-height:1.8;padding: 1em 0;}

.submain section h2{font-size:34px;padding:40px 0 20px;}
/* .submain section h2{color:#000;text-align:left;font-size:40px;font-weight: 900;font-style: italic;padding:40px 0 30px;}
.submain section h2::after{content:"";border-bottom:2px solid #000;display:block;width:20%;padding-top:5px;} */



.submain section h3{margin: 1em 0;}
.submain section > h3{text-align:center;position:relative;}
.submain section > h3 b{font-size:30px;border-bottom:1px solid #e60012;color:#e60012;display:inline-block;margin:40px auto 20px;padding-bottom:5px;}
.submain section > h3::after{content:"";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e60012;position:absolute;bottom:12px;left:calc(50% - 4px)}

.submain section h4{margin: 1em 0;font-weight: bold;}


.submain section a.gohome{position:relative;width:50%;background:black;text-align:center;color:white;display:block;font-size:26px;padding:30px 2% 30px 6%;margin:100px auto 50px;}
.submain section a.gohome::before{content: '';width: 0;height: 0;border:solid 10px transparent;border-right: solid 20px white;position:absolute;left:5%;top:calc(50% - 10px);}
.submain section a.gohome::after{content:"";border-bottom:2px solid white;width:10%;position:absolute;left:8%;top:calc(50% - 1px);}

.submain {
  position: relative;
  background: #feeff0;
  overflow: hidden;
}

.submain::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 50%;
  margin-right: -375px;
  width: 100%;
  height: 1500px;
  background: linear-gradient( 0deg, transparent 0%, #e60012 100%);
  transform: skewX(-8deg);
  transform-origin: right top;
  opacity: 0.2;
}

.submain .cnt_inner {
  position: relative;
  padding-bottom: 60px;
}

.submain .h_underline {
  margin-bottom: 30px;
}

.subpage .contents { padding-bottom: 50px; font-size: 18px; }
.subpage .contents section { padding-top: 40px; margin: 0; width: 100%; }
.subpage .box { margin: 0 auto; padding: 40px 80px 50px 80px; width: 940px; background: #fff; /*border: 4px solid #009944;*/ }
.subpage .logo { margin-left: auto; margin-right: auto; width: 150px; max-width: 100%; display: block; }
.subpage h2 { margin: 15px 0 25px 0; font-size: 34px; text-align: center; color: #e60012; }

.subpage {
  position: relative;
  background: #fbd0d4;
  overflow: hidden;
}

.subpage::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 50%;
  margin-right: -375px;
  width: 100%;
  height: 1500px;
  background: linear-gradient( 0deg, transparent 0%, #e60012 100%);
  transform: skewX(-8deg);
  transform-origin: right top;
}

.subpage .cnt_inner {
  position: relative;
}

.subpage .h_underline {
  margin-bottom: 30px;
  color: #000;
}

.subpage .h_underline::after {
  background-color: #000;
}

.subpage .main_h {
  color: #fff;
}

.subpage .main_h::after {
  background-color: #fff;
}

.subpage h2 {
  font-weight: 900;
}

.subpage .btn_back {
  margin-top: 40px;
}

/* .btn_back_top a {
  width: 250px;
  padding: 16px 25px 16px 45px;
  font-size: 18px;
  background: #222 url(../../../series_common/img/icon_arrow_backtop.svg) left 15px top 46% no-repeat;
} */

@media all and (min-width: 0) and (max-width: 749px)  {
    /* body{background:white;} */
    table th,table td{padding:2vw 5%;font-size:3vw;line-height:1.2em;}
    table.brn br{display:block;}
    .acd-label{width:100%;}

    img.img_sp{display:block;}
    img.img_pc{display:none;}
    a.btn{text-align:right;color:#feefa6;line-height:8vw;font-size:3vw;margin:3vw 0% 6vw 76%;}
    a.btn::before{content:"　";height:8vw;width:8vw;display:inline-block;background:url("img/more.svg") ;background-size:cover;margin-right:-1.5em;}

    a.btnw{text-align:right;color:white;line-height:8vw;font-size:3vw;margin:3vw 0% 6vw 76%;}
    a.btnw::before{content:"　";height:8vw;width:8vw;display:inline-block;background:url("img/morew.svg") ;background-size:cover;margin-right:-1.5em;}

    section,article{margin-left:0px;min-width:90%;}

    article h2 span{font-size:3vw;display:flex; align-items:center;margin:2vw 0 0vw;font-weight:normal;}
    article h2 span:before {margin-right:5px; border-top:1px solid #feefa6; content:""; flex-grow:1;margin-left:10%}
    article h2 span:after {margin-left:5px; border-top:1px solid #feefa6; content:""; flex-grow:1;margin-right:10%}


    article{padding:8vw 0% 16vw;width:100%;}
    article ul li{margin:2vw 5%}
    article ul li img{height:7vw;width:auto;}
    article a.nar img{width:auto;height:6vw;margin:3vw auto;display:block;}


    /* サブページ共通 */
    a.sublogo img{width:auto;height:50px;position:absolute;left:2%;top:2vw}

    .submain {background:#feeff0;padding:20px 0% 0vw;width:100%;height:auto;display:block;min-width:100%;}
    .submain section h1{padding:3vw 2%;font-size: calc(100vw / ( 375 / 24 ));line-height:1.8em;text-align:center;background:#e60012;color:white;margin:0vw -5% 2vw; }

    .submain section h2{font-size:6vw;padding:6vw 0 3vw}


    .submain section > h3{text-align:center;position:relative}
    .submain section > h3 b{font-size:5vw;border-bottom:1px solid #e60012;color:#e60012;display:inline-block;margin:6vw auto 3vw}
    .submain section > h3::after{content:"";width: 0;height: 0;border-left:1.5vw solid transparent;border-right:1.5vw solid transparent;border-top:1.5vw solid #e60012;position:absolute;bottom:1.5vw;left:49.25%}

    .submain section h4{font-size:4vw;}

    .submain section{padding:5vw 5%;width:100%;}
    .submain section p{font-size:calc(100vw / ( 375 / 14 ));line-height:1.85em;}

    .submain section a.gohome{position:relative;width:86%;background:black;text-align:center;color:white;display:block;font-size:3vw;padding:2.5vw 2% 2.5vw 12%;margin:10vw auto 5vw;}
    .submain section a.gohome::before{content: '';width: 0;height: 0;border:solid 4px transparent;border-right: solid 10px white;position:absolute;left:5%;top:calc(50% - 3px);}
    .submain section a.gohome::after{content:"";border-bottom:1px solid white;width:10%;position:absolute;left:8%;top:50%}

    .submain::before {
      right: 10%;
      height: 80%;
      margin-right: 0;
      transform: skewX(-6deg)
    }

    .submain .h_underline {
      margin-bottom: 20px;
    }


    .subpage h2 { margin: 2.333333vw 0 6.333333vw 0; font-size: calc(100vw / ( 375 / 22 )); }
    .subpage .contents { margin-left: 0; padding-bottom: 14vw; font-size: calc(100vw / ( 375 / 14 )); }
    .subpage .contents section { padding-top: 6vw; }
    .subpage .box { margin: 0 3.33333%; padding: 5%; width: auto; }
    .subpage .logo { width: 26vw; }

    .subpage::before {
      right: 10%;
      height: 80%;
      margin-right: 0;
      transform: skewX(-6deg)
    }

    .subpage .h_underline {
      margin-bottom: 15px;
    }

    /* .btn_back_top a {
      padding: 2.2% 3% 2.2% 4%;
      background: #222 url(../../../series_common/img/icon_arrow_backtop_sp.svg) left 10px top 46% no-repeat;
      background-size: 20px;
      font-size: 16px;
    } */


    .scroll{overflow: auto;white-space:nowrap;padding-bottom:5px;}
    .scroll::-webkit-scrollbar{height:10px;}
    .scroll::-webkit-scrollbar-track{background:#F1F1F1;}
    .scroll::-webkit-scrollbar-thumb {background:#BCBCBC;border-radius:5px;}


    .sp{display:block!important}
    .pc{display:none!important}


}