@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.pcOnly {display: block;}
.spOnly {display: none;}

html {
    font-size: 62.5%;
}
body {
    width: 100%;
    font-size: 2.5rem;
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",sans-serif;
    font-weight: 500;
    line-height: 180%;
    color: rgb(30,30,30);
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
}
#container {
    width: 100%;
    min-width: 800px;
    margin: 0 auto;
    /*background-color:rgb(255,255,255);*/
}

/*img {
    width: 100%;
    vertical-align: bottom;
    border: none;
}*/

.max {width: 100%;margin: 0 auto;}
.max_780 {width: 100%;max-width: 780px;margin: 0 auto;}
.max_800 {width: 100%;max-width: 800px;margin: 0 auto;}
.max_1000 {
    width: 100%;max-width: 1000px;margin: 0 auto;}
.max_1200 {width: 100%;max-width: 1200px;margin: 0 auto;}
.m0auto{ margin: 0 auto;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.just {text-align: justify;}
.block {display: block;}
.inline{display: inline-block;}

.fs08{font-size: 0.8rem;}
.fs10{font-size: 1rem;}
.fs12{font-size: 1.2rem;}
.fs14{font-size: 1.4rem;}
.fs15{font-size: 1.5rem;}
.fs16{font-size: 1.6rem;}
.fs17{font-size: 1.7rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2rem;}
.fs22{font-size: 2.2rem;}
.fs23{font-size: 2.3rem;}
.fs25{font-size: 2.5rem;}
.fs30{font-size: 3rem;}
.fs35{font-size: 3.5rem;}
.fs40{font-size: 4rem;}
.fs45{font-size: 4.5rem;}
.fs50{font-size: 5rem;}
.fs60{font-size: 6rem;}
.fs70{font-size: 7rem;}
.fs80{font-size: 8rem;}
.fs100{font-size: 10rem;}

.lh80{line-height:80%;}
.lh100{line-height: 100%;}
.lh120{line-height: 120%;}
.lh130{line-height: 130%;}
.lh150{line-height: 150%;}
.lh160{line-height: 160%;}
.lh170{line-height: 170%;}
.lh180{line-height: 180%;}
.lh200{line-height: 200%;}

.bold,.b {font-weight: bold;}
.b100 {font-weight: 100;}
.b200 {font-weight: 200;}
.b300 {font-weight: 300;}
.b400 {font-weight: 400;}
.b500 {font-weight: 500;}
.b600 {font-weight: 600;}
.b700 {font-weight: 700;}
.b800 {font-weight: 800;}
.b900 {font-weight: 900;}
.tsb {text-shadow: 0px 0px 0px;}
.normal {font-weight: 300;}
.jikan-01 {letter-spacing: -0.1rem;}
.jikan05 {letter-spacing: 0.5rem;}
.jikan07 {letter-spacing: 0.7rem;}
.jikan10 {letter-spacing: 1rem;}

.w10{width: 10%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w36{width: 36%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}

.w20_100{width: 20%;}
.w25_100{width: 25%;}
.w30_100{width: 30%;}
.w35_100{width: 35%;}
.w40_100{width: 40%;}
.w50_100{width: 50%;}
.w70_100{width: 70%;}
.w80_100{width: 80%;}
.box {box-sizing: border-box;}
.wfit{max-width: fit-content;}

.mauto {margin-left: auto;margin-right: auto;}
.mt05{margin-top: 0.5rem!important;}
.mt10{margin-top: 1rem!important;}
.mt15{margin-top: 1.5rem!important;}
.mt20{margin-top: 2rem!important;}
.mt25{margin-top: 2.5rem!important;}
.mt30{margin-top: 3rem!important;}
.mt40{margin-top: 4rem!important;}
.mt50{margin-top: 5rem!important;}
.mt60{margin-top: 6rem!important;}
.mt70{margin-top: 7rem!important;}
.mt80{margin-top: 8rem!important;}
.mt100{margin-top: 10rem!important;}
.mt120{margin-top: 12rem!important;}
.mt150{margin-top: 15rem!important;}
.mb05{margin-bottom: 0.5rem!important;}
.mb30{margin-bottom: 3rem!important;}
.mb60{margin-bottom: 6rem!important;}
.mb70{margin-bottom: 7rem!important;}
.mr05{margin-right: 0.5rem!important;}
.mr10{margin-right: 1rem!important;}
.mr20{margin-right: 2rem!important;}
.ml05{margin-left: 0.5rem!important;}
.ml10{margin-left: 1rem!important;}
.ml20{margin-left: 2rem!important;}

.pd05{padding: 0.5rem;}
.pd10{padding: 1rem;}
.pd20{padding: 2rem;}
.pd30{padding: 3rem;}
.pd40{padding: 4rem;}
.pd50{padding: 5rem;}
.pt05{padding-top: 0.5rem!important;}
.pt0{padding-top: 0rem!important;}
.pt10{padding-top: 1rem!important;}
.pt20{padding-top: 2rem!important;}
.pt30{padding-top: 3rem!important;}
.pt40{padding-top: 4rem!important;}
.pt50{padding-top: 5rem!important;}
.pt60{padding-top: 6rem!important;}
.pt80{padding-top: 8rem!important;}
.pt100{padding-top: 10rem!important;}
.pt120{padding-top: 12rem!important;}
.pb05{padding-bottom: 0.5rem!important;}
.pb10{padding-bottom: 1rem!important;}
.pb20{padding-bottom: 2rem!important;}
.pb30{padding-bottom: 3rem!important;}
.pb40{padding-bottom: 4rem!important;}
.pb50{padding-bottom: 5rem!important;}
.pb60{padding-bottom: 6rem!important;}
.pb70{padding-bottom: 7rem!important;}
.pb80{padding-bottom: 8rem!important;}
.pb100{padding-bottom: 10rem!important;}
.pl05{padding-left: 0.5rem!important;}
.pl10{padding-left: 1rem!important;}
.pl15{padding-left: 1.5rem!important;}
.pl20{padding-left: 2rem!important;}
.pr05{padding-right: 0.5rem!important;}
.pr10{padding-right: 1rem!important;}
.pr15{padding-right: 1.5rem!important;}
.pr20{padding-right: 2rem!important;}
.ps10{padding-left: 1rem!important;padding-right: 1rem!important;}
.ps20{padding-left: 2rem!important;padding-right: 2rem!important;}

.fr {
    float: right;
}

.fr:after {
    clear: both;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}
.fl_center {align-items: center;}
.fl_cont_center {justify-content: center;}
.fl_left {justify-content: flex-start;}
.fl_nowrap {flex-wrap: nowrap;}
.fl01 {flex: 1;}
.gap05{gap: 0.5rem;}
.gap10{gap: 1rem;}
.gap15{gap: 1.5rem;}
.gap20{gap: 2rem;}

.bk {color: rgb(30,30,30);}
.wh {color: rgb(255,255,255);}
.red {color: rgb(215,15,15);}
.blue {color: rgb(25,40,135);}
.orange {color: rgb(240,100,0);}
.yellow {color: rgb(250,230,50);}
.pink {color: #f94a93;}
.mizu {color: #0aa1f0;}

.bg_bk {background-color: rgb(30,30,30);}
.bg_wh {background-color: rgb(255,255,255);}
.bg_red {background-color: rgb(215,15,15);}
.bg_blue {background-color: rgb(25,40,135);}
.bg_mizu {background-color: rgb(220,240,250);}
.bg_gray {background-color: rgb(230,230,230);}
.bg_gray_more {background-color: rgb(130,130,130);}

.kage {filter: drop-shadow(2px 2px 2px rgba(30,30,30,.6));}
.kage_box {box-shadow: 3px 3px 6px rgba(30,30,30,0.4);}

.maru {border-radius: 10px;}
.en {border-radius: 100px;}
.waku{border: 1px solid rgb(30,30,30);box-sizing: border-box;}
hr {border: 0px; border-top: 2px solid rgb(30,30,30);}
.kasen {border-bottom: 2px solid rgb(30,30,30)}
.sen_l {border-left: 8px solid rgb(25,40,135);padding-left: 1rem;}
.borderbox {box-sizing: border-box;}

a {border: none;text-decoration: none;}

iframe {aspect-ratio: 16/9;width: 100%;height: 100%;}

/*move*/
.slid {
    transform:translateX(-100vw);
    opacity:0;
    transition-duration:1200ms;
}
.slid.effect {
    transform:translateX(0);
    opacity:1;
}
.slid_r {
    transform:translateX(100vw);
    opacity:0;
    transition-duration:1200ms;
}
.slid_r.effect {
    transform:translateX(0);
    opacity:1;
}
.up {
    transform:translateY(100px);
    opacity:0;
    transition-duration:1200ms;
}
.up.effect {
    transform:translateY(0);
    opacity:1;
}

/*↓ page original ----------------------------------*/

#top {
    width: 100%;
}

#header {
    height: 762px;
    min-width: 870px;
    width: 100%;
    margin: 0 auto;
    /*background: #fff;*/
    background-image: url(../img/bg_stripe.png),url(../img/header_bg.jpg);
    background-size: 3px,cover;
    background-repeat: repeat,no-repeat;
    background-position: top center;
}

.maxheader_kids {
    max-width: 1400px;
    margin: 0 auto;
}

.header_niji {
    background-image: url(../img/niji_formbg.png);
    background-repeat: repeat;
    background-position: left bottom;
    width: 100%;
    margin: 0;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.header_button {
    background-image: url(../img/form_pic1.png),url(../img/form_pic2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left 20px center,right 20px center;
    width: 100%;
    min-width: 870px;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    padding-bottom: 35px;
}



.form_pic1 {
    width: 100%;
    max-width: 220px;
    flex-shrink: 0;
    margin-top: 20px;
    display: none;
}

.form_pic2 {
    width: 100%;
    max-width: 220px;
    flex-shrink: 0;
    margin-top: 20px;
    display: none;
}

.linetel {
    width: 587px;
    height: 150px;
    background-color: #fff;
    margin: 15px auto 0 auto;
    border-radius: 15px;
    padding: 6px;
    line-height: 100%;
    box-sizing: border-box;
}

.line_box {
    text-align: center;
    width: 277px;
    height: 137px;
}

.line_box_title {
        background: #06c755;
    border-radius: 100px;
    text-align: center;
    width: 277px;
    height: 32px;
    line-height: 3.1rem;
    font-size: 1.6rem;
}

.line_box_flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.line_button {
    background-image: url(../img/line_button.png);
    background-repeat: no-repeat;
    width: 136px;
    height: 57px;
    display: block;
    margin: 0 auto;
}

.line_button:hover {
    filter: brightness(120%);
}

.header_button_flex {
    text-align: center;
}

.tel_box_title {
    background: #003b77;
    border-radius: 100px;
    text-align: center;
    width: 100%;
    height: 32px;
    line-height: 3.1rem;
    font-size: 1.6rem;
}

.tel_hl_box {
    border: 2px solid #003b77;
    background: #fff;
    padding: 8px 16px 8px 16px;
    box-sizing: border-box;
    border-radius: 40px;
}

.tel_hl_box span {
    vertical-align: bottom;
}

.tel_hl_box img {
    vertical-align: sub;
}

.tel_text {
    color: #003b77;
}

.tellink:hover,a.tel_text:hover {
    filter: opacity(70%);
}

.header_button_logo_box {
    /*background-image: url(../img/blue_stripe_bg.png);*/
    /*max-width: 477px;*/
    width: 95%;
    /*height: 136px;*/
    /* text-align: center; */
    padding: 20px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 4px solid #0051a3;
    border-radius: 20px;
}

.header_button_logo_box > img {
    transform: skewX(0deg);
        width: 100%;
        max-width: 453px;
}

.header_button_box {
    width: 100%;
    position: relative;
}

a.button1 {
    width: 640px;
    position: relative;
    top: -20px;
    height: 207px;
    background-image: url(../img/button1.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-size: 100% 100%;
}

a.button1:hover {
    filter:brightness(130%);
}

a.button1:active {
    filter:brightness(200%) opacity(80%);
}

a.button2 {
    width: 100%;
    max-width: 497px;
    min-width: 100px;
    height: 100%;
    background-image: url(../img/button1.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    background-size: 100% 100%;
}

a.button2:hover {
    background-image: url("../img/button1_hover.png");
    filter:brightness(130%);
}

a.button2:active {
    filter:brightness(200%) opacity(80%);
}

.sfks_logo {
    position: absolute;
    top: 18px;
    margin: 0 0 0 1.4%;
    z-index: 9999999;
 }

.age {
    position: absolute;
    top: 131px;
    margin: 0 0 0 2.7%;
    z-index: 999999;
}

.top_logo_box {
    height: 750px;
    width: 100%;
    position: relative;
    margin-top: 0px;
    display: flex;
    justify-content: center;/* 左右中央を指定 */
    align-items: center;/* 上下中央を指定 */
    z-index: 99999;
}

.top_logo_box > img {
    width: 100%;
    max-width: 827px;
}

.subhead {
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    padding: 60px 0 80px 0;
    color: #fff;
    position: relative;
    background-image: url(../img/sub_under.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.sec1_bg {
    background-color: #fff8cf;
}

.sec3_bg {
    background-color: #fff8cf;
}

.sec5_bg {
    background-color: #fff8cf;
}

.sec5_2_bg {
    background-color: #ffdfcf;
    overflow: hidden;
}

img.circle_img {
    width: 100%;
    max-width: 955px;
}

img.sec1_img1 {
    width: 100%;
    max-width: 909px;
}

img.sec1_img2 {
    width: 100%;
    max-width: 1021px;
}

img.season {
    width: 95%;
    max-width: 742px;
}

img.sec2_img1 {
    width: 95%;
    max-width: 801px;
}

img.sec5_img1 {
    width: 95%;
    max-width: 943px;
}

img.sec5_img2 {
    width: 95%;
    max-width: 640px;
}

.hiyou_hl {
    border-radius: 22px;
    background-color: #f29600;
    color: #fff;
    width: 100%;
    max-width: 302px;
    padding: 10px 0;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

.hiyou_hl:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #f29600;
}

.hiyou {
    width: 302px;
}

.hiyou_flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 50px;
}

.hiyouclass_flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.maker {
    background:linear-gradient(transparent 60%, #ffe896 60%);
}

.se1_small {
    letter-spacing: 0.5rem;
}

.contents {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px;
}

.contents_flex1 {
    display: flex;
    gap: 20px;
    font-size: 2rem;
}

.contents_flex1 > div:nth-child(1) {
    width: 78%;
}

.img_border {
    border: 1px solid #b3b3b3;
    padding: 15px;
}

.point {
    background-color: rgb(255 252 153);
}

.box_hl {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 0 auto;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  width: 300px;
  box-sizing: border-box;
}

.box_blue > .box_hl {
    background-color: #0d6fb8;
}

.box_blue > .box_hl:before,
.box_blue > .box_hl:after {
    border: 30px solid #0d6fb8;
    position: absolute;
  top: 0;
  display: block;
  height: 0px;
  content: '';
}

.box_blue > .box_hl:before {
  left: -40px;
  border-left-width: 20px;
  border-left-color: transparent;
}

.box_blue > .box_hl:after {
  right: -40px;
  border-right-width: 20px;
  border-right-color: transparent;
}

.box_red > .box_hl {
    background-color: #df2323;
}

.box_red > .box_hl:before,
.box_red > .box_hl:after {
    border: 30px solid #df2323;
    position: absolute;
  top: 0;
  display: block;
  height: 0px;
  content: '';
}

.box_red > .box_hl:before {
  left: -40px;
  border-left-width: 20px;
  border-left-color: transparent;
}

.box_red > .box_hl:after {
  right: -40px;
  border-right-width: 20px;
  border-right-color: transparent;
}



.contents_hl_data {
    /*border: 5px solid #004081;*/
    background-color: #0d6fb8;
    padding-top: 110px;
    top: -88px;
    position: relative;
    z-index: 99999;
    box-sizing: border-box;
}

.box_blue {
    background-color: #098ff2;
    border: 4px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 0 6px #098ff2;
    box-sizing: border-box;
    margin: 0 auto;
    width: 900px;
}

.box_inwhite {
    border-radius: 14px;
    box-sizing: border-box;
    margin: 0 auto;;
    width: 800px;
    background-color: #fff;
}

.box_inwhite_voice {
    border-radius: 14px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    max-width: 800px;
}

.ml_yajirushi {
    margin-left: 65px;
}

.ml_yajirushi_end {
    margin-left: 51px;
}

.season_box {
    padding: 0px 40px;
}

.season_flex {
    display: flex;
    align-items: flex-start;
    background-image: url(../img/season_yajirushi_under.png),url(../img/season_yajirushi_top.png);
    background-repeat: no-repeat,no-repeat;
    background-position: bottom 0px left 8.2%,bottom 2px left 8.2%;
    padding: 0 0 10px 0;
    margin: 10px 0;
    justify-content: flex-end;
}

.season_flex_end {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 10px 0;
    background-image: url("../img/season7-end_under.png");
    background-position: top 0px left 7%;
    background-size: 32px;
    background-repeat: no-repeat;
}

.season_text {
    width: 79%;
    margin-right: 50px;
    display: flex;
}

.season_text > img {

    width: 150px;
    height: 150px;
    float: left;
    margin-right: 17px;
    border: 4px solid #0a90ef;
    box-sizing: border-box;
}

.box_red {
    background-color: #f24545;
    border: 4px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 0 6px #f24545;
    box-sizing: border-box;
    margin: 0 auto;
    width: 900px;
}

.class_flex {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
    row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
}

.box_yellow {
    background-color: #f39800;
    border: 4px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 0 6px #f39800;
    box-sizing: border-box;
    margin: 0 auto;
    width: 900px;
}


.voice_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 800px;
    gap: 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.voice_name {
    position: absolute;
    top: 155px;
    right: 44px;
}

.box_darkgreen {
    background-color: #109b2d;
    border: 4px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 0 6px #109b2d;
    box-sizing: border-box;
    margin: 0 auto;
    width: 900px;
}

.box_darkgreen > .box_hl {
    background-color: #df2323;
}

.box_darkgreen > .box_hl:before,
.box_darkgreen > .box_hl:after {
    border: 30px solid #df2323;
    position: absolute;
  top: 0;
  display: block;
  height: 0px;
  content: '';
}

.box_darkgreen > .box_hl:before {
  left: -40px;
  border-left-width: 20px;
  border-left-color: transparent;
}

.box_darkgreen > .box_hl:after {
  right: -40px;
  border-right-width: 20px;
  border-right-color: transparent;
}

.box_green {
    background-color: #90c31f;
    border: 4px solid #fff;
    border-radius: 40px;
    box-shadow: 0 0 0 6px #90c31f;
    box-sizing: border-box;
    margin: 0 auto;
    width: 900px;
}

.box_green > .box_hl {
    background-color: #6d9f00;
}

.box_green > .box_hl:before,
.box_green > .box_hl:after {
    border: 30px solid #6d9f00;
    position: absolute;
  top: 0;
  display: block;
  height: 0px;
  content: '';
}

.box_green > .box_hl:before {
  left: -40px;
  border-left-width: 20px;
  border-left-color: transparent;
}

.box_green > .box_hl:after {
  right: -40px;
  border-right-width: 20px;
  border-right-color: transparent;
}

table.table1 {
    border-collapse: separate;
    border-spacing: 0px;
    margin: 0 auto;
    width: 80%;
}

.table1 .table1_hl {
    background: #e8eef9;
    text-align: center;
    font-size: 1.8rem;
    padding: 10px;
    color: #004081;
}

.table1 .table1_hl:nth-child(1) {
    border-radius: 20px 0 0 20px;
    border-right: 1px solid #0d6fb8;
}

.table1 .table1_hl:nth-child(2) {
    border-radius: 0 20px 20px 0;
    border-left: 1px solid #0d6fb8;
}

.table1 th,.table1 td {
    padding: 20px 0px;
    box-sizing: border-box;
}

.table1 th.classname {
    background: #004081;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
}

.table1 th.classname:after {
    left: 100%;
    top: 50%;
    content: " ";
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #004081;
    border-width: 10px;
    margin-top: -10px;
}

th.classname, td.classage {
    border-top: 15px solid #0d6fb8;
}

/* firefox */
/*@-moz-document url-prefix() {
.table1 th.classname::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #0d6fb8 10px solid;
margin-top: -10px;
    }
}*/

.table1 td {
    background: #dfeffb;
    width: 50%;
    font-weight: bold;
    text-align: center;
    font-size: 2.7rem;
}


.voice_image {
    background: #fff;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 100%;
    overflow: hidden;
    width: 161px;
    height: 113px;
    border: 2px solid #0076ed;
}

.voice_box {
    width: 46%;
    /*background: #f1f1f1;*/
    background-image: url("../img/blue_stripe_bg2.png");
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
    /*border-radius: 15px;*/
    height: fit-content;
}

.voice_box_flex {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
    color: #2c2c2c;
}

.voice_text {
    background: #ffffff;
    box-sizing: border-box;
    font-size: 2rem;
    line-height: 190%;
}

.mincho {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3",'游明朝','Yu Mincho',YuMincho,serif;
    letter-spacing: -0.04em;
}

.balloon2-right {
    position: relative;
    display: inline-block;
    padding: 8px 8px 7px 11px;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 7px;
}

.balloon2-right:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 17px solid #ffffff;
    z-index: 2;
}

.balloon2-right p {
  margin: 0;
  padding: 0;
}

.ls03 {
    letter-spacing: -0.3em;
}

.ls001 {
    letter-spacing: -0.01em;
}

.ls003 {
    letter-spacing: -0.03em;
}

.ls005 {
    letter-spacing: -0.05em;
}

.ls007 {
    letter-spacing: -0.07em;
}

table.table2 {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 600px;
    font-weight: bold;
}

table.table2 th,table.table2 td {
    border: solid 1px rgb(30,30,30);
    vertical-align: middle;
    padding: 1rem 0;
    text-align: center;
}

table.table2 th {
        color: #fff;
    background-color: #0d6fb8;
}

table.table2 th.hl{
    background-color: #004081;
}

div#map {
    height: 400px;
    width: 100%;
}

ul.check_list {
    list-style-type: none;
}

ul.check_list li {
    background-image: url(../img/check1.png);
    margin-bottom: 30px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: 11px 13px;
    background-color: #fff;
    padding: 3px 10px 10px 60px;
    line-height: 1.4em;
    box-sizing: border-box;
}

ul.check_list li > span {
    line-height: 1.4em;
}

.check_flex {
    display: flex;
    align-items: flex-start;
}

.check1 {
/*    margin-top: 2.2rem;
    margin-right: 0.6rem;*/
    width: 40px;
    /*vertical-align: middle;*/
}

.entry_button {
    background-color: #0d6fb8;
    width: 660px;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
}

.entry_button_box {
    height: 127px;
}

.entry_button_logo_box {
    background-image: url("../img/blue_stripe_bg.png");
    width: 100%;
    padding: 25px 0px;
    box-sizing: border-box;
    margin: 0 auto;
}

.qanda_box {
    padding: 20px 20px 0 20px;
}

.qanda_q_flex {
    display: flex;
    gap: 13px;
    padding: 0px;
    box-sizing: border-box;
    align-items: center;
    padding: 15px;
}

.qanda_a_flex {
    display: flex;
    gap: 13px;
    background: #ffd9d9;
    padding: 15px;
    line-height: 140%;
    border-radius: 8px;
    position: relative;
    top: 20px;
    transition: all .3s;
    padding: 15px;
}

.qanda_q {
    background: url(../img/q_icon.png);
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    flex-shrink: 0;
    background-size: 100%;
    background-position: center;
}

.qanda_q_title {
    text-align: left;
    width: 100%;
}

.qanda_a {
    background: url(../img/a_icon.png);
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    flex-shrink: 0;
    background-size: 100%;
    background-position: center;
}

#footer_box {
    background: #0d6fb8;
    color: #fff;
    font-weight: 200;
    line-height: 120%;
    overflow: hidden;
}

#copy {
    box-sizing: border-box;
    background-color: #098FF2;
}

#tenpo {
    margin: 0px auto;
}
#tenpo_title {
    text-align: center;
    background-color: rgb(40,80,160);
    font-size: 2.7rem;
    font-weight: bold;
    color: rgb(255,255,255);
    padding: 10px 0;
}
.tenpo_bar:first-child {
    margin-top: 0rem;
}

.tenpo_bar {
    padding: 15px;
    box-sizing: border-box;
    margin-top: 2rem;
    border-radius: 15px;
    border: solid 3px #23ac38;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    position: relative;
    z-index: 9999999;
}

.tenpo_icon > img {
    transform: rotate(0deg);
    transition: all .3s;
    display: flex;
    align-items: center;
}
.active_tenpo > img {
    transform: rotate(90deg);
    transition: all .3s;
}

.active_tenpo > .tenpo_button {
    background-color: #fff;
    transition: all .3s;
}

.tenpo_name {
    width: 100%;
    color: #23ac38;
    font-size: 2.5rem;
    font-weight: bold;
}
.tenpo_button {
    width: 123px;
    box-sizing: border-box;
    text-align: center;
    color: #ffffff;
    background-color: #23ac38;
    border-radius: 8px;
    padding: 0 4px 0 16px;
    font-size: 1.6rem;
    font-weight: 500;
    background-image: url("../img/tenpo/access_button_icon2.png");
    background-repeat: no-repeat;
    background-position: left 12px center;
}

/* .tenpo_button:before {
    content: "詳細を確認";
} */

.tenpo_naka {
    overflow: hidden;
    display: none;
    background-color: #fff;
    width: 95%;
    margin: 0px auto 0 auto;
    border-right: 4px solid #979797;
    border-left: 4px solid #979797;
    border-bottom: 4px solid #979797;
    position: relative;
    z-index: 99999;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.tenpo_box {position: relative;}

.tenpo_p {width: 100%; margin: 15px auto;}
.tenpo_p img {width: 100%; max-width: 640px;}
.tenpo_syosai {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 2rem;
}
.tenpo_syosai_hl {
    border-radius: 10px;
    background: #23ac38;
    color: #fff;
    /* padding: 10px; */
    width: 122px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 15px 15px 0;
}
/*.tenpo_syosai a {text-decoration: none; color: rgb(30,30,30);}*/
.tenpo_syosai td {border: none; padding: 0;}
.tenpo_syosai td:nth-child(even) {line-height: 1.4;}

.tenpo_tel {
    color: rgb(35 172 56);
    display: inline;
}

.tenpo_tel:hover {
    text-decoration: underline;
}

.map_box {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.map_box iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#footer_naka {
    box-sizing: border-box;
    padding: 20px 30px;
    box-sizing: border-box;
}

#footer_naka div {
    width: 30%;
}

.thanks_fukibox{
    position: relative;
}

.thanks_fuki01 {
}

.thanks_fuki02 {
    position: relative;
    z-index: 99;
}


/************ ↓Q&Aアコーディオン ************/

.ac-box label{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    background: #d9e7ff;
    margin: 0 auto;
    position: relative;
    display: block;
    border-radius: 8px;
    cursor: pointer;
    color: #1e1e1e;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #357ae8;
    /*background-image: url("../img/qbutton_icon.png");*/
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.ac-box label:hover{
    opacity: 0.6;
}

.ac-box input{
display: none;
}

.ac-box div.ac-small{
    height: 0px;
    padding: 0px;
    opacity: 0;
    transition: 0.3s;
}

.ac-box input:checked ~ div{
    height: auto;
    padding: 0;
    opacity: 1;
    border-radius: 8px;
    margin: 0px 0 40px 0;
}

.ac-box div p{
    color: #1e1e1e;
    font-size: 2rem;
    padding: 15px;
    text-align: justify;
}
.ac-small p{
margin-bottom: 0px;
}

.q_icon {
    transform: rotate(0deg);
    transition: all .3s;
    display: flex;
    align-items: center;}

.q_active_icon {
    transform: rotate(90deg);
    transition: all .3s;
}

.office_name {
    width: 350px;
}

/************ ↑Q&Aアコーディオン ************/



/************* 少し狭めのブラウザ *************/
@media (max-width: 1200px) and (min-width: 1070px) {

    .header_button {
        background-image: url(../img/form_pic1.png),url(../img/form_pic2.png);
        background-size: 200px,200px,auto;
        background-repeat: no-repeat,no-repeat,repeat;
        background-position: left 26px center,right 26px center,left bottom;
    }

    .season_flex_end {
    background-position: top 0px left 7%;
    background-size: 32px;
    }

}

@media (max-width: 1070px) and (min-width: 1021px) {

    .header_button {
        background-image: url(../img/form_pic1.png),url(../img/form_pic2.png);
        background-size: 150px,150px,auto;
        background-repeat: no-repeat,no-repeat,repeat;
        background-position: left 26px center,right 26px center,left bottom;
    }

}

/************* 少し狭めのブラウザ *************/



/************* 狭いブラウザとタブレット *************/
@media (max-width: 1020px) and (min-width: 768px) {

    #header {
        height: 750px;
    }

    .header_button {
        background-image: url(../img/form_pic1.png),url(../img/form_pic2.png);
        background-size: 120px,120px,auto;
        background-repeat: no-repeat,no-repeat,repeat;
        background-position: left 20px center,right 20px center,left bottom;
    }

    .top_logo_box {
        height: 758px;
    }

    .form_pic1,.form_pic2 {
        display: none;
    }

    .season_flex {
        background-position: bottom 0px left 7%,bottom 2px left 7%;
    }

    .season_flex_end {
        background-position: top 0px left 5.5%;
        background-size: 32px;
    }

    .ml_yajirushi_end {
        margin-left: 37px;
    }

    .box_blue,.box_red,.box_yellow,.box_darkgreen,.box_green {
        width: 760px;
    }

    .box_inwhite {
        width: 680px;
    }

    .voice_flex {
        width: 100%;
        max-width: 800px;
    }

    .voice_hl {
        width: 100%;
    }

    .voice_img {
        width: 25%;
    }

    .voice_name {
        top: 130px;
    }

    .hiyou_hl {
        width: 100%;
        max-width: 280px;
        gap: 18px;
    }

    .hiyou_flex {
        gap: 18px;
    }

    .tbfs30 {
        font-size: 3rem;
    }
    .tbfs40 {
        font-size: 4rem;
    }

}
/************* 狭いブラウザとタブレット *************/






/************* sp横幅広め *************/
@media (max-width: 767px) and (min-width: 500px) {

    .season_flex {
        background-position: bottom 0px left 7%,top 0px left 7%;
    }

    .season_flex_end {
        background-position: top 0px left 5.5%;
        background-size: 32px;
    }

    div#header {
        height: 560px;
    }

    .top_logo_box {
        height:550px;
    }

    .top_logo_box > img {
        width: 90%;
        max-width: 670px;
        min-width: 300px;
    }

    .subhead > p {
        padding-bottom: 20px;
    }

    .hiyou > .maker > .fs60 {
        font-size: 9rem;
    }

    .hiyou > .maker {
        font-size: 4rem;
    }

}
/************* sp横幅広め *************/

/************* SP *************/
@media screen and (max-width: 767px) {
    .pcOnly {display: none;}
    .spOnly {display: block;}
    .spCenter {text-align: center;}
    .spLeft {text-align: left;}
    html {font-size: 40%;}
    body {font-size: 2rem;}
    .max_780,.max_800, .max_1000, .max_1200{width: 95%;}
    .w20_100,.w25_100,.w30_100,.w40_100,.w50_100,.w70_100,.w80_100{width: 100%;}
    .pNo{padding: 0px;}
    #foot_logo { width: 50%; margin: 3rem auto;}
    #tenpo {font-size: 14px;}
    .tenpo_bar {width: 100%;margin: 1rem auto 0;padding: 7px 10px 10px 10px;flex-wrap: wrap;}
    .tenpo_icon > img {
        width: 60%;
        top: 10px;
        position: relative;
    }
    .active_tenpo > img {
        width: 60%;
        top: 10px;
        position: relative;
    }
    .tenpo_name {
        width: 93%;
        font-size: 2.2rem;
        margin-left: 0%;
        text-align: center;
        line-height: 140%;
    }
    .tenpo_button {
        width: 42%;
        margin: 4px auto 0 auto;
        font-size: 1.7rem;
        background-position: left 22% center;
    }
    
    .tenpo_p {
        width: 100%;
        margin: 1rem auto;
    }
    
    .tenpo_p > img {
        width: 100%;

    }

    .tenpo_syosai {width: 100%;}
    .tenpo_syosai_hl {width: 70px; font-size: 1.7rem;}
    .tenpo_tel {margin: 10px 0 0;}

    .tenpo_syosai > table {
        font-size: 1.7rem;
    }

    .map_box {margin-bottom: 0px;}

    .mauto {margin-left: auto;margin-right: auto;}
    .mt05{margin-top: 0.25rem!important;}
    .mt10{margin-top: 0.5rem!important;}
    .mt15{margin-top: 0.75rem!important;}
    .mt20{margin-top: 1rem!important;}
    .mt25{margin-top: 1.25rem!important;}
    .mt30{margin-top: 1.5rem!important;}
    .mt40{margin-top: 2rem!important;}
    .mt50{margin-top: 2.5rem!important;}
    .mt60{margin-top: 3rem!important;}
    .mt70{margin-top: 3.5rem!important;}
    .mt80{margin-top: 4rem!important;}
    .mt100{margin-top: 5rem!important;}
    .mt120{margin-top: 6rem!important;}
    .mt150{margin-top: 7.5rem!important;}

    .mb20{margin-bottom: 2rem!important;}
    .mb30{margin-bottom: 2.2rem!important;}
    .mb60{margin-bottom: 3rem!important;}
    .mb70{margin-bottom: 3.5rem!important;}

    .pt05{padding-top: 0.25rem!important;}
    .pt10{padding-top: 0.5rem!important;}
    .pt20{padding-top: 1rem!important;}
    .pt30{padding-top: 1.5rem!important;}
    .pt40{padding-top: 2rem!important;}
    .pt50{padding-top: 2.5rem!important;}
    .pt80{padding-top: 4rem!important;}
    .pt100{padding-top: 5rem!important;}
    .pt120{padding-top: 6rem!important;}
    .pb05{padding-bottom: 0.25rem!important;}
    .pb06{padding-bottom: 0.26rem!important;}
    .pb10{padding-bottom: 0.5rem!important;}
    .pb20{padding-bottom: 1rem!important;}
    .pb30{padding-bottom: 1.5rem!important;}
    .pb40{padding-bottom: 2rem!important;}
    .pb50{padding-bottom: 2.5rem!important;}
    .pb60{padding-bottom: 3rem!important;}
    .pb70{padding-bottom: 3.5rem!important;}
    .pb80{padding-bottom: 4rem!important;}
    .pb100{padding-bottom: 5rem!important;}

    .sppd10 {
        padding: 1rem;;
    }

    .pd20 {
        padding: 1.5rem;
    }
    .pd30 {
        padding: 2rem;
    }

    .pd40 {
        padding: 2rem;
    }


    .spmt10 {margin-top: 1rem!important;}
    .spmt20 {margin-top: 2rem!important;}
    .spmt30 {margin-top: 3rem!important;}
    .spmt40 {margin-top: 4rem!important;}

    .spfs25{font-size: 2.5rem;}
    .spfs20{font-size: 2rem;}

    .spw35 {
        width: 35%!important;
    }

    .spw40 {
        width: 40%!important;
    }

    .spw50 {
        width: 50%!important;
    }

    .spw60 {
        width: 60%!important;
    }

    .spw70 {
        width: 70%!important;
    }

    .spw80 {
        width: 80%!important;
    }

     .spw90 {
        width: 90%!important;
    }

     .spw95 {
        width: 95%!important;
    }

     .spw100 {
        width: 100%!important;
    }

    ul.check_list li {
        background-size: 15px 15px;
        background-position: top 6px left 6px;
        width: 100%;
        margin-bottom: 10px;
        padding: 3px 3px 3px 25px;
        box-sizing: border-box;
    }

    #container {
        min-width: initial;
        overflow: hidden;

    }

    #header {
        height: 310px;
        min-width: auto;
        width: 100%;
        max-width: initial;
        background-size: auto,130% 130%;
        background-position: center top;
    }

    .sfks_logo {
        top: 7px;
        margin: 0 0 0 2.2%;
        width: 23%;
    }

    .age {
        top: 11px;
        margin: 0 0 0 33%;
        width: 30%;
    }

    .top_logo {
        width: 85%;
        max-width: auto;
        margin-top: 10px;
    }

    .header_button_box {
        top: -12px;
    }

    .top_logo_box {
        height: 300px;
    }

    .top_logo_box > img {
    width: 90%;
    max-width: 400px;
    min-width: 300px;
}

    .header_button {
        min-width: auto;
        background-image: url(../img/niji_formbg.png);
        background-position: left bottom;
        background-size: 180%;
        background-repeat: repeat;
    }

    .header_button_logo_box {
        padding: 5px;
    }

    a.button1 {
        top: 0px;
        min-width: auto;
        width: 90%;
        height: auto;
        padding-top: 26.36%;
    }

    .line_button {
        background-image: url(../img/line_button_sp.png);
        background-repeat: no-repeat;
        width: 180px;
        height: 45px;
        display: block;
        margin: 0 auto;
}

    .line_box {
        width: 100%;
        height: auto;
    }

    .tel_box {
        width: 100%;
        height: auto;
    }

    .line_box_title {
        width: 100%;
        line-height: 210%;
        font-size: 2.3rem;
    }

    .tel_hl_box img {
        vertical-align: text-top;
    }

    .tel_box p {
        font-size: 2rem;
    }

    .tel_box_title {
        line-height: 210%;
        font-size: 2.3rem;
        width: 100%;
    }

    .tel_hl_box span {
        vertical-align: middle;
    }

    .tellink {
        width: 60%;
    }

    .form_pic1,.form_pic2 {
        display: none;
    }

    a.button2 {
        min-width: auto;
        max-width: auto;
        height: 68%;
    }

    .subhead {
        padding: 3rem 2rem 4rem 2rem;
        background-size: 95%;
    }

    .subhead > p {
        padding-bottom: 0px;
    }

    .contents {
        width: 93%;
    }

    .circle_img {
        width: 100%;
    }

    .box_blue {
        border: 3px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #098ff2;
        width: 100%;
        padding: 1.9rem 2rem 2rem 2rem!important;
    }

    .box_red {
        border: 3px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #f24545;
        width: 100%;
        padding: 1.9rem 2rem 2rem 2rem!important;
    }

    .box_yellow {
        border: 3px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #f39800;
        width: 100%;
        padding-bottom: 3.3rem!important;
        padding: 2.4rem 2rem 2rem 2rem!important;
    }

    .box_green {
        border: 3px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #90c31f;
        width: 100%;
        padding: 1.9rem 2rem 2rem 2rem!important;
    }

    .box_darkgreen {
        border: 3px solid #fff;
        border-radius: 20px;
        box-shadow: 0 0 0 3px #109b2d;
        width: 100%;
        padding: 1.9rem 2rem 2rem 2rem!important;
    }

    .box_inwhite {
        width: 100%;
        box-sizing: border-box;
    }

    .box_inwhite_voice {
        width: 100%;
        box-sizing: border-box;
    }

    .ml_yajirushi {
        margin-left: 15px;
        width: 11px;
    }

    .ml_yajirushi_end {
        margin-left: 16px;
        width: 18px;
    }

    .contents_hl {
        line-height: 25px;
        padding-bottom: 5px;
    }

    .season_box {
        padding: 0px;
    }

    .season_hl {
        padding: 9px;
        width: 100%;
        top: 0px;
    }

    .voice_name {
        font-size: 2rem;
        top: 73%;
        right: auto;
        width: 100%;
        text-align: center;
    }

    .class_flex {
        column-gap: 15px;
        row-gap: 15px;
        margin-top: 15px!important;
    }

    .class_flex > img {
        width: 42.5%;
    }

    .hiyou_flex {
        display: flex;
        align-items: center;
        flex-direction: column;
        align-content: space-around;
        gap: 0px;
        margin-top: 0.3rem!important;
    }


    .hiyou_hl {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
        font-size: 2.5rem;
    }

    div > .hiyou_hl:nth-child(n + 2) {
        margin-top: 40px;
    }

    .hiyou_hl:after {
        content: "";
        position: absolute;
        top: 97%;
        left: 50%;
        margin-left: -7px;
        border: 7px solid transparent;
        border-top: 10px solid #f29600;
    }

    .hiyou_hl > span {
        font-size: 3rem;
    }

    .hiyou {
        margin-top: 15px;
        width: auto;
    }

    .hiyouclass_flex > img {
        width: 70%;
    }

    .hiyouclass_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-direction: column;
    }

    .season_text {
    width: 83%;
    margin-right: 4%;
    }

    .season_text > img {
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 9px;
        border: 4px solid #0a90ef;
        box-sizing: border-box;
    }

    .season_flex {
        padding: 5px;
        gap: 14px;
        background-position: bottom 0px left 6%,bottom 2px left 6%;
    }

    .season_flex_end {
        padding: 5px;
        background-image: url(../img/season7-end_under.png);
        background-position: top 0px left 4.5%;
        background-size: 28px;
        background-repeat: no-repeat;
    }

    .season_flex_end > .season_text {
        width: 82%;
    }

    .season_hl > .season {
        margin-right: 7px;
    }

    .season_flex > img {
    width: 30%;
    height: 30%;
    }

    .entry_button {
        width: 100%;
        padding: 10px;
    }

    .contents_hl_bg {
        width: 90%;
        padding: 10px;
    }

    .contents_hl_data {
        padding-top: 44px;
        top: -40px;
    }

    .table1 th.classname, td.classage {
        border-top: 10px solid #0d6fb8;
    }

    .voice_flex {
        flex-direction: column;
        gap: 2rem;
        width: 100%;
    }

    .voice_box {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    .voice_box:nth-child(2) {
        margin-top: 10px;
    }

    .voice_image {
        width: 91px;
        height: 70px;
        padding: 10px;
        box-sizing: border-box;
    }

    .voice_text {
        padding: 5px;
        line-height: 160%;
        font-size: 2.4rem;
    }

    .entry_button_logo_box {
        padding: 10px;
    }

    .linetel {
        flex-direction: column;
        width: 85%;
        height: auto;
        align-items: center;
        margin-top: 10px;
    }

    .lineqr {
        display: none;
    }

    .tenpo_naka {
        margin-top: -10px;
        padding: 10px;
    }

    .qanda_box {
        padding: 5px 0;
    }

    .qanda_q_flex {
        padding: 7px;
        line-height: 140%;
    }

    .qanda_q {
        line-height: 170%;
        width: 35px;
        height: 35px;
    }

    .qanda_a_flex {
        top: 10px;
        padding: 7px;
    }

    .qanda_a {
        line-height: 170%;
        width: 35px;
        height: 35px;
    }

    .ac-box input:checked ~ div {
        margin: 0px 0 20px 0;
    }

    .q_icon {
        width: 10px;
    }

    #footer_naka {
        line-height: 160%;
        font-weight: 400;
            display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: nowrap;
        gap: 5px;
        align-items: flex-start;
    }

    #footer_naka div {
        width: 100%;
        text-align: center;
    }

    .line_otoku1_sp {
        width: 60%;
    }

    .tel {
        width: 60%;
    }

    .office_name {
        width: 100%;
    }

    .box_hl {
        line-height: 39px;
        height: 40px;
        width: 50%;
        box-sizing: border-box;
    }

    .box_blue > .box_hl:before,
    .box_blue > .box_hl:after {
        border: 20px solid #0d6fb8;
    }

    .box_blue > .box_hl:before {
        left: -40px;
        border-left-width: 20px;
        border-left-color: transparent;
    }

    .box_blue > .box_hl:after {
        right: -40px;
        border-right-width: 20px;
        border-right-color: transparent;
    }

    .box_red > .box_hl:before,
    .box_red > .box_hl:after {
        border: 20px solid #df2323;
    }

    .box_red > .box_hl:before {
        left: -40px;
        border-left-width: 20px;
        border-left-color: transparent;
    }

    .box_red > .box_hl:after {
        right: -40px;
        border-right-width: 20px;
        border-right-color: transparent;
    }

    .box_darkgreen > .box_hl:before,
    .box_darkgreen > .box_hl:after {
        border: 20px solid #109b2d;
    }

    .box_darkgreen > .box_hl:before {
        left: -40px;
        border-left-width: 20px;
        border-left-color: transparent;
    }

    .box_darkgreen > .box_hl:after {
        right: -40px;
        border-right-width: 20px;
        border-right-color: transparent;
    }

    .box_green > .box_hl {
    background-color: #6d9f00;
    }

    .box_green > .box_hl:before,
    .box_green > .box_hl:after {
        border: 20px solid #6d9f00;
        position: absolute;
      top: 0;
      display: block;
      height: 0px;
      content: '';
    }

    .box_green > .box_hl:before {
      left: -40px;
      border-left-width: 20px;
      border-left-color: transparent;
    }

    .box_green > .box_hl:after {
      right: -40px;
      border-right-width: 20px;
      border-right-color: transparent;
    }

    .thanks_fuki02 {
        top: -12%;
    }

}

/************ SP ************/