@charset "utf-8";
html {
    font-size: 62.5%;
}
body {
    font-family: 'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','HiraginoSans-W3',sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3;
    color: #333;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
    background: #eee;
}
.font_zen {
    font-family: 'Zen Maru Gothic',sans-serif;
}
.font_noto {
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
}
.dblock,
.pc {
    display: block;
}
.dnone,
.sp {
    display: none;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.tal {
    text-align: left;
}
.relative {
    position: relative;
}
.z1 {
    z-index: 1;
}
.collapse {
    cursor: pointer;
    position: relative;
}
.skew {
    position: relative;
}
.skew::before {
    content: "";
    display: block;
    width: 75rem;
    height: 12rem;
    position: absolute;
    bottom: 0;
}
.skew01::before {
    background: url(../img/common/skew01.webp) no-repeat center top;
    background-size: cover;
}
.skew02::before {
    background: url(../img/common/skew02.webp) no-repeat center top;
    background-size: cover;
}
.skew03::before {
    background: url(../img/common/skew03.webp) no-repeat center top;
    background-size: cover;
}
.skew04::after {
    content: "";
    display: block;
    width: 75rem;
    height: 12rem;
    position: absolute;
    top: 0;
    background: url(../img/common/skew04.webp) no-repeat center top;
    background-size: cover;
}
.skew05::before {
    background: url(../img/common/skew05.webp) no-repeat center top;
    background-size: cover;
}
#container {
    max-width: 75rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}
.box {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
}
.m_box {
    position: relative;
    padding-left: 5rem;
    padding-right: 5rem;
}
.s_box {
    position: relative;
    padding-left: 8rem;
    padding-right: 8rem;
}
.white_box {
    background: #fff;
    box-shadow: 0.2rem 0.2rem 2.1rem #113f7e80;
    border-radius: 2.3rem;
}
.mark {
    background: #fff url(../img/common/mark.webp) no-repeat 0.5rem 0.5rem;
    background-size: 6rem;
}
.dotted {
    background: url(../img/triple_attack/dotted.webp) no-repeat center top;
    background-size: contain;
    height: 0.2rem;
    border: none;
}
.flex {
    display: flex;
}
.sec,
.sec_rev {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_rev {
    flex-direction: row-reverse;
}
.jcc {
    justify-content: center;
}
.aic {
    align-items: center;
}
.w320 > li {
    width: 32rem;
}
.mt20{
    margin-top: 2rem;
}
.mb5 {margin-bottom: 0.5rem;}
.mb10 {margin-bottom: 1rem;}
.mb15 {margin-bottom: 1.5rem;}
.mb20 {margin-bottom: 2rem;}
.mb25 {margin-bottom: 2.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb35 {margin-bottom: 3.5rem;}
.mb40 {margin-bottom: 4rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb50 {margin-bottom: 5rem;}
.mb60 {margin-bottom: 6rem;}
.mb75 {margin-bottom: 7.5rem;}
.mb90 {margin-bottom: 9rem;}
.mb120 {margin-bottom: 12rem;}
.mb150 {margin-bottom: 15rem;}
.mbm5 {margin-bottom: -0.5rem;}
.mr5 {margin-right: 0.5rem;}
.mr10 {margin-right: 1rem;}
.ml20 {margin-left: 2rem;}
.ml10r5 {margin: 0 0.5rem 0 1rem;}
.pb5 {padding-bottom: 0.5rem;}
.pb15 {padding-bottom: 1.5rem;}
.pb30 {padding-bottom: 3rem;}
.pb40 {padding-bottom: 4rem;}
.pb45 {padding-bottom: 4.5rem;}
.pb60 {padding-bottom: 6rem;}
.pb90 {padding-bottom: 9rem;}
.pb120 {padding-bottom: 12rem;}
.pb150 {padding-bottom: 15rem;}
.pt10 {padding-top: 1rem;}
.pt30 {padding-top: 3rem;}
.pt40 {padding-top: 4rem;}
.pt45 {padding-top: 4.5rem;}
.pt50 {padding-top: 5rem;}
.pt60 {padding-top: 6rem;}
.pt90 {padding-top: 9rem;}
.pt120 {padding-top: 12rem;}
.pt150 {padding-top: 15rem;}
.ptb15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.ptb20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.ptb30 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.ptb60 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.ptb90 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.p30 {
    padding: 3rem;
}
.p45 {
    padding: 4.5rem;
}
.p60 {
    padding: 6rem;
}
.plr30 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.plr60 {
    padding-left: 6rem;
    padding-right: 6rem;
}
.c_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.r_img {
    display: block;
    margin-left: auto;
}
.img_h {
    transition: 0.3s;
}
.img_h:hover {
    opacity: 0.8;
}
.white_bg {
    background: #fff;
}
.gray_bg {
    background: #e6ebf5;
}
.pink_bg {
    background-image: linear-gradient(to bottom right, #8BCEFB 20%, #FC81AE 70%, #FF87A2 100%);
}
.beige {
    background: #f5f3ea;
}
.blue_bg03 {
    background: #113f7e;
}
.blue_bg04 {
    background: linear-gradient(135deg, #003f9a 0, #0143a4 50%, #008eda 100%);
}
.blue_bg05 {
    background: #C9F4FD;
}
.yellow_bg01{
    background-color: #FFF3C7;
}
.blue_bg06 {
    background: #93C2FF;
}
.blue_bg07 {
    background: #B1DCFD;
}
.lblue_bg01 {
    background: #58a9ff;
}
.lblue_bg02 {
    background: #177fc4;
}
.lblue_bg03 {
    background: #327fc4;
}
.lblue_bg04 {
    background: #73bcec;
}
.pink {
    color: #E6495F;
}
.yellow {
    color: #fcee21;
}
.white {
    color: #fff;
}
.grey {
    color: #666666;
}
.blue {
    color: #032C76;
}
.blue02 {
    color: #29ABE2;
}
.blue03 {
    color: #205288;
}
.fs14 {font-size: 1.4rem;}
.fs16 {font-size: 1.6rem;}
.fs18 {font-size: 1.8rem;}
.fs20 {font-size: 2rem;}
.fs21 {font-size: 2.1rem;}
.fs22 {font-size: 2.2rem;}
.fs24 {font-size: 2.4rem;}
.fs25 {font-size: 2.5rem;}
.fs26 {font-size: 2.6rem;}
.fs27 {font-size: 2.7rem;}
.fs28 {font-size: 2.8rem;}
.fs30 {font-size: 3rem;}
.fs32 {font-size: 3.2rem;}
.fs34 {font-size: 3.4rem;}
.fs36 {font-size: 3.6rem;}
.fs38 {font-size: 3.8rem;}
.fs39 {font-size: 3.9rem;}
.fs40 {font-size: 4rem;}
.fs41 {font-size: 4.1rem;}
.fs44 {font-size: 4.4rem;}
.fs45 {font-size: 4.5rem;}
.fs46 {font-size: 4.6rem;}
.fs47 {font-size: 4.7rem;}
.fs48 {font-size: 4.8rem;}
.fs49 {font-size: 4.9rem;}
.fs50 {font-size: 5rem;}
.fs52 {font-size: 5.2rem;}
.fs53 {font-size: 5.3rem;}
.fs54 {font-size: 5.4rem;}
.fs55 {font-size: 5.5rem;}
.fs57 {font-size: 5.7rem;}
.fs58 {font-size: 5.8rem;}
.fs60 {font-size: 6rem;}
.fs64 {font-size: 6.4rem;}
.fs65 {font-size: 6.5rem;}
.fs66 {font-size: 6.6rem;}
.fs68 {font-size: 6.8rem;}
.fs69 {font-size: 6.9rem;}
.fs70 {font-size: 7rem;}
.fs71 {font-size: 7.1rem;}
.fs72 {font-size: 7.2rem;}
.fs74 {font-size: 7.4rem;}
.fs78 {font-size: 7.8rem;}
.fs80 {font-size: 8rem;}
.fs84 {font-size: 8.4rem;}
.fs100 {font-size: 10rem;}
.fs102 {font-size: 10.2rem;}
.fs120 {font-size: 12rem;}
.fs140 {font-size: 14rem;}
.fs145 {font-size: 14.5rem;}
.fs156 {font-size: 15.6rem;}
.fs160 {font-size: 16rem;}

.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}
/* h2,
h3,
h4 {
    font-weight: 300;
} */
mark {
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 1;
    color: #4D4D4D;
}
.roboto .marker::after {
    bottom: 0;
}
.marker::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.6rem;
    width: 100%;
    height: 2.4rem;
    background: #F9E57F;
    z-index: -1;
    transform: skewX(-30deg);
}
.wavyline02::after,
.wavyline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.4rem;
    width: 100%;
    height: 1rem;
    z-index: -1;
}
.wavyline::after {
    background: url(../img/common/wavyline01.webp) no-repeat center top;
    background-size: cover;
}
.wavyline02::after {
    background: url(../img/common/wavyline02.webp) no-repeat center top;
    background-size: cover;
}
.speech {
    position: relative;
    z-index: 1;
    padding: 0 3rem;
}
.speech::after,
.speech::before {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    width: 0.2rem;
    height: 100%;
    background: #fff;
    z-index: -1;
}
.speech02::after,
.speech02::before {
    background: #c94284;
}
.speech::before {
    left: 0;
    transform: rotate(-30deg);
}
.speech::after {
    right: 0;
    transform: rotate(30deg);
}
.ts60 .speech::after,
.ts60 .speech::before {
    box-shadow: 0.4rem 0.4rem 0.2rem #082d59aa;
}
.ts45 .speech::after,
.ts45 .speech::before {
    box-shadow: 0.4rem 0.4rem 0.2rem #082d5970;
}
.italic {
    font-style: italic;
}
.lh1 {
    line-height: 1;
}
.lh11 {
    line-height: 1.1;
}
.lh12 {
    line-height: 1.2;
}
.lh15 {
    line-height: 1.5;
}
.lh18 {
    line-height: 1.8;
}
.lsm3 {
    letter-spacing: -0.3rem;
}
.lsm30 {
    letter-spacing: -3rem;
}
.ls0 {
    letter-spacing: 0;
}
.w90 {
    transform-origin: 0 0;
    transform: scaleX(0.9);
    width: 111%;
}
.w85 {
    transform-origin: 0 0;
    transform: scaleX(0.85);
    width: 117.6%;
}
.w80 {
    transform-origin: 0 0;
    transform: scaleX(0.8);
    width: 125%;
}
.ts60 {
    text-shadow: 0.4rem 0.4rem 0.2rem #082d59aa;
}
.ts45 {
    text-shadow: 0.4rem 0.4rem 0.2rem #082d5970;
}
footer a {
    display: inline-block;
    margin: 0 1rem;
}
@media screen and (max-width: 749px) {
    html {
        font-size: 1.33333vw;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    html {
        font-size: 1.33333vw;
    }
}