@charset "utf-8";

/* ========================================
    ■ 必須設定
======================================== */

/* reset
----------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{
font-size: 10px;
font-size: 62.5%;
font-family: sans-serif;
line-height: 1.15;
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 768px) {
    html{
        min-width: 950px;
    }
}
@media screen and (max-width: 767px) {
    html{
        width: 100vw;
    }
}

html.js_fontLarge {
font-size: 11px;
font-size: 68.8%;
}

body {
/*font-family: Meiryo, \30e1\30a4\30ea\30aa, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;*/
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.75;
position: relative;
margin: 0 auto;
padding: 0;
color: #191919;/*223;*/
background: #fff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
th { font-weight: normal; }
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select, textarea, img { vertical-align:middle; }
ul, dl, ol { list-style: none; }


/* 共通設定
----------------------------- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
            appearance: none;
}

header {
    border-bottom: 1px solid #909090;
}

main {
    font-size: 16px;
    /*font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;*/
      font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    color: #191919;/*727272;*/
    line-height: 1.87;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    letter-spacing: 0.075em;
}
.main-content {
    background-color: #FFF;
}

@media all and (-ms-high-contrast:none){
    main {
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    }
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        main {
            font-size: 1.6vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main {
            font-size: 20.4px;
            line-height: 1.45;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main {
            font-size: 3.2vw;
        }
    }

main a {
    color: #172693;
    text-decoration: underline;
    transition: 0.2s ease;
}
main a:hover {
    text-decoration: none;
    transition: 0.2s ease;
}
main a::before, main a:hover::before,
main a::after, main a:hover::after {
    transition: 0.2s ease;
}

main img,
main video,
main object {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}

/* ========================================
    ■ General
======================================== */
main .wrap {
  position: relative;
  width: 1000px;
    margin: 0 auto;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        main .wrap {
            width: 100%;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main .wrap {
            width: 640px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main .wrap {
            width: 100%;
        }
    }

main .hover:hover { opacity: 0.7; }

/* 表示切替 */
main .is-pc {
    display: inline-block;
}
main .is-sp {
    display: none;
}
.wrap_body {
  width: 100%;
  overflow: hidden;
}
    /* sp */
    @media screen and (max-width: 767px) {
        main .is-pc {
            display: none;
        }
        main .is-sp {
            display: inline-block;
        }
    }

    /* sp */
    @media screen and (max-width: 767px) {
        main table.tbl-block,
        main table.tbl-block tbody,
        main table.tbl-block tr,
        main table.tbl-block th,
        main table.tbl-block td {
            display: block;
        }
    }

/* 見出し */
main .title01 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/cmn_title01_bg01.png) no-repeat center top/cover;
    min-width: 1000px;
    height: 160px;
    padding-bottom: 30px;
    position: relative;
}
main .title01::after {
    content: '';
    display: block;
    background: #fff;
    width: 1000px;
    height: 30px;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -1px;
}
main .section-07 .title01::after {
  background: #e9edf5;
}

    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        main .title01 {
            min-width: auto;
            height: 24vw;
            padding-bottom: 3vw;
        }
        main .title01::after {
            width: 100vw;
            height: 3vw;
            left: calc(50% - 50vw);
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main .title01 {
            min-width: auto;
            height: 160px;
            padding-bottom: 30px;
        }
        main .title01::after {
            width: 604px;
            height: 34px;
            position: absolute;
            left: calc(50% - 302px);
            bottom: -1px;
        }
        main .title01 img {
            width: 640px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main .title01 {
          height: 22.7vw;
          padding-bottom: 4vw;
        }
        main .title01::after {
            width: 94vw;
            height: 5.3vw;
            position: absolute;
            left: calc(50% - 47vw);
        }
        main .title01 img {
            width: 100%;
        }
    }

/* ●記号リスト */
main .list01 li {
    padding-left: 2em;
    text-indent: -0.8em;
}
main .list01 li::before {
    content: '\f111';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 0.2em;
}
main .list01 li:nth-of-type(n+2) {
    margin-top: 8px;
}
main .list01 ul {
  margin: 8px 0;
}
main .list01 ul li::before {
  content: '\f10c';
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 0.8vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 30px;
        }
        main .list01 ul {
      margin: 4.6vw 0;
    }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        main .list01 li:nth-of-type(n+2) {
            margin-top: 4.6vw;
        }
    }

/* 外部リンクマーク */
main .link-blank::after {
    content: '';
    display: inline-block;
    background: url(../images/cmn_link_ico01.png) no-repeat center center/100% auto;
    width: 15px;
    height: 13px;
    margin-left: 5px;
}
    /* tablet */
    @media screen and (max-width: 767px) {
        main .link-blank::after {
            width: 12px;
            height: 10px;
        }
    }

.referer_normal,.referer_ad,.referer_af {
    display: none;
}


/* ========================================
    ■ toTop
======================================== */
.toTop {
  position: fixed;
  z-index: 2000;
}

[data-script-enabled] .toTop{
    opacity: 0;
    transition: 0.5s ease-out opacity;
}
[data-script-enabled] .toTop.isVisible {
    opacity: 1;
}

.toTop>a {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: top .4s ease-out;
}

.toTop>a:before {
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.toTop.js_fixed {
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .toTop {
    right: 30px;
    bottom: 109px;
    width: 64px;
    height: 64px;
  }
  .toTop.js_fixed {
    top: -64px;
  }
  .toTop>a {
    width: 64px;
    height: 64px;
  }
  .toTop>a:before {
    background-image: url(/access/common/img/icon/icon_footer_04.png);
  }
}

@media only screen and (max-width: 767px) {
  .toTop {
    right: 20px;
    bottom: 70px;
    width: 40px;
    height: 40px;
  }
  .toTop.js_fixed {
    top: -39px;
  }
  .toTop>a {
    width: 40px;
    height: 40px;
  }
  .toTop>a:before {
    background-image: url(/access/common/img/sp/icon/sp_icon_footer_04.png);
  }
}

/* mediaquey END*/


/* ========================================
    ■ gNav
======================================== */
nav a {
    text-decoration: none;
    color: #314da5;
}

.hdgNavArea {
    position: relative;
}
.hdgNavArea>nav {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    background-color: #fff;
}
.hdgNavArea.isFixed>nav,
html.is-mode body:not([style="top: 0px;"]) .hdgNavArea>nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

footer ~ img {
    display: none;
}

@media only screen and (min-width: 768px) {

  .nav_area_01 {
    display: flex;
    align-content: center;
    width: 100%;
    min-width: 950px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .nav_area_01 .logo-collabo {
    width: 480px;
    padding: 7px 0;
  }
  .nav_area_01 .logo-collabo>img {
    width: 215px;
  }
  .nav_area_01 .logo-collabo>p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 2px 0 0;
  }
  .nav_area_01 .burgerMenuWrapper {
    display: none;
  }
  .nav_area_01 .is-sp {
    display: none;
  }
  .nav_area_01 .nav_cta {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 10px 0;
  }
  .nav_area_01 .nav_cta p {
    margin-right: 15px;
    padding-top: 2px;
  }
  .nav_area_01 .btn_nav_phone {
    margin-right: 10px;
  }
  .nav_area_01 .btn_nav_apply {
    margin-left: 10px;
  }
    .pageNavOuter .closeBtnWrapper {
        display: none !important;
    }
  .nav_area_02 {
    background-color: #30333a;
  }
  .pageNav {
    display: table;
    width: 100%;
    min-width: 950px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .pageNav li {
    vertical-align: middle;
    display: table-cell;
    padding: 18px 15px 18px 0;
  }
  .pageNav li:nth-last-child(2) {
    padding: 18px 13px 18px 0;
  }
  .pageNav a {
    font-weight: normal;/*add*/
    color: #fff;
  }
  .pageNav li:not(.subNav) a:hover,
    .pageNav li:not(.subNav) a.current {
    text-decoration: none;
    border-bottom: 4px solid #ffd400;
  }
  .pageNav .subNav {
    width: 220px;
    padding: 1px 0;
  }
  .pageNav .subNav a {
    line-height: 1.4;
    text-align: center;
    color: #223;
    background-color: #eee;
    display: block;
    padding: 12px 2px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .pageNav .subNav .referer_af a {
    line-height: 1.4;
    text-align: center;
    color: #223;
    background-color: #eee;
    display: block;
    padding: 12px 2px;
  }
  .pageNav .subNav a>span::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #223;
    border-bottom: 2px solid #223;
  }

    .gFt2017_footer {
        border-top: 0;
    }
}

@media only screen and (max-width: 767px) {
  header {
    border-bottom: 0;
  }
  .hdgNavArea>nav {
    overflow: hidden;
  }
  .gHd2017_header.gHd2017_SP {
    border-bottom: 1px solid #ccc;
  }
  .nav_area_01 {
    display: flex;
    padding: 10px 10px 12px;
    height: 57px;
  }
  .nav_area_01 .logo-collabo {
    width: auto;
  }
  .nav_area_01 .logo-collabo>img {
    width: 215px;
  }
  .nav_area_01 .logo-collabo>p {
    margin: 0;
  }

  .nav_area_01 .nav_cta {
      display: none;
  }

  .nav_area_01 .is-sp {
    display: inline-block;
  }

  .nav_area_01 .burgerMenuWrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .nav_area_01 .burgerMenuWrapper span {
    position: relative;
    width: 25px;
    height: 20px;
  }
  .nav_area_01 .burgerMenuWrapper a, .nav_area_01 .burgerMenuWrapper span::before, .nav_area_01 .burgerMenuWrapper span::after {
    color: transparent;
    background: #223;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 3px;
    margin: auto;
    transform: rotate(0deg);
  }
  .nav_area_01 .burgerMenuWrapper span::before, .nav_area_01 .burgerMenuWrapper span::after {
    content: "";
    transition: transform .3s ease-out, bottom .3s ease-out, top .3s ease-out;
  }
  .nav_area_01 .burgerMenuWrapper a {
    top: 0;
    bottom: 0;
    transition: transform .3s ease-out, ;
  }
  .nav_area_01 .burgerMenuWrapper span::before {
    top: 0;
    bottom: calc(100% - 2px);
  }
  .nav_area_01 .burgerMenuWrapper span::after {
    top: calc(100% - 2px);
    bottom: 0;
  }
  .nav_area_01 .burgerMenuWrapper.isOpen a {
    transform: rotate(-45deg);
  }
  .nav_area_01 .burgerMenuWrapper.isOpen span::before, .nav_area_01 .burgerMenuWrapper.isOpen span::after {
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
  }
  [data-script-enabled] .pageNavOuter {
    overflow: hidden;
    height: 0;
    transition: height .3s ease-out;
  }
  .pageNav {
    border-top: 1px solid #ccc;
  }
  .pageNav a {
    color: #223;
    background: #efefef;
    position: relative;
    display: block;
    padding: 16px 40px 15px 15px;
    border-bottom: 1px solid #ccc;
  }
  .pageNav a br {
    display: none;
  }
  .pageNav a:link, .pageNav a:hover, .pageNav a:visited, .pageNav a:active {
    color: #223;
  }
  .pageNav a:after {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    content: "";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #3c3c3c;
    border-bottom: 2px solid #3c3c3c;
  }
  .pageNav a[href^="#"]:after {
    background-image: url(/common/ui_ver2/img/gHd2016_sp_sprite.png);
    background-position: -4px -8px;
    -webkit-background-size: 180px auto;
    background-size: 180px auto;
    width: 12px;
    height: 10px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border: medium none;
  }
  .pageNavOuter .closeBtnWrapper {
    text-align: center;
    background: #efefef;
    position: relative;
    display: block;
    float: none;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0;
    padding: 15px 15px 55px;
  }
  .pageNavOuter .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 13px;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 2.1em;
    margin: auto;
  }
  .pageNavOuter .closeBtn>a {
    font-size: 81%;
    line-height: 1.1;
    color: #fff;
    background: #4d4d4d;
    position: relative;
    display: block;
    padding: 9px 20px 9px 37px;
    border-radius: 17px;
  }
  .pageNavOuter .closeBtn>a::after {
    background-image: url(/common/ui_ver2/img/gHd2016_sp_sprite.png);
    background-position: -158px -8px;
    -webkit-background-size: 180px auto;
    background-size: 180px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    display: block;
    width: 12px;
    height: 12px;
    margin: auto;
    content: "";
  }
}

/* ========================================
    ■ page_hd_area
======================================== */
.page_hd_area {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 0 15px;
  text-align: center;
}
.page_hd_logo {
  margin-bottom: 3px;
}
.page_hd_txt {
  color: #020000;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
.nav_area_hd > p {
  display: inline-block;
  vertical-align: bottom;
}
.page_hd_area {
  display: none;
}
.page_hd_logo img {
  width: 130px;
  margin-top: 5px;
}
}

/* ========================================
    ■ top_notice_area
======================================== */
.top_notice_area {
  color: #1c1c30;
  background: #fff8ec;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  padding: 12px 0;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.3px;

}
.top_notice_area .inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.top_notice_area .mark {
  color: #e00000;
  margin-right: 5px;
}
.top_notice_area p {
  padding-left: 8em;
}
.top_notice_area p:first-child {
  padding-left: 0;
}
.top_notice_cate {
  display: inline-block;
  color: #fff;
  background: #ffa100;
  padding: 2px 20px 0px;
  margin-right: 15px;
  font-weight: bold;
  border-radius: 4px;
}

@media only screen and (max-width:767px) {
.top_notice_area {
  font-size: 13px;
  font-size: 1.3rem;
}
.top_notice_area .inner {
  padding: 0 10px;
}
.top_notice_area p {
  padding-left: 0;
}
.top_notice_cate {
  padding: 4px 13px 3px;
  display: inline-block;
  margin-bottom: 8px;
}
}

/* ========================================
    ■ keyv
======================================== */
.keyv {
    min-width: 1000px;
    position: relative;
   /*add201908*/
    background: url(../images/images2/main_bg_img.png) repeat-x center -76px;
    background-size:2000px;
}
.keyv_inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
/*add201908*/
/*.keyv::before {
    content: '';
    display: block;
    background: url(../images/keyv_bg03.png) no-repeat center top/cover;
    width: 100%;
    height: calc(300px + 2%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}*/

/* .keyv.type-diversion::before { */
/*   height: calc(300px + 2%); */
/* } */
.keyv_inner > figure {
    width: 1440px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.keyv_img {
  position: relative;
}
.keyv .kv_norikae {
  position: absolute;
  top: 69.73%;
  left: 8.5%;
  z-index: 9998;
  width: 52.08%;
}
.keyv .notes {
    padding: 15px 110px;
    color: #fff;
    position: relative;
    z-index: 3;
}
.keyv .notes a {
    color: #fff;
}

.notes_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.notes_box dt {
  background: #fff;
  color: #3a3e4b;
  padding: 7px 10px;
  letter-spacing: 2px;
  line-height: 1.3;
  position: relative;
  min-width: 30px;
  text-align: center;
}
/* .notes_box dt span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
} */
.notes_box dd {
  padding-left: 10px;
}


    @media screen and (max-width: 1200px) and (min-width: 1001px) {
      .keyv_inner > figure {
        width: 100%;
      }
      .keyv .notes {
        padding: 0 110px;
      }
      .keyv .kv_norikae {
        width: 55.5%;
      }
    }

    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .keyv {
            min-width: auto;
        }
        .keyv_inner {
          min-width: auto;
        }
        .keyv::before {
            height: calc(36vw + 2%);
        }
        /* .keyv.type-diversion::before { */
        /*   height: calc(36vw + 2%); */
        /* } */
        .keyv_inner > figure {
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
        }
        .keyv .notes {
          padding: 12px 110px;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .keyv {
            min-width: auto;
            background: url(../images/keyv_bg03_sp.png) repeat-x center top;
            -webkit-background-size: cover;
            background-size: cover;
        }
        .keyv::before {
            background: none;
            z-index: 0;
        }
        .keyv_inner > figure {
            position: static;
            width: 100%;
            transform: translateX(0);
            z-index: 5;
            text-align: center;
        }
        .keyv_cpn {
          padding: 0 3.3vw;
          position: relative;
          width: 100%;
        }
        .keyv .notes {
          padding: 3.3vw;
          font-size: 11px;
          font-size: 1.1rem;
        }
        .notes_box {
          font-size: 12px;
          font-size: 1.2rem;
        }
        .notes_box dt {
          padding: 7px 10px;
          min-width: 26px;
        }
        .keyv .kv_norikae {
          position: static;
          width: 100%;
          margin-bottom: 10px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .keyv::before {
            height: 34vw;
        }
    }

/* キービ内部
--------------------------------- */
.keyv .wrap {
  padding: 0 0 28px;
  z-index: 5;
}
/* .keyv.type-diversion .wrap { */
/*   margin-top: -106px; */
/*   padding: 0 0 34px; */
/* } */
.keyv h1 {
  text-align: right;
}
.keyv .price-btn {
  margin-top: 35px;
}
.keyv .cpn-btn {
  width: 97.2%;
  margin: 0 0 0 11px;
}
    /* tablet */
    @media screen and (max-width: 1100px) and (min-width: 768px) {
        .keyv .wrap {
            padding: 0 0 5vw;
        }
        /* .keyv.type-diversion .wrap { */
        /*   margin-top: -6vw; */
        /*   padding: 0 0 5vw; */
        /* } */
        .keyv h1 img {
            width: 54vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .keyv .wrap {
            padding: 17px 0 18px;
        }
        /* .keyv.type-diversion .wrap { */
        /*   margin-top: 0; */
        /*   padding: 30px 0 18px; */
        /* } */
        .keyv h1 {
            text-align: center;
        }
        .keyv .cpn-btn {
            margin-top: 512px;
            padding: 2.6vw;
            background: #303030;
            width: 100%;
            margin-top: -3vw;
            margin-left: 0;
        }
        .keyv .price-btn {
          margin-top: 65vw;
          background: #303030;
          padding-top: 2vw;
          padding-left: 1vw;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .keyv .wrap {
            padding: 4.6vw 0 2.8vw;
        }
        /* .keyv.type-diversion .wrap { */
        /*   margin-top: 0; */
        /*     padding: 4.6vw 0 2.8vw; */
        /* } */
        .keyv .price-btn {
          margin-top: 80vw;
        }
    }

/* ========================================
    ■ section-01
======================================== */
.section-01 .wrap {
    background: #fff;
    padding: 30px 0;
    text-align: center;
    top: -30px;
    z-index: 4;
}
.section-01 h2 {
    margin-bottom: 55px;
}
.section-01 h2 + p {
  margin-bottom: 50px;
}
.section-01 .referer_af  h2 {
  margin-top: 70px;
}
.section-01 .col2 {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 35px;
}
.section-01 .col2 > li {
  width: 50%;
  padding: 0 10px;
}
.section-01 .link {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}
.section-01 .link::before {
  content: "\f13a";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 5px;
  color: #172693;
  font-size: 1.5em;
}
.section-01 .link.type-right::before {
    content: "\f138";
}
.section-01 .col3 {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 35px;
}
.section-01 .col3 li {
  width: 33.33%;
  padding: 0 20px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section-01 .col3 li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20%;
  border-right: 1px solid #9f9f9f;
  height: 72%;
}
.section-01 .col3 li:last-child::after {
  content: none;
}
.section-01 .col3 li p {
  color: #020000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
.section-01 .col3 li p:first-child {
  height: 286px;
  margin-bottom: 25px;
}
.section-01 .col3 li p:last-child {
  text-align: left;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-01 .wrap {
            padding: 5.5vw 0 2.5vw;
            text-align: center;
            top: -3vw;
        }
        .section-01 h2 {
            margin-bottom: 5vw;
        }
        .section-01 h2 img {
            width: 74vw;
        }
        .section-01 .col2 {
            margin: 2.5vw 5vw 0;
        }
        .section-01 .col2 li {
            width: 43vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-01 .wrap {
            padding: 7.6vw 4.6vw 6vw;
            top: 0;
        }
        .section-01 h2 {
          margin-bottom: 30px;
        }
        .section-01 h2 + p {
          margin-bottom: 0;
        }
        .section-01 h2 img {
            width: 548px;
        }
        .section-01 a img {
            width: 580px;
        }
        .section-01 .col2 {
            flex-direction: column;
            margin-top: 34px;
        }
        .section-01 .col2 > li {
          width: 100%;
        }
        .section-01 .col2 li:nth-of-type(n+2) {
            margin-top: 26px;
        }
        .section-01 .col2 li img {
            width: 508px;
        }
        .section-01 .link {
          font-size: 12px;
          font-size: 1.2rem;
        }
        .section-01 .col3 {
          display: block;
          margin-top: 10px;
          margin-bottom: 0;
        }
        .section-01 .col3 li {
          width: 100%;
          padding: 20px 0 25px;
        }
        .section-01 .col3 li:last-child {
          width: 100%;
          padding: 20px 0 0;
        }
        .section-01 .col3 li::after {
          width: 89.5%;
          height: auto;
          bottom: 0;
          top: auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          border-bottom: 1px solid #9f9f9f;
        }
        .section-01 .col3 li p {
          margin-bottom: 15px;
        }
        .section-01 .col3 li p:last-child {
          margin-bottom: 0;
        }
        .section-01 .col3 li:nth-child(1) img {
          width: 70.9%;
        }
        .section-01 .col3 li:nth-child(2) img {
          width: 97.4%;
        }
        .section-01 .col3 li:nth-child(3) img {
          width: 77.5%;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-01 h2 img {
            width: 85.6vw;
        }
        .section-01 a img {
            width: 90.6vw;
        }
        .section-01 .col2 {
            margin-top: 5vw;
            margin-bottom: 4vw;
        }
        .section-01 .col2 li:nth-of-type(n+2) {
            margin-top: 10vw;
        }
    }

/* ========================================
    ■ cta
======================================== */
.cta {
    background: url(../images/cta_bg01.png) no-repeat center top/cover;
    min-width: 1000px;
    border-top: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
}
.cta .wrap {
    padding: 70px 0 110px;
    text-align: center;
}
.cta h2 {
    margin-bottom: 45px;
}
.cta_notice {
    color: white;
    background-color: black;
    padding: 2rem 3rem 1rem;
    margin: 3rem auto 3rem !important;
    display: block !important;
}
.cta_notice h4 {
    font-size: 1.8rem;
}
.cta_notice a {
    color: white;
}
.cta_notice p {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta {
            min-width: auto;
        }
        .cta .wrap {
            padding: 8vw 0;
        }
        .cta h2 {
            margin-bottom: 4.5vw;
        }
        .cta h2 img {
            width: 96.8vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta {
            min-width: auto;
            border-top-width: 2px;
            border-bottom-width: 2px;
        }
        .cta .wrap {
            padding: 68px 0;
        }
        .cta h2 {
            margin-bottom: 40px;
        }
        .cta .wrap > a img {
            width: 580px;
        }
        .cta img[src*=cta_tit01] {
          max-width: 231px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta .wrap {
            padding: 10.6vw 0;
        }
        .cta h2 {
            margin-bottom: 6vw;
        }
        .cta .wrap > a img {
            width: 90.6vw;
        }
    }

/* So-net会員向けリンク
--------------------------------- */
.cta-link .wrap-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
    color: #070404;
    font-size: 1.12em;
}
.cta-link .wrap-link + .wrap-link {
    margin-top: 10px;
}
.cta-link .wrap-link > p {
    display: flex;
    align-items: center;
}
.cta-link .link {
    margin-left: 20px;
}
.cta-link .link::before {
    content: "\f13a";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 5px;
    color: #172693;
    font-size: 1.5em;
}
.cta-link .link.type-right::before {
    content: "\f138";
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .wrap-link {
            margin-top: 3.5vw;
        }
        .cta-link .link {
            margin-left: 2vw;
        }
        .cta-link .link::before {
            margin-right: 0.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .wrap-link {
            flex-direction: column;
            margin-top: 35px;
            font-size: 1em;
        }
        .cta-link .link {
            margin-left: 0;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .wrap-link {
            margin-top: 5.4vw;
        }
    }

/* 微調整
--------------------------------- */
.section-03-detail + .cta .wrap {
    padding-bottom: 115px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-detail + .cta .wrap {
            padding-bottom: 11.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail + .cta .wrap {
            padding-bottom: 90px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-detail + .cta .wrap {
            padding-bottom: 14vw;
        }
    }

/* ========================================
    ■ section-02
======================================== */
.section-02 .wrap {
    padding: 40px 0 85px;
    text-align: center;
    letter-spacing: 0.06em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-02 .wrap {
            padding: 4vw 0 8.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-02 .wrap {
            padding: 38px 0 76px;
        }
        main .section-02 .title01 img {
          width: 60%;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-02 .wrap {
            padding: 6vw 4.6vw 12vw;
        }
    }


/* サービス説明
--------------------------------- */
.section-02 .header-text {
    padding-bottom: 50px;
}
.section-02 .header-text strong {
    color: #000;
    font-size: 1.12em;
}
.section-02 .header-text figure {
    margin: 50px 0;
}
.section-02 .detail-important {
  margin: 40px 0;
}
.section-02 .header-text strong strong {
  color: #FC3F1A;
  font-size: 1em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-02 .header-text {
            padding-bottom: 5vw;
        }
        .section-02 .header-text figure {
            margin: 5vw 0;
        }
        .section-02 .header-text figure img {
            width: 90.2vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-02 .header-text {
            padding-bottom: 68px;
        }
        .section-02 .header-text figure {
            margin: 52px 0;
        }
        .section-02 .header-text figure img {
            width: 580px;
        }
        .section-02 .header-text figure + p img {
            width: 566px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-02 .header-text {
            padding-bottom: 10.6vw;
        }
        .section-02 .header-text figure {
            margin: 8vw 0;
        }
        .section-02 .header-text figure img {
            width: 90.6vw;
        }
        .section-02 .header-text figure + p img {
            width: 88.4vw;
        }
    }

/* だから快適ネット接続！
--------------------------------- */
.section-02 .sakusaku {
    padding: 45px 0 55px;
    border: solid 4px #eb4600;
    position: relative;
    margin-bottom: 40px;
}
.section-02 .sakusaku h3 {
    position: absolute;
    left: calc(50% - 360px);
    top: -40px;
}
.section-02 .sakusaku h4 {
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
}
.section-02 .sakusaku figure {
    margin-top: 35px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-02 .sakusaku {
            margin: 0 5vw;
            padding: 4.5vw 0 5.5vw;
        }
        .section-02 .sakusaku h3 {
            left: calc(50% - 36vw);
            top: -4vw;
        }
        .section-02 .sakusaku h3 img {
            width: 72vw;
        }
        .section-02 .sakusaku figure {
            margin-top: 3.5vw;
        }
        .section-02 .sakusaku figure img {
            width: 85vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-02 .sakusaku {
            margin: 0 30px;
            padding: 34px 25px 38px;
            border: solid 4px #eb4600;
            position: relative;
        }
        .section-02 .sakusaku h3 {
            position: absolute;
            left: calc(50% - 268px);
            top: -34px;
        }
        .section-02 .sakusaku h3 img {
            width: 536px;
        }
        .section-02 .sakusaku h4 {
            margin-bottom: 18px;
            font-size: 1.25em;
            line-height: 1.4;
        }
        .section-02 .sakusaku figure {
            margin-top: 25px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-02 .sakusaku {
            margin: 0 4.6vw;
            padding: 5.4vw 4vw 6vw;
        }
        .section-02 .sakusaku h3 {
            left: calc(50% - 42vw);
            top: -5.4vw;
        }
        .section-02 .sakusaku h3 img {
            width: 83.6vw;
        }
        .section-02 .sakusaku h4 {
            margin-bottom: 2.8vw;
        }
        .section-02 .sakusaku figure {
            margin-top: 4vw;
        }
    }

/* サービス詳細
--------------------------------- */
.section-02 .detail h4 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 20px;
}
.section-02 .detail .detail-important {
  margin-top: 40px;
}
.section-02 .detail .header-text {
  margin-top: 20px;
  padding-bottom: 0;
}
.section-02 .detail .header-text strong strong {
  color: #FC3F1A;
  font-size: 1em;
}
.section-02 .detail .detail-txt {
  margin-top: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ヒラギノ角ゴ Std', 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Std', 'MS PGothic', Meiryo, sans-serif;
  font-weight: bold;
  color: #000;
}

.section-02 .detail .cta-link .link {
  margin-left: auto;
}

    /* sp */
    @media screen and (max-width: 767px) {
        .section-02 .detail h4 {
            margin-bottom: 18px;
            font-size: 1.25em;
            line-height: 1.4;
        }
        .section-02 .detail .detail-note {
          width: 100%;
        }
        .section-02 .detail {
          padding: 40px 0 0;
        }
        .section-02 .detail .detail-txt {
          font-size: 24px;
          font-size: 2.4rem;
          margin-top: 20px;
          margin-bottom: 6px;
        }
        .section-02 .detail .detail-txt2 {
          margin-top: 30px;
        }
        .section-02 .detail-price {
          margin-top: 30px;
        }
        .cta-link .wrap-link {
          margin-top: 20px;
        }
    }

    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-02 .detail h4 {
            margin-bottom: 2.8vw;
        }
        .section-02 .detail {
          padding: 4vw 4.6vw 0;
        }
        .section-02 .detail .detail-txt {
          font-size: 17px;
          font-size: 1.7rem;
          margin-top: 20px;
        }
    }

/* 注釈
--------------------------------- */
.section-02 small {
    display: block;
    margin-top: 20px;
    font-size: 0.87em;
    text-align: left;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-02 small {
            margin: 2vw 5vw 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-02 small {
            margin: 42px 25px 0;
            font-size: 1em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-02 small {
            margin: 6.5vw 4vw 0;
        }
    }

/* ========================================
    ■ section-03
======================================== */
.section-03 .header-text {
    margin-bottom: 2.6vw;
}
.section-03 .header-text strong {
    color: #000;
    font-size: 1.12em;
}
.section-03 .heading {
  text-align: center;
  margin: 0 0 20px;
  line-height: 1.25;
  font-size: 3.2rem;
  position: relative;
  padding: 0 0 12px;
  padding-bottom: 12px;
}
.section-03 .heading::after {
  width: 224px;
  background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
  background: linear-gradient(to right, #5ca122, #fff630);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 171px;
  height: 3px;
  margin: 0 auto;
  content: "";
}
.section-03 .situation {
  color: #191919;/*223;*/
  font-size: 2.3rem;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03 .notes {
            display: inline-block;
            text-align: left;
        }
        main .section-03 .title01 img {
          width: 72%;
        }
        .section-03 .heading {
          font-size: 2.2rem;
        }
        .section-03 .situation {
          font-size: 1.8rem;
        }
    }

/* ========================================
    ■ section-03-campaign
======================================== */
.section-03-campaign {
    border-top: solid 1px #d5d5d5;
}

.section-03-campaign .wrap {
    padding: 45px 0 85px;
    text-align: center;
}
.section-03-campaign h3 {
    margin-bottom: 3vw;
}
#section-03-norikae {
  padding-top: 126px;
  margin-top: -126px;
}
.section-03-campaign .wrap .list01 {
  text-align: left;
}
.section-03-campaign .wrap .list01 ul.mod-listNotice li::before {
  content: none;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-campaign .wrap {
            padding: 4.5vw 0 8.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-campaign .wrap {
            padding: 18px 0 52px;
        }
        .section-03-campaign .col2 + div img {
        width: 79.4vw;
        }
        #section-03-norikae {
          padding-top: 54px;
          margin-top: -54px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-campaign .wrap {
            padding: 2.8vw 4.6vw 8vw;
        }
    }

/* ========================================
    ■ section-03-discount
======================================== */
.section-03-discount .wrap {
    padding: 50px 0 80px;
    text-align: center;
}
.section-03 .col2 {
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
    margin-bottom: 35px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-discount .wrap {
            padding: 5vw 0 13vw;
        }
        .section-03 .col2 {
            margin: 2.5vw 5vw;
        }
        .section-03 .col2 li {
            width: 43vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-discount {
            border-top-width: 2px;
        }
        .section-03-discount .wrap {
            padding: 60px 0 85px;
        }
        .section-03 .col2 {
            flex-direction: column;
            margin-top: 34px;
        }
        .section-03 .col2 li:nth-of-type(n+2) {
            margin-top: 26px;
        }
        .section-03 .col2 li img {
            width: 508px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-discount .wrap {
            padding: 9vw 4.6vw 6vw;
        }
        .section-03 .col2 {
            margin-top: 5vw;
            margin-bottom: 4vw;
        }
        .section-03 .col2 li:nth-of-type(n+2) {
            margin-top: 4vw;
        }
    }

/* ========================================
    ■ section-03-smartvalue
======================================== */
.section-03-smartvalue .wrap {
  padding-top: 20px;
    padding-bottom: 170px;
    text-align: center;
}
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-smartvalue .wrap {
            padding: 9vw 4.6vw 13vw;
        }
    }

/* ========================================
    ■ section-03-detail
======================================== */
.section-03-detail .wrap {
    padding: 45px 0 95px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-detail .wrap {
            padding: 4.5vw 5vw 9.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail .wrap {
            padding: 0 30px 76px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-detail .wrap {
            padding: 0 4.6vw 11.8vw;
        }
    }

/* 表
--------------------------------- */
.section-03-detail table {
    width: 100%;
    margin-bottom: 40px;
    border-top: solid 1px #d5d5d5;
}
.section-03-detail table th {
    width: 200px;
    padding: 20px 30px;
    color: #000;
    font-size: 1.18em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 1px #d5d5d5;
    position: relative;
}
.section-03-detail table th::after {
    content: '';
    display: block;
    background: #d5d5d5;
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    right: 0;
    top: 10px;
}
.section-03-detail table td {
    padding: 20px 30px;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 1px #d5d5d5;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-detail table th {
            width: 20vw;
            padding: 2vw 3vw;
        }
        .section-03-detail table th::after {
            height: calc(100% - 2vw);
            top: 1vw;
        }
        .section-03-detail table td {
            padding: 2vw 3vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail .wrap {
            padding: 6vw 30px 76px;
        }
        .section-03-detail table {
            border-top: none;
        }
        main .section-03-detail table th {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            padding: 8px 0 22px;
            font-size: 1.25em;
            white-space: nowrap;
            border-bottom: none;
            position: relative;
        }
        .section-03-detail table th::before {
            content: '';
            display: block;
            background: #000;
            width: 50%;
            height: 2px;
            margin-right: 30px;
        }
        .section-03-detail table th::after {
            background: #000;
            width: 50%;
            height: 2px;
            margin-left: 30px;
            position: relative;
            right: auto;
            top: auto;
        }
        .section-03-detail table td {
            padding: 0 0 42px;
            border-bottom: none;
        }
        main .section-03-detail table.tbl-02 th {
          display: table-cell;
          width: auto;
          padding: 8px;
        }
        .section-03-detail table.tbl-02 th::before,
        .section-03-detail table.tbl-02 th::after {
          display: none;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-detail .wrap {
            padding: 5vw 4.6vw 11.8vw;
        }
        .section-03-detail table th {
            padding: 1.2vw 0 3.4vw;
        }
        .section-03-detail table th::before {
            margin-right: 4.6vw;
        }
        .section-03-detail table th::after {
            margin-left: 4.6vw;
        }
        .section-03-detail table td {
            padding: 0 0 6.5vw;
        }
    }

/* 文字装飾 */
.section-03-detail table small {
    font-size: 0.87em;
}
.list02 {
    color: #eb4600;
    font-weight: bold;
}
.list02 li::before {
    content: '\f111';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    color: #fc9b72;
}
.list02 + small {
    display: inline-block;
    margin: 8px 0;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .list02 li::before {
            margin-right: 1vw;
        }
        .list02 + small {
            margin: 0.8vw 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail table small {
            font-size: 0.75em;
        }
        .list02 + small {
            margin: 8px 0 8px 10px;
            font-size: 1em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .list02 + small {
            margin: 1.2vw 0 1.2vw 1.5vw;
        }
    }

.section-03-detail h3 {
  padding-top: 70px;
  text-align: center;
}
.section-03-detail h3.pt-0 {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .section-03-detail h3 {
    padding-top: 30px;
  }
  .section-03-detail h3 img {
    width: 42.7%;
  }
}

/* 注意事項
--------------------------------- */
.section-03-detail h4:not(.hdg4) {
    background: #f0f0f0;
    margin: 50px 0 20px;
    padding: 6px 0;
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    border-top: solid 4px #2d2d2d;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-detail h4:not(.hdg4) {
            margin: 5vw 0 2vw;
            padding: 0.6vw 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail h4:not(.hdg4) {
            margin: 35px 0 30px;
            padding: 25px 0;
            font-size: 1.25em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-detail h4:not(.hdg4) {
            margin: 5.4vw 0 4.6vw;
            padding: 4vw 0;
        }
    }

.hdg4 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  margin: 20px 0 10px;;
}

/* キャッシュバックキャンペーンについて
--------------------------------- */
.section-03-detail h3,
.section-03-detail h5 {
    background: #f0f0f0;
    margin: 20px 0;
    color: #000;
    font-size: 1.31em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}
.section-03-detail dt {
  font-size: 1.31em;
  margin: 20px 0 5px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-03-detail h3,
        .section-03-detail h5 {
            margin: 2vw 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-03-detail h3,
        .section-03-detail h5 {
            margin: 45px 0 25px;
            padding: 20px 0;
            font-size: 1.25em;
        }
        .section-03-detail dt {
          font-size: 1.25em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-03-detail h3,
        .section-03-detail h5 {
            margin: 7vw 0 4vw;
            padding: 3vw 0;
        }
    }

/* ========================================
    ■ cta-bottom
======================================== */
.cta-bottom {
    position: relative;
}
.cta-bottom::before {
    content: '';
    display: block;
    background: #fff;
    width: 1000px;
    height: 60px;
    position: absolute;
    left: calc(50% - 500px);
    top: -59px;
}
.cta-bottom .wrap {
    padding: 15px 0 160px;
    text-align: center;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta-bottom::before {
            width: 100vw;
            height: 6vw;
            left: calc(50% - 50vw);
            top: -5.9vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-bottom::before {
            width: 606px;
            height: 34px;
            position: absolute;
            left: calc(50% - 303px);
            top: -33px;
        }
        .cta-bottom .wrap {
            padding: 28px 0 86px;
            text-align: center;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta-bottom::before {
            width: 94.6vw;
            height: 5.3vw;
            position: absolute;
            left: calc(50% - 47.3vw);
            top: -5.2vw;
        }
        .cta-bottom .wrap {
            padding: 4.3vw 0 13.4vw;
            text-align: center;
        }
    }

/* ========================================
    ■ section-05
======================================== */
.section-05 .wrap {
    padding: 45px 30px 75px;
    text-align: center;
}
.section-05 .wrap.type-02 {
  padding: 0 0 75px;
  text-align: center;
  margin-top: 10px;
}
.section-05 h3 {
    margin: 30px 0 15px;
}
.section-05 ol {
    margin-bottom: 20px;
}
.section-05 ol li:nth-of-type(n+2) {
    margin-top: 35px;
}
.section-05 ol + p {
    text-align: left;
}
.section-05 ul {
    margin: 10px 0 40px 20px;
    text-align: left;
    letter-spacing: 0.06em;
}
.section-05 .intro {
  margin-bottom: 6px;
}
.section-05 .allow {
  margin-bottom: 20px;
}
.section-05 ol.point li {
  margin-bottom: 75px;
}
.section-05 ol.point li:last-child {
  margin-bottom: 0;
}
.section-05 .v6-point ul li {
  width: calc(50% - 20px);
  margin-right: 40px;
}
.section-05 .section-v6-merit strong {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
}
.section-05 .v6-reason {
  margin-top: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'ヒラギノ角ゴ Std', 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Std', 'MS PGothic', Meiryo, sans-serif;
  font-weight: bold;
  color: #000;
}
.section-05 .v6-point ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 10px 0 0 0;
}
.section-05 .v6-point ul li:last-child {
  margin-right: 0;
}
.section-05 .wrap.type-02.section-v6-merit {
  padding: 45px 0 55px;
}
.section-05 .section-v6-reason strong {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: 'ヒラギノ角ゴ Std', 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Std', 'MS PGothic', Meiryo, sans-serif;
  color: #FC3F1A;
}
.section-05 .v6-txt {
  margin-top: 40px;
}
.section-05 .v6-note {
  text-align: left;
  padding-left: 2em;
  text-indent: -1.5em;
  width: 890px;
  margin: 25px auto 0;
}
.section-05 .v6-price {
  margin-top: 50px;
}
.section-05 .v6-date {
  margin-top: 100px;
  margin-bottom: 5px;
}
.section-05 .detail .detail-txt2 {
  margin-top: 40px;
}
.section-05 .detail .detail-note {
  text-align: left;
  padding-left: 2em;
  text-indent: -1.5em;
  margin: 25px auto 0;
}
.section-05 .detail-price {
  margin-top: 50px;
}

    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-05 .wrap,
        .section-05 .wrap.type-02.section-v6-merit,
        .section-05 .wrap.type-02.section-v6-reason {
            padding: 4.5vw 5vw 7.5vw;
        }
        .section-05 .wrap.type-02.section-v6-merit {
          padding-bottom: 0;
        }
        .section-05 h3 {
            margin: 3vw 0 1.5vw;
        }
        .section-05 ol {
            margin-bottom: 2vw;
        }
        .section-05 ol li:nth-of-type(n+2) {
            margin-top: 3.5vw;
        }
        .section-05 ul {
            margin: 1vw 0 4vw 2vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-05 .wrap,
        .section-05 .wrap.type-02.section-v6-merit,
        .section-05 .wrap.type-02.section-v6-reason {
            padding: 18px 30px 85px;
        }
        .section-05 .wrap.type-02.section-v6-merit {
          padding-bottom: 0;
        }
        .section-05 .wrap.type-02 {
          margin-top: 5px;
        }
        .section-05 .title01 img {
          width: 51.3%;
        }
        .section-05 h3 {
            margin: 34px 0 12px;
        }
        .section-05 h3 img {
            width: 490px;
        }
        .section-05 ol {
            margin-bottom: 38px;
        }
        .section-05 ol li:nth-of-type(n+2) {
            margin-top: 25px;
        }
        .section-05 ul {
            margin: 20px 0 45px 25px;
            text-align: left;
            letter-spacing: 0.06em;
        }
        .section-05 .intro {
          margin-bottom: 10px;
        }
        .section-05 ol.point li {
          margin-bottom: 38px;
        }
        .section-05 ol.point li:last-child {
          margin-bottom: 40px;
        }
        .section-05 .v6-note {
          width: 100%;
        }
        .section-05 .section-v6-merit .v6-catch {
          width: 86.9%;
          max-width: 578px;
          margin: 0 auto;
        }
        .section-05 .section-v6-reason .v6-catch {
          width: 61%;
          max-width: 415px;
          margin: 0 auto;
        }
        .section-05 .section-v6-merit strong {
          font-size: 22px;
          font-size: 2.2rem;
        }
        .section-05 .v6-intro {
          margin-top: 30px;
        }
        .section-05 .section-v6-reason .v6-intro {
          margin-top: 15px;
        }
        .section-05 .v6-reason {
          font-size: 24px;
          font-size: 2.4rem;
          margin-top: 20px;
        }
        .section-05 .section-v6-reason .v6-reason {
          margin-bottom: 6px;
        }
        .section-05 .section-v6-reason strong {
          font-size: 24px;
          font-size: 2.4rem;
        }
        .section-05 .v6-point ul {
          display: block;
        }
        .section-05 .v6-point ul li {
          width: 100%;
          margin-right: 0;
          margin-bottom: 6px;
          text-align: center;
        }
        .section-05 .v6-point ul li:last-child {
          margin-bottom: 0;
        }
        .section-05 .v6-txt {
          margin-top: 30px;
        }
        .section-05 .v6-price {
          margin-top: 30px;
        }
        .section-05 .v6-date {
          margin-top: 35px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-05 .wrap,
        .section-05 .wrap.type-02.section-v6-merit,
        .section-05 .wrap.type-02.section-v6-reason {
            padding: 2.8vw 4.6vw 13.2vw;
        }
        .section-05 .wrap.type-02.section-v6-merit {
          padding-bottom: 0;
        }
        .section-05 h3 {
            margin: 5.3vw 0 1.8vw;
        }
        .section-05 h3 img {
            width: 76.5vw;
        }
        .section-05 ol {
            margin-bottom: 6vw;
        }
        .section-05 ol li:nth-of-type(n+2) {
            margin-top: 4vw;
        }
        .section-05 ul {
            margin: 3vw 0 7vw 4vw;
        }
        .section-05 .section-v6-merit strong {
          font-size: 14px;
          font-size: 1.4rem;
        }
        .section-05 .section-v6-reason strong {
          font-size: 14px;
          font-size: 1.4rem;
        }
        .section-05 .v6-reason {
          font-size: 17px;
          font-size: 1.7rem;
          margin-top: 20px;
        }
    }

/* accordion
--------------------------------- */
[class*="accordion-btn"] {
    display: none;
}
[class*="accordion-btn"] + label {
    display: block;
    background: url(../images/sec05_btn01.png) no-repeat center top/100% auto;
    width: 600px;
    height: 60px;
    margin: 0 auto;
    text-indent: -9999px;
    cursor: pointer;
}
.accordion-btn-2 + label {
  background: url(../images/sec04_btn01.png) no-repeat center top/100% auto;
}

[class*="accordion-btn"]:checked + label {
    background-position: center bottom;
}
.accordion-panel {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s ease;
}
[class*="accordion-btn"]:checked ~ .accordion-panel {
    height: auto;
    padding: 30px 0;
    text-align: left;
    opacity: 1;
    transition: 0.2s ease;
}

/* sp */
@media screen and (max-width: 767px) {
    [class*="accordion-btn"] + label {
        background-image: url(../images/sec05_btn01_sp.png);
        width: 580px;
        height: 120px;
    }
    .accordion-btn-2 + label {background-image: url(../images/sec04_btn01_sp.png);}

    [class*="accordion-btn"]:checked ~ .accordion-panel {
        padding: 50px 0;
    }
}
/* sp(小) */
@media screen and (max-width: 640px) {
    [class*="accordion-btn"] + label {
        width: 90vw;
        height: 18.7vw;
    }
    [class*="accordion-btn"]:checked ~ .accordion-panel {
        padding: 7.8vw 0;
    }
}

/* スクロールテーブル */
.mod-table.type-rwdScroll {
    overflow-x: auto;
}

.mod-table.type-rwdScroll > table {
    min-width: 500px;
}


/* accordion内部
--------------------------------- */
.accordion-panel table {
    width: 100%;
    font-size: 0.9em;
    border: solid 1px #d2d2d2;
}
.accordion-panel .mod-table:nth-of-type(1) {
    margin-top: 30px;
}
.accordion-panel table th {
    background: #e7e7e7;
    width: 180px;
    padding: 12px 15px;
    color: #000;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #d2d2d2;
}
.accordion-panel table th img {
    width: 60%;
    margin: auto;
    margin-bottom: 30px;
    display: block;
}
.accordion-panel table td {
    width: 180px;
    padding: 12px 15px;
    vertical-align: middle;
    border: solid 1px #d2d2d2;
}

.accordion-panel table td .mod-listDisc {
    margin: 0;
}

.accordion-panel table td[colspan='2'],
.accordion-panel table td.colspan {
    width: 360px;
}
.accordion-panel table td.off {
    width: 360px;
    text-align: center;
}
.accordion-panel table td strong,
.accordion-panel table td em {
    font-style: normal;
    color: #e00;
    font-size: 1.5em;
}
.accordion-panel table td > p > b {
    color: #070404;
    font-size: 1.1em;
}

.accordion-panel table td sup {
    font-size: 0.7em;
    vertical-align: super;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 3vw;
        }
        .accordion-panel table th {
            width: 18vw;
            padding: 1.2vw 1.5vw;
        }
        .accordion-panel table th img {
            margin-bottom: 3vw;
        }
        .accordion-panel table td {
            width: 18vw;
            padding: 1.2vw 1.5vw;
        }
        .accordion-panel table td[colspan='2'] {
            width: 36vw;
        }
        .accordion-panel table td.off {
            width: 36vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 40px;
        }
        .accordion-panel table th {
            width: 116px;
        }
        .accordion-panel table th img {
            width: 100%;
            margin-bottom: 30px;
        }
        .accordion-panel table td {
            width: 116px;
        }
        .accordion-panel table td[colspan='2'] {
            width: 232px;
        }
        .accordion-panel table td.off {
            width: 232px;
        }
        .accordion-panel table td strong,
        .accordion-panel table td em {
            font-size: 1.4em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .accordion-panel .mod-table:nth-of-type(1) {
            margin-top: 6vw;
        }
        .accordion-panel table th {
            width: 18vw;
        }
        .accordion-panel table th img {
            margin-bottom: 4.6vw;
        }
        .accordion-panel table td {
            width: 18vw;
        }
        .accordion-panel table td[colspan='2'] {
            width: 36vw;
        }
        .accordion-panel table td.off {
            width: 36vw;
        }
    }

/* または */
.accordion-panel table + p,
.accordion-panel .mod-txtEmPhrase {
    margin: 20px 0;
    font-size: 1.2em;
    text-align: center;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel table + p,
        .accordion-panel .mod-txtEmPhrase {
            margin: 30px 0;
            font-size: 1em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .accordion-panel table + p,
        .accordion-panel .mod-txtEmPhrase {
            margin: 4.6vw 0;
        }
    }

/* 注釈 */
.accordion-panel .notes {
    margin-top: 30px;
    font-size: 0.9em;
}
.accordion-panel ol {
    margin: 5px 0 0;
    padding-left: 2em;
    counter-reset: num01;
}
.accordion-panel ol li {
    text-indent: -2em;
}
/* .accordion-panel ol li:before {
    counter-increment: num01;
    content: '*'counter(num01);
} */
.accordion-panel ol li:nth-of-type(n+2) {
    margin-top: 5px;
}
.accordion-panel ul li .mark {
    margin-left: -1em;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .accordion-panel .notes {
            margin-top: 40px;
        }
        .accordion-panel ol {
            margin: 10px 0 0;
        }
        .accordion-panel ol li:nth-of-type(n+2) {
            margin-top: 10px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        @media screen and (max-width: 767px) {
        .accordion-panel .notes {
            margin-top: 6vw;
        }
        .accordion-panel ol {
            margin: 1.5vw 0 0;
        }
        .accordion-panel ol li:nth-of-type(n+2) {
            margin-top: 1.5vw;
        }
    }
    }

/* ========================================
    ■ section-06
======================================== */
.section-06 .wrap {
    padding: 15px 0 75px;
    text-align: center;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-06 .wrap {
            padding: 4.5vw 5vw 7.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
      .section-06 .wrap {
          padding: 0.8vw 4.6vw 13.4vw;
      }
    }

/* ポイントサービス
--------------------------------- */
.section-06 .service-intro {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
}
.section-06 .service-intro-logo {
  padding-left: 12px;
}
.section-06 .service-intro-subwrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.section-06 .service-intro-txt {
  text-align: left;
  padding: 0 10px 0 15px;
  letter-spacing: 0.5px;
}
.section-06 .service-intro-icon {
  padding-top: 15px;
}
.section-06 .service-wrap {
    margin: 25px 0 55px;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.section-06 .service {
    width: 320px;
    margin-right: 20px;
    position: relative;
}
.section-06 .service:last-child {
  margin-right: 0;
}

    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-06 .service-wrap {
            margin: 2.5vw 0 5.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-06 .service-wrap {
          display: block;
          margin: 6vw 0 7.8vw;
        }
        .section-06 .service {
          width: 100%;
          min-height: auto;
          padding: 0;
          position: relative;
          margin-right: 0;
          margin-bottom: 20px;
        }
        .section-06 .service-intro {
          display: block;
        }
        .section-06 .service-intro-logo {
          display: block;
          padding-left: 0;
          margin-bottom: 15px;
        }
        .section-06 .service-intro-logo img {
          width: 48%;
        }
        .section-06 .service-intro-txt {
          padding-left: 0;
          width: 73.4%;
        }
        .section-06 .service-intro-icon {
          width: 26.6%;
          padding-top: 0;
        }
    }

/* 説明 */
.section-06 .service-text {
    background: #f3f3f3;
    padding: 20px;
    font-size: 15px;
    font-size: 1.5rem;
}
.section-06 .service-text h4 {
    color: #000;
    font-size: 1.18em;
    font-weight: bold;
}
.section-06 .service-text h4:nth-of-type(n+2) {
    margin-top: 25px;
}
.section-06 .service-text h4 + p {
    margin-top: 5px;
}
.section-06 .service-text a {
    display: inline-block;
    margin-top: 30px;
    color: #eb4600;
    font-size: 1.12em;
    font-weight: bold;
    text-decoration: none;
}
.section-06 .service-text a::after {
    content: '';
    display: inline-block;
    background: url(../images/sec06_service_arrow01.png) no-repeat center center/cover;
    width: 48px;
    height: 8px;
    margin-left: 10px;
}
.section-06 .service-text a:hover {
    text-decoration: underline;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-06 .service-text {
            padding: 2.5vw;
        }
        .section-06 .service-text h4:nth-of-type(n+2) {
            margin-top: 2.5vw;
        }
        .section-06 .service-text h4 + p {
            margin-top: 0.5vw;
        }
        .section-06 .service-text a {
            margin-top: 3vw;
        }
        .section-06 .service-text a::after {
            width: 4.8vw;
            height: 0.8vw;
            margin-left: 1vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-06 .service-text {
            padding: 4.5vw 3.8vw 5vw;
            font-size: 14px;
            font-size: 1.4rem;
        }
        .section-06 .service-text h4 {
            font-size: 1.25em;
        }
        .section-06 .service-text h4:nth-of-type(n+2) {
            margin-top: 25px;
        }
        .section-06 .service-text h4 + p {
            margin-top: 18px;
        }
        .section-06 .service-text a {
            margin-top: 35px;
            font-size: 1.08em;
        }
        .section-06 .service-text a::after {
            content: '';
            display: inline-block;
            background-image: url(../images/sec06_service_arrow01_sp.png);
            width: 54px;
            height: 10px;
            margin-left: 5px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-06 .service-text h4:nth-of-type(n+2) {
            margin-top: 4vw;
        }
        .section-06 .service-text h4 + p {
            margin-top: 2.8vw;
        }
        .section-06 .service-text a {
            margin-top: 5.4vw;
        }
        .section-06 .service-text a::after {
            width: 8.4vw;
            height: 1.5vw;
        }
    }

/* ========================================
    ■ section-07
======================================== */
.section-07 > .inner {
  background: #e9edf5;
}
.section-07 .wrap {
    padding: 45px 0 148px;
    text-align: center;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-07 .wrap {
            padding: 4.5vw 5vw 7.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-07 .wrap {
            padding: 12px 30px 85px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-07 .wrap {
            padding: 1.8vw 4vw 13.2vw;
        }
    }

/* オプション
--------------------------------- */
.option-wrap {
  margin-top: 24px;
}
.option-wrap strong {
  color: #f36641;
}
.option-wrap> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.option-wrap> .inner[data-justify="right"] {
  justify-content: right;

  -webkit-box-pack: right;
  -ms-flex-pack: right;
}
.option-wrap> .inner[data-justify="center"] {
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.option-wrap> .inner> .col {
  width: 100%;
  padding: 10px 0 0 10px;
}
.option-wrap> .inner> .col> .content {
  text-decoration: none;
  color: #191919;/*223;*/
  background: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.option-wrap> .inner> .col> .content * {
  -webkit-transition: .2s opacity ease-out;
   transition: .2s opacity ease-out;
   opacity: 1;
}
.option-wrap> .inner> .col> .content .mod-media img {
  width: 100%;
  height: auto;
}
.option-wrap> .inner> .col> a.content:hover * {
  opacity: .8;
}
.option-wrap .summary {
  padding: 10px 20px 20px;
}
.option-wrap .summary> *:last-child {
  margin-bottom: 0;
}
.option-wrap> .inner> .col> .content> .summary p:first-child {
  margin-bottom: 13px;
  font-size: 1.3rem;
}
.option-wrap> .inner> .col> .content> .summary p {
  color: #5a5453;
}
.option-wrap> .inner> .col> .content> .summary .privilege p {
  text-align: center;
  font-size: 1.5rem;
  color: #191919;/*223;*/
}
.option-wrap> .inner> .col> .content> .summary .privilege *:first-child {
  margin-bottom: 5px;
}
.option-wrap> .inner> .col> .content> .summary .privilege *:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.option-wrap> .inner> .col> .content> .summary .privilege .label {
  display: inline-block;
  margin: 0 7px;
  padding: 3px 5px 2px;
  background: #f2f2f2;
  border-radius: 2px;
  font-size: 1.2rem;
  color: #414141;
}
.option-wrap> .inner> .col> a> .media,
.option-wrap> .inner> .col> .content> .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  padding: 20px;
  border-bottom: 1px solid #e7ebec;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.option-wrap> .inner> .col> a> .media .mod-media {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .option-wrap> .inner> .col {
    flex-basis: calc(100% / 4);
    width: calc(100% / 4);
    min-width: calc(100% / 4);
    max-width: calc(100% / 4);

    -ms-flex-preferred-size: calc(100% / 4);
  }
}

@media only screen and (max-width: 767px) {
  .option-wrap .summary {
    padding: 10px 15px 15px;
  }
  .option-wrap> .inner> .col> a> .media {
    height: 80px;
  }
}


/* 見出し */
.section-07 .option h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6f5ee;
    height: 72px;
    border-bottom: solid 2px #e0e0e0;
    position: relative;
}
.section-07 .option h3::after {
    content: '';
    display: block;
    background: url(../images/sec07_option_arrow01.png) no-repeat center bottom/cover;
    width: 30px;
    height: 16px;
    position: absolute;
    left: calc(50% - 15px);
    bottom: -15px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-07 .option h3 {
            height: 7.2vw;
        }
        .section-07 .option h3::after {
            width: 3vw;
            height: 1.6vw;
            left: calc(50% - 1.5vw);
            bottom: -1.5vw;
        }
        .section-07 .option h3 img {
            max-width: 90%;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-07 .option h3 {
            height: 62px;
        }
        .section-07 .option h3::after {
            width: 26px;
            height: 14px;
            position: absolute;
            left: calc(50% - 13px);
            bottom: -13px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-07 .option h3 {
            height: 9.6vw;
            overflow: hidden;
        }
        .section-07 .option h3::after {
            width: 4vw;
            height: 2vw;
            position: absolute;
            left: calc(50% - 2vw);
            bottom: -1.9vw;
        }
    }

/* 説明 */
.section-07 .option-text {
    padding-bottom: 15px;
}
.section-07 .option-text p:nth-of-type(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    min-height: 8em;
    font-size: 0.76em;
    letter-spacing: 0.06em;
}
.section-07 .option:nth-of-type(n+4) .option-text p:nth-of-type(1) {
    min-height: 6em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-07 .option-text {
            padding-bottom: 1.5vw;
        }
        .section-07 .option-text p:nth-of-type(1) {
            padding-top: 1.5vw;
        }
        .section-07 .option-text p:nth-of-type(2) img {
            width: 24.6vw;
        }
        .section-07 .option-text + a img {
            width: 25.4vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-07 .option-text {
            padding-bottom: 12px;
        }
        .section-07 .option-text p:nth-of-type(1) {
            padding-top: 12px;
            min-height: 7em;
            font-size: 0.6em;
            letter-spacing: 0.06em;
        }
        .section-07 .option:nth-of-type(4) .option-text p:nth-of-type(1) {
            min-height: 7em;
        }
        .section-07 .option:nth-of-type(n+5) .option-text p:nth-of-type(1) {
            min-height: 6em;
        }
        .section-07 .option-text + a img {
            width: 216px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-07 .option-text {
            padding-bottom: 1.8vw;
        }
        .section-07 .option-text p:nth-of-type(1) {
            padding-top: 1.8vw;
        }
        .section-07 .option-text p:nth-of-type(2) {
            margin: 0 3vw;
        }
        .section-07 .option-text + a img {
            width: 33.7vw;
        }
        .section-07 .option-text br {
            display: none;
        }
    }

/* ========================================
    ■ section-08
======================================== */
.section-08 {
    position: relative;
}
.section-08:before {
    background: url(../images/sec08_bg01.png) no-repeat center top/cover;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.section-08 .wrap {
    padding: 55px 0;
    text-align: center;
}
.section-08 ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 40px;
}
.section-08 ul li {
    margin: 0 10px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-08 .wrap {
            padding: 5.5vw 0;
        }
        .section-08 ul {
            margin-top: 4vw;
        }
        .section-08 ul li {
            margin: 0 1vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-08 .wrap {
            padding: 70px 0 85px;
        }
        .section-08 ul {
            flex-direction: column;
            margin-top: 28px;
        }
        .section-08 ul li {
            width: 520px;
            margin: 0 auto;
        }
        .section-08 ul li:nth-of-type(n+2) {
            margin-top: 12px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-08 .wrap {
            padding: 11vw 0 13.2vw;
        }
        .section-08 ul {
            margin-top: 4.3vw;
        }
        .section-08 ul li {
            width: 81.2vw;
        }
        .section-08 ul li:nth-of-type(n+2) {
            margin-top: 1.8vw;
        }
    }

/* ========================================
    ■ section-09
======================================== */
.section-09 .wrap {
    padding: 45px 0 75px;
}
.section-09 div.aboutDiversion div.str-contentBody > div.mod-lytCol {
  background:url(/access/hikari/collabo/img/diversion_bg-1.png) 48.18182% center no-repeat;
}
.section-09 .mod-lytCol.type-col2 > .col {
  width: 45%;
  margin-right: 20px;
}
.section-09 .mod-lytCol.type-col2 > .col:last-child .col {
  margin-left: 10px;
}
.section-09 .mod-lytCol.type-col2 > .col:last-child {
  margin-right: 0;
}
.section-09 .str-content .str-contentBody {
  padding-bottom: 70px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-09 .wrap {
            padding: 4.5vw 5vw 7.5vw;
        }
        .section-09 .mod-lytCol.type-col2 > .col:last-child .col {
          margin-right: 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-09 .wrap {
            padding: 38px 30px 85px;
        }
        .section-09 div.aboutDiversion div.str-contentBody > div.mod-lytCol{
          background: none;
        }
        .section-09 div.aboutDiversion div.str-contentBody > div.mod-lytCol > .col:nth-child(2){
          background: url(/access/hikari/collabo/img/diversion_bg-1-sp.png) center top no-repeat;
          background-size: contain;
          padding-top:3rem;
        }
        .section-09 div.mod-lytCol div.col h4 {
          margin-top: 4rem;
        }
        .section-09 .mod-hdg-cl3 > h3 {
          font-size: 18px;
          font-size: 1.8rem;
        }
        .section-09 div.mod-lytCol div.col div.mod-lytCol div.col div.image img {
          max-width: 50%;
          width: 50%;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-09 .wrap {
            padding: 6vw 4.6vw 13.2vw;
        }
    }

/* ご利用までの流れ
--------------------------------- */
.section-09 .use-flow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}
.section-09 .use-flow .step {
    width: 262px;
    position: relative;
}
.section-09 .use-flow .step:nth-of-type(n+2)::before {
    content: '';
    display: block;
    background: url(../images/sec09_use-flow_arrow01.png) no-repeat center center/cover;
    width: 34px;
    height: 28px;
    position: absolute;
    left: -46px;
    top: 128px;
}
.section-09 .use-flow h3 {
    margin: 15px 0 5px;
    color: #000;
    font-size: 1.25em;
    font-weight: bold;
}
.section-09 .use-flow p {
    text-align: left;
    letter-spacing: 0.06em;
}
.section-09 .apply-flow .mod-box {
  text-align: center;
}

.section-09 .aboutDiversion .col h4 {
  margin-bottom: 20px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-09 .use-flow {
            margin-bottom: 10vw;
        }
        .section-09 .use-flow .step {
            width: 26.2vw;
        }
        .section-09 .use-flow .step:nth-of-type(n+2)::before {
            width: 3.4vw;
            height: 2.8vw;
            left: -4.6vw;
            top: 12.8vw;
        }
        .section-09 .use-flow h3 {
            margin: 1.5vw 0 0.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-09 .use-flow {
            justify-content: center;
            flex-direction: column;
            margin-bottom: 64px;
        }
        .section-09 .use-flow .step {
            width: 100%;
        }
        .section-09 .use-flow .step:nth-of-type(n+2) {
            margin-top: 86px;
        }
        .section-09 .use-flow .step:nth-of-type(n+2)::before {
            background-image: url(../images/sec09_use-flow_arrow01_sp.png);
            width: 30px;
            height: 38px;
            left: calc(50% - 15px);
            top: -62px;
        }
        .section-09 .use-flow figure img {
            width: 286px;
        }
        .section-09 .use-flow h3 {
            margin: 18px 0;
        }
        .section-09 .use-flow p {
            text-align: center;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-09 .use-flow {
            margin-bottom: 10vw;
        }
        .section-09 .use-flow .step:nth-of-type(n+2) {
            margin-top: 13.4vw;
        }
        .section-09 .use-flow .step:nth-of-type(n+2)::before {
            width: 4.6vw;
            height: 6vw;
            left: calc(50% - 2.3vw);
            top: -9.6vw;
        }
        .section-09 .use-flow figure img {
            width: 44.6vw;
        }
        .section-09 .use-flow h3 {
            margin: 2.8vw 0;
        }
    }

/* スマートバリュー
--------------------------------- */
.section-09 .smartvalue-flow {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.section-09 .smartvalue-flow .step {
    width: 262px;
    position: relative;
}
.section-09 .smartvalue-flow .step:nth-of-type(n+2)::before {
    content: '';
    display: block;
    background: url(../images/sec09_smartvalue-flow_arrow01.png) no-repeat center center/cover;
    width: 34px;
    height: 28px;
    position: absolute;
    left: -46px;
    top: 128px;
}
.section-09 .smartvalue-flow h3 {
    margin: 15px 0 5px;
    color: #000;
    font-size: 1.25em;
    font-weight: bold;
}
.section-09 .smartvalue-flow p {
    text-align: left;
    letter-spacing: 0.06em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-09 .smartvalue-flow {
            margin-top: 3vw;
        }
        .section-09 .smartvalue-flow .step {
            width: 26.2vw;
        }
        .section-09 .smartvalue-flow .step:nth-of-type(n+2)::before {
            width: 3.4vw;
            height: 2.8vw;
            left: -4.6vw;
            top: 12.8vw;
        }
        .section-09 .smartvalue-flow h3 {
            margin: 1.5vw 0 0.5vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-09 .smartvalue-flow {
            justify-content: center;
            flex-direction: column;
        }
        .section-09 .smartvalue-flow .step {
            width: 100%;
        }
        .section-09 .smartvalue-flow .step:nth-of-type(n+2) {
            margin-top: 86px;
        }
        .section-09 .smartvalue-flow .step:nth-of-type(n+2)::before {
            background-image: url(../images/sec09_smartvalue-flow_arrow01_sp.png);
            width: 30px;
            height: 38px;
            left: calc(50% - 15px);
            top: -62px;
        }
        .section-09 .smartvalue-flow figure img {
            width: 286px;
        }
        .section-09 .smartvalue-flow h3 {
            margin: 18px 0;
        }
        .section-09 .smartvalue-flow p {
            text-align: center;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-09 .smartvalue-flow .step:nth-of-type(n+2) {
            margin-top: 13.4vw;
        }
        .section-09 .smartvalue-flow .step:nth-of-type(n+2)::before {
            width: 4.6vw;
            height: 6vw;
            left: calc(50% - 2.3vw);
            top: -9.6vw;
        }
        .section-09 .smartvalue-flow figure img {
            width: 44.6vw;
        }
        .section-09 .smartvalue-flow h3 {
            margin: 2.8vw 0;
        }
    }

/* 注釈
--------------------------------- */
.section-09 small {
    display: block;
    margin-top: 20px;
    font-size: 0.87em;
    text-align: left;
    letter-spacing: 0.06em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .section-09 small {
            margin-top: 2vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .section-09 small {
            margin-top: 46px;
            font-size: 1em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .section-09 small {
            margin-top: 7vw;
        }
    }

    /* ========================================
        ■ section-10
    ======================================== */
    .section-10 .wrap {
      padding: 40px 0 85px;
      letter-spacing: 0.06em;
    }
    .section-10 .header-text {
      text-align: center;
    }
    .section-10 .col3 {
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
        margin-bottom: 35px;
    }
    .section-10 .col3.center {
        justify-content: center;
    }
    .section-10 .col3 > li {
      position: relative;
      width: 33.33%;
      padding: 0 20px;
    }
    .section-10 .col3 > li + li::before {
      position: absolute;
      top: -15px;
      left: 0;
      display: block;
      content: "";
      width: 1px;
      height: calc(100% + 30px);
      background: #d8d9da;
    }
    .section-10 .col3 > li > .image {
      min-height: 150px;
      text-align: center;
    }
    .section-10 .col3 > li > .image > img {
      vertical-align: middle;
    }
    .section-10 .header-text {
        padding-bottom: 50px;
    }
    .section-10 .header-text strong {
        color: #000;
        font-size: 1.12em;
    }
    .section-10 .col3 .summary {
      font-size: 0.81em;
      font-weight: normal;
    }
    .section-10 .col3 .summary .lede {
      display: block;
      text-align: center;
      font-size: 1.384em;
      font-weight: bold;
      color: #272736;
    }
    .section-10 .hdg3 {
      margin: 30px 0 10px;
      color: #000;
      font-size: 1.25em;
      font-weight: bold;
    }

        /* tablet */
        @media screen and (max-width: 1000px) and (min-width: 768px) {
            .section-10 .wrap {
                padding: 4vw 0 8.5vw;
            }
        }
        /* sp */
        @media screen and (max-width: 767px) {
            .section-10 .wrap {
                padding: 38px 0 76px;
            }
            .section-10 .header-text {
              padding-bottom: 4.6vw;
            }
            main .section-10 .title01 img {
              width: 60%;
            }
            .section-10 .col3 {
              display: block;
            }
            .section-10 .col3 > li {
              width: 100%;
            }
            .section-10 .col3 > li + li {
              margin-top: 60px;
            }
            .section-10 .col3 > li + li::before {
              width: 70%;
              height: 1px;
              left: 15%;
              top: -30px;
            }
            .section-10 .col3 > li > .image {
              min-height: auto;
              margin-bottom: 10px;
            }
            .section-10 .col3 .summary .lede {
              margin-bottom: 10px;
            }
        }
        /* sp(小) */
        @media screen and (max-width: 640px) {
            .section-10 .wrap {
                padding: 6vw 4.6vw 12vw;
            }
        }


/* ========================================
    ■ section-11
======================================== */
.section-11 .wrap {
  padding: 40px 0 85px;
  letter-spacing: 0.06em;
}
.section-11 .hdg3 {
  margin: 30px 0 10px;
  color: #000;
  font-size: 1.25em;
  font-weight: bold;
}
.section-11 .mod-boxToggle .inner *:first-child h3 {
  margin-top: 0;
}
.section-11 .mod-table th img[src*="icon"] {
  max-width: 36%;
  display: block;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 767px) {
.section-11 .wrap {
  padding: 38px 0 76px;
}
.section-11 > h2 > img {
  max-width: 244px;
}
}

@media only screen and (max-width: 640px) {
.section-11 .wrap {
  padding: 6vw 4.6vw 12vw;
}
}


/* ========================================
    ■ section-12
======================================== */
.section-12 .wrap {
  padding: 40px 0 85px;
  letter-spacing: 0.06em;
}
.section-12 .hdg3 {
  margin: 30px 0 10px;
  color: #000;
  font-size: 1.25em;
  font-weight: bold;
}
.section-12 .mod-boxToggle .content .hdg3 > h3 {
  margin-top: 0;
}
.section-12 .mod-boxToggle .content p {
  margin: 15px 0;
}
.section-12 .mod-boxToggle .content p b.lede {
  color: #000;
  font-size: 1.125em;
  line-height: 1.75;
}
.section-12 .col3 {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 35px;
}
.section-12 .col3.center {
  justify-content: center;
}
.section-12 .col3 > li {
  position: relative;
  width: 33.33%;
  padding: 0 20px;
}
.section-12 .col3 > li + li::before {
  position: absolute;
  top: -15px;
  left: 0;
  display: block;
  content: "";
  width: 1px;
  height: calc(100% + 30px);
  background: #d8d9da;
}
.section-12 .col3 > li > .image {
  min-height: 150px;
  text-align: center;
}
.section-12 .col3 > li > .image > img {
  vertical-align: middle;
}
.section-12 .col3 .summary .lede {
  display: block;
  text-align: center;
  font-size: 1.384em;
  font-weight: bold;
  color: #272736;
}
.section-12 .col3 .summary {
  font-size: 0.81em;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
.section-12 .wrap {
  padding: 38px 0 76px;
}
.section-12 > h2 > img {
  max-width: 244px;
}
}

@media only screen and (max-width: 640px) {
.section-12 .wrap {
  padding: 6vw 4.6vw 12vw;
}
.section-12 .col3 {
  display: block;
}
.section-12 .col3 > li {
  width: 100%;
}
.section-12 .col3 > li + li {
  margin-top: 60px;
}
.section-12 .col3 > li + li::before {
  width: 70%;
  height: 1px;
  left: 15%;
  top: -30px;
}
.section-12 .col3 > li > .image {
  min-height: auto;
  margin-bottom: 10px;
}
.section-12 .col3 .summary .lede {
  margin-bottom: 10px;
}
}


        /* ----------------------------------------------------------------------------
          * .str-cvcontent
          * ------------------------------------------------------------------------- */
        .str-cvcontent {
          padding-top: 40px;
          padding-bottom: 40px;
          border: 0;
          text-align: center;
          color: #fff;
        }

        .str-cvcontent.type-2 {
          padding-top: 20px;
          padding-bottom: 20px;
        }

        .str-cvcontent *:not([class^="box-cv"]) a {
          text-decoration: none;
          color: #272736;
        }

        a[href^="#anc-"].icon-white::before {
          background-position: -127px -112px !important;
        }

        .str-cvcontent> .inner-wrap {
          background: #ccc;/*312a2a;*/
        }

        .str-cvcontent> .inner-wrap> .inner {
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          max-width: 1100px;
          margin: auto;
          padding: 30px 12px;
        }

        .str-cvcontent> .inner-wrap> .inner:last-child> *:last-child {
          margin-bottom: 0;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg2 {
          font-size: 2rem;
          margin-bottom: 20px;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3 {
          margin-top: 35px;
          margin-bottom: 7px;
          font-size: 2rem;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3:last-of-type {
          position: relative;
          padding-top: 25px;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3:last-of-type::before {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          content: "";
          width: 100%;
          height: 1px;
          background: #686c79;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3> .label {
          font-size: 90%;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3> .em {
          background: linear-gradient(transparent 60%, #3686da 20%);
          font-size: 120%;
        }

        .str-cvcontent> .inner-wrap> .inner> .hdg3> .em.type-2 {
          background: linear-gradient(transparent 60%, #1eb13e 20%);
        }

        .str-cvcontent .box-cv {
          max-width: 545px;
          height: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 13px 20px;
          background: #fff;
          color: #191919;/*223;*/
        }

        .str-cvcontent .box-cv .time {
          margin: 0;
          font-size: 1.4rem;
          letter-spacing: 0;
        }

        .str-cvcontent .box-cv .time> span {
          font-size: 1.2rem;
        }

        .str-cvcontent .box-cv .number {
          margin: 0;
          font-family: -apple-system, arial, "Helvetica Neue", helvetica, sans-serif;
          font-weight: bold;
          line-height: 1.3;
          font-size: 3.8rem;
        }

        .str-cvcontent .box-cv .number a {
          color: 223;
        }

        .str-cvcontent .box-cv .number img {
          height: 21px;
          vertical-align: middle;
        }

        .str-cvcontent .box-cv> *:first-child {
          margin-top: 0 !important;
        }

        .str-cvcontent .box-cv> *:last-child {
          margin-bottom: 0 !important;
        }

        .str-cvcontent .box-cv .copy {
          font-weight: bold;
          font-size: 1.5rem;
        }

        .str-cvcontent .box-cv .copy-2 {
          letter-spacing: initial;
          font-size: 1.2rem;
        }

        .str-cvcontent .box-cv .mod-btn .btn.type-icon01 {
          position: relative;
          margin: 9px 0;
        }

        .str-cvcontent .box-cv .mod-btn .btn.type-icon01::before {
          position: absolute;
          z-index: 1;
          top: -9px;
          left: -37px;
          display: block;
          content: "最短約1分で完了";
          width: 63px;
          height: 63px;
          background: url(/access/hikari/collaboration/ad_simpleapply_b/images/cta-last_img01.png) no-repeat;
          color: transparent;
        }

        .str-cvcontent> .inner-wrap> .inner> .mod-list-notice> .list> li {
          color: #fff;
        }
        .mod-btn .btn a, .mod-btn .btn button[type] {
          color: #191919;/*223;*/
          text-decoration: none;
        }
        .mod-btn .btn a[href^="#anc-"]::before {
          background-image: url(/shared/img/sprite.png);
          background-repeat: no-repeat;
          background-position: -23px -135px;
          background-size: 201px 196px;
          display: inline-block;
          width: 13px;
          height: 7px;
          margin: 0 3px 0 3px;
          content: "";
        }

        @media only screen and (min-width: 768px) {
          .str-cvcontent {
            padding-top: 80px;
            padding-bottom: 80px;
            font-size: 86%;/*add*/
          }
          .str-cvcontent.type-2 {
            padding-top: 35px;
            padding-bottom: 35px;
          }
          .str-cvcontent> .inner-wrap> .inner {
            padding-top: 80px;
            padding-bottom: 80px;
          }
          .str-cvcontent> .inner-wrap> .inner> .hdg2 {
            font-size: 3.2rem;
          }
          .str-cvcontent> .inner-wrap> .inner> .hdg3 {
            font-size: 2rem;
            margin-bottom: 10px;
          }
          .str-cvcontent> .inner-wrap> .inner> .hdg3:last-of-type {
            padding-top: 70px;
          }
          .str-cvcontent> .inner-wrap> .inner> .hdg3:last-of-type::before {
            top: 40px;
            left: calc(50% - (73.63% / 2));
            width: 73.63%;
          }
          .str-cvcontent> .inner-wrap> .inner> .hdg3> .label {
            margin-right: 7px;
          }
          .str-cvcontent .box-cv> .inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
          }
          .str-cvcontent .mod-lyt> .inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -10px 0 0 -10px;
          }
          .mod-lyt[data-col-pc="2"]> .inner> .col {
            flex-basis: 50%;
            width: 50%;
            min-width: 50%;
            max-width: 50%;
            -ms-flex-preferred-size: 50%;
            padding: 10px 0 0 10px;
          }
          .str-cvcontent .box-cv .box-cv {
            height: 100%;
          }
          .str-cvcontent .box-cv .copy-2 {
            margin-bottom: 5px;
          }
          .str-cvcontent .box-cv .time {
            width: 36%;
            border-right: 1px solid #d9dadb;
          }
          .str-cvcontent .box-cv .number {
            width: calc(100% - 36%);
          }
        }


        /* ----------------------------------------------------------------------------
         * .mod-btn
         * ------------------------------------------------------------------------- */
        .mod-btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              flex-direction: column;
          align-items: center;
          justify-content: center;
          margin: 0 0 24px;

          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
        }

        .mod-btn[data-col] {
          -ms-flex-direction: row;
              flex-direction: row;
          align-items: stretch;
          margin-top: -24px;
          margin-left: -24px;

          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
        }

        .mod-btn a,
.mod-btn button[type] {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #f0f1f3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 247px;
  min-height: 48px;
  padding: 10px;
  border: 1px solid #d9dadb;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-btn a> span,
.mod-btn button[type]> span {
  width: 100%;
}

html:not([data-device="iphone"]) .mod-btn a> span,
html:not([data-device="iphone"])
.mod-btn button[type]> span {
  margin-bottom: -.25em;
}

.mod-btn a:not([target="_blank"])::after,
.mod-btn button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -84px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 13px;
  margin: auto 0;
  content: "";
}

.mod-btn a[target="_blank"] img.icn-_blank {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto 0;
}

.mod-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.mod-btn .btn:not(:last-child) {
  margin: 0 0 24px;
}

.mod-btn .btn.var-02 a,
.mod-btn .btn.var-02 button[type] {
  color: #fff;
  background: #314da5;
}

.mod-btn .btn.var-02 a:not([target="_blank"])::after,
.mod-btn .btn.var-02 button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -72px -179px;
  background-size: 201px 196px;
  width: 7px;
  height: 13px;
}

.mod-btn .btn.var-03 a,
.mod-btn .btn.var-03 button[type] {
  background: #fcdb00;
}

.mod-btn .btn a:hover {
  opacity: .7;
}

.mod-btn .btn.type-wide {
  width: 468px;
}

.mod-btn .btn.type-wide a {
  width: 100%;
}

@media only screen and (max-width: 767px) {
.mod-btn .btn.type-wide {
  width: 100%;
}
}




/* ========================================
    ■ .cta-last
======================================== */
.cta-last:before {
    border-top: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    content: '';
    display: block;
}
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-last:before {
            border-top-width: 2px;
            border-bottom: none;
        }
    }

/* 大見出し */
.cta-last h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/cta-last_bg01.png) no-repeat center top/cover;
    min-width: 1000px;
    height: 250px;
    padding-bottom: 60px;
    border-top: solid 1px #d0d0d0;
    position: relative;
}
.cta-last h2::after {
    content: '';
    display: block;
    background: #fff;
    width: 1000px;
    height: 60px;
    position: absolute;
    left: calc(50% - 500px);
    bottom: -1px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta-last h2 {
            min-width: auto;
            height: 25vw;
            padding-bottom: 6vw;
        }
        .cta-last h2::after {
            width: 100vw;
            height: 6vw;
            left: calc(50% - 50vw);
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-last h2 {
            min-width: auto;
            height: 255px;
            padding-bottom: 34px;
            border-top: none;
        }
        .cta-last h2::after {
            content: '';
            display: block;
            background: #fff;
            width: 606px;
            height: 34px;
            position: absolute;
            left: calc(50% - 303px);
            bottom: -1px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta-last h2 {
            height: 40vw;
            padding-bottom: 5.3vw;
            border-top: none;
        }
        .cta-last h2::after {
            width: 94.6vw;
            height: 5.3vw;
            left: calc(50% - 47.3vw);
        }
    }

/* お電話で工事日即決
--------------------------------- */
.cta-last .construction-entry {
    min-width: 1000px;
    background: url(../images/cta-last_bg02.png) no-repeat center top/cover;
}
.cta-last .construction-entry .wrap {
    padding: 50px;
    text-align: center;
}
.cta-last .construction-wrap {
    display: flex;
    background: #fff;
    margin-top: 45px;
    border: solid 1px #9e9e9e;
}
.cta-last .construction {
    width: 50%;
    padding: 30px 45px 25px;
}
.cta-last .construction:nth-of-type(2n) {
    border-left: solid 1px #9e9e9e;
}
.cta-last .construction p {
    margin: 15px 0;
    font-size: 0.87em;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta-last .construction-entry {
            min-width: auto;
        }
        .cta-last .construction-entry .wrap {
            padding: 5vw;
        }
        .cta-last .construction-wrap {
            margin-top: 4.5vw;
        }
        .cta-last .construction {
            padding: 3vw 4.5vw 2.5vw;
        }
        .cta-last .construction p {
            margin: 1.5vw 0;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-last .construction-entry {
            min-width: auto;
        }
        .cta-last .construction-entry .wrap {
            padding: 76px 0 86px;
        }
        .cta-last .construction-wrap {
            flex-direction: column;
            margin: 38px 30px 0;
            border-width: 2px;
        }
        .cta-last .construction {
            width: 100%;
            padding: 42px 52px 38px;
        }
        .cta-last .construction:nth-of-type(2n) {
            border-left: none;
        }
        .cta-last .construction:nth-of-type(n+2) {
            border-top: solid 2px #9e9e9e;
        }
        .cta-last .construction p {
            margin: 22px 0;
            font-size: 0.89em;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta-last .construction-entry .wrap {
            padding: 11.8vw 0 13.4vw;
        }
        .cta-last .construction-wrap {
            margin: 6vw 4.6vw 0;
        }
        .cta-last .construction {
            padding: 6.5vw 8.1vw 6vw;
        }
        .cta-last .construction p {
            margin: 3.4vw 0;
        }
    }

/* その他の方法
--------------------------------- */
.cta-last .other-entry {
    min-width: 1000px;
}
.cta-last .other-entry .wrap {
    padding: 0 50px 60px;
    text-align: center;
}
.cta-last .other-entry .wrap > p {
    margin: 20px 0 30px;
    letter-spacing: 0.06em;
}
.cta-last [style="display: none;"] + .other-entry .wrap {
    padding-top: 60px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta-last .other-entry {
            min-width: auto;
        }
        .cta-last .other-entry .wrap {
            padding: 0 5vw 6vw;
        }
        .cta-last .other-entry .wrap > p {
            margin: 2vw 0 3vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-last .other-entry {
            min-width: auto;
        }
        .cta-last .other-entry .wrap {
            padding: 12px 30px 60px;
        }
        .cta-last .other-entry .wrap > p {
            margin: 25px 0 34px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta-last .other-entry .wrap {
            padding: 1.8vw 4.6vw 15vw;
        }
        .cta-last .other-entry .wrap > p {
            margin: 4vw 0 5.3vw;
        }
    }

/* So-net */
.cta-last .so-net-entry {
    margin-top: 50px;
}
.cta-last .so-net-entry p {
    margin: 15px 0 20px;
}
    /* tablet */
    @media screen and (max-width: 1000px) and (min-width: 768px) {
        .cta-last .so-net-entry {
            margin-top: 5vw;
        }
        .cta-last .so-net-entry p {
            margin: 1.5vw 0 2vw;
        }
    }
    /* sp */
    @media screen and (max-width: 767px) {
        .cta-last .so-net-entry {
            margin-top: 52px;
        }
        .cta-last .so-net-entry p {
            margin: 30px 0 34px;
        }
    }
    /* sp(小) */
    @media screen and (max-width: 640px) {
        .cta-last .so-net-entry {
            margin-top: 8vw;
        }
        .cta-last .so-net-entry p {
            margin: 6.4vw 0 5.3vw;
        }
    }


.list-notes {
    text-align: left;
    font-size: 0.87em;
}
.list-notes li {
    padding-left: 1em;
    text-indent: -1em;
}

/**
 * Adjust aline
**/

.aln-l {
text-align: left !important;
}

.aln-c {
text-align: center !important;
}

.aln-r {
text-align: right !important;
}

.valn-t {
vertical-align: top !important;
}

.valn-m {
vertical-align: middle !important;
}

.valn-b {
vertical-align: bottom !important;
}

/**
 * Adjust margin
**/

.mb-0 {
margin-bottom: 0 !important;
}

.mt-0 {
margin-top: 0 !important;
}

.mr-0 {
margin-right: 0 !important;
}

.ml-0 {
margin-left: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.w-0 {
width: 0 !important;
}

.w-max-0 {
max-width: 0 !important;
}

.mb-1 {
margin-bottom: 1px !important;
}

.mt-1 {
margin-top: 1px !important;
}

.mr-1 {
margin-right: 1px !important;
}

.ml-1 {
margin-left: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.w-1 {
width: 1% !important;
}

.w-max-1 {
max-width: 1% !important;
}

.mb-2 {
margin-bottom: 2px !important;
}

.mt-2 {
margin-top: 2px !important;
}

.mr-2 {
margin-right: 2px !important;
}

.ml-2 {
margin-left: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.w-2 {
width: 2% !important;
}

.w-max-2 {
max-width: 2% !important;
}

.mb-3 {
margin-bottom: 3px !important;
}

.mt-3 {
margin-top: 3px !important;
}

.mr-3 {
margin-right: 3px !important;
}

.ml-3 {
margin-left: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.w-3 {
width: 3% !important;
}

.w-max-3 {
max-width: 3% !important;
}

.mb-4 {
margin-bottom: 4px !important;
}

.mt-4 {
margin-top: 4px !important;
}

.mr-4 {
margin-right: 4px !important;
}

.ml-4 {
margin-left: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.w-4 {
width: 4% !important;
}

.w-max-4 {
max-width: 4% !important;
}

.mb-5 {
margin-bottom: 5px !important;
}

.mt-5 {
margin-top: 5px !important;
}

.mr-5 {
margin-right: 5px !important;
}

.ml-5 {
margin-left: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.w-5 {
width: 5% !important;
}

.w-max-5 {
max-width: 5% !important;
}

.mb-6 {
margin-bottom: 6px !important;
}

.mt-6 {
margin-top: 6px !important;
}

.mr-6 {
margin-right: 6px !important;
}

.ml-6 {
margin-left: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.w-6 {
width: 6% !important;
}

.w-max-6 {
max-width: 6% !important;
}

.mb-7 {
margin-bottom: 7px !important;
}

.mt-7 {
margin-top: 7px !important;
}

.mr-7 {
margin-right: 7px !important;
}

.ml-7 {
margin-left: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.w-7 {
width: 7% !important;
}

.w-max-7 {
max-width: 7% !important;
}

.mb-8 {
margin-bottom: 8px !important;
}

.mt-8 {
margin-top: 8px !important;
}

.mr-8 {
margin-right: 8px !important;
}

.ml-8 {
margin-left: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.w-8 {
width: 8% !important;
}

.w-max-8 {
max-width: 8% !important;
}

.mb-9 {
margin-bottom: 9px !important;
}

.mt-9 {
margin-top: 9px !important;
}

.mr-9 {
margin-right: 9px !important;
}

.ml-9 {
margin-left: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.w-9 {
width: 9% !important;
}

.w-max-9 {
max-width: 9% !important;
}

.mb-10 {
margin-bottom: 10px !important;
}

.mt-10 {
margin-top: 10px !important;
}

.mr-10 {
margin-right: 10px !important;
}

.ml-10 {
margin-left: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.w-10 {
width: 10% !important;
}

.w-max-10 {
max-width: 10% !important;
}

.mb-11 {
margin-bottom: 11px !important;
}

.mt-11 {
margin-top: 11px !important;
}

.mr-11 {
margin-right: 11px !important;
}

.ml-11 {
margin-left: 11px !important;
}

.w-11 {
width: 11% !important;
}

.w-max-11 {
max-width: 11% !important;
}

.mb-12 {
margin-bottom: 12px !important;
}

.mt-12 {
margin-top: 12px !important;
}

.mr-12 {
margin-right: 12px !important;
}

.ml-12 {
margin-left: 12px !important;
}

.w-12 {
width: 12% !important;
}

.w-max-12 {
max-width: 12% !important;
}

.mb-13 {
margin-bottom: 13px !important;
}

.mt-13 {
margin-top: 13px !important;
}

.mr-13 {
margin-right: 13px !important;
}

.ml-13 {
margin-left: 13px !important;
}

.w-13 {
width: 13% !important;
}

.w-max-13 {
max-width: 13% !important;
}

.mb-14 {
margin-bottom: 14px !important;
}

.mt-14 {
margin-top: 14px !important;
}

.mr-14 {
margin-right: 14px !important;
}

.ml-14 {
margin-left: 14px !important;
}

.w-14 {
width: 14% !important;
}

.w-max-14 {
max-width: 14% !important;
}

.mb-15 {
margin-bottom: 15px !important;
}

.mt-15 {
margin-top: 15px !important;
}

.mr-15 {
margin-right: 15px !important;
}

.ml-15 {
margin-left: 15px !important;
}

.w-15 {
width: 15% !important;
}

.w-max-15 {
max-width: 15% !important;
}

.mb-16 {
margin-bottom: 16px !important;
}

.mt-16 {
margin-top: 16px !important;
}

.mr-16 {
margin-right: 16px !important;
}

.ml-16 {
margin-left: 16px !important;
}

.w-16 {
width: 16% !important;
}

.w-max-16 {
max-width: 16% !important;
}

.mb-17 {
margin-bottom: 17px !important;
}

.mt-17 {
margin-top: 17px !important;
}

.mr-17 {
margin-right: 17px !important;
}

.ml-17 {
margin-left: 17px !important;
}

.w-17 {
width: 17% !important;
}

.w-max-17 {
max-width: 17% !important;
}

.mb-18 {
margin-bottom: 18px !important;
}

.mt-18 {
margin-top: 18px !important;
}

.mr-18 {
margin-right: 18px !important;
}

.ml-18 {
margin-left: 18px !important;
}

.w-18 {
width: 18% !important;
}

.w-max-18 {
max-width: 18% !important;
}

.mb-19 {
margin-bottom: 19px !important;
}

.mt-19 {
margin-top: 19px !important;
}

.mr-19 {
margin-right: 19px !important;
}

.ml-19 {
margin-left: 19px !important;
}

.w-19 {
width: 19% !important;
}

.w-max-19 {
max-width: 19% !important;
}

.mb-20 {
margin-bottom: 20px !important;
}

.mt-20 {
margin-top: 20px !important;
}

.mr-20 {
margin-right: 20px !important;
}

.ml-20 {
margin-left: 20px !important;
}

.w-20 {
width: 20% !important;
}

.w-max-20 {
max-width: 20% !important;
}

.mb-21 {
margin-bottom: 21px !important;
}

.mt-21 {
margin-top: 21px !important;
}

.mr-21 {
margin-right: 21px !important;
}

.ml-21 {
margin-left: 21px !important;
}

.w-21 {
width: 21% !important;
}

.w-max-21 {
max-width: 21% !important;
}

.mb-22 {
margin-bottom: 22px !important;
}

.mt-22 {
margin-top: 22px !important;
}

.mr-22 {
margin-right: 22px !important;
}

.ml-22 {
margin-left: 22px !important;
}

.w-22 {
width: 22% !important;
}

.w-max-22 {
max-width: 22% !important;
}

.mb-23 {
margin-bottom: 23px !important;
}

.mt-23 {
margin-top: 23px !important;
}

.mr-23 {
margin-right: 23px !important;
}

.ml-23 {
margin-left: 23px !important;
}

.w-23 {
width: 23% !important;
}

.w-max-23 {
max-width: 23% !important;
}

.mb-24 {
margin-bottom: 24px !important;
}

.mt-24 {
margin-top: 24px !important;
}

.mr-24 {
margin-right: 24px !important;
}

.ml-24 {
margin-left: 24px !important;
}

.w-24 {
width: 24% !important;
}

.w-max-24 {
max-width: 24% !important;
}

.mb-25 {
margin-bottom: 25px !important;
}

.mt-25 {
margin-top: 25px !important;
}

.mr-25 {
margin-right: 25px !important;
}

.ml-25 {
margin-left: 25px !important;
}

.w-25 {
width: 25% !important;
}

.w-max-25 {
max-width: 25% !important;
}

.mb-26 {
margin-bottom: 26px !important;
}

.mt-26 {
margin-top: 26px !important;
}

.mr-26 {
margin-right: 26px !important;
}

.ml-26 {
margin-left: 26px !important;
}

.w-26 {
width: 26% !important;
}

.w-max-26 {
max-width: 26% !important;
}

.mb-27 {
margin-bottom: 27px !important;
}

.mt-27 {
margin-top: 27px !important;
}

.mr-27 {
margin-right: 27px !important;
}

.ml-27 {
margin-left: 27px !important;
}

.w-27 {
width: 27% !important;
}

.w-max-27 {
max-width: 27% !important;
}

.mb-28 {
margin-bottom: 28px !important;
}

.mt-28 {
margin-top: 28px !important;
}

.mr-28 {
margin-right: 28px !important;
}

.ml-28 {
margin-left: 28px !important;
}

.w-28 {
width: 28% !important;
}

.w-max-28 {
max-width: 28% !important;
}

.mb-29 {
margin-bottom: 29px !important;
}

.mt-29 {
margin-top: 29px !important;
}

.mr-29 {
margin-right: 29px !important;
}

.ml-29 {
margin-left: 29px !important;
}

.w-29 {
width: 29% !important;
}

.w-max-29 {
max-width: 29% !important;
}

.mb-30 {
margin-bottom: 30px !important;
}

.mt-30 {
margin-top: 30px !important;
}

.mr-30 {
margin-right: 30px !important;
}

.ml-30 {
margin-left: 30px !important;
}

.w-30 {
width: 30% !important;
}

.w-max-30 {
max-width: 30% !important;
}

.mb-31 {
margin-bottom: 31px !important;
}

.mt-31 {
margin-top: 31px !important;
}

.mr-31 {
margin-right: 31px !important;
}

.ml-31 {
margin-left: 31px !important;
}

.w-31 {
width: 31% !important;
}

.w-max-31 {
max-width: 31% !important;
}

.mb-32 {
margin-bottom: 32px !important;
}

.mt-32 {
margin-top: 32px !important;
}

.mr-32 {
margin-right: 32px !important;
}

.ml-32 {
margin-left: 32px !important;
}

.w-32 {
width: 32% !important;
}

.w-max-32 {
max-width: 32% !important;
}

.mb-33 {
margin-bottom: 33px !important;
}

.mt-33 {
margin-top: 33px !important;
}

.mr-33 {
margin-right: 33px !important;
}

.ml-33 {
margin-left: 33px !important;
}

.w-33 {
width: 33% !important;
}

.w-max-33 {
max-width: 33% !important;
}

.mb-34 {
margin-bottom: 34px !important;
}

.mt-34 {
margin-top: 34px !important;
}

.mr-34 {
margin-right: 34px !important;
}

.ml-34 {
margin-left: 34px !important;
}

.w-34 {
width: 34% !important;
}

.w-max-34 {
max-width: 34% !important;
}

.mb-35 {
margin-bottom: 35px !important;
}

.mt-35 {
margin-top: 35px !important;
}

.mr-35 {
margin-right: 35px !important;
}

.ml-35 {
margin-left: 35px !important;
}

.w-35 {
width: 35% !important;
}

.w-max-35 {
max-width: 35% !important;
}

.mb-36 {
margin-bottom: 36px !important;
}

.mt-36 {
margin-top: 36px !important;
}

.mr-36 {
margin-right: 36px !important;
}

.ml-36 {
margin-left: 36px !important;
}

.w-36 {
width: 36% !important;
}

.w-max-36 {
max-width: 36% !important;
}

.mb-37 {
margin-bottom: 37px !important;
}

.mt-37 {
margin-top: 37px !important;
}

.mr-37 {
margin-right: 37px !important;
}

.ml-37 {
margin-left: 37px !important;
}

.w-37 {
width: 37% !important;
}

.w-max-37 {
max-width: 37% !important;
}

.mb-38 {
margin-bottom: 38px !important;
}

.mt-38 {
margin-top: 38px !important;
}

.mr-38 {
margin-right: 38px !important;
}

.ml-38 {
margin-left: 38px !important;
}

.w-38 {
width: 38% !important;
}

.w-max-38 {
max-width: 38% !important;
}

.mb-39 {
margin-bottom: 39px !important;
}

.mt-39 {
margin-top: 39px !important;
}

.mr-39 {
margin-right: 39px !important;
}

.ml-39 {
margin-left: 39px !important;
}

.w-39 {
width: 39% !important;
}

.w-max-39 {
max-width: 39% !important;
}

.mb-40 {
margin-bottom: 40px !important;
}

.mt-40 {
margin-top: 40px !important;
}

.mr-40 {
margin-right: 40px !important;
}

.ml-40 {
margin-left: 40px !important;
}

.w-40 {
width: 40% !important;
}

.w-max-40 {
max-width: 40% !important;
}

.mb-41 {
margin-bottom: 41px !important;
}

.mt-41 {
margin-top: 41px !important;
}

.mr-41 {
margin-right: 41px !important;
}

.ml-41 {
margin-left: 41px !important;
}

.w-41 {
width: 41% !important;
}

.w-max-41 {
max-width: 41% !important;
}

.mb-42 {
margin-bottom: 42px !important;
}

.mt-42 {
margin-top: 42px !important;
}

.mr-42 {
margin-right: 42px !important;
}

.ml-42 {
margin-left: 42px !important;
}

.w-42 {
width: 42% !important;
}

.w-max-42 {
max-width: 42% !important;
}

.mb-43 {
margin-bottom: 43px !important;
}

.mt-43 {
margin-top: 43px !important;
}

.mr-43 {
margin-right: 43px !important;
}

.ml-43 {
margin-left: 43px !important;
}

.w-43 {
width: 43% !important;
}

.w-max-43 {
max-width: 43% !important;
}

.mb-44 {
margin-bottom: 44px !important;
}

.mt-44 {
margin-top: 44px !important;
}

.mr-44 {
margin-right: 44px !important;
}

.ml-44 {
margin-left: 44px !important;
}

.w-44 {
width: 44% !important;
}

.w-max-44 {
max-width: 44% !important;
}

.mb-45 {
margin-bottom: 45px !important;
}

.mt-45 {
margin-top: 45px !important;
}

.mr-45 {
margin-right: 45px !important;
}

.ml-45 {
margin-left: 45px !important;
}

.w-45 {
width: 45% !important;
}

.w-max-45 {
max-width: 45% !important;
}

.mb-46 {
margin-bottom: 46px !important;
}

.mt-46 {
margin-top: 46px !important;
}

.mr-46 {
margin-right: 46px !important;
}

.ml-46 {
margin-left: 46px !important;
}

.w-46 {
width: 46% !important;
}

.w-max-46 {
max-width: 46% !important;
}

.mb-47 {
margin-bottom: 47px !important;
}

.mt-47 {
margin-top: 47px !important;
}

.mr-47 {
margin-right: 47px !important;
}

.ml-47 {
margin-left: 47px !important;
}

.w-47 {
width: 47% !important;
}

.w-max-47 {
max-width: 47% !important;
}

.mb-48 {
margin-bottom: 48px !important;
}

.mt-48 {
margin-top: 48px !important;
}

.mr-48 {
margin-right: 48px !important;
}

.ml-48 {
margin-left: 48px !important;
}

.w-48 {
width: 48% !important;
}

.w-max-48 {
max-width: 48% !important;
}

.mb-49 {
margin-bottom: 49px !important;
}

.mt-49 {
margin-top: 49px !important;
}

.mr-49 {
margin-right: 49px !important;
}

.ml-49 {
margin-left: 49px !important;
}

.w-49 {
width: 49% !important;
}

.w-max-49 {
max-width: 49% !important;
}

.mb-50 {
margin-bottom: 50px !important;
}

.mt-50 {
margin-top: 50px !important;
}

.mr-50 {
margin-right: 50px !important;
}

.ml-50 {
margin-left: 50px !important;
}

.w-50 {
width: 50% !important;
}

.w-max-50 {
max-width: 50% !important;
}

.mb-51 {
margin-bottom: 51px !important;
}

.mt-51 {
margin-top: 51px !important;
}

.mr-51 {
margin-right: 51px !important;
}

.ml-51 {
margin-left: 51px !important;
}

.w-51 {
width: 51% !important;
}

.w-max-51 {
max-width: 51% !important;
}

.mb-52 {
margin-bottom: 52px !important;
}

.mt-52 {
margin-top: 52px !important;
}

.mr-52 {
margin-right: 52px !important;
}

.ml-52 {
margin-left: 52px !important;
}

.w-52 {
width: 52% !important;
}

.w-max-52 {
max-width: 52% !important;
}

.mb-53 {
margin-bottom: 53px !important;
}

.mt-53 {
margin-top: 53px !important;
}

.mr-53 {
margin-right: 53px !important;
}

.ml-53 {
margin-left: 53px !important;
}

.w-53 {
width: 53% !important;
}

.w-max-53 {
max-width: 53% !important;
}

.mb-54 {
margin-bottom: 54px !important;
}

.mt-54 {
margin-top: 54px !important;
}

.mr-54 {
margin-right: 54px !important;
}

.ml-54 {
margin-left: 54px !important;
}

.w-54 {
width: 54% !important;
}

.w-max-54 {
max-width: 54% !important;
}

.mb-55 {
margin-bottom: 55px !important;
}

.mt-55 {
margin-top: 55px !important;
}

.mr-55 {
margin-right: 55px !important;
}

.ml-55 {
margin-left: 55px !important;
}

.w-55 {
width: 55% !important;
}

.w-max-55 {
max-width: 55% !important;
}

.mb-56 {
margin-bottom: 56px !important;
}

.mt-56 {
margin-top: 56px !important;
}

.mr-56 {
margin-right: 56px !important;
}

.ml-56 {
margin-left: 56px !important;
}

.w-56 {
width: 56% !important;
}

.w-max-56 {
max-width: 56% !important;
}

.mb-57 {
margin-bottom: 57px !important;
}

.mt-57 {
margin-top: 57px !important;
}

.mr-57 {
margin-right: 57px !important;
}

.ml-57 {
margin-left: 57px !important;
}

.w-57 {
width: 57% !important;
}

.w-max-57 {
max-width: 57% !important;
}

.mb-58 {
margin-bottom: 58px !important;
}

.mt-58 {
margin-top: 58px !important;
}

.mr-58 {
margin-right: 58px !important;
}

.ml-58 {
margin-left: 58px !important;
}

.w-58 {
width: 58% !important;
}

.w-max-58 {
max-width: 58% !important;
}

.mb-59 {
margin-bottom: 59px !important;
}

.mt-59 {
margin-top: 59px !important;
}

.mr-59 {
margin-right: 59px !important;
}

.ml-59 {
margin-left: 59px !important;
}

.w-59 {
width: 59% !important;
}

.w-max-59 {
max-width: 59% !important;
}

.mb-60 {
margin-bottom: 60px !important;
}

.mt-60 {
margin-top: 60px !important;
}

.mr-60 {
margin-right: 60px !important;
}

.ml-60 {
margin-left: 60px !important;
}

.w-60 {
width: 60% !important;
}

.w-max-60 {
max-width: 60% !important;
}

.mb-61 {
margin-bottom: 61px !important;
}

.mt-61 {
margin-top: 61px !important;
}

.mr-61 {
margin-right: 61px !important;
}

.ml-61 {
margin-left: 61px !important;
}

.w-61 {
width: 61% !important;
}

.w-max-61 {
max-width: 61% !important;
}

.mb-62 {
margin-bottom: 62px !important;
}

.mt-62 {
margin-top: 62px !important;
}

.mr-62 {
margin-right: 62px !important;
}

.ml-62 {
margin-left: 62px !important;
}

.w-62 {
width: 62% !important;
}

.w-max-62 {
max-width: 62% !important;
}

.mb-63 {
margin-bottom: 63px !important;
}

.mt-63 {
margin-top: 63px !important;
}

.mr-63 {
margin-right: 63px !important;
}

.ml-63 {
margin-left: 63px !important;
}

.w-63 {
width: 63% !important;
}

.w-max-63 {
max-width: 63% !important;
}

.mb-64 {
margin-bottom: 64px !important;
}

.mt-64 {
margin-top: 64px !important;
}

.mr-64 {
margin-right: 64px !important;
}

.ml-64 {
margin-left: 64px !important;
}

.w-64 {
width: 64% !important;
}

.w-max-64 {
max-width: 64% !important;
}

.mb-65 {
margin-bottom: 65px !important;
}

.mt-65 {
margin-top: 65px !important;
}

.mr-65 {
margin-right: 65px !important;
}

.ml-65 {
margin-left: 65px !important;
}

.w-65 {
width: 65% !important;
}

.w-max-65 {
max-width: 65% !important;
}

.mb-66 {
margin-bottom: 66px !important;
}

.mt-66 {
margin-top: 66px !important;
}

.mr-66 {
margin-right: 66px !important;
}

.ml-66 {
margin-left: 66px !important;
}

.w-66 {
width: 66% !important;
}

.w-max-66 {
max-width: 66% !important;
}

.mb-67 {
margin-bottom: 67px !important;
}

.mt-67 {
margin-top: 67px !important;
}

.mr-67 {
margin-right: 67px !important;
}

.ml-67 {
margin-left: 67px !important;
}

.w-67 {
width: 67% !important;
}

.w-max-67 {
max-width: 67% !important;
}

.mb-68 {
margin-bottom: 68px !important;
}

.mt-68 {
margin-top: 68px !important;
}

.mr-68 {
margin-right: 68px !important;
}

.ml-68 {
margin-left: 68px !important;
}

.w-68 {
width: 68% !important;
}

.w-max-68 {
max-width: 68% !important;
}

.mb-69 {
margin-bottom: 69px !important;
}

.mt-69 {
margin-top: 69px !important;
}

.mr-69 {
margin-right: 69px !important;
}

.ml-69 {
margin-left: 69px !important;
}

.w-69 {
width: 69% !important;
}

.w-max-69 {
max-width: 69% !important;
}

.mb-70 {
margin-bottom: 70px !important;
}

.mt-70 {
margin-top: 70px !important;
}

.mr-70 {
margin-right: 70px !important;
}

.ml-70 {
margin-left: 70px !important;
}

.w-70 {
width: 70% !important;
}

.w-max-70 {
max-width: 70% !important;
}

.mb-71 {
margin-bottom: 71px !important;
}

.mt-71 {
margin-top: 71px !important;
}

.mr-71 {
margin-right: 71px !important;
}

.ml-71 {
margin-left: 71px !important;
}

.w-71 {
width: 71% !important;
}

.w-max-71 {
max-width: 71% !important;
}

.mb-72 {
margin-bottom: 72px !important;
}

.mt-72 {
margin-top: 72px !important;
}

.mr-72 {
margin-right: 72px !important;
}

.ml-72 {
margin-left: 72px !important;
}

.w-72 {
width: 72% !important;
}

.w-max-72 {
max-width: 72% !important;
}

.mb-73 {
margin-bottom: 73px !important;
}

.mt-73 {
margin-top: 73px !important;
}

.mr-73 {
margin-right: 73px !important;
}

.ml-73 {
margin-left: 73px !important;
}

.w-73 {
width: 73% !important;
}

.w-max-73 {
max-width: 73% !important;
}

.mb-74 {
margin-bottom: 74px !important;
}

.mt-74 {
margin-top: 74px !important;
}

.mr-74 {
margin-right: 74px !important;
}

.ml-74 {
margin-left: 74px !important;
}

.w-74 {
width: 74% !important;
}

.w-max-74 {
max-width: 74% !important;
}

.mb-75 {
margin-bottom: 75px !important;
}

.mt-75 {
margin-top: 75px !important;
}

.mr-75 {
margin-right: 75px !important;
}

.ml-75 {
margin-left: 75px !important;
}

.w-75 {
width: 75% !important;
}

.w-max-75 {
max-width: 75% !important;
}

.mb-76 {
margin-bottom: 76px !important;
}

.mt-76 {
margin-top: 76px !important;
}

.mr-76 {
margin-right: 76px !important;
}

.ml-76 {
margin-left: 76px !important;
}

.w-76 {
width: 76% !important;
}

.w-max-76 {
max-width: 76% !important;
}

.mb-77 {
margin-bottom: 77px !important;
}

.mt-77 {
margin-top: 77px !important;
}

.mr-77 {
margin-right: 77px !important;
}

.ml-77 {
margin-left: 77px !important;
}

.w-77 {
width: 77% !important;
}

.w-max-77 {
max-width: 77% !important;
}

.mb-78 {
margin-bottom: 78px !important;
}

.mt-78 {
margin-top: 78px !important;
}

.mr-78 {
margin-right: 78px !important;
}

.ml-78 {
margin-left: 78px !important;
}

.w-78 {
width: 78% !important;
}

.w-max-78 {
max-width: 78% !important;
}

.mb-79 {
margin-bottom: 79px !important;
}

.mt-79 {
margin-top: 79px !important;
}

.mr-79 {
margin-right: 79px !important;
}

.ml-79 {
margin-left: 79px !important;
}

.w-79 {
width: 79% !important;
}

.w-max-79 {
max-width: 79% !important;
}

.mb-80 {
margin-bottom: 80px !important;
}

.mt-80 {
margin-top: 80px !important;
}

.mr-80 {
margin-right: 80px !important;
}

.ml-80 {
margin-left: 80px !important;
}

.w-80 {
width: 80% !important;
}

.w-max-80 {
max-width: 80% !important;
}

.mb-81 {
margin-bottom: 81px !important;
}

.mt-81 {
margin-top: 81px !important;
}

.mr-81 {
margin-right: 81px !important;
}

.ml-81 {
margin-left: 81px !important;
}

.w-81 {
width: 81% !important;
}

.w-max-81 {
max-width: 81% !important;
}

.mb-82 {
margin-bottom: 82px !important;
}

.mt-82 {
margin-top: 82px !important;
}

.mr-82 {
margin-right: 82px !important;
}

.ml-82 {
margin-left: 82px !important;
}

.w-82 {
width: 82% !important;
}

.w-max-82 {
max-width: 82% !important;
}

.mb-83 {
margin-bottom: 83px !important;
}

.mt-83 {
margin-top: 83px !important;
}

.mr-83 {
margin-right: 83px !important;
}

.ml-83 {
margin-left: 83px !important;
}

.w-83 {
width: 83% !important;
}

.w-max-83 {
max-width: 83% !important;
}

.mb-84 {
margin-bottom: 84px !important;
}

.mt-84 {
margin-top: 84px !important;
}

.mr-84 {
margin-right: 84px !important;
}

.ml-84 {
margin-left: 84px !important;
}

.w-84 {
width: 84% !important;
}

.w-max-84 {
max-width: 84% !important;
}

.mb-85 {
margin-bottom: 85px !important;
}

.mt-85 {
margin-top: 85px !important;
}

.mr-85 {
margin-right: 85px !important;
}

.ml-85 {
margin-left: 85px !important;
}

.w-85 {
width: 85% !important;
}

.w-max-85 {
max-width: 85% !important;
}

.mb-86 {
margin-bottom: 86px !important;
}

.mt-86 {
margin-top: 86px !important;
}

.mr-86 {
margin-right: 86px !important;
}

.ml-86 {
margin-left: 86px !important;
}

.w-86 {
width: 86% !important;
}

.w-max-86 {
max-width: 86% !important;
}

.mb-87 {
margin-bottom: 87px !important;
}

.mt-87 {
margin-top: 87px !important;
}

.mr-87 {
margin-right: 87px !important;
}

.ml-87 {
margin-left: 87px !important;
}

.w-87 {
width: 87% !important;
}

.w-max-87 {
max-width: 87% !important;
}

.mb-88 {
margin-bottom: 88px !important;
}

.mt-88 {
margin-top: 88px !important;
}

.mr-88 {
margin-right: 88px !important;
}

.ml-88 {
margin-left: 88px !important;
}

.w-88 {
width: 88% !important;
}

.w-max-88 {
max-width: 88% !important;
}

.mb-89 {
margin-bottom: 89px !important;
}

.mt-89 {
margin-top: 89px !important;
}

.mr-89 {
margin-right: 89px !important;
}

.ml-89 {
margin-left: 89px !important;
}

.w-89 {
width: 89% !important;
}

.w-max-89 {
max-width: 89% !important;
}

.mb-90 {
margin-bottom: 90px !important;
}

.mt-90 {
margin-top: 90px !important;
}

.mr-90 {
margin-right: 90px !important;
}

.ml-90 {
margin-left: 90px !important;
}

.w-90 {
width: 90% !important;
}

.w-max-90 {
max-width: 90% !important;
}

.mb-91 {
margin-bottom: 91px !important;
}

.mt-91 {
margin-top: 91px !important;
}

.mr-91 {
margin-right: 91px !important;
}

.ml-91 {
margin-left: 91px !important;
}

.w-91 {
width: 91% !important;
}

.w-max-91 {
max-width: 91% !important;
}

.mb-92 {
margin-bottom: 92px !important;
}

.mt-92 {
margin-top: 92px !important;
}

.mr-92 {
margin-right: 92px !important;
}

.ml-92 {
margin-left: 92px !important;
}

.w-92 {
width: 92% !important;
}

.w-max-92 {
max-width: 92% !important;
}

.mb-93 {
margin-bottom: 93px !important;
}

.mt-93 {
margin-top: 93px !important;
}

.mr-93 {
margin-right: 93px !important;
}

.ml-93 {
margin-left: 93px !important;
}

.w-93 {
width: 93% !important;
}

.w-max-93 {
max-width: 93% !important;
}

.mb-94 {
margin-bottom: 94px !important;
}

.mt-94 {
margin-top: 94px !important;
}

.mr-94 {
margin-right: 94px !important;
}

.ml-94 {
margin-left: 94px !important;
}

.w-94 {
width: 94% !important;
}

.w-max-94 {
max-width: 94% !important;
}

.mb-95 {
margin-bottom: 95px !important;
}

.mt-95 {
margin-top: 95px !important;
}

.mr-95 {
margin-right: 95px !important;
}

.ml-95 {
margin-left: 95px !important;
}

.w-95 {
width: 95% !important;
}

.w-max-95 {
max-width: 95% !important;
}

.mb-96 {
margin-bottom: 96px !important;
}

.mt-96 {
margin-top: 96px !important;
}

.mr-96 {
margin-right: 96px !important;
}

.ml-96 {
margin-left: 96px !important;
}

.w-96 {
width: 96% !important;
}

.w-max-96 {
max-width: 96% !important;
}

.mb-97 {
margin-bottom: 97px !important;
}

.mt-97 {
margin-top: 97px !important;
}

.mr-97 {
margin-right: 97px !important;
}

.ml-97 {
margin-left: 97px !important;
}

.w-97 {
width: 97% !important;
}

.w-max-97 {
max-width: 97% !important;
}

.mb-98 {
margin-bottom: 98px !important;
}

.mt-98 {
margin-top: 98px !important;
}

.mr-98 {
margin-right: 98px !important;
}

.ml-98 {
margin-left: 98px !important;
}

.w-98 {
width: 98% !important;
}

.w-max-98 {
max-width: 98% !important;
}

.mb-99 {
margin-bottom: 99px !important;
}

.mt-99 {
margin-top: 99px !important;
}

.mr-99 {
margin-right: 99px !important;
}

.ml-99 {
margin-left: 99px !important;
}

.w-99 {
width: 99% !important;
}

.w-max-99 {
max-width: 99% !important;
}

.mb-100 {
margin-bottom: 100px !important;
}

.mt-100 {
margin-top: 100px !important;
}

.mr-100 {
margin-right: 100px !important;
}

.ml-100 {
margin-left: 100px !important;
}

.w-100 {
width: 100% !important;
}

.w-max-100 {
max-width: 100% !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.emText {
    color: #eb4600;
}

small {
    font-size: 0.87em;
}

.spNone {
  display: block;
}
.pcNone {
  display: none;
}
@media screen and (max-width: 767px) {
.spNone {
  display: none;
}
.pcNone {
  display: block;
}
}


/*
 ph3から移植
----------------------------*/
button {
font-family: Meiryo, \30e1\30a4\30ea\30aa, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
font-size: 100%;
line-height: 1.71429;
margin: 0;
padding: 0;
cursor: pointer;
vertical-align: baseline;
border: 0;
background: transparent;
}
[data-script-enabled] .js-toggle .js-toggleBtn {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
padding: 14px 16px 14px 50px;
text-align: left;
}

[data-script-enabled] .js-toggle .js-toggleBtn::before,
[data-script-enabled] .js-toggle .js-toggleBtn:after {
position: absolute;
z-index: 1;
top: 28px;
left: 20px;
display: block;
width: 10px;
height: 2px;
content: '';
background-color: #fff;
}

[data-script-enabled] .js-toggle .js-toggleBtn:after {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}

[data-script-enabled] .js-toggle .js-toggleBtn.is-opened:after {
-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}

[data-script-enabled] .js-toggle .js-toggleBtn span {
position: absolute;
top: 13px;
left: 50px;
display: inline-block;
color: transparent;
}

[data-script-enabled] .js-toggle .js-toggleBtn span::after {
position: absolute;
top: 0;
left: -40px;
display: block;
width: 30px;
height: 30px;
content: '';
border-radius: 50%;
background: #929292;
}

[data-script-enabled] .js-toggle .js-toggleHook {
position: relative;
}

[data-script-enabled] .js-toggle .js-toggleHook > span {
padding-left: 40px;
}

[data-script-enabled] .js-toggle .js-toggleContent {
overflow: hidden;
height: 0;
transition: height .5s;

will-change: height;
}

[data-script-enabled] .js-toggle .js-toggleContent .content {
visibility: hidden;
}

[data-script-enabled] .js-toggle .js-toggleContent.is-opened {
height: 100%;
}

.mod-boxToggle {
margin-bottom: 12px;
border: 1px solid #ccc;
background: #fff;
}

.mod-boxToggle * {
box-sizing: border-box;
}

.mod-boxToggle > .title {
font-size: 1.8rem;
margin-bottom: 0;
padding: 0 9px;
background: #f4f4f4;
}

.mod-boxToggle > .title button {
color: inherit;
}

.mod-boxToggle > .title > span {
position: relative;
display: block;
padding: 14px 16px 14px 0;
}

.mod-boxToggle > .title > span::after {
background-color: #929292;
}

.mod-boxToggle .content {
padding: 2em;
border-top: 1px solid #ccc;
}

.mod-boxToggle .content > div:first-of-type {
margin-top: 10px;
}

.mod-boxToggle .content > div:first-of-type > :last-child {
margin-bottom: 0;
}

.mod-boxToggle .content :last-child {
margin-bottom: 0;
}

.mod-boxToggle .content .mod-lytBtn {
margin-bottom: 8px;
}

.mod-boxToggle.type-apply > .title {
font-size: 1.4rem;
color: #fff;
background: #0a68c2;
}

.mod-boxToggle.type-apply > .title span .mod-txtSize {
font-size: 2.2rem;
}

.mod-boxToggle.type-apply > .title span .mod-txtSize .mod-txtEm {
color: #f5ff4f;
}

.mod-boxToggle.type-apply > .title button {
color: inherit;
}

.mod-boxToggle.type-apply > .title button::before,
.mod-boxToggle.type-apply > .title button::after {
background: #fff;
}

.mod-boxToggle.type-apply > .title button span::after {
top: 2px;
background: #063e74;
}

.mod-boxToggle.type-apply > .title button::before,
.mod-boxToggle.type-apply > .title button::after {
top: 30px;
}

.mod-boxToggle.type-apply .content {
background: #f4f4f4;
}

.mod-boxToggle.type-apply .content .mod-hdg4 {
margin-top: 0;
margin-bottom: 1em;
}

.mod-boxToggle.type-apply .content .img {
margin-bottom: 0;
}

.mod-boxToggle.type-apply .content .type-col2 {
text-align: center;
}

.mod-boxToggle.type-apply .content .mod-lytBox {
margin-top: -10px !important;
}

.mod-boxToggle.type-apply .content .mod-lytBox .hdg {
padding-top: 0;
}

.mod-boxToggle.type-apply2 > .title {
font-size: 1.4rem;
color: #fff;
background: #009942;
}

.mod-boxToggle.type-apply2 > .title span .mod-txtSize {
font-size: 2.2rem;
}

.mod-boxToggle.type-apply2 > .title span .mod-txtSize .mod-txtEm {
color: #f5ff4f;
}

.mod-boxToggle.type-apply2 > .title button::before,
.mod-boxToggle.type-apply2 > .title button::after {
background: #fff;
}

.mod-boxToggle.type-apply2 > .title button span::after {
top: 2px;
background: #005c28;
}

.mod-boxToggle.type-apply2 > .title button::before,
.mod-boxToggle.type-apply2 > .title button::after {
top: 30px;
}

.mod-boxToggle.type-apply2 .content {
background: #f4f4f4;
}

.mod-boxToggle.type-apply2 .content .mod-hdg4 {
margin-top: 0;
margin-bottom: 1em;
}

.mod-boxToggle.type-apply2 .content .mod-lytBox {
margin-top: -10px !important;
}

.mod-boxToggle.type-apply2 .content .mod-lytBox .hdg {
padding-top: 0;
}

.mod-boxToggle.type-apply2 .content .img {
margin-bottom: 0;
}

.mod-boxToggle.type-apply2 .content .type-col2 {
text-align: center;
}

.mod-boxToggle.type-apply3 > .title {
font-size: 1.4rem;
color: #fff;
background: #666;
}

.mod-boxToggle.type-apply3 > .title .mod-txtSize {
font-size: 2.2rem;
}

.mod-boxToggle.type-apply3 > .title .mod-txtSize .mod-txtEm {
color: #f5ff4f;
}

.mod-boxToggle.type-apply3 > .title button::before,
.mod-boxToggle.type-apply3 > .title button::after {
background: #fff;
}

.mod-boxToggle.type-apply3 > .title button span::after {
top: 2px;
background: #3d3d3d;
}

.mod-boxToggle.type-apply3 > .title button::before,
.mod-boxToggle.type-apply3 > .title button::after {
top: 30px;
}

.mod-boxToggle.type-apply3 .content {
background: #f4f4f4;
}

.mod-boxToggle.type-apply3 .content .mod-hdg4 {
margin-top: 0;
margin-bottom: 10px;
}

.mod-boxToggle.type-apply3 .content .mod-lytBox {
margin-top: -10px !important;
}

.mod-boxToggle.type-apply3 .content .mod-lytBox .hdg {
padding-top: 0;
}

.mod-boxToggle.type-apply3 .content .type-col2 {
text-align: center;
}

@media only screen and (min-width: 767px) {
  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleHook {
  padding-left: 0;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleContent {
  height: auto !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleContent .content {
  visibility: visible !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleBtn {
  display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  [data-script-enabled] .js-toggle[data-apply-device='pc'] .js-toggleHook {
  padding-left: 0;
  }

  [data-script-enabled] .js-toggle[data-apply-device='pc'] .js-toggleContent {
  height: auto !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='pc'] .js-toggleContent .content {
  visibility: visible !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='pc'] .js-toggleBtn {
  display: none !important;
  }
}

/**

  @tables
---------------------------------------------------------
  elements/_tables.scss
--------------------------------------------------------- */

.mod-table table {
  font-size: 86%;/*add 100*/
  width: 100%;
  margin: 0 auto 25px;
  border-collapse: collapse;
}

.mod-table tr {
text-align: left;
}

.mod-table th,
.mod-table td {
padding: 12px 15px;
empty-cells: show;
vertical-align: top;
border: none;
font-size: 86%;/*add*/
}

.mod-table th img,
.mod-table td img {
vertical-align: middle;
}

.mod-table th sup,
.mod-table td sup {
font-size: .9rem;
}

.mod-table th > :last-child,
.mod-table td > :last-child {
margin-bottom: 0;
}

.mod-table th > :first-child,
.mod-table td > :first-child {
margin-top: 0;
}

.mod-table th {
font-weight: normal;
}

.mod-table caption {
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

.mod-table {
box-sizing: border-box;
margin: 0 auto 25px;
text-align: center;

-webkit-overflow-scrolling: auto;
}

.mod-table * {
box-sizing: border-box;
}

.mod-table caption img {
vertical-align: middle;
}

.mod-table th,
.mod-table td {
word-wrap: break-word;
border: 1px solid #d2d2d2;

overflow-wrap: break-word;
}

.mod-table th.type-nowrap,
.mod-table td.type-nowrap {
white-space: nowrap;
}

.mod-table th > div:first-of-type,
.mod-table td > div:first-of-type {
margin-top: 10px;
}

.mod-table th > div:first-of-type > :last-child,
.mod-table td > div:first-of-type > :last-child {
margin-bottom: 0;
}

.mod-table.aln-c th,
.mod-table.aln-c td,
.mod-table th.aln-c th,
.mod-table th.aln-c td,
.mod-table td.aln-c th,
.mod-table td.aln-c td,
.mod-table tr.aln-c th,
.mod-table tr.aln-c td,
.mod-table tbody.aln-c th,
.mod-table tbody.aln-c td {
text-align: center;
}

.mod-table.aln-r th,
.mod-table.aln-r td,
.mod-table th.aln-r th,
.mod-table th.aln-r td,
.mod-table td.aln-r th,
.mod-table td.aln-r td,
.mod-table tr.aln-r th,
.mod-table tr.aln-r td,
.mod-table tbody.aln-r th,
.mod-table tbody.aln-r td {
text-align: right;
}

.mod-table.aln-l th,
.mod-table.aln-l td,
.mod-table th.aln-l th,
.mod-table th.aln-l td,
.mod-table td.aln-l th,
.mod-table td.aln-l td,
.mod-table tr.aln-l th,
.mod-table tr.aln-l td,
.mod-table tbody.aln-l th,
.mod-table tbody.aln-l td {
text-align: left;
}

.mod-table.valn-t th,
.mod-table.valn-t td,
.mod-table th.valn-t th,
.mod-table th.valn-t td,
.mod-table td.valn-t th,
.mod-table td.valn-t td,
.mod-table tr.valn-t th,
.mod-table tr.valn-t td,
.mod-table tbody.valn-t th,
.mod-table tbody.valn-t td {
vertical-align: top;
}

.mod-table.valn-m th,
.mod-table.valn-m td,
.mod-table th.valn-m th,
.mod-table th.valn-m td,
.mod-table td.valn-m th,
.mod-table td.valn-m td,
.mod-table tr.valn-m th,
.mod-table tr.valn-m td,
.mod-table tbody.valn-m th,
.mod-table tbody.valn-m td {
vertical-align: middle;
}

.mod-table.valn-b th,
.mod-table.valn-b td,
.mod-table th.valn-b th,
.mod-table th.valn-b td,
.mod-table td.valn-b th,
.mod-table td.valn-b td,
.mod-table tr.valn-b th,
.mod-table tr.valn-b td,
.mod-table tbody.valn-b th,
.mod-table tbody.valn-b td {
vertical-align: bottom;
}

.mod-table thead th,
.mod-table thead td {
text-align: center;
vertical-align: middle;
background: #e7e7e7;
}

.mod-table tbody th {
background: #f4f4f4;
}

.mod-table tbody td ul.icon > li {
text-align: center;
}

.mod-table tbody td ul.icon > li + li {
margin-top: 8px;
}

.mod-table tbody td ul.icon > li img {
max-width: 70px;
border-radius: 8px;
}

.mod-table tbody td :last-child {
margin-bottom: 0;
}

.mod-table tbody td > div.adjust:first-of-type {
margin: 0 0 10px;
}

.mod-table.type-color thead th,
.mod-table.type-color thead td {
color: #fff;
background-color: #6cab21;
}

.mod-table.type-color-2 thead th,
.mod-table.type-color-2 thead td {
color: #fff;
background-color: #0092b2;
}

.mod-table::-webkit-scrollbar {
/* スクロールバー本体 */
width: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar:horizontal {
/* 横方向のスクロールバー本体 */
height: 5px;
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-thumb {
border-radius: 2px;
/* スクロールバーの動く部分 */
background: #4b4b4b;
}

.mod-table::-webkit-scrollbar-track-piece:start {
/* スクロールバーの動く部分の前 */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-track-piece:end {
/* スクロールバーの動く部分の後ろ */
background: #e7e7e7;
}

.mod-table::-webkit-scrollbar-corner {
/* スクロールバー角 */
background: transparent;
}

@media only screen and (max-width: 767px) {
  .mod-table.type-rwdBlock table,
  .mod-table.type-rwdBlock caption,
  .mod-table.type-rwdBlock thead,
  .mod-table.type-rwdBlock tbody,
  .mod-table.type-rwdBlock tr,
  .mod-table.type-rwdBlock th,
  .mod-table.type-rwdBlock td {
  display: block;
  }

  .mod-table.type-rwdBlock tr:first-of-type th {
  border-top-width: 1px;
  }

  .mod-table.type-rwdBlock th,
  .mod-table.type-rwdBlock td {
  width: 100%;
  border-top-width: 0;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr td {
  width: 50%;
  }

  .mod-table.type-rwdBlock.type-col2 tbody tr td:nth-of-type(2n) {
  border-left: 0;
  }

  .mod-table.type-rwdScroll {
  overflow: auto;
  width: 100%;
  }

  .mod-table.type-rwdScroll table {
  min-width: 800px;
  margin: 0;
  }

  .mod-table.wS table {
  min-width: 500px;
  }
}

/* 学生支援バナー要素 */
.media-sp{
    display: none;
}
.content-student {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.s-img-area {
    background: #fff;
    padding: 0;
  }
  .student-img {
      padding: 0 10px 10px;
    text-align: center;
    box-sizing: border-box;
  }
  .student-img-2 {
      padding: 0 0px 10px;
      text-align: center;
  }
  .s-text-c {
      text-align: center;
      font-weight: bold;
    font-size: 38px;
    margin: 0;
    padding: 0 0 5px;
  }
  @media screen and (max-width: 767px) {
      .media-sp {
          display: block;
      }
      .student-img {
          padding: 0 87px 10px;
    }
    .student-img img {
      width: 100%;
    }
      .s-text-c {
          font-size: 20px;
      }
  }
  /* //学生支援要素 */



/* ============================================================================
* _widget modules
* ========================================================================= */
/* ----------------------------------------------------------------------------
* .js-carousel 共通スタイル
* ------------------------------------------------------------------------- */
html[data-script-enabled="true"] .mod-carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html[data-script-enabled="true"] .mod-carousel.is-ready> * {
  -webkit-transition: .3s transform ease-out;
          transition: .3s transform ease-out;
}

html[data-script-enabled="true"] .mod-carousel.is-dragging> * {
  -webkit-transition: none !important;
          transition: none !important;
}

/* ----------------------------------------------------------------------------
 * .mod-carousel カルーセル
 * ------------------------------------------------------------------------- */
/*
  .js-carousel
 ----------------------------*/
.mod-carousel {
  text-align: center;
  position: relative;
  overflow: hidden;
  height: auto;
  padding: 0 0 20px;
}

.mod-carousel.type-full .slick-slider {
  max-width: none;
}

.mod-carousel> * {
  -webkit-transition: .5s ease-out opacity;
          transition: .5s ease-out opacity;
  opacity: 0;
}

.mod-carousel> *.slick-initialized,
.mod-carousel> *.slick-initialized~ * {
  opacity: 1;
}

.mod-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -webkit-box-sizing: content-box;
          box-sizing: border-box;
          box-sizing: content-box;
  max-width: 960px;
  margin: auto;
  padding: 0 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.mod-carousel .slick-slider .slick-list,
.mod-carousel .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.mod-carousel .slick-slider .slick-list {
  position: relative;
  display: block;
  height: 100%;
  margin: 0 -12px;
  padding: 0;
}

.mod-carousel .slick-slider .slick-list:focus {
  outline: none;
}

.mod-carousel .slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.mod-carousel .slick-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}

.mod-carousel .slick-slider .slick-track> li {
  margin: 0 12px;
}

.mod-carousel .slick-slider .slick-track> li> .inner {
  margin: 0 auto;
}

.mod-carousel .slick-slider .slick-track> li> .inner> .col {
  padding: 0;
}

.slick-loading .mod-carousel .slick-slider .slick-track {
  visibility: hidden;
}

.mod-carousel .slick-slider .slick-arrow {
  background: rgba(0, 0, 0, .4);
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto;
}

.mod-carousel .slick-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, .7);
}

.mod-carousel .slick-slider .slick-arrow.btn-prev::before,
.mod-carousel .slick-slider .slick-arrow.btn-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.mod-carousel .slick-slider .slick-arrow.btn-prev .inner,
.mod-carousel .slick-slider .slick-arrow.btn-next .inner {
  display: block;
  overflow: hidden;
  height: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-prev {
  left: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-prev::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -156px -73px;
  background-size: 201px 196px;
  width: 17px;
  height: 30px;
}

.mod-carousel .slick-slider .slick-arrow.btn-next {
  right: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-next::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -156px -38px;
  background-size: 201px 196px;
  width: 17px;
  height: 30px;
}

.mod-carousel .slick-slider .slick-arrow.slick-hidden {
  display: none;
}

.mod-carousel .js-carousel-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  margin: 0 auto;
  padding-top: 20px;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-carousel .js-carousel-controller> * {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-carousel .js-carousel-controller .btn-play {
  font-size: 0;
  background: none;
  position: relative;
  width: 15px;
  height: 15px;
  padding: 0;
  cursor: pointer;
  -webkit-animation: inherit !important;
          animation: inherit !important;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mod-carousel .js-carousel-controller .btn-play:not(.stop)::before,
.mod-carousel .js-carousel-controller .btn-play:not(.stop)::after {
  pointer-events: none;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  display: block;
  width: 5px;
  height: 15px;
  content: "";
}

.mod-carousel .js-carousel-controller .btn-play:not(.stop)::before {
  left: 0;
}

.mod-carousel .js-carousel-controller .btn-play:not(.stop)::after {
  right: 0;
}

.mod-carousel .js-carousel-controller .btn-play:not(.stop):hover::before,
.mod-carousel .js-carousel-controller .btn-play:not(.stop):hover::after {
  background: rgba(0, 0, 0, .7);
}

.mod-carousel .js-carousel-controller .btn-play.stop::before {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  border: 7.5px solid transparent;
  border-right: 0;
  border-left: 14px solid rgba(0, 0, 0, .4);
}

.mod-carousel .js-carousel-controller .btn-play.stop:hover:before {
  border-left-color: rgba(0, 0, 0, .7);
}

.mod-carousel .js-carousel-controller .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.mod-carousel .js-carousel-controller .slick-dots li {
  width: 18px;
  margin-left: 14px;
}

.mod-carousel .js-carousel-controller .slick-dots li+ li {
  margin-left: 12px;
}

.mod-carousel .js-carousel-controller .slick-dots li button {
  position: relative;
  width: 100%;
  height: 15px;
}

.mod-carousel .js-carousel-controller .slick-dots li button::before {
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
}

.mod-carousel .js-carousel-controller .slick-dots li.slick-active button::before {
  background-color: rgba(0, 0, 0, .7);
}

/* Slider */
.slick-slide {
  text-align: left;
  display: none;
  min-height: 1px;
}

.slick-slide a:hover {
  opacity: .8;
}

.slick-slide img {
  display: block;
  width: 100%;
  max-width: initial;
  height: 100%;
}

.slick-loading .slick-slide {
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}


.mod-carousel .slick-slider .slick-list {
overflow: hidden;
}
.mod-carousel .js-carousel-controller .slick-dots li {
width: 36px;
}
.mod-carousel .js-carousel-controller .slick-dots li button:hover::before {
background-color: rgba(0, 0, 0, .7);
}

.btn2_1-2{
  display: flex;
  display: flex-box;
  flex-wrap: wrap;
  align-content: center;
}

body{
  background-color: black;
}

body div#video-container{
  display: block!important;
}

body footer,
body header{
  background-color: white;
}
body div#video-container{
  margin-left: auto;
  margin-right: auto;
}

body .difl{
  display: flex;
  display: -ms-flexbox;
}

body div#video-container .inner{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  text-align: right;
}
body div#video-container video{
  position: fixed;
  width: auto;
  height: auto;
  bottom: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  opacity: .4;
}
body div#video-container div#contents{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

body div#mv {
  background-color: #000;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  background-image: url(/access/images/hikari/collabo/mvbg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
}

body div#mv .inner {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

body div#mv h1 {
  color: #fff;
  font-size: 4.8rem;
  margin-top: 3.2rem;
  font-weight: bold;
  text-align: center;
}

body div#mv .attention_top p.h3-text01 {
  color: #223;
}

body div#mv .mod-list-notice> .list> li .content,
body div#mv .mod-list-notice> .list> li> .symbol {
  color: #fff;
}

@media screen and (min-width: 768px) {
  body div#mv .inner {
    width: 1100px;
  }
}

@media only screen and (max-width: 767px){
  body .spdin{
    display: none!important;
  }

  body div#video-container{
    background: url(/access/hikari/collaboration/ad_simpleapply/images/sp-bg0.png) left top no-repeat;
    background-size: contain;
  }
  body div#video-container div#contents img,
  body div#video-container div#contents{
    width: 100%;
  }
  body #phonebtn{
    display: block;
    position: absolute;
    top: 0;
    right: 113px;
    z-index: 999;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  body #phonebtn a{
    display: block;
    text-align: center;
    padding: .4rem;
    background-color: #00a935;
  }

  body #applybtn{
    display: block!important;
    position: absolute;
    top: 0;
    right: 56px;
    z-index: 999;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  body #applybtn a{
    display: block;
    text-align: center;
    padding: .4rem;
    background-color: #fcdb00;
  }

  body div#mv img {
    max-width: 100%;
    height: auto;
  }

  body div#mv h1 {
    font-size: 3.2rem;
    margin-top: 0;
  }

  body div#mv .inner {
    padding: 0 15px;
  }
}

span #wi-fi {
  display: flex;
  margin-left: 8px;
}
span #icon {
  color: #00DA99;
}

/* cb (211112) */
.balloon{
  position: relative;
  display: block;
  margin: 1rem auto;
  padding: 1rem;
  max-width: 1000px;
  background: white;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, .25);
  z-index: 2;
}

.balloon::before{
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  bottom: -10px;
  left: 25%;
  margin-left: -10px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}

.balloon p{
  text-align: center;
}

.balloon-wrapper{
  display: flex;
  justify-content: space-between;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}

.balloon-wrapper .balloon{
  max-width: 33%;
}
.balloon-wrapper .balloon:first-of-type{
  max-width: 398px;
}

@media only screen and (max-width: 767px){
  .balloon{
    max-width: 100%;
    margin: 1rem;
  }
  .balloon::before{
    left: 50%;
  }
}

.cb_area {
  display: block;
  background-color:#FF367F;
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
  position: relative;
  width: 100%;
}
.cb_area a {
  color: #FFF;
  text-decoration: none;
}
.cb_area a::after {
  content: "";
  display: inline-block;
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  margin: 0 1rem .5rem;
}
.cb_area .cb_area_limited {
 background: #FFF;
 color: #FF367F;
 font-weight: bold;
 border-radius: 1em;
 margin: 0 .5em;
 padding: 0 .5em;
 display: inline-block;
 vertical-align: text-bottom;
}
.cb_area .cb_area_price {
 font-weight: bold;
 font-size: 150%;
 vertical-align: revert;
}
@media screen and (max-width: 767px){
  .cb_area {
    padding-top: 6px;
    background-color:#FF367F;
    color: #FFFFFF;
    font-size: 16px !important;
  }
  .cb_area .cb_area_limited {
    vertical-align: middle;
  }
}
.referer_ctad_cb_show, .referer_rt_show, .referer_sgs_show {
  display: none;
}
/* 2208A-01-002 */
.cb_area_title {
  display: block;
  font-size: 2.2rem;
  padding-top: 0.4091em;
}
.cb_area_title .cb_area_limited {
  font-size: 2.4rem;
  vertical-align: baseline;
}
.cb_area_date {
  display: block;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .cb_area_title {
    font-size: 3.996vw;
    padding-top: 0;
  }
  .cb_area_title .cb_area_limited {
    font-size: 4.262vw;
  }
  .cb_area_date {
    font-size: 3.73vw;
    line-height: 1.215;
  }
}