@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansJP-Regular.woff') format('woff'),
        url('../fonts/NotoSansJP-Regular.eot')  format('eot');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansJP-Medium.woff') format('woff'),
        url('../fonts/NotoSansJP-Medium.eot')  format('eot');
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansJP-Bold.woff') format('woff'),
        url('../fonts/NotoSansJP-Bold.eot')  format('eot');
    font-display: swap;
}

a, abbr, acronym, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, samp, section, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul, var {
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: 1
}

body {
  word-break: break-word
}

html {
  overflow-y: scroll
}

ul {
  list-style: none
}

hr {
  display: none
}

del, ins {
  text-decoration: none
}

blockquote, q {
  quotes: none
}

ol {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

button, input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: inherit
}

label {
  cursor: pointer
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=datetime-local]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-outer-spin-button, input[type=month]::-webkit-inner-spin-button, input[type=month]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=week]::-webkit-inner-spin-button, input[type=week]::-webkit-outer-spin-button {
  display: none
}

input[type=date], input[type=datetime-local], input[type=month], input[type=number], input[type=time], input[type=week] {
  -moz-appearance: textfield
}

input[type=date]::-webkit-clear-button, input[type=datetime-local]::-webkit-clear-button, input[type=month]::-webkit-clear-button, input[type=time]::-webkit-clear-button, input[type=week]::-webkit-clear-button {
  -webkit-appearance: none
}

.rn2020 .c_blue {
  color: #0072bc
}

.rn2020 .c_darkblue {
  color: #1D2088
}

.rn2020 .c_orange {
  color: #db3d23
}

.rn2020 .c_black {
  color: #000
}

.rn2020 .c_darkgray {
  color: #787878
}

.rn2020 .c_white {
  color: #fff
}

.rn2020 .c_red {
  color: #e15656
}

.rn2020 .c_yellow {
  color: #f4ad16
}

.rn2020 .c_lightgray {
  color: #e6e8ed
}

.rn2020 .c_lightblue {
  color: #F2FAFF
}

.rn2020 .c_ultralightgray {
  color: #EFEFEF
}

.rn2020 .c_subblue {
  color: #4199E0
}

.rn2020 .c_sublightblue {
  color: #56b2e1
}

.rn2020 .c_subultralightblue {
  color: #00b6ec
}

.rn2020 .c_subemeraldgreen {
  color: #47bed0
}

.rn2020 .c_subgray {
  color: #D0D0D0
}

.rn2020 .c_panelgray {
  color: #333333
}

.rn2020 .c_blueshadow {
  color: #0c5c8f
}

.rn2020 .c_circleblue {
  color: #0e9ad8
}

.rn2020 .c_redshadow {
  color: #a53724
}

.rn2020 ._bg_blue {
  background: #0072bc
}

.rn2020 ._bg_darkblue {
  background: #1D2088
}

.rn2020 ._bg_orange {
  background: #db3d23
}

.rn2020 ._bg_black {
  background: #000
}

.rn2020 ._bg_darkgray {
  background: #787878
}

.rn2020 ._bg_white {
  background: #fff
}

.rn2020 ._bg_red {
  background: #e15656
}

.rn2020 ._bg_yellow {
  background: #f4ad16
}

.rn2020 ._bg_lightgray {
  background: #e6e8ed
}

.rn2020 ._bg_lightblue {
  background: #F2FAFF
}

.rn2020 ._bg_ultralightgray {
  background: #EFEFEF
}

.rn2020 ._bg_subblue {
  background: #4199E0
}

.rn2020 ._bg_sublightblue {
  background: #56b2e1
}

.rn2020 ._bg_subultralightblue {
  background: #00b6ec
}

.rn2020 ._bg_subemeraldgreen {
  background: #47bed0
}

.rn2020 ._bg_subgray {
  background: #D0D0D0
}

.rn2020 ._bg_panelgray {
  background: #333333
}

.rn2020 ._bg_blueshadow {
  background: #0c5c8f
}

.rn2020 ._bg_circleblue {
  background: #0e9ad8
}

.rn2020 ._bg_redshadow {
  background: #a53724
}

.rn2020 ._bg_floralWhite {
  background: #FFFCF3
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), url("../fonts/NotoSansJP-Regular.woff2?ver=20201124") format("woff2"), url("../fonts/NotoSansJP-Regular.woff?ver=20201124") format("woff")
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), url("../fonts/NotoSansJP-Bold.woff2?ver=20201124") format("woff2"), url("../fonts/NotoSansJP-Bold.woff?ver=20201124") format("woff")
}


/*! Yaku Han JP v3.3.1 (OFL-1.1 AND MIT) by Qrac */


/*! Type: YakuHanJP - Based on Noto Sans CJK JP */

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Thin.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Light.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Regular.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Medium.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Bold.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/YakuHanJP/YakuHanJP-Black.eot");
  src: url("../fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d
}

body.rn2020, html {
  font-size: 18px;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body.rn2020 *, html * {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt"!important;
  font-feature-settings: "palt"
}

.rn2020 #blockskip {
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0
}

.rn2020 input:-ms-input-placeholder {
  color: #AAAAAA
}

.rn2020 input::-ms-input-placeholder {
  color: #AAAAAA
}

.rn2020 input:-ms-input-placeholder, .rn2020 input::-ms-input-placeholder, .rn2020 input::placeholder {
  color: #AAAAAA
}

.rn2020 input:focus:-moz-placeholder-shown {
  color: transparent!important
}

.rn2020 input:focus:-ms-input-placeholder {
  color: transparent!important
}

.rn2020 input:focus:placeholder-shown {
  color: transparent!important
}

.rn2020 input:focus::-webkit-input-placeholder {
  color: transparent!important
}

.rn2020 input:focus::-moz-placeholder {
  color: transparent!important
}

.rn2020 input:focus:-ms-input-placeholder {
  color: transparent!important
}

.rn2020 input:focus::-ms-input-placeholder {
  color: transparent
}

.rn2020#ntt-west {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  font-family: "Noto Sans JP", sans-serif!important;
  padding: 10px 40px
}

@media print, screen and (min-width:768px) {
  .rn2020#ntt-west {
    width: 1200px;
    margin: 0 auto
  }
}

@media screen and (max-width:767px) {
  .rn2020#ntt-west {
    padding: 10px 15px
  }
}

.rn2020#ntt-west .logo {
  width: 144px
}

@media screen and (max-width:767px) {
  .rn2020#ntt-west .logo {
    width: 117px
  }
  .rn2020#ntt-west .logo img {
    width: 100%
  }
}

.rn2020#ntt-west .ntt_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 920px
}

@media screen and (max-width:767px) {
  .rn2020#ntt-west .ntt_nav {
    display: none
  }
}

.rn2020#ntt-west .ntt_nav a {
  text-decoration: none;
  font-size: 83.33%;
  border-right: 1px solid #DCDCDC;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.rn2020#ntt-west .ntt_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (min-width:768px) {
  .rn2020#ntt-west .ntt_nav ul li:last-child a, .rn2020#ntt-west .ntt_nav ul li:nth-child(4) a {
    border: none
  }
  .rn2020#ntt-west .ntt_nav ul li:last-child {
    padding-left: 28px
  }
}

.rn2020#ntt-west .ntt_nav .search_area .mf_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.rn2020#ntt-west .ntt_nav .search_area input {
  background: #F2F2F2;
  border: none;
  font-size: 72.22%;
  width: 200px;
  height: 38px;
  padding-left: 16px;
  border-radius: 8px 0 0 8px;
  color: #000
}

.rn2020#ntt-west .ntt_nav .search_area button {
  background: url(../img/cmn/btn_search.svg) no-repeat 0 0;
  width: 42px;
  height: 38px;
  border: none
}

.rn2020#ntt-west .ntt_nav .search_area * {
  outline: none
}

.rn2020#ntt-west .mf_finder_searchBox_suggest_items {
  display: none!important;
  z-index: 20
}

.rn2020#ntt-west .mf_finder_searchBox_suggest_items li {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
  width: 200px!important;
  float: none!important
}

.rn2020#ntt-west .mf_finder_searchBox_suggest_items li a {
  display: block!important;
  width: 200px!important
}

.rn2020 .spBtn {
  display: none
}

@media screen and (max-width:767px) {
  .rn2020 .drawerMenuOpen {
    height: 100%;
    overflow: hidden
  }
  .rn2020#ntt-west {
    height: 60px;
    position: relative;
    z-index: 14;
    background-color: #fff
  }
  .rn2020#ntt-west .spBtn {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px
  }
  .rn2020#ntt-west .spBtn .spTrigger {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
  }
  .rn2020#ntt-west .spBtn .spTrigger .cssIco {
    position: relative;
    width: 23px;
    height: 21px;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
    top: 1%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }
  .rn2020#ntt-west .spBtn .spTrigger .cssIco span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0072bc;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .rn2020#ntt-west .spBtn .spTrigger .cssIco span:first-of-type {
    top: 0
  }
  .rn2020#ntt-west .spBtn .spTrigger .cssIco span:nth-of-type(2) {
    bottom: 10px
  }
  .rn2020#ntt-west .spBtn .spTrigger .cssIco span:nth-of-type(3) {
    bottom: 1px
  }
  .rn2020#ntt-west .spBtn.active .spTrigger {
    background-color: #0072bc
  }
  .rn2020#ntt-west .spBtn.active .spTrigger .cssIco span {
    background-color: #FFF
  }
  .rn2020#ntt-west .spBtn.active .spTrigger .cssIco span:first-of-type {
    -webkit-transform: translateY(9px) rotate(-315deg);
    transform: translateY(9px) rotate(-315deg)
  }
  .rn2020#ntt-west .spBtn.active .spTrigger .cssIco span:nth-of-type(2) {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  .rn2020#ntt-west .spBtn.active .spTrigger .cssIco span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(315deg);
    transform: translateY(-9px) rotate(315deg)
  }
  .rn2020#ntt-west .ntt_nav {
    position: fixed;
    top: 60px;
    width: 86.3vw;
    right: 0;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translate(90vw, 0);
    transform: translate(90vw, 0);
    overflow-y: scroll;
    background-color: #F5F7FA;
    height: 100%;
    display: block;
    z-index: 100
  }
  .rn2020#ntt-west .ntt_nav.active {
    -webkit-transform: translate(0vw, 0);
    transform: translate(0vw, 0);
    padding-bottom: 100px;
    text-align: left
  }
  .rn2020#ntt-west .ntt_nav>ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .rn2020#ntt-west .ntt_nav>ul li {
    border-top: 1px #d5d5d5 solid;
    width: 100%
  }
  .rn2020#ntt-west .ntt_nav>ul li:first-child {
    border-top: 0px #d5d5d5 solid
  }
  .rn2020#ntt-west .ntt_nav>ul li a {
    display: block;
    padding: 15px 20px;
    width: 100%;
    background-color: #F5F7FA;
    border-right: 0
  }
  .rn2020#ntt-west .ntt_nav li:last-child a {
    margin-top: 10px
  }
  .rn2020 .mf_finder_searchBox_items {
    padding: 0
  }
  .rn2020#ntt-west .ntt_nav .search_area input {
    margin-left: 15px;
    border: 1px solid #AAAAAA;
    border-right: none;
    width: 67vw
  }
}

.rn2020 #mmdBg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 13;
  opacity: 0;
  display: none
}

.rn2020 #mmdBg.active {
  opacity: 0.5;
  display: block;
  -webkit-animation: mmdBgOpen 0.3s linear 0s;
  animation: mmdBgOpen 0.3s linear 0s;
  width: 100%
}

@-webkit-keyframes mmdBgOpen {
  0% {
    opacity: 0
  }
  to {
    opacity: 0.5
  }
}

@keyframes mmdBgOpen {
  0% {
    opacity: 0
  }
  to {
    opacity: 0.5
  }
}

.rn2020#l-header {
  background: #1D2088;
  position: relative;
  z-index: 12
}

@media print, screen and (min-width:768px) {
  .rn2020#l-header {
    min-width: 1200px
  }
}

.rn2020#l-header .header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
  padding-right: 40px;
  padding-left: 40px;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .rn2020#l-header .header_inner {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
  }
}

.rn2020#l-header nav {
  display: none
}

@media screen and (max-width:767px) {
  .rn2020#l-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 59px
  }
}

.rn2020#l-header nav {
  display: none
}

@media print, screen and (min-width:768px) {
  .rn2020#l-header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.rn2020#l-header .logo--area {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center
}

@media print, screen and (min-width:768px) {
  .rn2020#l-header .logo--area {
    padding-right: 15px
  }
}

@media screen and (max-width:767px) {
  .rn2020#l-header .logo--area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.rn2020#l-header .logo--area .btn {
  border: 1px solid #d2d2e7;
  background: none;
  color: #fff;
  font-size: 66.67%;
  padding: 5px 8px!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 93px;
  min-height: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0;
  position: relative
}

.rn2020#l-header .logo--area .btn:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 7px;
  background: url(../img/cmn/ic_arrow_menu.svg) no-repeat 0 0;
  background-size: contain;
  margin-left: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease
}

.rn2020#l-header .logo--area .btn:active {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.rn2020#l-header .logo--area .btn.active:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.rn2020#l-header .logo--flets a {
  display: block;
  padding-right: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(../img/cmn/icon/ic_home.svg) no-repeat 100% 5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease
}

@media print, screen and (min-width:768px) {
  .rn2020#l-header .logo--flets a:hover {
    background: url(../img/cmn/icon/ic_home_r.svg) no-repeat 100% 5px
  }
}

.rn2020#l-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav>li+li {
    border-top: 1px solid #D9D9D9
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav a {
    display: block;
    padding: 18px 16px;
    text-decoration: none
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav a.slideDownMenuTrigger:active {
    color: #fff!important
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav>li>a>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .rn2020 .gnav>li>a>span:after {
    content: "";
    background: url(../img/cmn/ic_arrow_down_w.svg) no-repeat 97% 50%;
    width: 15.64px;
    height: 9.23px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
  .rn2020 .gnav>li>a>span.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav>li>a.active>span:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }
}

.rn2020 .gnav li>div {
  display: none
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav li>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav li {
    background: url(../img/cmn/gnav_line.svg) no-repeat left center
  }
  .rn2020 .gnav li:first-child {
    background: none
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:first-child {
    padding-left: 0
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(2) {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(2) .gnav_nav_list dd {
    margin-top: 0
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(2) .gnav_nav_list_lv1+.gnav_nav_list_lv1 {
    padding-left: 30px
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(4) {
    width: 100%;
    margin-top: 40px;
    padding-left: 0
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(4) .gnav_nav_list dd {
    margin-top: 0
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(4) .gnav_nav_list_lv1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .rn2020 .gnav li#gnav_new .gnav_nav_area>div:nth-child(4) .gnav_nav_list_lv1 li {
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .rn2020 .gnav li#gnav_user .gnav_nav_area>div {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
  }
  .rn2020 .gnav li#gnav_user .gnav_nav_area>div:first-child {
    padding-left: 0
  }
  .rn2020 .gnav li#gnav_collabo .gnav_nav_area>div {
    width: 33.3333333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px
  }
  .rn2020 .gnav li#gnav_collabo .gnav_nav_area>div:first-child {
    padding-left: 0
  }
  .rn2020 .gnav li#gnav_language>a {
    width: 54px;
    margin-left: 21px
  }
  .rn2020 .gnav li#gnav_language span {
    background: url(../img/cmn/icon/ic_language_white.svg) no-repeat top center;
    display: inline-block;
    width: 64px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
  }
  .rn2020 .gnav li#gnav_language .slideDownMenu {
    width: 139px;
    position: absolute;
    right: 0;
    left: auto;
    left: calc(50% + 464px)
  }
  .rn2020 .gnav li#gnav_language .slideDownMenu .slideDownMenu_section {
    width: 100%;
    left: auto!important;
    right: 0!important;
    padding: 15px 0 30px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav_nav_area {
    width: 828px
  }
  .rn2020 .gnav_nav_area .gnav_nav_list_lv1>li {
    margin-top: 14px
  }
  .rn2020 .gnav_nav_area .gnav_nav_list_lv1>li a {
    line-height: 1.5;
    font-size: 77.78%;
    text-align: left
  }
  .rn2020 .gnav_nav_area .gnav_nav_list_lv2 {
    padding-left: 20px
  }
  .rn2020 .gnav_nav_area .gnav_nav_list_lv2 .link_icn {
    font-weight: normal!important
  }
  .rn2020 .gnav_nav_list>dt {
    padding-bottom: 9px;
    font-weight: 700;
    border-bottom: 1px solid #D0D0D0;
    font-size: 88.89%;
    text-align: left
  }
  .rn2020 .gnav_nav_list>dd {
    margin-top: 9px;
    text-align: left
  }
  .rn2020 .gnav_nav_list+dl {
    margin-top: 40px
  }
  .rn2020 .gnav ._front:before {
    margin-right: 5px
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_area {
    width: 100%;
    position: absolute;
    background: #0072bc;
    top: 59px;
    left: 0;
    display: none
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_area .gnav>li a, .rn2020 .gnav_area .gnav>li dt {
    font-size: 88.89%;
    padding-left: 16px!important;
    font-weight: normal!important
  }
  .rn2020 .gnav_area .gnav>li .gnav_nav_list_lv2>li a {
    padding-left: 0!important
  }
}

.rn2020 .gnav_area .gnav>li>a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 88.89%;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav_area .gnav>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 176px;
    height: 54px;
    margin-left: 1px;
    font-weight: 700;
    font-size: 77.78%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1D2088;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative
  }
  .rn2020 .gnav_area .gnav>li>a:hover {
    background: #0072bc
  }
  .rn2020 .gnav_area .gnav>li>a span {
    font-weight: 700
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_nav_area {
    width: 100%
  }
  .rn2020 .gnav_nav_area a {
    display: block
  }
  .rn2020 .gnav_nav_area>div .gnav_nav_list {
    border-top: 1px solid #D9D9D9
  }
  .rn2020 .gnav_nav_area>div:first-child .gnav_nav_list {
    border-top: none
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_nav_list {
    background: #fff
  }
  .rn2020 .gnav_nav_list>dt {
    padding: 18px 16px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .rn2020 .gnav_nav_list>dt:after {
    content: "";
    background: url(../img/cmn/ic_arrow_down_darkblue.svg) no-repeat 97% 50%;
    width: 16px;
    height: 9px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
  .rn2020 .gnav_nav_list>dt.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }
  .rn2020 .gnav_nav_list dd, .rn2020 .gnav_nav_list dd.c-grid._sp_noflex {
    display: none
  }
  .rn2020 .gnav_nav_list_lv1 {
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #F2FAFF;
    text-align: left
  }
  .rn2020 .gnav_nav_list_lv1+.gnav_nav_list_lv1 {
    padding-top: 0
  }
  .rn2020 .gnav_nav_list_lv1>li>a.link_icn.arrow._front {
    display: inline-block;
    position: relative;
    padding-left: 20px!important;
    display: inline-block
  }
  .rn2020 .gnav_nav_list_lv1>li>a.link_icn.arrow._front:before {
    content: "";
    background: url(../img/cmn/ic_arrow_blue_right.svg) no-repeat 0 50%;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0
  }
  .rn2020 .gnav_nav_list_lv1 a {
    font-weight: normal;
    text-decoration: underline;
    line-height: 1.5;
    font-size: 77.78%
  }
  .rn2020 .gnav_nav_list_lv1 a.link_icn.arrow._front {
    text-decoration: underline;
    padding-left: 0!important
  }
  .rn2020 .gnav_nav_list_lv1 li+li {
    padding-top: 24px
  }
  .rn2020 .gnav_nav_list_lv2 {
    padding-top: 24px;
    text-align: left;
    margin-left: 35px
  }
  .rn2020 .gnav_nav_list_lv2 a {
    padding: 0
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav>.active>a, .rn2020 .gnav>.active>a:hover {
    background: #0072bc!important;
    z-index: 100
  }
  .rn2020 .gnav>.active>a:after, .rn2020 .gnav>.active>a:hover:after {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #0072bc;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav_btn_area {
    width: 246px
  }
  .rn2020 .gnav_btn_area .btn {
    width: 100%;
    line-height: 1.2;
    font-weight: 700;
    padding-right: 30px;
    font-size: 88.89%
  }
  .rn2020 .gnav_btn_area li .btn--secondary {
    height: 70px;
    line-height: 1.5;
    font-weight: 700
  }
  .rn2020 .gnav_btn_area li .btn--primary, .rn2020 .gnav_btn_area li .btn--primary__inquiry, .rn2020 .gnav_btn_area li .btn--secondary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 3px;
    padding-bottom: 0;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .rn2020 .gnav_btn_area li .btn--primary img, .rn2020 .gnav_btn_area li .btn--primary__inquiry img, .rn2020 .gnav_btn_area li .btn--secondary img {
    width: 28px;
    height: 28px
  }
  .rn2020 .gnav_btn_area li+li {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_btn_area {
    background: #fff;
    width: 100%
  }
  .rn2020 .gnav_btn_area .btn {
    width: 100%;
    background: none;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff!important;
    color: #000;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
    padding: 18px 16px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .rn2020 .gnav_btn_area .btn span {
    font-weight: normal;
    text-align: left!important;
    font-size: 100%
  }
  .rn2020 .gnav_btn_area .btn:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .rn2020 .gnav_btn_area .btn:after {
    content: "";
    background: #fff url(../img/cmn/ic_arrow_blue_right.svg) no-repeat 97% 50%;
    width: 16px;
    height: 16px;
    display: inline-block
  }
  .rn2020 .gnav_btn_area._faq {
    border-top: 1px solid #D9D9D9
  }
}

@media screen and (max-width:767px) {
  .rn2020 .gnav #gnav_language>a {
    background: url(../img/cmn/icon/ic_language_white.svg) no-repeat 0% 50%;
    background-size: 54px 54px;
    padding-left: 46px!important
  }
  .rn2020 .gnav #gnav_language .gnav_nav_list_lv1 {
    background: #fff;
    width: 100%;
    padding: 0
  }
  .rn2020 .gnav #gnav_language .gnav_nav_list_lv1 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000;
    padding: 18px 16px;
    text-decoration: none
  }
  .rn2020 .gnav #gnav_language .gnav_nav_list_lv1 li a:before {
    display: none
  }
  .rn2020 .gnav #gnav_language .gnav_nav_list_lv1 li a:after {
    display: inline-block;
    content: "";
    background: url(../img/cmn/ic_arrow_blue_right.svg) no-repeat 97% 50%;
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px
  }
  .rn2020 .gnav #gnav_language .gnav_nav_list_lv1 li+li {
    padding-top: 0;
    border-top: 1px solid #D9D9D9
  }
}

.rn2020 .gnav .btn_area+* {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .rn2020 .gnav #gnav_application a, .rn2020 .gnav #gnav_contact a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .rn2020 .gnav #gnav_application a:after, .rn2020 .gnav #gnav_contact a:after {
    content: "";
    background: url(../img/cmn/ic_arrow_down_w.svg) no-repeat 50% 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .gnav .nav_top {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: 100%;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
  }
  .rn2020 .gnav .nav_top .inner {
    padding-top: 30px;
    width: 1120px;
    margin: 0 auto
  }
  .rn2020 .gnav .nav_top .inner>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .rn2020 .gnav .nav_top a {
    font-size: 1.2rem
  }
  .rn2020 .gnav .nav_top a:before {
    width: 16px!important;
    height: 16px!important;
    background-size: 16px!important
  }
  .rn2020 .gnav .nav_top.active {
    opacity: 1;
    z-index: 100
  }
}

.rn2020 .slideDownMenu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 54px;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
  background-color: #F2FAFF;
  -webkit-box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16);
  box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16)
}

@media screen and (max-width:767px) {
  .rn2020 .slideDownMenu {
    display: none;
    position: relative;
    top: 0;
    z-index: 1;
    -webkit-transition: unset;
    transition: unset
  }
}

.rn2020 .slideDownMenu_section {
  opacity: 0;
  z-index: -1;
  position: absolute;
  width: 1120px;
  margin: 0 auto;
  padding: 90px 0 45px 0;
  top: 0;
  left: calc(50% - 565px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease
}

@media screen and (max-width:767px) {
  .rn2020 .slideDownMenu_section {
    opacity: 1;
    z-index: 1;
    position: relative;
    width: 100%;
    left: 0;
    padding: 0
  }
}

.rn2020 .slideDownMenu_section.active {
  z-index: 10;
  opacity: 1;
  pointer-events: inherit
}

.rn2020 .dropdown-bg {
  display: none!important;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 11;
  opacity: 0.4
}

@media screen and (max-width:767px) {
  .rn2020 .drawerMenuOpen {
    height: 100%!important;
    overflow: hidden!important;
    -webkit-overflow-scrolling: touch
  }
  .rn2020#l-header.open .gnav_area {
    display: block;
    -webkit-transform: translate(0vw, 59px);
    transform: translate(0vw, 59px);
    overflow: scroll;
    position: fixed;
    height: calc(100% - 59px);
    background-color: transparent
  }
  .rn2020#l-header.open.fixed .gnav_area {
    -webkit-transform: translate(0vw, 0);
    transform: translate(0vw, 0)
  }
  .rn2020#l-header.open .gnav_area .gnav {
    background-color: #0072bc
  }
}

.rn2020#l-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: rotation 0.3s ease;
  animation: rotation 0.3s ease
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: translateY(-59px);
    transform: translateY(-59px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: translateY(-59px);
    transform: translateY(-59px)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.rn2020#ntt-west {
  z-index: 16
}

.rn2020#l-header {
  z-index: 15
}

.rn2020#l-header.open .gnav_area {
  height: calc(100% - 119px)
}

.rn2020#l-header.open.fixed .gnav_area {
  height: calc(100% - 59px)
}

.rn2020 .page_nav_area.active {
  z-index: 14
}

.rn2020 .fixedDummy {
  display: none
}

.rn2020 .fixedDummy.active {
  display: block
}

.rn2020 .gnav_btn_area li._sp+li {
  margin-top: 0
}

.rn2020 .gnav_btn_area .gnav_nav_list dd {
  line-height: 1.5;
  font-size: 77.78%;
  text-align: left;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .rn2020 .gnav_btn_area a.btn--primary:active, .rn2020 .gnav_btn_area a.btn--primary__inquiry:active, .rn2020 .gnav_btn_area a.btn--secondary:active {
    color: #000!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
  }
  .rn2020 .gnav_btn_area a.btn--primary:active:after, .rn2020 .gnav_btn_area a.btn--primary__inquiry:active:after, .rn2020 .gnav_btn_area a.btn--secondary:active:after {
    height: 16px!important
  }
  .rn2020 .gnav_btn_area .btn span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .rn2020 .gnav_btn_area li._sp+li {
    margin-top: 0
  }
  .rn2020 .gnav_btn_area .linkbox a {
    width: 100%;
    margin-bottom: 0;
    padding: 18px 16px!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff!important;
    border-bottom: 1px solid #D9D9D9;
    font-size: 88.89%!important;
    color: #000;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .rn2020 .gnav_btn_area .linkbox a:hover {
    text-decoration: none!important
  }
  .rn2020 .gnav_btn_area .linkbox a:before {
    display: none!important
  }
  .rn2020 .gnav_btn_area .linkbox a:after {
    content: "";
    background: #fff url(../img/cmn/ic_arrow_blue_right.svg) no-repeat 97% 50%;
    width: 16px;
    height: 16px;
    display: inline-block!important;
    right: 0!important;
    bottom: 0!important
  }
  .rn2020 .nav_areasearch a.btn {
    padding: 12px 16px!important
  }
  .rn2020 .nav_areasearch a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/cmn/icon/ic_area.svg) no-repeat 0 0;
    background-size: contain;
    margin-right: 8px
  }
  .rn2020 .nav_new_simulation a.btn {
    padding: 12px 16px!important
  }
  .rn2020 .nav_new_simulation a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/cmn/icon/ic_simulation.svg) no-repeat 0 0;
    background-size: contain;
    margin-right: 8px
  }
  .rn2020 .nav_cart a.btn {
    padding: 12px 16px!important
  }
  .rn2020 .nav_cart a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/cmn/icon/ic_application.svg) no-repeat 0 0;
    background-size: contain;
    margin-right: 8px
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 #l-footer, .rn2020 .shinsa-block {
    min-width: 1200px
  }
}

.rn2020 .shinsa-num {
  min-width: 96px;
  padding: 11px 0;
  line-height: 16px;
  font-size: 55.56%;
  color: #000;
  text-align: center;
  border: 1px solid #e6e8ed;
  background-color: #fff;
  float: right
}

@media print, screen and (min-width:768px) {
  .rn2020 .shinsa-num {
    min-width: 107px;
    font-size: 66.67%
  }
}

.rn2020 .shinsa-block {
  background: #e6e8ed;
  margin: 0 auto;
  padding: 0
}

.rn2020 .shinsa-block--wrap {
  padding: 41px 14px 0!important;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media print, screen and (min-width:768px) {
  .rn2020 .shinsa-block--wrap {
    width: 1000px
  }
}

.rn2020 .copyright--logo {
  text-align: center;
  margin: 40px auto 0;
  width: 213px
}

@media print, screen and (min-width:768px) {
  .rn2020 .copyright--logo {
    width: 1000px;
    margin-top: 57px
  }
}

.rn2020 .copyright--logo img {
  width: 213px;
  height: auto
}

@media print, screen and (min-width:768px) {
  .rn2020 .copyright--logo img {
    width: 238px;
    height: auto
  }
}

.rn2020 .copyright--text {
  text-align: center;
  font-size: 55.56%;
  line-height: 1.8;
  margin: 40px 0 0;
  padding: 0 10px 35px;
  color: #787878
}

@media print, screen and (min-width:768px) {
  .rn2020 .copyright--text {
    font-size: 66.67%;
    margin-top: 54px
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .copyright--wrap {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 20px
  }
}

.rn2020#l-footer {
  background: #e6e8ed;
  padding: 21px 7px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.rn2020 #pagetop {
  clear: both;
  text-align: left;
  font-size: 100%;
  line-height: 0;
  width: 100%;
  margin: 0 auto;
  position: relative
}

.rn2020 #pagetop p {
  font-size: 0!important;
  line-height: 0!important;
  position: absolute;
  width: 48px;
  height: 48px;
  overflow: hidden;
  right: 7px;
  top: -17px;
  z-index: 999
}

@media print, screen and (min-width:768px) {
  .rn2020 #pagetop p {
    width: 48px;
    height: 48px
  }
}

.rn2020 #pagetop p a {
  opacity: 0.8
}

@media print, screen and (min-width:768px) {
  .rn2020 #pagetop p a:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.6
  }
}

.rn2020 #pagetop[data-show=show] p {
  opacity: 1
}

.rn2020 #pagetop[data-position=fixed] p {
  position: fixed;
  top: auto;
  bottom: 38px;
  font-size: 10px;
  line-height: 16px
}

@media print, screen and (min-width:768px) {
  .rn2020 #pagetop[data-position=fixed] p {
    bottom: 50px
  }
}

.rn2020 #pagetop[data-position=fixed] p a {
  display: inline-block;
  padding-left: 1.5em;
  display: block;
  padding-left: 0;
  opacity: 0.8;
  width: 48px;
  height: 48px
}

@media print, screen and (min-width:768px) {
  .rn2020 #pagetop[data-position=fixed] p a {
    position: relative
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 #pagetop[data-position=fixed] p a:hover {
    text-decoration: none;
    opacity: 0.6
  }
}

.rn2020 .followElem {
  position: fixed;
  right: 27px;
  bottom: 61px;
  z-index: 100;
  overflow: hidden;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  -webkit-transition: -webkit-transform 100ms 0s ease;
  transition: -webkit-transform 100ms 0s ease;
  transition: transform 100ms 0s ease;
  transition: transform 100ms 0s ease, -webkit-transform 100ms 0s ease;
  width: 48px;
  border: none;
  z-index: 11
}

@media screen and (max-width:767px) {
  .rn2020 .followElem {
    bottom: 49px
  }
}

.rn2020 .followElem .pageTop {
  max-height: 0;
  height: 0;
  -webkit-transition: max-height 1000ms 0s ease;
  transition: max-height 1000ms 0s ease
}

.rn2020 .followElem .pageTop a img {
  width: 100%;
  height: 100%
}

.rn2020 .followElem.move {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.rn2020 .followElem.move .pageTop {
  height: auto;
  max-height: 100px
}

.rn2020 .followElem.move .move_ico {
  display: block
}

.rn2020 .followElem.move .top_ico {
  display: none
}

.rn2020 .followElem .move_ico {
  display: none
}

.rn2020 .followElem .top_ico {
  display: block
}

@media screen and (max-width:767px) {
  .rn2020#l-footer .footerlink--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .rn2020#l-footer .footerlink--list li {
    margin: 7px 0 0 0;
    width: calc(50% - 3.5px)
  }
  .rn2020#l-footer .footerlink--list a {
    width: 100%;
    height: 40px;
    padding: 0 25px 0 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    letter-spacing: -0.02em;
    line-height: 1.4;
    text-align: left;
    font-size: 66.67%;
    border-radius: 4px
  }
}

@media screen and (max-width:767px) and (min-width:768px) {
  .rn2020#l-footer .footerlink--list a {
    font-size: 77.78%
  }
}

@media screen and (max-width:767px) {
  .rn2020#l-footer .footerlink--list a[target=_blank]:after {
    content: "";
    display: block;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 2px;
    background: url(../img/cmn/ic_blank.svg) no-repeat 100% 50%;
    background-size: contain
  }
}

@media print, screen and (min-width:768px) {
  .rn2020#l-footer .footerlink--list {
    width: 1000px;
    margin: 0 auto;
    text-align: center
  }
  .rn2020#l-footer .footerlink--list li {
    height: auto;
    display: inline-block;
    text-align: center;
    width: auto;
    position: relative;
    margin-top: 18px
  }
  .rn2020#l-footer .footerlink--list li:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    width: 1px;
    height: 1em;
    margin-top: -0.5em;
    background-color: #000
  }
  .rn2020#l-footer .footerlink--list li:last-child:after {
    display: none
  }
  .rn2020#l-footer .footerlink--list a {
    height: auto;
    display: inline-block;
    background-color: transparent;
    padding: 0 8px!important;
    line-height: 1.5;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    font-size: 77.78%
  }
  .rn2020#l-footer .footerlink--list a:visited {
    color: #660099;
    text-decoration: underline
  }
  .rn2020#l-footer .footerlink--list a:hover {
    color: #000;
    text-decoration: underline
  }
  .rn2020#l-footer .footerlink--list a[target=_blank]:after {
    content: "";
    right: 6px;
    top: 50%;
    display: inline-block;
    vertical-align: -2px;
    position: static;
    width: 14px;
    height: 14px;
    margin: 0 0 0 4px;
    background: url(../img/cmn/ic_blank.svg) no-repeat 100% 50%;
    background-size: contain
  }
}

.rn2020 #tax_info {
  left: 0;
  bottom: 0;
  position: fixed;
  display: block;
  opacity: 1;
  color: #fff;
  text-align: left;
  z-index: 10;
  padding: 0;
  background-color: rgba(40, 40, 40, 0.9);
  width: 100%
}

@media print, screen and (min-width:768px) {
  .rn2020 #tax_info .tax_info--wrap {
    width: 1000px;
    margin: 0 auto
  }
}

.rn2020 #tax_info p {
  padding: 7px 14px;
  color: #fff!important;
  line-height: 1.45;
  opacity: 1;
  font-weight: 700;
  font-size: 50%
}

@media print, screen and (min-width:768px) {
  .rn2020 #tax_info p {
    font-size: 111.11%
  }
}

.shinsa-block--wrap {
  padding-top: 40px
}

.popup .shinsa-block--wrap {
  padding: 41px 14px 0
}

@media print, screen and (min-width:768px) {
  .popup .shinsa-block--wrap {
    width: 1000px
  }
}

#blockskip {
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 0;
  idth: 100%;
  height: 0
}

#blockskip a {
  display: block;
  background: #272F89;
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-align: center;
  text-decoration: underline;
  color: #ffffff;
  text-decoration: none
}

#blockskip a:hover {
  text-decoration: underline
}

#blockskip a:focus {
  text-decoration: underline
}

#blockskip.show {
  color: #ffffff;
  height: 3em;
  margin-top: 0;
  padding: 0;
  line-height: 1.5;
  cursor: pointer
}

#topicpath {
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
  z-index: 0;
  font-size: 66.67%
}

@media print, screen and (min-width:768px) {
  #topicpath {
    width: 1200px;
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

#topicpath li {
  display: inline-block
}

#topicpath li:after {
  content: ">";
  display: inline-block;
  vertical-align: baseline;
  background: url(../img/cmn/ic_breadcrumb.svg) no-repeat 50% 50%;
  background-size: cover;
  padding: 6px 0 1px 7px;
  margin: 0 0 0 6px;
  width: 0;
  height: 0;
  overflow: hidden
}

#topicpath li:last-child:after {
  background: none
}

@media screen and (max-width:767px) {
  #topicpath {
    display: none
  }
}

.page_nav_area {
  background: #fff;
  z-index: 11;
  position: relative;
  -webkit-box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16);
  box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16)
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn.active {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.page_nav_area ._nav_btn button {
  width: 100%;
  height: 100%;
  background: #fff;
  border: none;
  text-align: left;
  font-size: 77.78%;
  outline: none;
  cursor: pointer
}

.page_nav_area ._nav_btn button.active .icoAcLinkAfter {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.page_nav_area ._nav_btn button.active .icoAcLinkAfter:before {
  opacity: 0
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn+.nav_list li a {
    height: 33px
  }
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn.active+.nav_list {
    border-top: 1px solid #787878
  }
}

.page_nav_area ._nav_btn .icoAcLinkAfter {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 90px;
  top: calc(50% - 16px);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn .icoAcLinkAfter {
    top: 20px;
    width: 17px;
    height: 17px;
    right: 16px
  }
}

.page_nav_area ._nav_btn .icoAcLinkAfter:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  border-top: 2px solid #000;
  width: 32px;
  height: 0px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: opacity 220ms ease 22ms;
  transition: opacity 220ms ease 22ms
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn .icoAcLinkAfter:before {
    width: 17px
  }
}

.page_nav_area ._nav_btn .icoAcLinkAfter:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  border-top: 2px solid #000;
  width: 32px;
  height: 0px
}

@media screen and (max-width:767px) {
  .page_nav_area ._nav_btn .icoAcLinkAfter:after {
    width: 17px
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area nav {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.page_nav_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.page_nav_area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .page_nav_area ul li {
    width: 50%;
    border-bottom: 1px solid #787878;
    text-align: center;
    padding: 12px 0
  }
  .page_nav_area ul li:last-child, .page_nav_area ul li:nth-last-child(2) {
    border-bottom: none
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul li {
    padding: 12px 0;
    background: #fff url(../img/cmn/pagenav_line.svg) no-repeat left center;
    background-size: 1px 48px
  }
  .page_nav_area ul li.active {
    background-color: #F2FAFF
  }
  .page_nav_area ul li:hover {
    background: #F2FAFF url(../img/cmn/pagenav_line.svg) no-repeat left center;
    background-size: 1px 48px
  }
  .page_nav_area ul li:first-child {
    background-image: none;
    background-color: #fff
  }
  .page_nav_area ul li:first-child.active {
    background-color: #F2FAFF
  }
  .page_nav_area ul li:first-child:hover {
    background-image: none;
    background-color: #F2FAFF
  }
}

.page_nav_area ul li a {
  font-size: 77.78%;
  width: 100%;
  text-decoration: none!important
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul li a {
    font-size: 88.89%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width:767px) {
  .page_nav_area ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.page_nav_area ul li a:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background: url(../img/cmn/ic_arrow_down_black.svg) no-repeat 50% 50%;
  background-size: 7px 12px;
  padding: 7px 0 0 12px;
  margin: 0 12px 0 0;
  width: 0;
  height: 0;
  overflow: hidden;
  background-size: contain
}

.page_nav_area ul li.apply.bg--red {
  background-color: #DB3D23
}

.page_nav_area ul li.apply.bg--red a {
  color: #fff
}

.page_nav_area ul li.apply.bg--red a span {
  font-weight: 700
}

.page_nav_area ul li.apply.bg--red a:after {
  background: url(../img/cmn/ic_arrow_down_w.svg) no-repeat 50% 50%
}

.page_nav_area ul li.apply a:after {
  -webkit-transform: rotate(270deg) translateY(0);
  transform: rotate(270deg) translateY(0);
  width: 7px;
  height: 12px;
  background-size: 12px 7px!important
}

@media screen and (max-width:767px) {
  .page_nav_area ul li.apply a:after {
    -webkit-transform: rotate(270deg) translateY(15%);
    transform: rotate(270deg) translateY(15%)
  }
}

.page_nav_area ul li.pagelink a:after {
  -webkit-transform: rotate(270deg) translateY(0);
  transform: rotate(270deg) translateY(0);
  width: 7px;
  height: 12px;
  background-size: 12px 7px!important
}

@media screen and (max-width:767px) {
  .page_nav_area ul li.pagelink a:after {
    -webkit-transform: rotate(270deg) translateY(15%);
    transform: rotate(270deg) translateY(15%)
  }
}

.page_nav_area ul li span {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul li span {
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .page_nav_area ul li:first-child a, .page_nav_area ul li:nth-child(odd) a {
    border-right: 1px solid #787878
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul li:last-child {
    border-right: none
  }
}

@media screen and (max-width:767px) {
  .page_nav_area ul.col1 li:nth-last-child(2), .page_nav_area ul.col11 li:nth-last-child(2), .page_nav_area ul.col3 li:nth-last-child(2), .page_nav_area ul.col5 li:nth-last-child(2), .page_nav_area ul.col7 li:nth-last-child(2), .page_nav_area ul.col9 li:nth-last-child(2) {
    border-bottom: 1px solid #787878
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col12 li {
    width: calc((100% - 1px) / 12)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col11 li {
    width: calc((100% - 1px) / 11)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col10 li {
    width: calc((100% - 1px) / 10)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col9 li {
    width: calc((100% - 1px) / 9)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col8 li {
    width: calc((100% - 1px) / 8)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col7 li {
    width: calc((100% - 1px) / 7)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col6 li {
    width: calc((100% - 1px) / 6)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col5 li {
    width: calc((100% - 1px) / 5)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col4 li {
    width: calc((100% - 1px) / 4)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col3 li {
    width: calc((100% - 1px) / 3)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col2 li {
    width: calc((100% - 1px) / 2)
  }
}

@media print, screen and (min-width:768px) {
  .page_nav_area ul.col1 li {
    width: 100%
  }
}

._nav_btn {
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  display: none
}

._nav_btn.active {
  display: block
}

._nav_btn.active {
  opacity: 1;
  height: auto
}

@media screen and (max-width:767px) {
  #local_nav .c-grid.col3 .c-col+.c-col {
    margin-top: 24px
  }
}

@media print, screen and (min-width:768px) {
  #local_nav .c-grid {
    margin-right: -31px;
    margin-bottom: -27px
  }
  #local_nav .c-grid.col3 .c-col {
    width: calc((100% - 1px) / 3 - 30px);
    margin-right: 30px;
    margin-bottom: 27px
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.segmentList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #0072bc;
  -webkit-box-shadow: 0px 4px 0px #0072bc;
  box-shadow: 0px 4px 0px #0072bc
}

.segmentList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList li input {
  display: none
}

.segmentList li input:checked+label {
  color: #fff
}

.segmentList li:first-of-type.active~:last-of-type:before {
  left: calc((100/3) * 0%)
}

.segmentList li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/3) * 1%)
}

.segmentList li:nth-of-type(3).active~:last-of-type:before {
  left: calc((100/3) * 2%)
}

.segmentList li:nth-of-type(3).active:before {
  left: calc((100/3) * 2%)
}

.segmentList li a, .segmentList li div, .segmentList li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList li a span, .segmentList li div span, .segmentList li label span {
  position: relative;
  z-index: 1
}

.segmentList li a:not(:last-child), .segmentList li div:not(:last-child), .segmentList li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList+* {
  margin-top: 40px
}

.segmentList li+li {
  border-left: 2px solid #0072bc
}

.segmentList li>input {
  display: none!important
}

.segmentList a, .segmentList div, .segmentList label {
  width: 344px;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.segmentList a span, .segmentList div span, .segmentList label span {
  background: none!important;
  top: 0!important;
  margin-right: 0!important;
  width: auto!important;
  height: auto!important;
  position: relative;
  z-index: 1;
  color: #0072bc;
  font-weight: 700;
  font-size: 100%;
  line-height: 1.5
}

.segmentList a span small, .segmentList div span small, .segmentList label span small {
  font-size: 88.888888%
}

@media screen and (max-width:767px) {
  .segmentList a span, .segmentList div span, .segmentList label span {
    font-size: 88.89%;
    line-height: 1.2
  }
}

.segmentList .active a span, .segmentList .active div span, .segmentList .active label span {
  font-size: 133.33%;
  color: #fff
}

.segmentList .active a span small, .segmentList .active div span small, .segmentList .active label span small {
  font-size: 75%
}

@media screen and (max-width:767px) {
  .segmentList .active a span, .segmentList .active div span, .segmentList .active label span {
    font-size: 88.89%
  }
  .segmentList .active a span small, .segmentList .active div span small, .segmentList .active label span small {
    font-size: 87.5%
  }
}

.segmentList a, .segmentList label {
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  text-decoration: none!important
}

.segmentList a:hover, .segmentList label:hover {
  background: #F2FAFF
}

.segmentList.col2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col2 li input {
  display: none
}

.segmentList.col2 li input:checked+label {
  color: #fff
}

.segmentList.col2 li:first-of-type.active~:last-of-type:before {
  left: calc((100/2) * 0%)
}

.segmentList.col2 li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/2) * 1%)
}

.segmentList.col2 li:nth-of-type(2).active:before {
  left: calc((100/2) * 1%)
}

.segmentList.col2 li a, .segmentList.col2 li div, .segmentList.col2 li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList.col2 li a span, .segmentList.col2 li div span, .segmentList.col2 li label span {
  position: relative;
  z-index: 1
}

.segmentList.col2 li a:not(:last-child), .segmentList.col2 li div:not(:last-child), .segmentList.col2 li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList.col2 li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList.col2 li {
  width: 50%
}

.segmentList.col2 li:last-of-type:before {
  max-width: 50%
}

.segmentList.col3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col3 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col3 li input {
  display: none
}

.segmentList.col3 li input:checked+label {
  color: #fff
}

.segmentList.col3 li:first-of-type.active~:last-of-type:before {
  left: calc((100/3) * 0%)
}

.segmentList.col3 li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/3) * 1%)
}

.segmentList.col3 li:nth-of-type(3).active~:last-of-type:before {
  left: calc((100/3) * 2%)
}

.segmentList.col3 li:nth-of-type(3).active:before {
  left: calc((100/3) * 2%)
}

.segmentList.col3 li a, .segmentList.col3 li div, .segmentList.col3 li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList.col3 li a span, .segmentList.col3 li div span, .segmentList.col3 li label span {
  position: relative;
  z-index: 1
}

.segmentList.col3 li a:not(:last-child), .segmentList.col3 li div:not(:last-child), .segmentList.col3 li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList.col3 li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList.col3 li {
  width: 33.3333333333%
}

.segmentList.col3 li:last-of-type:before {
  max-width: 33.3333333333%
}

.segmentList.col4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col4 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col4 li input {
  display: none
}

.segmentList.col4 li input:checked+label {
  color: #fff
}

.segmentList.col4 li:first-of-type.active~:last-of-type:before {
  left: calc((100/4) * 0%)
}

.segmentList.col4 li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/4) * 1%)
}

.segmentList.col4 li:nth-of-type(3).active~:last-of-type:before {
  left: calc((100/4) * 2%)
}

.segmentList.col4 li:nth-of-type(4).active~:last-of-type:before {
  left: calc((100/4) * 3%)
}

.segmentList.col4 li:nth-of-type(4).active:before {
  left: calc((100/4) * 3%)
}

.segmentList.col4 li a, .segmentList.col4 li div, .segmentList.col4 li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList.col4 li a span, .segmentList.col4 li div span, .segmentList.col4 li label span {
  position: relative;
  z-index: 1
}

.segmentList.col4 li a:not(:last-child), .segmentList.col4 li div:not(:last-child), .segmentList.col4 li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList.col4 li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList.col4 li {
  width: 25%
}

.segmentList.col4 li:last-of-type:before {
  max-width: 25%
}

.segmentList.col5 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col5 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col5 li input {
  display: none
}

.segmentList.col5 li input:checked+label {
  color: #fff
}

.segmentList.col5 li:first-of-type.active~:last-of-type:before {
  left: calc((100/5) * 0%)
}

.segmentList.col5 li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/5) * 1%)
}

.segmentList.col5 li:nth-of-type(3).active~:last-of-type:before {
  left: calc((100/5) * 2%)
}

.segmentList.col5 li:nth-of-type(4).active~:last-of-type:before {
  left: calc((100/5) * 3%)
}

.segmentList.col5 li:nth-of-type(5).active~:last-of-type:before {
  left: calc((100/5) * 4%)
}

.segmentList.col5 li:nth-of-type(5).active:before {
  left: calc((100/5) * 4%)
}

.segmentList.col5 li a, .segmentList.col5 li div, .segmentList.col5 li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList.col5 li a span, .segmentList.col5 li div span, .segmentList.col5 li label span {
  position: relative;
  z-index: 1
}

.segmentList.col5 li a:not(:last-child), .segmentList.col5 li div:not(:last-child), .segmentList.col5 li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList.col5 li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList.col5 li {
  width: 20%
}

.segmentList.col5 li:last-of-type:before {
  max-width: 20%
}

.segmentList.col6 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col6 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.segmentList.col6 li input {
  display: none
}

.segmentList.col6 li input:checked+label {
  color: #fff
}

.segmentList.col6 li:first-of-type.active~:last-of-type:before {
  left: calc((100/6) * 0%)
}

.segmentList.col6 li:nth-of-type(2).active~:last-of-type:before {
  left: calc((100/6) * 1%)
}

.segmentList.col6 li:nth-of-type(3).active~:last-of-type:before {
  left: calc((100/6) * 2%)
}

.segmentList.col6 li:nth-of-type(4).active~:last-of-type:before {
  left: calc((100/6) * 3%)
}

.segmentList.col6 li:nth-of-type(5).active~:last-of-type:before {
  left: calc((100/6) * 4%)
}

.segmentList.col6 li:nth-of-type(6).active~:last-of-type:before {
  left: calc((100/6) * 5%)
}

.segmentList.col6 li:nth-of-type(6).active:before {
  left: calc((100/6) * 5%)
}

.segmentList.col6 li a, .segmentList.col6 li div, .segmentList.col6 li label {
  padding: 6px 3px;
  -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}

.segmentList.col6 li a span, .segmentList.col6 li div span, .segmentList.col6 li label span {
  position: relative;
  z-index: 1
}

.segmentList.col6 li a:not(:last-child), .segmentList.col6 li div:not(:last-child), .segmentList.col6 li label:not(:last-child) {
  border-right: 1px solid #fff
}

.segmentList.col6 li:last-of-type:before {
  background-color: #0072BC;
  -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
  content: "";
  display: block;
  max-width: 33.3333333333%;
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.segmentList.col6 li {
  width: 16.6666666667%
}

.segmentList.col6 li:last-of-type:before {
  max-width: 16.6666666667%
}

.segmentList._defalt li:last-of-type:before {
  display: none
}

.tab_area+* {
  margin-top: 56px
}

.tab_area.w_full {
  padding: 0
}

.tabBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tabBtn+.tabContents {
  margin-top: 0!important
}

.tabBtn>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tabBtn.col2 li {
  width: 50%
}

.tabBtn.col3 li {
  width: 33.3333333333%
}

.tabBtn>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tabBtn>li a {
  border: 2px solid #0072bc;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  color: #0072bc;
  width: 100%;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tabBtn>li a span {
  font-weight: 700;
  text-align: center;
  font-size: 100%;
  line-height: 1.2
}

.tabBtn>li a span small {
  font-size: 75%
}

@media screen and (max-width:767px) {
  .tabBtn>li a span small {
    font-size: 87.5%
  }
}

@media screen and (max-width:767px) {
  .tabBtn>li a {
    font-size: 88.89%
  }
}

.tabBtn>li a .img_off {
  display: inline-block
}

.tabBtn>li a .img_on {
  display: none
}

.tabBtn>li a.active {
  background-color: #0072bc;
  color: #fff;
  font-size: 133.33%;
  padding: 20px 0;
  height: 84px;
  height: 100%
}

@media screen and (max-width:767px) {
  .tabBtn>li a.active {
    padding: 29px 0;
    font-size: 88.89%
  }
}

.tabBtn>li a.active:active {
  color: #fff!important
}

.tabBtn>li a.active .img_on {
  display: inline-block
}

.tabBtn>li a.active .img_off {
  display: none
}

.tabBtn>li a:active {
  color: #0072bc!important
}

.tabBtn .logo_area {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tabBtn .logo_area>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .tabBtn .logo_area>div {
    width: 100%
  }
}

.tabBtn .logo_area>div+div {
  margin-left: 20px
}

@media screen and (max-width:767px) {
  .tabBtn .logo_area>div+div {
    margin-left: 0;
    margin-top: 8px
  }
}

.tabBtn .logo_area ._logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabBtn .logo_area ._logo img {
  width: 76px;
  height: 23px
}

@media screen and (max-width:767px) {
  .tabBtn .logo_area ._logo img {
    width: 70px;
    height: 21px
  }
}

.tabBtn .logo_area ._logo+._logo:before {
  content: "";
  background: url(../img/cmn/ic_thick2_arrow.svg) no-repeat 0 0;
  display: block;
  width: 13px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px
}

@media screen and (max-width:767px) {
  .tabBtn .logo_area ._logo+._logo:before {
    margin-right: 4px;
    margin-left: 4px
  }
}

.tabBtn .active ._logo+._logo:before {
  content: "";
  background: url(../img/cmn/ic_thick_arrow_white.svg) no-repeat 0 0;
  display: block;
  width: 13px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px
}

.tabBtn .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-top: -8px;
  margin-bottom: -8px
}

.tabBtn .img_area span {
  text-align: left;
  padding-left: 10px;
  line-height: 1.5;
  font-size: 100%
}

@media screen and (max-width:767px) {
  .tabBtn .img_area span {
    padding-left: 0;
    font-size: 88.89%
  }
}

@media screen and (max-width:767px) {
  .tabBtn .img_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .tabBtn .img_area span {
    text-align: center
  }
}

.tabBtn .img_area strong {
  font-weight: 700;
  font-size: 100%
}

@media screen and (max-width:767px) {
  .tabBtn .img_area strong {
    font-size: 88.89%
  }
}

.tabBtn .active .img_area {
  margin-top: 0;
  margin-bottom: 0
}

.tabBtn .active .img_area span {
  font-size: 82%
}

@media screen and (max-width:767px) {
  .tabBtn .active .img_area span {
    margin-top: 6px;
    font-size: 100%
  }
}

.tabBtn .active .img_area span strong {
  font-size: 120%
}

.tabContents {
  background-color: #fff
}

.tabContents>div {
  display: none;
  padding: 40px
}

@media screen and (max-width:767px) {
  .tabContents>div {
    padding: 40px 16px
  }
}

.tabContents>div.active {
  display: block
}

.tabContents>div .c-list {
  font-size: 100%
}

@media screen and (max-width:767px) {
  .tabContents>div .c-list {
    font-size: 77.78%
  }
}

@media screen and (max-width:767px) {
  .pattern_logo .tabBtn>li a[data-target=tab1] {
    padding: 25px 0
  }
  .pattern_logo .tabBtn>li a.active span {
    font-size: 133.3333%!important
  }
  .pattern_logo .tabBtn>li a.active[data-target=tab1] {
    padding: 40px 0 45px
  }
  .pattern_logo .tabBtn>li a.active[data-target=tab2] {
    padding: 24px 0
  }
}

.tabBtn>li a.tab-line1 {
  padding: 25px 0
}

.tabBtn>li a.tab-line1.active {
  padding: 38px 0
}

@media print, screen and (min-width:768px) {
  .tabBtn>li a.tab-line1.active {
    padding: 34px 0
  }
}

.ac_area {
  -webkit-box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16);
  box-shadow: 0px 4px 8px rgba(40, 40, 40, 0.16)
}

@media screen and (max-width:767px) {
  .ac_area {
    padding: 0
  }
}

.ac_area+* {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .ac_area+* {
    margin-top: 24px
  }
}

.ac_area .ac_area {
  padding: 0
}

.rn2020 .ac_area a.acTrigger:active {
  color: #fff!important
}

.acHide {
  display: none
}

.acTrigger {
  position: relative
}

.acTrigger .icoAcLinkAfter {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 80px;
  top: calc(50% - 16px);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms
}

@media screen and (max-width:767px) {
  .acTrigger .icoAcLinkAfter {
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    right: 57px
  }
}

.acTrigger .icoAcLinkAfter:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  border-top: 2px solid #fff;
  width: 32px;
  height: 0px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: opacity 220ms ease 22ms;
  transition: opacity 220ms ease 22ms
}

@media screen and (max-width:767px) {
  .acTrigger .icoAcLinkAfter:before {
    width: 24px
  }
}

.acTrigger .icoAcLinkAfter:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  border-top: 2px solid #fff;
  width: 32px;
  height: 0px
}

@media screen and (max-width:767px) {
  .acTrigger .icoAcLinkAfter:after {
    width: 24px
  }
}

.acTrigger .icoAcLinkAfter+span {
  width: 66px
}

@media screen and (max-width:767px) {
  .acTrigger .icoAcLinkAfter+span {
    width: 50px
  }
}

.acTrigger.active .icoAcLinkAfter {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.acTrigger.active .icoAcLinkAfter:before {
  opacity: 0
}

.acTrigger {
  background: #0072bc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 143px;
  color: #fff!important;
  font-size: 155.56%;
  text-decoration: none!important
}

@media screen and (max-width:767px) {
  .acTrigger {
    min-height: 98px;
    padding: 10px 0 10px 18px;
    font-size: 122.22%
  }
}

.acTrigger .ac_txt {
  line-height: 1.5;
  font-weight: 700;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 35px
}

.acTrigger:active, .acTrigger:visited {
  color: #fff
}

.acTrigger i {
  width: 110px
}

@media screen and (max-width:767px) {
  .acTrigger i {
    width: 55px
  }
}

.acTrigger i+span {
  font-style: normal;
  font-size: 63%;
  font-weight: normal;
  text-decoration: underline
}

.acHide {
  background: #fff;
  border: 2px solid #D0D0D0;
  margin-top: 0!important;
  padding: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .acHide {
    padding: 40px 16px
  }
}

.acHide+* {
  margin-top: 40px
}

.acHide .acTrigger {
  background: #fff;
  border: 1px solid #D0D0D0;
  color: #000!important;
  height: 132px
}

@media screen and (max-width:767px) {
  .acHide .acTrigger {
    height: 79px;
    padding-left: 15px
  }
}

.acHide .acTrigger .ac_txt {
  font-size: 100%
}

@media screen and (max-width:767px) {
  .acHide .acTrigger .ac_txt {
    font-weight: normal
  }
}

.acHide .acTrigger>.icoAcLinkAfter:before {
  border-top: 2px solid #000
}

.acHide .acTrigger>.icoAcLinkAfter:after {
  border-top: 2px solid #000
}

.acHide .acHide {
  border-top: none;
  border-right: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0
}

.acHide .tab_area {
  padding: 0
}

.stepList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  width: 100%;
  height: 50px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-top: 2px #0070bf solid;
  border-bottom: 2px #0070bf solid;
  border-left: 2px #0070bf solid
}

@media screen and (max-width:767px) {
  .stepList {
    height: 50px
  }
}

.stepList+* {
  margin-top: 40px
}

.stepList+.sec, .stepList+.stepContents {
  margin-top: 0!important
}

.stepList.col2 li {
  width: 50%
}

.stepList.col3 li {
  width: 33.3333333333%
}

.stepList.col4 li {
  width: 25%
}

.stepList.col5 li {
  width: 20%
}

.stepList.col6 li {
  width: calc(16.6666666667% + 5px)
}

.stepList>li {
  position: relative;
  background: #fff;
  color: #fff
}

.stepList>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  font-size: 100%;
  font-weight: 700;
  color: #0072bc;
  text-decoration: none;
  text-align: center
}

@media screen and (max-width:767px) {
  .stepList>li>a {
    font-size: 77.78%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1em
  }
}

.stepList>li>a small {
  font-size: 100%;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .stepList>li>a small {
    font-size: 88%;
    margin-bottom: -1.2em;
    white-space: nowrap
  }
}

.stepList>li:last-child {
  border-right: 2px #0070bf solid
}

.stepList>li:last-child:after, .stepList>li:last-child:before {
  display: none
}

.stepList>li:after, .stepList>li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto
}

.stepList>li:before {
  top: -0.7em;
  right: -1.4em;
  border-style: solid;
  border-color: transparent transparent transparent #0070bf;
  border-width: 2em 0px 2em 2em;
  z-index: 10
}

@media screen and (max-width:767px) {
  .stepList>li:before {
    top: -0.2em;
    right: -1.1em;
    border-width: 1.5em 0px 1.5em 1em
  }
}

.stepList>li:after {
  top: -0.7em;
  right: -1.35em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 2em 2px 2em 2em;
  z-index: 10
}

@media screen and (max-width:767px) {
  .stepList>li:after {
    top: -0.2em;
    right: -1.1em;
    border-width: 1.5em 2px 1.5em 1em
  }
}

.stepList>li.active {
  background: #0070bf;
  font-weight: 700
}

.stepList>li.active:after {
  border-color: transparent transparent transparent #0070bf
}

.stepList>li.active a {
  color: #fff
}

.stepList>li.active:hover {
  background: #0072bc
}

.stepList>li.active:hover:after {
  border-color: transparent transparent transparent #0072bc
}

.stepList>li:hover {
  background: #F2FAFF
}

.stepList>li:hover:after {
  border-color: transparent transparent transparent #F2FAFF
}

@media screen and (max-width:767px) {
  .stepList>li:first-child>a {
    padding-left: 0
  }
}

@media screen and (max-width:767px) {
  .stepList>li>a {
    padding-left: 1.5em
  }
  .stepList>li:first-child>a {
    padding-left: 0
  }
  .stepList>li:last-child>a {
    padding-left: 1em
  }
}

.stepSlideElem {
  width: 100%;
  -webkit-box-shadow: 0px 8px 24px rgba(40, 40, 40, 0.16);
  box-shadow: 0px 8px 24px rgba(40, 40, 40, 0.16);
  position: relative
}

@media screen and (max-width:767px) {
  .stepSlideElem {
    margin-right: 7px!important;
    margin-left: 7px!important;
    width: calc(100% - 14px)
  }
}

.stepSlideElem.w_full {
  padding: 0
}

.stepSlideElem.w_full .stepArrow a.slidePrev {
  left: 0
}

@media screen and (max-width:767px) {
  .stepSlideElem.w_full .stepArrow a.slidePrev {
    left: 6px
  }
}

.stepSlideElem.w_full .stepArrow a.slideNext {
  left: 0
}

@media screen and (max-width:767px) {
  .stepSlideElem.w_full .stepArrow a.slideNext {
    left: -6px
  }
}

.stepSlideElem .stepList+* {
  margin-top: 0
}

.stepSlideElem a {
  text-decoration: none
}

.stepSlideElem .stepContents {
  background: #fff;
  padding: 40px
}

@media screen and (max-width:767px) {
  .stepSlideElem .stepContents {
    padding: 24px
  }
}

@media print, screen and (min-width:768px) {
  .stepSlideElem .stepContents .step_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.stepSlideElem .stepContents .step_header>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.stepSlideElem .stepContents .step_header img {
  margin-right: 22px
}

.stepSlideElem .stepContents .step_header .badge {
  margin-right: 16px
}

.stepSlideElem .stepContents .step_header+.c-txt {
  margin-top: 30px
}

.stepSlideElem .stepArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 95px;
  left: 0;
  width: 100%
}

.stepSlideElem .stepArrow .btnHide {
  opacity: 0;
  cursor: default
}

.stepSlideElem .stepArrow a {
  position: relative
}

.stepSlideElem .stepArrow a.slidePrev {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0
}

@media screen and (max-width:767px) {
  .stepSlideElem .stepArrow a.slidePrev {
    left: 7px
  }
}

.stepSlideElem .stepArrow a.slidePrev:active {
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px)
}

.stepSlideElem .stepArrow a.slideNext {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  left: 0
}

.stepSlideElem .stepArrow a.slideNext:active {
  -webkit-transform: translate(50%, 5px);
  transform: translate(50%, 5px)
}

@media screen and (max-width:767px) {
  .stepSlideElem .stepArrow a.slideNext {
    left: -7px
  }
}

.stepSlideElem .stepArrow .btn+* {
  margin-top: 0
}

.stepSlideElem .stepArrow+.stepBtn {
  padding: 0 40px 40px
}

@media screen and (max-width:767px) {
  .stepSlideElem .stepArrow+.stepBtn {
    padding: 0 24px 40px
  }
}

.stepSlideElem .stepBtn {
  background: #fff;
  padding: 20px
}

.stepSlideElem .stepBtn>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.stepSlideElem .stepBtn>ul a.slideNext {
  margin-left: 30px
}

.stepSlideElem .stepBtn .btnHide {
  display: none;
  cursor: default
}

.stepSlideElem .stepBtn .btnHide+li a.slideNext {
  margin-left: 0
}

.mvSlideOuter .mvSlide {
  position: relative
}

.mvSlideOuter .slick-next, .mvSlideOuter .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: calc(50% - 30px);
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  z-index: 1
}

.mvSlideOuter .slick-prev {
  left: 2%
}

.mvSlideOuter .slick-prev:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  display: block
}

.mvSlideOuter .slick-next {
  right: 2%
}

.mvSlideOuter .slick-next:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  display: block
}

.mvSlideOuter .slickFooter {
  position: relative;
  top: -1.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.mvSlideOuter .slickFooter .slick-dots {
  position: relative;
  bottom: 10px;
  display: block;
  width: auto;
  padding: 0;
  list-style: none;
  text-align: center
}

.mvSlideOuter .slickFooter .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.mvSlideOuter .slickFooter .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.mvSlideOuter .slickFooter .slick-dots li button:before {
  font-size: 2rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.mvSlideOuter .slickFooter .slick-dots li.slick-active button:before {
  color: #000
}

.mvSlideOuter .slickFooter .slick-pause {
  background: white;
  height: 27px;
  width: 27px;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  bottom: 11px;
  left: 0
}

.mvSlideOuter .slickFooter .slick-pause:after, .mvSlideOuter .slickFooter .slick-pause:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 8px;
  background: #282828;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px
}

.mvSlideOuter .slickFooter .slick-pause:after {
  left: auto;
  right: 9px
}

.mvSlideOuter .slickFooter .slick-pause.play:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #282828;
  top: 0;
  right: 0;
  bottom: 0;
  left: 3px;
  margin: auto;
  background-color: #fff
}

.mvSlideOuter .btn+* {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .mvSlideOuter .slickFooter .slick-pause {
    bottom: 10px
  }
}

.slideListOuter+* {
  margin-top: 40px
}

.slideListOuter .slick-next, .slideListOuter .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 25%;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  z-index: 1
}

.slideListOuter .slick-prev {
  left: -4.3%
}

@media screen and (max-width:767px) {
  .slideListOuter .slick-prev {
    left: 0
  }
}

.slideListOuter .slick-prev:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  display: block
}

.slideListOuter .slick-next {
  right: -4.3%
}

@media screen and (max-width:767px) {
  .slideListOuter .slick-next {
    right: 0
  }
}

.slideListOuter .slick-next:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 100%;
  display: block
}

.slideListOuter .slick-list {
  padding-bottom: 10px
}

.slideListOuter .slick-list li {
  padding: 0 4px
}

@media screen and (max-width:767px) {
  .slideListOuter .slick-list li {
    padding: 0 11%
  }
}

.slideListOuter .btn-panel_link {
  padding: 10px 23px 10px;
  height: 87px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none!important
}

@media screen and (max-width:767px) {
  .slideListOuter .btn-panel_link {
    width: 100%;
    height: 110px
  }
}

.rn2020 #tax_info.floating_tax p {
  padding: 3px 14px;
  color: #fff!important;
  line-height: 1.4;
  opacity: 1;
  font-weight: 700;
  font-size: 50%;
  height: 20px
}

.rn2020 .followElem.floating_pagetop {
  bottom: 150px;
  right: 10px
}

.lc_fix {
  position: fixed;
  left: 0;
  bottom: 20px;
  z-index: 10;
  background-color: rgba(29, 32, 136, 0.9);
  width: 100%;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s
}

.lc_fix[data-view=true] {
  height: 70px
}

.lc_fix_inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  padding: 8px 0 9px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.lc_fix_itm {
  width: calc((100% - 30px) / 2)
}

.lc_fix_itm:last-child {
  padding-right: 0
}

.lc_fix_itm a {
  text-align: center;
  padding: 0px 30px 0px;
  height: 50px
}

.lc_fix_bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0072bc;
  background-image: url(../img/cmn/ic_arrow_w2.svg);
  background-repeat: no-repeat;
  background-position: top 50% right 15px;
  -webkit-box-shadow: 0px 5px 0px #0c5c8f;
  box-shadow: 0px 5px 0px #0c5c8f;
  border-radius: 8px;
  line-height: 1.2;
  font-weight: 700;
  font-size: 18px;
  padding: 5px 35px 5px 5px
}

.lc_fix_bt:hover {
  opacity: 0.8
}

.lc_fix_bt:link, .lc_fix_bt:visited {
  text-decoration: none;
  color: #FFF
}

.lc_fix_bt._app {
  background-color: #db3d23;
  -webkit-box-shadow: 0px 5px 0px #a53724;
  box-shadow: 0px 5px 0px #a53724;
  background-image: url(../img/cmn/ic_blank_w.svg)
}

.lc_fix_bt img {
  width: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 14px
}

.lc_fix_bt img {
  width: 40px;
  height: auto
}

.lc_fix_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  line-height: 1.5
}

#l-footer .l-copyright {
  padding-bottom: 80px
}

@media (min-width:768px) {
  .lc_fix_txt br {
    display: none
  }
}

@media (max-width:767px) {
  .stayhome_video {
    z-index: 8
  }
  .lc_fix {
    bottom: 20px
  }
  .lc_fix[data-view=true] {
    height: 65px
  }
  .lc_fix_inn {
    padding: 8px 5px;
    width: 100%
  }
  .lc_fix_itm {
    width: calc((100% - 10px) / 2)
  }
  .lc_fix_itm a {
    padding: 5px 0 5px 0
  }
  .lc_fix_bt {
    background-position: top 50% right 7px;
    padding: 7px 20px 7px 0
  }
  .lc_fix_bt img {
    width: 30px;
    margin-right: 3px;
    margin-left: -20px
  }
  .lc_fix_bt img {
    width: 30px
  }
  .lc_fix_txt {
    font-size: 12px
  }
  #l-footer .l-copyright {
    padding-bottom: 65px
  }
}

.rn2020 .c-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.rn2020 .c-grid+* {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .rn2020 .c-grid._sp_noflex {
    display: block
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .c-grid.col1 {
    width: 100%
  }
  .rn2020 .c-grid.col2>* {
    width: 50%
  }
  .rn2020 .c-grid.col3>* {
    width: 33.3333333333%
  }
  .rn2020 .c-grid.col4>* {
    width: 25%
  }
  .rn2020 .c-grid.col5>* {
    width: 20%
  }
  .rn2020 .c-grid.col6>* {
    width: 16.6666666667%
  }
  .rn2020 .c-grid.col7>* {
    width: 14.2857142857%
  }
  .rn2020 .c-grid.col8>* {
    width: 12.5%
  }
  .rn2020 .c-grid.col9>* {
    width: 11.1111111111%
  }
  .rn2020 .c-grid.col10>* {
    width: 10%
  }
  .rn2020 .c-grid.col11>* {
    width: 9.0909090909%
  }
  .rn2020 .c-grid.col12>* {
    width: 8.3333333333%
  }
}

@media screen and (max-width:767px) {
  .rn2020 .c-grid._sp_col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .rn2020 .c-grid._sp_col2>* {
    width: 50%
  }
  .rn2020 .c-grid._sp_col1 {
    width: 100%
  }
  .rn2020 .c-grid._sp_col2>* {
    width: 50%
  }
  .rn2020 .c-grid._sp_col3>* {
    width: 33.3333333333%
  }
  .rn2020 .c-grid._sp_col4>* {
    width: 25%
  }
  .rn2020 .c-grid._sp_col5>* {
    width: 20%
  }
  .rn2020 .c-grid._sp_col6>* {
    width: 16.6666666667%
  }
  .rn2020 .c-grid._sp_col7>* {
    width: 14.2857142857%
  }
  .rn2020 .c-grid._sp_col8>* {
    width: 12.5%
  }
  .rn2020 .c-grid._sp_col9>* {
    width: 11.1111111111%
  }
  .rn2020 .c-grid._sp_col10>* {
    width: 10%
  }
  .rn2020 .c-grid._sp_col11>* {
    width: 9.0909090909%
  }
  .rn2020 .c-grid._sp_col12>* {
    width: 8.3333333333%
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 #main, .rn2020 .l-content {
    min-width: 1200px
  }
}

.rn2020 .sec {
  padding: 80px 7px
}

@media print, screen and (min-width:768px) {
  .rn2020 .sec {
    padding: 80px 0
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .sec>.l-inner {
    width: 1000px;
    margin: 0 auto
  }
}

.rn2020 .sec._bg_blue {
  background-color: #F2FAFF
}

.rn2020 .c-hr {
  height: 2px;
  background: #d0d0d0;
  border: none;
  display: block;
  margin-top: 80px!important;
  margin-bottom: 80px!important
}

.rn2020 .c-hr._hr40 {
  margin-top: 40px!important;
  margin-bottom: 40px!important
}

.rn2020 .c-hr._hr56 {
  margin-top: 56px!important;
  margin-bottom: 56px!important
}

@media screen and (max-width:767px) {
  .rn2020 .c-hr {
    margin-top: 80px!important;
    margin-bottom: 80px!important
  }
  .rn2020 .c-hr._hr40 {
    margin-top: 40px!important;
    margin-bottom: 40px!important
  }
  .rn2020 .c-hr._hr56 {
    margin-top: 56px!important;
    margin-bottom: 56px!important
  }
}

.rn2020 .btn_area+.c-hr {
  margin-top: 58px!important
}

@media screen and (max-width:767px) and (min-width:768px) {
  .rn2020 #l-content .c-grid._sp_noflex div+div {
    margin-top: 40px
  }
}

@media screen and (max-width:767px) {
  .rn2020 .sec .l-inner>.c-copy, .rn2020 .sec .l-inner>.c-note, .rn2020 .sec .l-inner>.c-txt, .rn2020 .sec .l-inner>div, .rn2020 .sec .l-inner>ol, .rn2020 .sec .l-inner>ul {
    margin-left: 5px;
    margin-right: 5px
  }
  .rn2020 .sec .l-inner>.ac_area, .rn2020 .sec .l-inner>.attention_area, .rn2020 .sec .l-inner>.c-note_list li, .rn2020 .sec .l-inner>.faq_area {
    margin-left: 0;
    margin-right: 0
  }
  .rn2020 .modal section>.c-note_list li {
    margin-left: 0;
    margin-right: 0
  }
}

.rn2020 .l-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1px
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid .l-col[data-col*="pc:1"] {
    width: calc((100% - 1px) / 1)
  }
  .rn2020 .l-grid .l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2)
  }
  .rn2020 .l-grid .l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3)
  }
  .rn2020 .l-grid .l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2)
  }
  .rn2020 .l-grid .l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4)
  }
  .rn2020 .l-grid .l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3)
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid .l-col {
    width: calc(100% - 1px)
  }
  .rn2020 .l-grid .l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2)
  }
  .rn2020 .l-grid .l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3)
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid {}
  .rn2020 .l-grid[data-gap-row*="pc:10"] {
    margin-bottom: -10px
  }
  .rn2020 .l-grid[data-gap-row*="pc:10"]>.l-col {
    margin-bottom: 10px
  }
  .rn2020 .l-grid[data-gap-row*="pc:20"] {
    margin-bottom: -20px
  }
  .rn2020 .l-grid[data-gap-row*="pc:20"]>.l-col {
    margin-bottom: 20px
  }
  .rn2020 .l-grid[data-gap-row*="pc:30"] {
    margin-bottom: -30px
  }
  .rn2020 .l-grid[data-gap-row*="pc:30"]>.l-col {
    margin-bottom: 30px
  }
  .rn2020 .l-grid[data-gap-row*="pc:40"] {
    margin-bottom: -40px
  }
  .rn2020 .l-grid[data-gap-row*="pc:40"]>.l-col {
    margin-bottom: 40px
  }
  .rn2020 .l-grid[data-gap-row*="pc:50"] {
    margin-bottom: -50px
  }
  .rn2020 .l-grid[data-gap-row*="pc:50"]>.l-col {
    margin-bottom: 50px
  }
  .rn2020 .l-grid[data-gap-row*="pc:60"] {
    margin-bottom: -60px
  }
  .rn2020 .l-grid[data-gap-row*="pc:60"]>.l-col {
    margin-bottom: 60px
  }
  .rn2020 .l-grid[data-gap-row*="pc:70"] {
    margin-bottom: -70px
  }
  .rn2020 .l-grid[data-gap-row*="pc:70"]>.l-col {
    margin-bottom: 70px
  }
  .rn2020 .l-grid[data-gap-row*="pc:80"] {
    margin-bottom: -80px
  }
  .rn2020 .l-grid[data-gap-row*="pc:80"]>.l-col {
    margin-bottom: 80px
  }
  .rn2020 .l-grid[data-gap-row*="pc:90"] {
    margin-bottom: -90px
  }
  .rn2020 .l-grid[data-gap-row*="pc:90"]>.l-col {
    margin-bottom: 90px
  }
  .rn2020 .l-grid[data-gap-row*="pc:100"] {
    margin-bottom: -100px
  }
  .rn2020 .l-grid[data-gap-row*="pc:100"]>.l-col {
    margin-bottom: 100px
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"] {
    margin-right: calc(-10px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col {
    margin-right: 10px
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:10"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 10px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"] {
    margin-right: calc(-20px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col {
    margin-right: 20px
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:20"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 20px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"] {
    margin-right: calc(-30px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col {
    margin-right: 30px
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:30"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 30px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"] {
    margin-right: calc(-40px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col {
    margin-right: 40px
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:40"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 40px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"] {
    margin-right: calc(-50px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col {
    margin-right: 50px
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:50"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 50px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"] {
    margin-right: calc(-60px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col {
    margin-right: 60px
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:60"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 60px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"] {
    margin-right: calc(-70px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col {
    margin-right: 70px
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:70"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 70px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"] {
    margin-right: calc(-80px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col {
    margin-right: 80px
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:80"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 80px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"] {
    margin-right: calc(-90px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col {
    margin-right: 90px
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:90"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 90px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"] {
    margin-right: calc(-100px - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col {
    margin-right: 100px
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:1"] {
    width: calc(100% - 1px - 100px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - 100px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - 100px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:3-2"] {
    width: calc((100% - 1px) / 3 * 2 - 100px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:4-1"] {
    width: calc((100% - 1px) / 4 * 1 - 100px)
  }
  .rn2020 .l-grid[data-gap-col*="pc:100"]>.l-col[data-col*="pc:4-3"] {
    width: calc((100% - 1px) / 4 * 3 - 100px)
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid {}
  .rn2020 .l-grid[data-gap-row*="sp:10"] {
    margin-bottom: calc(10 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:10"]>.l-col {
    margin-bottom: calc(10 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:20"] {
    margin-bottom: calc(20 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:20"]>.l-col {
    margin-bottom: calc(20 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:30"] {
    margin-bottom: calc(30 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:30"]>.l-col {
    margin-bottom: calc(30 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:40"] {
    margin-bottom: calc(40 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:40"]>.l-col {
    margin-bottom: calc(40 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:50"] {
    margin-bottom: calc(50 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:50"]>.l-col {
    margin-bottom: calc(50 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:60"] {
    margin-bottom: calc(60 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:60"]>.l-col {
    margin-bottom: calc(60 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:70"] {
    margin-bottom: calc(70 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:70"]>.l-col {
    margin-bottom: calc(70 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:80"] {
    margin-bottom: calc(80 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:80"]>.l-col {
    margin-bottom: calc(80 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:90"] {
    margin-bottom: calc(90 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:90"]>.l-col {
    margin-bottom: calc(90 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:100"] {
    margin-bottom: calc(100 / 375 * 100 * -1vw)
  }
  .rn2020 .l-grid[data-gap-row*="sp:100"]>.l-col {
    margin-bottom: calc(100 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:10"] {
    margin-right: calc((10 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:10"]>.l-col {
    margin-right: calc(10 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:10"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (10 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:10"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (10 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:10"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (10 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:20"] {
    margin-right: calc((20 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:20"]>.l-col {
    margin-right: calc(20 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:20"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (20 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:20"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (20 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:20"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (20 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:30"] {
    margin-right: calc((30 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:30"]>.l-col {
    margin-right: calc(30 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:30"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (30 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:30"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (30 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:30"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (30 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:40"] {
    margin-right: calc((40 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:40"]>.l-col {
    margin-right: calc(40 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:40"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (40 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:40"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (40 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:40"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (40 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:50"] {
    margin-right: calc((50 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:50"]>.l-col {
    margin-right: calc(50 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:50"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (50 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:50"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (50 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:50"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (50 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:60"] {
    margin-right: calc((60 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:60"]>.l-col {
    margin-right: calc(60 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:60"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (60 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:60"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (60 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:60"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (60 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:70"] {
    margin-right: calc((70 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:70"]>.l-col {
    margin-right: calc(70 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:70"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (70 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:70"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (70 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:70"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (70 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:80"] {
    margin-right: calc((80 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:80"]>.l-col {
    margin-right: calc(80 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:80"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (80 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:80"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (80 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:80"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (80 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:90"] {
    margin-right: calc((90 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:90"]>.l-col {
    margin-right: calc(90 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:90"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (90 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:90"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (90 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:90"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (90 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:100"] {
    margin-right: calc((100 / 375 * 100 * -1vw) - 1px)
  }
  .rn2020 .l-grid[data-gap-col*="sp:100"]>.l-col {
    margin-right: calc(100 / 375 * 100 * 1vw)
  }
  .rn2020 .l-grid[data-gap-col*="sp:100"]>.l-col[data-col*="sp:1"] {
    width: calc(100% - 1px - (100 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:100"]>.l-col[data-col*="sp:2-1"] {
    width: calc((100% - 1px) / 2 * 1 - (100 / 375 * 100 * 1vw))
  }
  .rn2020 .l-grid[data-gap-col*="sp:100"]>.l-col[data-col*="sp:3-1"] {
    width: calc((100% - 1px) / 3 * 1 - (100 / 375 * 100 * 1vw))
  }
}

.rn2020 .l-grid .l-col[data-col-style*=plus] {
  position: relative
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid .l-col[data-col-style*=plus] {
    border-right: 4px solid #D0D0D0
  }
  .rn2020 .l-grid .l-col[data-col-style*=plus]:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/cmn/ic_plus_dark.svg);
    background-size: contain;
    position: absolute;
    top: 0;
    right: -17px;
    bottom: 0;
    margin: auto
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid .l-col[data-col-style*=plus] {
    border-bottom: 2px solid #D0D0D0;
    padding-bottom: 6vw
  }
  .rn2020 .l-grid .l-col[data-col-style*=plus]+.l-col {
    padding-top: 6vw
  }
  .rn2020 .l-grid .l-col[data-col-style*=plus]:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../img/cmn/ic_plus_dark.svg);
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -13px;
    left: 0;
    margin: auto
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid .l-col[data-col-style*=separater] {
    border-right: 2px solid #D0D0D0
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid .l-col[data-col-style*=separater] {
    border-bottom: 2px solid #D0D0D0
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid .l-col[data-col-style*="pc:arrow_r"] {
    position: relative
  }
  .rn2020 .l-grid .l-col[data-col-style*="pc:arrow_r"]:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent black;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    margin: auto;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }
  .rn2020 .l-grid .l-col[data-col-style*="pc:arrow_r"].-type_a {
    border: none;
    width: 40px;
    height: 40px;
    background-image: url(../img/cmn/ic_arrow_not-link.svg)
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid .l-col[data-col-style*="sp:arrow_b"] {
    position: relative
  }
  .rn2020 .l-grid .l-col[data-col-style*="sp:arrow_b"]:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: black transparent transparent transparent;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    -webkit-transform: translateY(10vw);
    transform: translateY(10vw)
  }
}

@media print, screen and (min-width:768px) {
  .rn2020 .l-grid .l-col[data-col-style*="pc:arrow_r_type_b"] {
    position: relative
  }
  .rn2020 .l-grid .l-col[data-col-style*="pc:arrow_r_type_b"]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    width: 40px;
    height: 40px;
    margin: auto;
    background-image: url(../img/cmn/ic_arrow_not-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
  }
}

@media screen and (max-width:767px) {
  .rn2020 .l-grid .l-col[data-col-style*="sp:arrow_b_type_b"] {
    position: relative
  }
  .rn2020 .l-grid .l-col[data-col-style*="sp:arrow_b_type_b"]:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: auto;
    border: none;
    width: 20px;
    height: 20px;
    background-image: url(../img/cmn/ic_arrow_not-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(30px) rotate(90deg);
    transform: translateY(30px) rotate(90deg)
  }
}

.rn2020 .l-grid .l-col .btn_txt {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.rn2020 .l-grid .l-col .btn_txt dt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#main .panel {
  background: #fff
}

#main .c-panel {
  border-radius: 8px;
  background: #fff;
  border: 3px solid #e6e8ed;
  min-height: auto;
  display: block;
  padding: 0
}

#main .c-panel+* {
  margin-top: 40px
}

#main .c-panel+.txt-link {
  margin-top: 24px
}

#main .c-panel+.c-panel {
  margin-top: 24px
}

@media screen and (max-width:767px) {
  #main .c-panel+.c-panel {
    margin-top: 18px
  }
}

#main .c-panel>.panel_header {
  padding: 25px 5px;
  border-bottom: 2px solid #D0D0D0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#main .c-panel>.panel_header .title {
  font-weight: normal;
  font-size: 88.89%
}

@media screen and (max-width:767px) {
  #main .c-panel>.panel_header .title {
    font-size: 77.78%
  }
}

#main .c-panel>.panel_header .shoulder {
  display: block;
  margin: -25px 45px 25px;
  background: #1D2088;
  color: white;
  text-align: center;
  border-radius: 0 0 8px 8px;
  padding: 5px 3px 8px;
  font-weight: bold;
  font-size: 77.78%
}

#main .c-panel>.panel_inner {
  padding: 15px 23px
}

#main .c-panel>.panel_inner .c-txt {
  padding-left: 0!important;
  padding-right: 0!important;
  font-size: 88.89%
}

@media screen and (max-width:767px) {
  #main .c-panel>.panel_inner .c-txt {
    font-size: 77.78%
  }
}

#main .c-panel>.panel_inner .item_list li {
  padding: 10px 0;
  text-align: center;
  border-bottom: 2px dashed #D0D0D0;
  font-size: 88.89%
}

@media screen and (max-width:767px) {
  #main .c-panel>.panel_inner .item_list li {
    font-size: 77.78%
  }
}

#main .c-panel>.panel_inner .panel_btn {
  text-align: center
}

#main .c-panel>.panel_inner .panel_btn a {
  display: block;
  padding-top: 20px;
  padding-bottom: 5px;
  text-decoration: none;
  font-size: 88.89%
}

@media screen and (max-width:767px) {
  #main .c-panel>.panel_inner .panel_btn a {
    font-size: 77.78%
  }
}

#main .c-panel>.panel_inner .panel_btn a:hover {
  text-decoration: underline
}

#main .btn-panel+.title {
  margin-top: 36px
}

#main .btn-panel_link {
  border-radius: 8px;
  background: #fff;
  border: 2px solid #0072bc;
  -webkit-box-shadow: 0px 4px 0px #0072bc;
  box-shadow: 0px 4px 0px #0072bc;
  outline: none;
  cursor: pointer;
  display: block;
  padding: 15px 23px 10px;
  text-decoration: none;
  text-decoration: none!important
}

#main .btn-panel_link._active, #main .btn-panel_link:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-box-shadow: 0px 0px 0px #0072bc;
  box-shadow: 0px 0px 0px #0072bc
}

#main .btn-panel_link._active:after, #main .btn-panel_link:active:after {
  height: 0px
}

#main .btn-panel_link .link_icn {
  margin-top: 1em;
  text-align: right;
  width: 100%;
  display: block!important
}

#main .btn-panel.l-panel ._image, #main .btn-panel.l-panel_thumb ._image {
  margin-right: 15px;
  min-width: 135px
}

#main .btn-panel.l-panel ._icon, #main .btn-panel.l-panel_thumb ._icon {
  margin-right: 15px
}

#main .btn-panel.l-panel ._icon img, #main .btn-panel.l-panel_thumb ._icon img {
  text-align: center;
  margin: 0 auto
}

#main .btn-panel.l-panel ._icon+._content, #main .btn-panel.l-panel_thumb ._icon+._content {
  width: 80%;
  padding: 8px 0 0 0
}

#main .btn-panel.l-panel ._icon+._content .title, #main .btn-panel.l-panel_thumb ._icon+._content .title {
  margin-top: -8px;
  padding-bottom: 1.5em
}

#main .btn-panel.l-panel ._icon+._content .title strong, #main .btn-panel.l-panel_thumb ._icon+._content .title strong {
  font-size: 122.222%
}

#main .btn-panel.l-panel ._icon+._content .title strong small, #main .btn-panel.l-panel_thumb ._icon+._content .title strong small {
  font-size: 66.666%
}

@media screen and (max-width:767px) {
  #main .btn-panel.l-panel ._icon+._content .title strong small, #main .btn-panel.l-panel_thumb ._icon+._content .title strong small {
    display: inline-block;
    margin-bottom: 0.5em;
    line-height: 1.5!important
  }
}

#main .btn-panel.l-panel.l-panel_thumb ._content, #main .btn-panel.l-panel_thumb.l-panel_thumb ._content {
  width: 100%;
  position: relative
}

#main .btn-panel.l-panel.l-panel_thumb ._content dl, #main .btn-panel.l-panel_thumb.l-panel_thumb ._content dl {
  padding-bottom: 1.5em
}

#main .btn-panel.l-panel.l-panel_thumb ._content .link_icn, #main .btn-panel.l-panel_thumb.l-panel_thumb ._content .link_icn {
  position: absolute;
  bottom: 0
}

#main .btn-panel.l-panel ._content, #main .btn-panel.l-panel_thumb ._content {
  padding: 14px 0 0 0
}

@media screen and (max-width:767px) {
  #main .btn-panel.l-panel ._content, #main .btn-panel.l-panel_thumb ._content {
    padding: 0
  }
}

#main .btn-panel.l-panel ._content dt strong, #main .btn-panel.l-panel_thumb ._content dt strong {
  font-size: 111.111%
}

@media screen and (max-width:767px) {
  #main .btn-panel.l-panel ._content dt strong, #main .btn-panel.l-panel_thumb ._content dt strong {
    font-size: 100%;
    line-height: 1.5
  }
}

#main .btn-panel.l-panel ._content dd, #main .btn-panel.l-panel_thumb ._content dd {
  line-height: 1.5
}

@media screen and (max-width:767px) {
  #main .btn-panel.l-panel ._content dd, #main .btn-panel.l-panel_thumb ._content dd {
    font-size: 88.89%
  }
}

#main .btn-panel.l-panel .btn-panel_link .link_icn, #main .btn-panel.l-panel_thumb .btn-panel_link .link_icn {
  margin-top: 0
}

#main .btn-panel ._logo {
  width: 100%;
  text-align: center
}

@media screen and (max-width:767px) {
  #main .btn-panel ._logo img {
    max-width: 100%;
    height: auto
  }
}

#main .btn-panel ._logo small {
  display: inline-block;
  padding-top: 8px;
  font-size: 66.666%
}

#main .btn-panel ._logo+._content {
  padding-top: 8px
}

#main .btn-panel ._logo+._content .c-txt {
  padding-top: 8px
}

#main .btn-panel ._logo+._content .c-txt+.link_icn {
  padding-top: 8px
}

#main .btn-panel .btn-panel_link .link_icn.arrow, #main .btn-panel .btn-panel_link .link_icn.blank {
  padding-right: 0
}

@media screen and (max-width:767px) {
  #main .btn-panel .btn-panel_link .link_icn.arrow, #main .btn-panel .btn-panel_link .link_icn.blank {
    padding-right: 0
  }
}

@media screen and (max-width:767px) {
  .sec .l-inner>.link_list, .sec .l-inner>.link_text_list {
    padding: 0 5px
  }
}

.attention_area {
  border: 3px solid #e15656;
  padding: 20px 12px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media print, screen and (min-width:768px) {
  .attention_area {
    padding: 30px 30px 26px
  }
}

.attention_area+* {
  margin-top: 40px
}

.attention_area ._header {
  margin-bottom: -4px
}

.attention_area ._header .title {
  color: #e15656
}

.attention_area ._header .title span {
  font-weight: 700
}

.attention_area ._header .c-txt span, .attention_area ._header .title span {
  line-height: 1.5;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .attention_area ._header .c-txt span, .attention_area ._header .title span {
    font-size: 111.11%
  }
}

.attention_area ._body {
  padding: 10px 0 0 40px
}

@media screen and (max-width:767px) {
  .attention_area ._body .c-txt {
    padding-left: 0;
    padding-right: 0
  }
}

.attention_area .ic_attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.attention_area .ic_attention span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.attention_area .ic_attention:before {
  content: "";
  display: inline-block;
  background: url(../img/cmn/ic_attention.svg) no-repeat left center;
  position: relative;
  top: -3px;
  width: 32px;
  height: 36px;
  margin-right: 10px
}

@media screen and (max-width:767px) {
  .attention_area .ic_attention.c-txt span {
    display: inline-block;
    margin-top: 0.2em
  }
}

.attention_area._important {
  padding: 0
}

.attention_area._important ._header {
  padding: 18px 30px;
  background: #e15656;
  color: #fff
}

@media screen and (max-width:767px) {
  .attention_area._important ._header {
    padding: 18px 16px
  }
}

.attention_area._important ._header .title {
  color: #fff;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .attention_area._important ._header .title {
    font-size: 111.11%
  }
}

.attention_area._important ._header .title span {
  font-weight: 700
}

.attention_area._important ._header .ic_attention:before {
  content: "";
  display: inline-block;
  background: url(../img/cmn/ic_attention_w.svg) no-repeat left center
}

.attention_area._important ._body {
  padding: 30px
}

@media screen and (max-width:767px) {
  .attention_area._important ._body {
    padding: 20px 12px
  }
}

.attention_area._important ._body .c-txt {
  color: #e15656;
  font-size: 88.89%;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  .attention_area._important ._body .c-txt {
    font-size: 100%
  }
}

.attention_area._important .attention_time dt {
  margin-top: 24px;
  color: #e15656;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  .attention_area._important .attention_time dt {
    margin-top: 30px
  }
}

.attention_area._important .attention_time dd {
  margin-top: 16px;
  color: #e15656;
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .attention_area._important .attention_time dd {
    margin-top: 8px
  }
}

.attention_area._important .attention_time+.c-note_list {
  margin-top: 16px
}

.attention_area._s {
  padding: 5px 5px 20px 0px
}

.attention_area._s+._s {
  margin-top: 24px
}

.attention_area._s ._header {
  padding: 10px
}

.attention_area._s ._header .ic_attention:before {
  background-size: 70%;
  top: 0px;
  width: 28px;
  height: 26px;
  margin-right: 0px
}

.attention_area._s ._header .title span {
  font-size: 90%
}

.attention_area._s ._body {
  padding: 0px 0px 0px 35px;
  font-size: 80%
}

@media screen and (max-width:767px) {
  .attention_area._s ._body {
    padding: 0px 0px 0px 12px
  }
}

.attention_area._s._imp_notice {
  border: none
}

.attention_area._s._imp_notice ._header {
  padding: 10px 10px 20px
}

.attention_area._s._imp_notice ._header .title {
  padding-left: 10px
}

.attention_area._s._imp_notice ._header .title span {
  border-bottom: 2px solid #e15656
}

.attention_area._s._imp_notice ._body {
  padding-left: 20px;
  padding-right: 20px
}

.rn2020 .sec.imp_maintenance, .rn2020 .sec.imp_notice {
  padding: 24px 0
}

.rn2020 .sec.imp_maintenance+.imp_maintenance, .rn2020 .sec.imp_maintenance+.imp_notice, .rn2020 .sec.imp_notice+.imp_maintenance, .rn2020 .sec.imp_notice+.imp_notice {
  padding-top: 0
}

.rn2020 .sec.imp_maintenance .c-txt+.c-txt, .rn2020 .sec.imp_notice .c-txt+.c-txt {
  margin-top: 10px
}

.modal-wrap.modal_imp {
  padding: 40px
}

@media screen and (max-width:767px) {
  .modal-wrap.modal_imp {
    padding: 40px 16px
  }
}

.modal-wrap.modal_imp>.attention_area {
  border: none;
  padding: 0
}

.modal-wrap.modal_imp>.attention_area p+p {
  margin-top: 10px
}

.point_area {
  padding: 40px 10px;
  background: #fff;
  border: 2px solid #f4ad16;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media print, screen and (min-width:768px) {
  .point_area {
    padding: 40px 30px 50px
  }
}

.point_area+* {
  margin-top: 40px
}

.point_area+.c-note_list {
  margin-top: 12px
}

.point_area .title {
  text-align: center;
  font-size: 133.33%;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  .point_area .title {
    font-size: 177.78%
  }
}

.point_area .ic_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.point_area .ic_point:before {
  content: "";
  display: inline-block;
  background: url(../img/cmn/ic_point.svg) no-repeat left center;
  background-size: contain;
  margin-right: 10px;
  width: 40px;
  height: 40px
}

@media print, screen and (min-width:768px) {
  .point_area .ic_point:before {
    width: 48px;
    height: 48px
  }
}

.note_area {
  border: 3px solid #D0D0D0;
  background: #fff;
  padding: 28px 13px 20px
}

@media print, screen and (min-width:768px) {
  .note_area {
    padding: 30px 40px
  }
}

.note_area+* {
  margin-top: 40px
}

.note_area ._header {
  border-bottom: 3px solid #D0D0D0;
  padding-bottom: 18px
}

.note_area ._header .title {
  font-size: 100%;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  .note_area ._header .title {
    font-size: 111.11%
  }
}

.note_area ._body {
  padding-top: 22px
}

.price_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.price_badge.badge {
  margin-right: 8px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 77.78%
}

.price_num {
  color: #db3d23
}

.price_num strong {
  font-weight: 700!important;
  font-size: 222.22%
}

.price_num span {
  font-weight: 700!important;
  font-size: 133.33%
}

.price_num span.price_yen {
  font-size: 88.888%
}

.cta_area {
  margin-top: -40px;
  margin-bottom: -40px
}

@media screen and (max-width:767px) {
  .cta_area {
    margin-right: 5px;
    margin-left: 5px
  }
}

.cta_area a {
  border-radius: 8px;
  width: 100%;
  color: #fff!important;
  text-align: center;
  text-decoration: none!important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (max-width:767px) {
  .cta_area a {
    padding: 12px 0
  }
}

@media print, screen and (min-width:768px) {
  .cta_area a {
    width: 480px;
    height: 110px
  }
}

.cta_area a * {
  line-height: 1.2;
  font-weight: 700!important
}

.cta_area a:after {
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
  content: "";
  display: block;
  background: url(../img/cmn/ic_arrow_w2.svg) no-repeat center top;
  width: 16px;
  height: 16px
}

.cta_area a[target=_blank]:after {
  background: url(../img/cmn/ic_blank_w.svg) no-repeat 97% 55%
}

.cta_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:767px) {
  .cta_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
  }
}

@media print, screen and (min-width:768px) {
  .cta_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.cta_list li {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media print, screen and (min-width:768px) {
  .cta_list li {
    margin-left: 0
  }
}

@media screen and (max-width:767px) {
  .cta_list li {
    margin-top: 20px
  }
}

.cta_list li+li {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (max-width:767px) {
  .cta_list li+li {
    margin-top: 0;
    margin-right: 0
  }
}

@media print, screen and (min-width:768px) {
  .cta_list li+li {
    margin-right: 40px
  }
}

.btn_application {
  -webkit-filter: drop-shadow(0px 5px 0px #a53724);
  filter: drop-shadow(0px 5px 0px #a53724);
  font-weight: 700;
  font-size: 100%
}

.btn_application:before {
  content: "";
  display: block;
  background: url(../img/cmn/ic_application.svg) no-repeat center top;
  width: 33.46px;
  height: 32px;
  margin: 0 auto 3px
}

@media print, screen and (min-width:768px) {
  .btn_application {
    font-size: 111.11%
  }
}

.btn_application span {
  font-size: 120%
}

.btn_application small {
  font-size: 80%
}

.btn_application._active, .btn_application:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  color: #fff;
  -webkit-filter: none;
  filter: none
}

.btn_simulation {
  -webkit-filter: drop-shadow(0px 5px 0px #0c5c8f);
  filter: drop-shadow(0px 5px 0px #0c5c8f);
  font-weight: 700;
  font-size: 111.11%
}

.btn_simulation:before {
  content: "";
  display: block;
  background: url(../img/cmn/ic_simulation_w.svg) no-repeat center top;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  margin: 0 auto 3px
}

@media print, screen and (min-width:768px) {
  .btn_simulation {
    font-size: 133.33%
  }
}

.btn_simulation._active, .btn_simulation:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  color: #fff;
  -webkit-filter: none;
  filter: none
}

.faq_area {
  border: 1px solid #D0D0D0;
  background: #fff;
  padding: 50px 40px 40px
}

@media screen and (max-width:767px) {
  .faq_area {
    padding: 40px 10px
  }
}

.faq_area ._header ._lv2 {
  text-align: center;
  font-weight: 700;
  font-size: 133.33%
}

@media print, screen and (min-width:768px) {
  .faq_area ._header ._lv2 {
    font-size: 177.78%
  }
}

.faq_area ._body {
  padding-top: 40px
}

.faq_list a {
  color: #0072bc;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5
}

.faq_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.faq_list li ._q {
  margin-right: 10px
}

@media screen and (max-width:767px) {
  .faq_list li+li {
    margin-top: 24px
  }
}

@media print, screen and (min-width:768px) {
  .faq_list li+li {
    margin-top: 16px
  }
}

.faq_btn_list {
  margin-top: 32px
}

@media print, screen and (min-width:768px) {
  .faq_btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.faq_btn_list li .btn {
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .faq_btn_list li {
    width: 440px
  }
  .faq_btn_list li .btn {
    width: 100%;
    font-size: 111.11%
  }
}

@media screen and (max-width:767px) {
  .faq_btn_list li+li {
    margin-top: 16px
  }
}

.faq_btn_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 50px
}

.faq_btn_list a._faq_list:before {
  content: "";
  display: block;
  background: url(../img/cmn/ic_faq.svg) no-repeat center top;
  width: 24.95px;
  height: 28px;
  margin-right: 8px
}

@media print, screen and (min-width:768px) {
  .faq_btn_list a._contact {
    height: 52px;
    margin-bottom: 6px
  }
}

.faq_btn_list a._contact:before {
  content: "";
  display: block;
  background: url(../img/cmn/ic_contact.svg) no-repeat center top;
  width: 24.51px;
  height: 17px;
  margin-right: 8px
}

@media screen and (max-width:767px) {
  .faq_btn_list a._contact:before {
    margin-top: 2px
  }
}

@media print, screen and (min-width:768px) {
  .footer_kit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.footer_kit .c-txt {
  font-size: 77.78%
}

@media print, screen and (min-width:768px) {
  .footer_kit .c-txt {
    font-size: 88.89%
  }
}

.footer_kit .c-img {
  text-align: left;
  margin-top: 0
}

@media screen and (max-width:767px) {
  .footer_kit .c-img {
    margin-top: 18px
  }
}

.tel_area {
  padding: 22px 16px
}

@media print, screen and (min-width:768px) {
  .tel_area {
    padding: 32px 24px 28px
  }
}

.tel_area .c-txt {
  margin-top: 16px;
  font-size: 77.78%
}

@media print, screen and (min-width:768px) {
  .tel_area .c-txt {
    margin-top: 18px;
    font-size: 88.89%
  }
}

.tel_area+* {
  margin-top: 40px
}

.tel_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tel_num:before {
  content: "";
  display: inline-block;
  width: 41.95px;
  height: 24px;
  background: url(../img/cmn/ic_tel.svg) no-repeat 0 0;
  background-size: 41.95px 24px
}

@media print, screen and (min-width:768px) {
  .tel_num:before {
    width: 59.42px;
    height: 34px;
    background-size: 59.42px 34px;
    margin-right: 7px
  }
}

.tel_num a {
  font-weight: 700!important;
  font-size: 133.33%
}

@media print, screen and (min-width:768px) {
  .tel_num a {
    font-size: 177.78%;
    text-decoration: none!important
  }
}

@media screen and (max-width:767px) {
  .tel_num a {
    color: #0072bc!important;
    text-decoration: underline
  }
}

.tel_num._freeaccess {
  margin-bottom: -3px
}

.tel_num._freeaccess:before {
  background: url(../img/cmn/logo_freetel.svg) no-repeat 0 -3px;
  background-size: 48px auto;
  width: 50px;
  height: 48px
}

.vote_area {
  border: 3px solid #e6e8ed;
  background: #fff;
  border-radius: 8px;
  padding: 38px 20px
}

@media print, screen and (min-width:768px) {
  .vote_area {
    padding: 48px 36px 32px
  }
}

.vote_area .title {
  color: #0072bc;
  font-weight: 700;
  font-size: 122.22%;
  text-align: center;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .vote_area .title {
    font-size: 155.56%
  }
}

.vote_area .c-grid {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 28px
}

@media print, screen and (min-width:768px) {
  .vote_area .c-grid {
    margin-top: 38px
  }
}

.vote_area .c-grid li {
  width: calc(50% - 12px)
}

@media print, screen and (min-width:768px) {
  .vote_area .c-grid li {
    width: calc(50% - 20px)
  }
}

.anchor_area .c-grid {
  width: 100%;
  background: #fff
}

@media screen and (max-width:767px) {
  .anchor_area .c-grid._sp_col2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .anchor_area .c-grid._sp_col2>* {
    width: calc(50% - 2px)
  }
}

.anchor_area li {
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media print, screen and (min-width:768px) {
  .anchor_area li {
    border-top: 2px solid #D0D0D0;
    border-bottom: 2px solid #D0D0D0;
    border-left: 2px solid #D0D0D0
  }
  .anchor_area li:last-child {
    border-right: 2px solid #D0D0D0
  }
}

@media screen and (max-width:767px) {
  .anchor_area li {
    border-bottom: 2px solid #D0D0D0
  }
  .anchor_area li:first-child, .anchor_area li:nth-child(2) {
    border-top: 2px solid #D0D0D0
  }
  .anchor_area li:nth-child(2n) {
    border-right: 2px solid #D0D0D0
  }
  .anchor_area li:nth-child(odd) {
    border-right: 2px solid #D0D0D0;
    border-left: 2px solid #D0D0D0
  }
}

.anchor_area li a {
  display: block;
  width: 100%;
  padding: 7px 0 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #0072bc;
  text-decoration: none!important;
  font-weight: 700;
  font-size: 77.78%;
  text-align: center;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .anchor_area li a {
    font-size: 88.89%
  }
}

.anchor_area li a:hover {
  text-decoration: underline!important
}

.anchor_area li a:after {
  content: "";
  display: block;
  margin: 3px auto 0;
  width: 12px;
  height: 7px;
  background: url(../img/cmn/ic_arrow_down.svg) no-repeat 0 0;
  background-size: 12px 7px
}

.btn_area+* {
  margin-top: 40px
}

.btn_area+.c-note, .btn_area+.c-note_list, .btn_area+.c-note_list_disc, .btn_area+.c-note_list_num {
  margin-top: 24px
}

@media screen and (max-width:767px) {
  .btn_area+.btn_area {
    margin-top: 24px
  }
}

.btn_area .c-panel {
  padding: 40px 37px!important
}

.btn_area .c-panel span {
  color: inherit!important;
  font-size: inherit!important
}

.btn_area .c-panel span small {
  font-weight: 700
}

.btn_area .btn {
  text-align: center
}

.btn_area .c-grid {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (min-width:768px) {
  .btn_area .c-col {
    width: calc(50% - 20px)
  }
}

@media screen and (max-width:767px) {
  .btn_area .c-col+.c-col {
    margin-top: 30px
  }
}

.btn_area .btn_txt+.c-note {
  text-align: left;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em
}

.c-box {
  padding: 20px 16px
}

.c-box+* {
  margin-top: 20px
}

.c-box .c-txt {
  text-align: center;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .c-box .c-txt {
    font-size: 111.11%
  }
}

.c-boxarea {
  padding: 56px 40px
}

@media screen and (max-width:767px) {
  .c-boxarea {
    padding: 56px 16px
  }
}

.c-boxarea+* {
  margin-top: 40px
}

.c-boxarea_area {
  font-size: 111.11%
}

@media print, screen and (min-width:768px) {
  .c-boxarea_area {
    font-size: 133.33%
  }
}

.c-boxarea_area+.c-note_list {
  margin-top: 20px
}

.prepare_area {
  margin-top: 24px!important
}

.prepare_area+.c-note_list_num {
  margin-top: 16px
}

@media print, screen and (min-width:768px) {
  .prepare_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.prepare_area ul li {
  margin-top: 8px;
  background: #F2FAFF;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media print, screen and (min-width:768px) {
  .prepare_area ul li {
    width: calc(50% - 8px);
    margin-left: 8px
  }
  .prepare_area ul li:first-child, .prepare_area ul li:nth-child(2) {
    margin-top: 0
  }
  .prepare_area ul li:first-child, .prepare_area ul li:nth-child(odd) {
    margin-left: 0
  }
}

@media screen and (max-width:767px) {
  .prepare_area ul li:first-child {
    margin-top: 0
  }
}

.prepare_area ul li span {
  font-size: 88.89%;
  line-height: 1.5
}

.prepare_area ul li span+span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.prepare_area ul li span.prepare_img {
  width: 32px;
  margin-right: 8px
}

.prepare_area ul li span.prepare_img img {
  width: 32px;
  height: 32px
}

.border-box {
  padding: 24px;
  border: 1px solid #D0D0D0
}

.border-box+.btn_area {
  margin-top: 40px
}

.border-box+.c-txt {
  margin-top: 16px
}

.tab_link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px
}

@media screen and (max-width:767px) {
  .tab_link_area {
    margin-left: 9px!important;
    margin-right: 9px!important;
    padding: 0
  }
}

.tab_link_area .tab_link {
  width: calc(50% - 24px)
}

@media screen and (max-width:767px) {
  .tab_link_area .tab_link {
    width: calc(50% - 4px)
  }
}

.tab_link_area .tab_link a {
  position: relative;
  width: 100%;
  border: 2px solid #0072bc;
  border-radius: 8px;
  background: #fff;
  color: #0072bc;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease
}

@media print, screen and (min-width:768px) {
  .tab_link_area .tab_link a {
    width: 465px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width:767px) {
  .tab_link_area .tab_link a {
    display: inline-block;
    padding: 20px 12px 16px;
    text-align: center
  }
}

.tab_link_area .tab_link a span {
  font-weight: bold
}

@media screen and (max-width:767px) {
  .tab_link_area .tab_link a span {
    display: block;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .tab_link_area .tab_link a .badge {
    display: inline;
    border-radius: 17px
  }
  .tab_link_area .tab_link a .badge+span {
    margin-top: 20px;
    line-height: 1.2;
    font-size: 88.89%
  }
}

@media print, screen and (min-width:768px) {
  .tab_link_area .tab_link a .badge {
    margin-right: 12px
  }
}

.tab_link_area .tab_link a:hover {
  background: #F2FAFF
}

.tab_link_area .tab_link a.active {
  background: #0072bc;
  color: #fff
}

.tab_link_area .tab_link a.active ._bg_blue {
  background: #fff!important;
  color: #0072bc
}

.tab_link_area .tab_link a.active:after {
  display: inline-block;
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #0072bc;
  opacity: 1;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease
}

.qsBox+.btn_area {
  margin-top: 80px
}

.qsBox .title+.c-note {
  margin-top: 16px
}

.qsBox .title+.c-note+.c-list {
  margin-top: 8px
}

.qsBox .title+.c-note+.c-list>li {
  font-size: 77.78%
}

.price_table {
  border: 1px solid #787878;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .price_table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.price_table+.c-note_list_num, .price_table+.c-txt {
  margin-top: 16px
}

.price_table_waribiki {
  background: #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media screen and (max-width:767px) {
  .price_table_waribiki {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media print, screen and (min-width:768px) {
  .price_table_waribiki {
    width: 639px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.price_table_waribiki>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (min-width:768px) {
  .price_table_waribiki>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px 0 32px
  }
}

.price_table_waribiki ._arrow {
  position: absolute;
  display: inline-block
}

@media screen and (max-width:767px) {
  .price_table_waribiki ._arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -8px;
    left: calc(50% - 8px)
  }
  .price_table_waribiki ._arrow img {
    width: 16px;
    height: 16px
  }
}

@media print, screen and (min-width:768px) {
  .price_table_waribiki ._arrow {
    margin-top: 57px;
    right: -13px
  }
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_waribiki01 {
    margin-top: 16px
  }
  .price_table_waribiki .price_waribiki01 .c-txt._ss {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_waribiki02 {
    margin-top: 54px;
    padding-bottom: 16px
  }
}

@media print, screen and (min-width:768px) {
  .price_table_waribiki .price_waribiki02 {
    margin-top: 20px
  }
}

.price_table_waribiki .price_title {
  font-weight: 700
}

.price_table_waribiki .price_num {
  font-weight: 700;
  font-size: 222.22222%;
  color: #000
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_num {
    font-size: 150%
  }
}

.price_table_waribiki .price_yen {
  font-weight: 700;
  font-size: 155.5555%
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_yen {
    font-size: 114.285714%
  }
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_symbol {
    margin-top: 63px;
    padding: 0 10px
  }
}

@media print, screen and (min-width:768px) {
  .price_table_waribiki .price_symbol {
    margin-top: 37px;
    padding: 0 12px
  }
}

.price_table_waribiki .price_symbol img {
  vertical-align: middle!important
}

@media screen and (max-width:767px) {
  .price_table_waribiki .price_symbol img {
    width: 10px;
    height: auto
  }
}

.price_table_waribiki .price_note {
  position: absolute;
  bottom: -1.5em;
  right: 0;
  font-size: 66.6666%
}

.price_table_waribiki .c-txt {
  margin-top: 0;
  position: relative;
  text-align: right
}

.price_table_waribiki .c-note {
  margin-top: 5px
}

.price_table_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .price_table_result {
    padding: 23px 0 16px
  }
}

@media print, screen and (min-width:768px) {
  .price_table_result {
    width: 361px
  }
}

.price_table_result>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.price_table_result .price_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media print, screen and (min-width:768px) {
  .price_table_result .price_area {
    margin-bottom: 1.5em
  }
}

.price_table_result .price_num {
  position: relative;
  text-align: right
}

@media screen and (max-width:767px) {
  .price_table_result .price_num strong {
    font-size: 133.3333%
  }
}

.price_table_result .price_note {
  position: absolute;
  bottom: -1.5em;
  white-space: nowrap;
  font-size: 66.6666%;
  color: #000!important
}

@media print, screen and (min-width:768px) {
  .price_table_result .price_note {
    right: 0
  }
}

@media screen and (max-width:767px) {
  .price_table_result .price_note {
    white-space: nowrap
  }
}

.price_table_result .c-note {
  margin-top: 43px
}

.price_table_result .badge._bg_orange {
  font-size: 77.7777%
}

.price_table2 {
  border: 1px solid #787878;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .price_table2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.price_table2+.c-note_list_num, .price_table2+.c-txt {
  margin-top: 16px
}

.price_table2_waribiki {
  background: #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media screen and (max-width:767px) {
  .price_table2_waribiki {
    width: 100%;
    padding: 12px 0 10px
  }
}

@media print, screen and (min-width:768px) {
  .price_table2_waribiki {
    width: 639px;
    min-height: 130px
  }
}

.price_table2_waribiki>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media print, screen and (min-width:768px) {
  .price_table2_waribiki>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.price_table2_waribiki ._arrow {
  position: absolute;
  display: inline-block
}

@media screen and (max-width:767px) {
  .price_table2_waribiki ._arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -8px;
    left: calc(50% - 8px)
  }
  .price_table2_waribiki ._arrow img {
    width: 16px;
    height: 16px
  }
}

@media print, screen and (min-width:768px) {
  .price_table2_waribiki ._arrow {
    right: -13px
  }
}

@media print, screen and (min-width:768px) {
  .price_table2_waribiki .price_waribiki02 {
    margin-top: 48px
  }
}

.price_table2_waribiki .price_title {
  font-weight: 700
}

.price_table2_waribiki .price_num {
  font-weight: 700;
  font-size: 222.22222%;
  color: #000
}

@media screen and (max-width:767px) {
  .price_table2_waribiki .price_num {
    font-size: 133.3333%
  }
}

.price_table2_waribiki .price_yen {
  font-weight: 700;
  font-size: 155.5555%
}

@media screen and (max-width:767px) {
  .price_table2_waribiki .price_yen {
    font-size: 88.8888%
  }
}

.price_table2_waribiki .price_symbol {
  padding: 0 12px
}

@media screen and (max-width:767px) {
  .price_table2_waribiki .price_symbol {
    padding: 2px 10px 10px 10px
  }
}

.price_table2_waribiki .price_symbol img {
  vertical-align: middle!important
}

@media screen and (max-width:767px) {
  .price_table2_waribiki .price_symbol img {
    width: 10px;
    height: auto
  }
}

.price_table2_waribiki .price_note {
  position: absolute;
  bottom: -1.5em;
  right: 0;
  font-size: 66.6666%
}

.price_table2_waribiki .c-txt {
  margin-top: 0
}

.price_table2_waribiki .c-note {
  margin-top: 5px
}

.price_table2_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .price_table2_result {
    padding: 30px 0 27px
  }
}

@media print, screen and (min-width:768px) {
  .price_table2_result {
    width: 361px
  }
}

.price_table2_result>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.price_table2_result .price_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.price_table2_result .price_num {
  position: relative;
  text-align: right
}

@media screen and (max-width:767px) {
  .price_table2_result .price_num strong {
    font-size: 133.3333%
  }
}

.price_table2_result .price_note {
  position: absolute;
  bottom: -1.5em;
  font-size: 66.6666%;
  color: #000!important
}

@media print, screen and (min-width:768px) {
  .price_table2_result .price_note {
    right: 0
  }
}

@media screen and (max-width:767px) {
  .price_table2_result .price_note {
    white-space: nowrap
  }
}

.price_table2_result .c-note {
  margin-top: 43px
}

.price_table2_result .badge._bg_orange {
  font-size: 77.7777%
}

.blue_area {
  background: #0099DB;
  padding: 40px 40px 45px
}

@media screen and (max-width:767px) {
  .blue_area {
    padding: 8.533333333vw 5.6vw
  }
}

.blue_area ._header {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 40px
}

.blue_area ._header .horizontal_logo_area {
  position: relative;
  margin-right: 15px
}

.blue_area ._header .horizontal_logo_area small {
  top: calc(100% + 5px);
  width: 100%;
  text-align: center;
  font-weight: bold
}

@media print, screen and (min-width:768px) {
  .blue_area ._header .horizontal_logo_area small {
    position: absolute;
    right: 0;
    left: 0
  }
}

@media screen and (max-width:767px) {
  .blue_area ._header .horizontal_logo_area small {
    display: block
  }
}

.blue_area ._body {
  background: white;
  padding: 24px
}

.blue_area ._body ._area {
  padding: 20px;
  margin-top: 15px
}

.blue_area ._body ._area:first-child {
  margin-top: 0
}

.mfp-bg, .mfp-wrap {
  position: fixed;
  left: 0;
  top: 0
}

.mfp-bg, .mfp-container, .mfp-wrap {
  height: 100%;
  width: 100%
}

.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
  content: ""
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: 0.8
}

.mfp-wrap {
  z-index: 1043;
  outline: 0!important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none!important
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #CCC
}

.mfp-close, .mfp-preloader a:hover {
  color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
  display: none
}

button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

.mfp-figure:after, .mfp-iframe-scaler iframe {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-figure, img.mfp-img {
  line-height: 0
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-image-holder .mfp-content, img.mfp-img {
  max-width: 100%
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000
}

.mfp-figure:after, img.mfp-img {
  width: auto;
  height: auto;
  display: block
}

img.mfp-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure:after {
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  background: #444
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-height:300px), screen and (max-width:800px) and (orientation:landscape) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.modal-wrap {
  position: relative;
  margin: 10px auto;
  max-width: 1000px;
  background: #fff;
  padding: 40px 40px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:767px) {
  .modal-wrap {
    padding: 40px 16px 56px;
    margin-right: 7px;
    margin-left: 7px
  }
}

.modal-wrap.expand_img img {
  width: 100%;
  height: auto
}

.modal-wrap.modal_in_modal_wrap>.sec {
  margin-top: 0;
  padding: 40px 0
}

@media screen and (max-width:767px) {
  .modal-wrap.modal_in_modal_wrap>.sec {
    padding: 20px 0
  }
}

.modal-wrap.modal_in_modal_wrap>.sec .title+.list_disc {
  margin-top: 16px
}

.modal-wrap.modal_in_modal_wrap>.sec ._lv4 {
  margin-top: 40px
}

.modal-wrap.modal_in_modal_wrap>.sec .attention_area {
  margin-top: 32px
}

.modal-wrap .narrowDown__header__item {
  margin-left: 2em;
  text-indent: -2em
}

button.mfp-close {
  width: 75px;
  height: 75px;
  line-height: 75px;
  background: url(../img/cmn/btn_close.svg) no-repeat center center;
  opacity: 1;
  text-indent: -99999px;
  right: -18px;
  top: -75px;
  margin-top: 0!important
}

.mfp-close:active {
  top: -75px
}

.mfp-container {
  padding: 100px 40px
}

@media screen and (max-width:767px) {
  .mfp-container {
    padding: 100px 23px
  }
}

.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}

.mfp-bg.mfp-ready {
  opacity: 0.8
}

.mfp-bg.mfp-removing {
  opacity: 0
}

.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}

.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}

.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}

.rn2020 #main .modal .modal-wrap {
  top: 80px
}

.rn2020 #main .modal .modal-wrap .modal__content {
  padding: 0 0 40px 0
}

@media screen and (max-width:767px) {
  .rn2020 #main .modal .modal-wrap .modal__content {
    padding-bottom: 40px
  }
}

.rn2020 #main .modal .modal-wrap .modal__content ul.annotation>li, .rn2020 #main .modal .modal-wrap .modal__content ul.type--annotation>li {
  font-size: 77.7777%!important;
  padding-left: 1em!important
}

.rn2020 #main .modal .modal-wrap .modal__content ul.annotation>li li, .rn2020 #main .modal .modal-wrap .modal__content ul.type--annotation>li li {
  font-size: 100%!important
}

.rn2020 #main .modal .modal-wrap .modal__content ul.type--cmn>li {
  font-size: 100%
}

@media screen and (max-width:767px) {
  .rn2020 #main .modal .modal-wrap .modal__content ul.type--cmn>li {
    font-size: 122.222%!important
  }
}

.rn2020 #main .modal .modal-wrap .modal__content p+ul.annotation>li, .rn2020 #main .modal .modal-wrap .modal__content p+ul.type--annotation>li {
  margin-top: 8px
}

.rn2020 #main .modal .modal-wrap .modal__content .title+* {
  margin-top: 16px
}

.rn2020 #main .modal .modal-wrap .modal__content .type--annotation {
  margin-top: 16px
}

.rn2020 #main .modal .modal-wrap .modal__content .txt--large {
  font-size: 1.4em!important
}

.rn2020 #main .modal .modal-wrap .modal__content .c-table {
  margin-top: 24px!important
}

.rn2020 #main .modal .modal-wrap .modal__content .frame--caution {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .rn2020 #main .modal .modal-wrap ol[class*=type--], .rn2020 #main .modal .modal-wrap p.annotation, .rn2020 #main .modal .modal-wrap ul[class*=type--] {
    font-size: 66.6666%
  }
  .rn2020 #main .modal .modal-wrap ol[class*=type--] li, .rn2020 #main .modal .modal-wrap p.annotation li, .rn2020 #main .modal .modal-wrap ul[class*=type--] li {
    line-height: 1.5
  }
}

.rn2020 #main .modal#modal_provider .type--cmn li, .rn2020 #main .modal#modal_provider ul.type--outer li {
  font-size: 100%
}

.rn2020 #main .modal#modal_provider .title+.type--cmn {
  margin-top: 0
}

.rn2020 #main .modal#modal_provider .type--cmn+p {
  margin-top: 0
}

.rn2020 #main .modal#modal_provider p {
  line-height: 1.5
}

.rn2020 #main .modal#modal_provider p+.title {
  margin-top: 40px
}

.rn2020 #main .modal+section {
  margin-top: 40px
}

.rn2020 #main .modal .modal__close.inner {
  background-image: none!important;
  border: none;
  height: auto;
  bottom: 0;
  position: relative;
  left: 0;
  right: 0
}

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.p-topics.-line {
  border-top: 2px solid #D0D0D0;
  border-bottom: 2px solid #D0D0D0
}

@media print, screen and (min-width:768px) {
  .p-topics.-line {
    padding: 40px
  }
}

@media screen and (max-width:767px) {
  .p-topics.-line {
    padding: 10.6666666667vw 4vw
  }
}

.p-topics.-line li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.p-topics.-line li+li {
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .p-topics.-line li+li {
    margin-top: 5.3333333333vw
  }
}

@media screen and (max-width:767px) {
  .p-topics.-line li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media print, screen and (min-width:768px) {
  .p-topics.-line li .c-date {
    width: 115px
  }
}

@media screen and (max-width:767px) {
  .p-topics.-line li .c-date {
    font-size: 4.2666666667vw!important;
    line-height: 1.6
  }
}

@media screen and (max-width:767px) {
  .p-topics.-line li .c-desc {
    font-size: 4.2666666667vw!important;
    line-height: 1.6
  }
}

.l-frame.-border_round {
  overflow: hidden
}

@media print, screen and (min-width:768px) {
  .l-frame.-border_round {
    border-radius: 8px;
    background: #fff;
    border: 3px solid #e6e8ed;
    min-height: auto;
    display: block;
    padding: 24px
  }
}

@media screen and (max-width:767px) {
  .l-frame.-border_round {
    border-radius: 8px;
    background: #fff;
    border: 3px solid #e6e8ed;
    min-height: auto;
    display: block;
    padding: 5.3333333333vw 2.6666666667vw
  }
}

.p-planning__block.-type_a {
  text-align: center;
  border-bottom: 2px solid #D0D0D0;
  padding-bottom: 10px
}

.p-planning__block.-type_a:only-child {
  border-bottom: none
}

.p-planning__block.-type_a p {
  line-height: 1.6;
  font-size: 1.3333333333rem!important;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_a p {
    font-size: 5.3333333333vw!important
  }
}

.p-planning__block.-type_a small {
  font-size: 0.7777777778rem!important
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_a small {
    font-size: 4vw!important
  }
}

.p-planning__block.-type_a .c-price {
  font-size: 2rem!important;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_a .c-price {
    font-size: 5.8666666667vw!important
  }
}

.p-planning__block.-type_a .c-unit {
  font-size: 1.3333333333rem!important;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_a .c-unit {
    font-size: 4.2666666667vw!important
  }
}

.p-planning__block.-type_a .c-option {
  font-size: 1.1111111111rem!important;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_a .c-option {
    font-size: 4vw!important
  }
}

.p-planning__block.-type_b {
  padding: 10px 0
}

.p-planning__block.-type_b+.-type_b {
  border-top: 2px dashed #D0D0D0
}

.p-planning__block.-type_b p {
  font-size: 0.8888888889rem!important;
  line-height: 1.6
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_b p {
    font-size: 4.2666666667vw!important
  }
}

.p-planning__block.-type_b p small {
  font-size: 0.7777777778rem!important
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_b p small {
    font-size: 4vw!important
  }
}

.p-planning__block.-type_b p .c_red {
  color: #e15656!important
}

.p-planning__block.-type_c {
  text-align: center
}

.p-planning__block.-type_c .c-img+* {
  margin-top: 10px
}

.p-planning__block.-type_c figcaption {
  font-weight: bold;
  font-size: 1.1111111111rem!important;
  color: #0072BC!important
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_c figcaption {
    font-size: 5.3333333333vw!important
  }
}

.p-planning__block.-type_c figcaption b {
  font-size: 2rem!important
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_c figcaption b {
    font-size: 7.4666666667vw!important
  }
}

.p-planning__block.-type_c figcaption .c_red {
  color: #e15656!important
}

.p-planning__block.-type_c figcaption sup {
  color: black!important;
  font-size: 50%!important
}

.p-planning__block.-type_d {
  background: #F2FAFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 20px
}

.p-planning__block.-type_d+.-type_d {
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_d {
    font-size: 4vw!important;
    width: 100%
  }
}

.p-planning__block.-type_d b {
  font-weight: bold
}

.p-planning__block.-type_d .c_red {
  color: #e15656!important;
  font-weight: bold
}

.p-planning__block.-type_d .c-num {
  font-size: 1.1111111111rem!important;
  font-weight: bold
}

@media screen and (max-width:767px) {
  .p-planning__block.-type_d .c-num {
    font-size: 4.8vw!important
  }
}

.p-planning__block.-type_d .c-icn {
  margin-right: 10px
}

.p-planning__block.-type_d .c-icn img {
  width: 48px
}

.p-planning__block.-type-e {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.p-planning__block.-type-e:before {
  content: "";
  width: 15px;
  height: 11px;
  background: black;
  right: 0;
  bottom: calc(100% - 1px);
  left: 0;
  margin: auto;
  position: absolute
}

.p-planning__block.-type-e:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media print, screen and (min-width:768px) {
  .p-planning__block.-type-e {
    margin: 24px -24px -24px;
    padding: 50px 24px 30px
  }
}

@media screen and (max-width:767px) {
  .p-planning__block.-type-e {
    margin: 5.3333333333vw -2.6666666667vw -5.3333333333vw;
    padding: 5.3333333333vw 2.6666666667vw
  }
}

@media screen and (max-width:767px) {
  .p-planning__block .price_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media print, screen and (min-width:768px) {
  .l-frame.-border_round .p-planning {
    margin: -24px;
    padding: 24px 0
  }
  .l-frame.-border_round .p-planning .l-col {
    padding: 0 24px
  }
}

@media screen and (max-width:767px) {
  .l-frame.-border_round .p-planning {
    margin: -5.3333333333vw -2.6666666667vw;
    padding: 5.3333333333vw 2.6666666667vw
  }
}

.l-frame.-border_round .p-planning.-bg_gray {
  background: #EFEFEF
}

section.sideImage:after {
  clear: both;
  display: block;
  content: ""
}

section.sideImage .clear {
  clear: both
}

section.sideImage figure {
  float: left;
  margin: 0
}

section.sideImage .explain {
  float: right;
  width: 470px;
  display: table;
  min-height: 200px
}

section.sideImage .explain>div {
  display: table-cell;
  vertical-align: middle
}

section.sideImage .explain .title {
  display: table;
  width: 100%;
  margin-bottom: 25px
}

section.sideImage .explain .title>span {
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

section.sideImage .explain .title>span.ico {
  width: 4.6em
}

section.sideImage .explain .title>span.txt {
  font-weight: 700;
  line-height: 1.4
}

section.sideImage .explain .title span.badge {
  font-size: 64.2%
}

section.sideImage .explain .c-txt {
  margin: 0;
  font-size: 111%
}

section.sideImage .explain .c-note {
  margin: 8px 0 0 0
}

section.sideImage.even figure {
  float: right
}

section.sideImage.even .explain {
  float: left
}

@media screen and (max-width:767px) {
  section.sideImage figure {
    float: none;
    margin: 0
  }
  section.sideImage figure img {
    width: 100%
  }
  section.sideImage .explain {
    float: none;
    width: auto;
    display: block;
    min-height: inherit
  }
  section.sideImage .explain>div {
    display: block
  }
  section.sideImage .explain .title {
    position: relative;
    display: block;
    width: auto;
    padding-top: 26px;
    margin-bottom: 25px
  }
  section.sideImage .explain .title>span {
    display: block;
    text-align: center
  }
  section.sideImage .explain .title>span.ico {
    padding-right: 0;
    width: auto
  }
  section.sideImage .explain .title span.badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
  }
  section.sideImage .explain .c-txt {
    text-align: center;
    font-size: 100%
  }
  section.sideImage .explain .c-note {
    margin: 8px 0 0 0
  }
  section.sideImage.even>figure {
    float: none
  }
  section.sideImage.even>.explain {
    float: none
  }
}

body.rn2020 .title {
  font-weight: 700;
  line-height: 1.5
}

body.rn2020 .title+* {
  margin-top: 40px
}

body.rn2020 .title+.num_list {
  margin-top: 24px
}

body.rn2020 .title span {
  font-weight: 700
}

@media screen and (max-width:767px) {
  body.rn2020 .service_logo_area+.title {
    margin-top: 8px
  }
}

._lv1 {
  line-height: 1.2!important;
  font-size: 133.33%;
  display: inline-block
}

@media print, screen and (min-width:768px) {
  ._lv1 {
    font-size: 200%
  }
}

.title_area {
  background: #e6e8ed;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media print, screen and (min-width:768px) {
  .title_area {
    height: 150px
  }
  .title_area .l-inner {
    width: 1200px;
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px
  }
}

@media screen and (max-width:767px) {
  .title_area {
    padding: 20px 15px
  }
}

@media screen and (max-width:767px) {
  .title_area ._lv1 {
    padding: 0
  }
}

@media print, screen and (min-width:768px) {
  .title_area ._lv1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }
}

.title_area ._lv1 .logo {
  margin-right: 20px
}

.title_area ._lv1 .logo br+small {
  display: block;
  font-size: 33.33%;
  font-weight: normal;
  line-height: 1.6
}

.title_area .logo_area span {
  display: inline-block;
  margin-right: 8px
}

.title_area .logo_area span._arrow {
  position: relative;
  top: 5px
}

@media screen and (max-width:767px) {
  .title_area .logo_area span._arrow {
    top: 4px
  }
}

.title_area .logo_area+._lv1 {
  margin-top: 10px
}

@media print, screen and (min-width:768px) {
  .title_area .horizontal_logo_area {
    position: relative
  }
}

@media screen and (max-width:767px) {
  .title_area .horizontal_logo_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

.title_area .horizontal_logo_area+.title {
  margin-top: 0
}

.title_area .horizontal_logo_area img {
  height: 47px;
  margin-right: 26px
}

@media screen and (max-width:767px) {
  .title_area .horizontal_logo_area img {
    width: auto;
    height: 32px;
    margin-right: 8px
  }
}

.title_area .horizontal_logo_area small {
  font-size: 66.67%
}

@media screen and (max-width:767px) {
  .title_area .horizontal_logo_area small {
    display: inline-block
  }
}

@media print, screen and (min-width:768px) {
  .title_area .horizontal_logo_area small {
    display: inline-block;
    position: absolute;
    bottom: -18px;
    left: 0
  }
}

.kv_area {
  position: relative;
  overflow: hidden
}

.kv_area ._lv1 {
  position: absolute;
  top: 85px;
  left: 22px;
  margin-right: 16%;
  padding: 32px 36px;
  background-color: #F2FAFF;
  text-align: justify;
  font-size: 200%
}

@media screen and (max-width:767px) {
  .kv_area ._lv1 {
    top: 0;
    left: 0;
    max-width: 312px;
    padding: 10px 12px;
    font-size: 133.33%
  }
}

@media print, screen and (min-width:768px) {
  .kv_area.logoStyle ._lv1 {
    padding: 10px;
    position: relative;
    top: 0
  }
}

@media screen and (max-width:767px) {
  .kv_area.logoStyle ._lv1 {
    width: 48vw
  }
}

.kv_area_logo {
  position: relative;
  overflow: hidden
}

.kv_area_logo .logo_area {
  position: absolute;
  left: 22px;
  width: auto;
  padding: 32px 36px;
  background-color: #F2FAFF;
  text-align: justify
}

@media screen and (max-width:767px) {
  .kv_area_logo .logo_area {
    top: 0;
    left: 0;
    max-width: 343px;
    padding: 10px 12px
  }
}

.kv_area_logo .logo_area>div span {
  display: inline-block;
  margin-right: 8px
}

@media screen and (max-width:767px) {
  .kv_area_logo .logo_area>div span._logo img {
    width: auto;
    height: 20px
  }
}

.kv_area_logo .logo_area>div span._arrow {
  position: relative;
  top: 3px
}

.kv_area_logo .logo_area>div+._lv1 {
  margin-top: 10px;
  margin-top: 0
}

@media print, screen and (min-width:768px) {
  .kv_area picture, .kv_area_logo picture {
    position: relative
  }
  .kv_area .l-inner, .kv_area_logo .l-inner {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

._lv2 {
  font-weight: 700;
  text-align: center;
  font-size: 133.33%
}

@media print, screen and (min-width:768px) {
  ._lv2 {
    font-size: 177.78%
  }
}

._lv2+._lv4 {
  margin-top: 24px!important
}

._lv3 {
  font-size: 122.22%
}

@media print, screen and (min-width:768px) {
  ._lv3 {
    font-size: 155.56%
  }
}

._lv3+.c-txt {
  margin-top: 16px!important
}

._lv4 {
  font-weight: normal!important;
  font-size: 111.11%
}

@media print, screen and (min-width:768px) {
  ._lv4 {
    font-size: 133.33%
  }
}

._lv4+.prepare_area {
  margin-top: 8px!important
}

._lv4+.c-txt {
  margin-top: 24px
}

._lv5 {
  font-weight: normal!important;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  ._lv5 {
    font-size: 111.11%
  }
}

._circled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 133.33%
}

@media screen and (max-width:767px) {
  ._circled {
    font-size: 111.11%
  }
}

._circled .c-num {
  background: #0072BC;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media print, screen and (min-width:768px) {
  ._circled .c-num {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 111.11%;
    margin-right: 15px
  }
}

@media screen and (max-width:767px) {
  ._circled .c-num {
    width: 8.533333333vw;
    height: 8.533333333vw;
    border-radius: 8.533333333vw;
    font-size: 100%;
    margin-right: 4vw
  }
}

._step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 155.56%
}

@media screen and (max-width:767px) {
  ._step {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
}

._step .c-icn {
  margin-right: 20px;
  display: block
}

@media screen and (max-width:767px) {
  ._step .c-icn {
    margin-bottom: 4vw
  }
}

._step .badge {
  margin-right: 10px;
  font-size: 88.89%
}

@media screen and (max-width:767px) {
  ._step .badge {
    font-size: 77.78%;
    padding: 3vw 5vw;
    border-radius: 10vw;
    margin-bottom: 4vw
  }
}

@media screen and (max-width:767px) {
  ._step>b {
    width: 100%;
    text-align: center
  }
}

.c-txt {
  color: #000;
  line-height: 1.5;
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  .c-txt {
    font-size: 100%
  }
}

.c-txt+* {
  margin-top: 40px
}

.c-txt+.mfp-close {
  margin-top: 0
}

.c-txt+.c-table {
  margin-top: 40px!important
}

.c-txt+.txt-link {
  margin-top: 20px
}

.c-txt+.annotation, .c-txt+.c-list, .c-txt+.c-note_list, .c-txt+.c-note_list_disc, .c-txt+.c-note_list_num {
  margin-top: 16px!important
}

@media screen and (max-width:767px) {
  .c-txt+.annotation, .c-txt+.c-list, .c-txt+.c-note_list, .c-txt+.c-note_list_disc, .c-txt+.c-note_list_num {
    margin-top: 12px!important
  }
}

.c-txt+.attention_time {
  margin-top: 24px!important
}

@media screen and (max-width:767px) {
  .c-txt+.attention_time {
    margin-top: 16px!important
  }
}

.c-txt._l {
  font-weight: 700;
  font-size: 166.67%
}

@media print, screen and (min-width:768px) {
  .c-txt._l {
    font-size: 222.22%
  }
}

.c-txt._s {
  font-size: 77.78%
}

@media print, screen and (min-width:768px) {
  .c-txt._s {
    font-size: 88.89%
  }
}

.c-txt._ss {
  font-size: 66.67%
}

.c-txt.flexBox span {
  line-height: inherit
}

.fs155per, .fs28 {
  font-size: 155.5555%
}

.fs144per, .fs26 {
  font-size: 144.4444%
}

.fs133per, .fs24 {
  font-size: 133.3333%
}

.fs122per, .fs22 {
  font-size: 122.2222%
}

.fs111per, .fs20 {
  font-size: 111.1111%
}

.fs100per, .fs18 {
  font-size: 100%
}

.fs16, .fs88per {
  font-size: 88.88888%
}

.fs15, .fs83per {
  font-size: 83.33333%
}

.fs14, .fs77per {
  font-size: 77.77777%
}

.fs12, .fs66per {
  font-size: 66.66666%
}

.c-note {
  line-height: 1.5;
  font-size: 83.33333%
}

@media print, screen and (min-width:768px) {
  .c-note {
    font-size: 77.77777%
  }
}

.c-note+* {
  margin-top: 40px
}

.c-note+.c-note_list {
  margin-top: 0
}

.c-note_title {
  font-weight: 700
}

.txt-link+* {
  margin-top: 24px!important
}

strong {
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  strong {
    font-size: 100%
  }
}

strong.underline {
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f4ad16));
  background: linear-gradient(transparent 70%, #f4ad16 0%)
}

strong.underline_txt {
  font-weight: 700;
  text-decoration: underline;
  font-size: 100%
}

.underline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f4ad16));
  background: linear-gradient(transparent 70%, #f4ad16 0%)
}

.underline_txt {
  text-decoration: underline;
  font-size: 100%
}

.bold {
  font-weight: 700!important
}

.badge {
  padding: 5px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  font-size: 88.89%;
  font-weight: 700;
  color: #fff;
  text-align: center;
  display: inline-block
}

@media print, screen and (min-width:768px) {
  .badge {
    padding: 7px 19px 7px;
    border-radius: 19px;
    font-size: 100%
  }
}

.badge._bg_yellow {
  color: #000;
  font-weight: 700
}

.badge._bg_orange {
  font-weight: 700;
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  .badge._bg_orange {
    font-size: 111.11%
  }
}

.badge._bg_orange.badge-new {
  display: inline-block;
  font-size: 77.78%
}

.badge._bg_orange.badge-new._before {
  margin-right: 0.5em
}

.badge._bg_orange.badge-new._after {
  margin-left: 0.5em
}

@media print, screen and (min-width:768px) {
  .badge._bg_orange.badge-new {
    font-size: 88.89%
  }
}

.badge._bg_blue {
  font-weight: 700
}

.badge._bg_black {
  color: #fff;
  font-weight: 700
}

.circle {
  text-align: center;
  color: #fff;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit
}

.circle._q {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  font-size: 66.67%
}

.circle._q span {
  font-weight: 700;
  margin-top: -2px
}

@media print, screen and (min-width:768px) {
  .circle._q {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 77.78%
  }
}

.circle._a {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  border: 2px solid #0072bc
}

.circle._a span {
  color: #0072bc;
  font-weight: 700;
  font-size: 128.571428%!important
}

@media print, screen and (min-width:768px) {
  .circle._a {
    width: 32px;
    height: 32px;
    border-radius: 16px
  }
}

.circle._num {
  width: 32px;
  height: 32px;
  border-radius: 16px
}

.circle._num span {
  font-size: 142.857142%!important
}

@media print, screen and (min-width:768px) {
  .circle._num {
    width: 40px;
    height: 40px;
    border-radius: 20px
  }
}

.circle._question_mark {
  width: 28px;
  height: 28px;
  border-radius: 14px
}

.circle._question_mark span {
  font-size: 142.857142%!important
}

@media print, screen and (min-width:768px) {
  .circle._question_mark {
    width: 32px;
    height: 32px;
    border-radius: 16px
  }
}

.circle._bg_blue {
  background: #0e9ad8
}

.circle._bg_yellow {
  background: #f4ad16
}

.circle._bg_emeraldgreen {
  background: #47bed0
}

.circle._bg_white._a span {
  color: #0072bc
}

.square {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.square._a {
  width: 24px;
  height: 24px
}

.square._bg_darkblue {
  color: #fff
}

.c-label {
  display: inline-block;
  background: #787878;
  color: #fff;
  padding: 4px 6px 5px
}

.c-label_white {
  display: inline-block;
  background: #fff;
  color: #000;
  font-weight: 700;
  border-radius: 13px;
  width: 116px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 8px
}

picture img {
  width: 100%;
  height: auto
}

@media print, screen and (min-width:768px) {
  .kv_area {
    overflow: hidden
  }
  .kv_area picture img {
    min-width: 1200px;
    vertical-align: bottom
  }
}

.img_area+.annotation, .img_area+.c-note_list, .img_area+.c-note_list_num {
  margin-top: 12px
}

.img_area+.c-txt {
  margin-top: 24px
}

.img_area+.title {
  margin-top: 40px
}

.c-img {
  text-align: center
}

.c-img img {
  max-width: 100%;
  height: auto;
  margin: 0 auto
}

@media print, screen and (min-width:768px) {
  .c-img img {
    max-width: 100%;
    width: auto
  }
}

.c-img svg {
  font-family: "Helvetica Neue", "Noto Sans JP", "Helvetica", sans-serif
}

#business_anchor2 .c-img img, #coach_anchor2 .c-img img {
  width: 100%
}

@media print, screen and (min-width:768px) {
  ._logo {
    position: relative;
    top: 2px
  }
}

.svg_img._white path {
  color: #fff;
  fill: currentColor
}

.svg_img._blue path {
  color: #0072bc;
  fill: currentColor
}

.svg_img._black path {
  color: #000;
  fill: currentColor
}

.tabBtn .active .svg_img path {
  color: #fff;
  fill: currentColor
}

.rn2020 a {
  color: #000;
  text-decoration: underline;
  outline: none
}

.rn2020 a._active, .rn2020 a:active {
  color: #1D2088!important;
  outline: none
}

.rn2020 a._disabled, .rn2020 a:disabled {
  color: #787878!important
}

.rn2020 a:hover {
  text-decoration: none
}

.rn2020 #main .link_icn, .rn2020 .link_icn {
  color: #0072bc;
  position: relative;
  font-weight: 700;
  font-size: 100%
}

@media screen and (max-width:767px) {
  .rn2020 #main .link_icn, .rn2020 .link_icn {
    font-size: 100%!important
  }
}

.rn2020 #main .link_icn.bk, .rn2020 .link_icn.bk {
  color: #000
}

.rn2020 #main .link_icn span, .rn2020 .link_icn span {
  font-weight: 700
}

.rn2020 #main .link_icn.arrow, .rn2020 .link_icn.arrow {
  display: inline;
  padding-right: 22px;
  margin-right: -14px
}

.rn2020 #main .link_icn.arrow:after, .rn2020 .link_icn.arrow:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/cmn/ic_arrow_blue_right.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -4px;
  bottom: -3px
}

.rn2020 #main .link_icn.arrow._active:after, .rn2020 #main .link_icn.arrow:active:after, .rn2020 .link_icn.arrow._active:after, .rn2020 .link_icn.arrow:active:after {
  background-image: url(../img/cmn/ic_arrow_active2.svg)
}

.rn2020 #main .link_icn.arrow._disabled:after, .rn2020 #main .link_icn.arrow:disabled:after, .rn2020 .link_icn.arrow._disabled:after, .rn2020 .link_icn.arrow:disabled:after {
  background-image: url(../img/cmn/ic_arrow_disabled2.svg)
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.arrow, .rn2020 .link_icn.arrow {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.arrow:after, .rn2020 .link_icn.arrow:after {
    right: -0.5em;
    bottom: -2px
  }
}

.rn2020 #main .link_icn.arrow._front, .rn2020 .link_icn.arrow._front {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none
}

.rn2020 #main .link_icn.arrow._front:hover, .rn2020 .link_icn.arrow._front:hover {
  text-decoration: underline
}

.rn2020 #main .link_icn.arrow._front:after, .rn2020 .link_icn.arrow._front:after {
  display: none
}

.rn2020 #main .link_icn.arrow._front:before, .rn2020 .link_icn.arrow._front:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/cmn/ic_arrow_blue_right.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  top: 4px;
  margin-right: 5px
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.arrow._front:before, .rn2020 .link_icn.arrow._front:before {
    left: 0;
    bottom: 0
  }
}

.rn2020 #main .link_icn.blank, .rn2020 .link_icn.blank {
  display: inline;
  padding-right: 21px;
  margin-right: -11px
}

.rn2020 #main .link_icn.blank:after, .rn2020 .link_icn.blank:after {
  content: "";
  display: inline-block;
  width: 16px!important;
  height: 16px!important;
  background-image: url(../img/cmn/ic_blank_blue.svg);
  background-size: 16px!important;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -5px;
  bottom: -3px
}

.rn2020 #main .link_icn.blank._active:after, .rn2020 #main .link_icn.blank:active:after, .rn2020 .link_icn.blank._active:after, .rn2020 .link_icn.blank:active:after {
  background-image: url(../img/cmn/ic_blank_active.svg)!important
}

.rn2020 #main .link_icn.blank._disabled:after, .rn2020 #main .link_icn.blank:disabled:after, .rn2020 .link_icn.blank._disabled:after, .rn2020 .link_icn.blank:disabled:after {
  background-image: url(../img/cmn/ic_blank_disabled.svg)!important
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.blank, .rn2020 .link_icn.blank {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.blank:after, .rn2020 .link_icn.blank:after {
    right: -0.5em;
    bottom: -2px
  }
}

.rn2020 #main .link_icn.anchor, .rn2020 .link_icn.anchor {
  display: inline;
  padding-right: 22px;
  margin-right: -14px
}

.rn2020 #main .link_icn.anchor:after, .rn2020 .link_icn.anchor:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/cmn/ic_arrow_blue_right.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -4px;
  bottom: -3px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.rn2020 #main .link_icn.anchor._active:after, .rn2020 #main .link_icn.anchor:active:after, .rn2020 .link_icn.anchor._active:after, .rn2020 .link_icn.anchor:active:after {
  background-image: url(../img/cmn/ic_arrow_active2.svg)
}

.rn2020 #main .link_icn.anchor._disabled:after, .rn2020 #main .link_icn.anchor:disabled:after, .rn2020 .link_icn.anchor._disabled:after, .rn2020 .link_icn.anchor:disabled:after {
  background-image: url(../img/cmn/ic_arrow_disabled2.svg)
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.anchor, .rn2020 .link_icn.anchor {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.anchor:after, .rn2020 .link_icn.anchor:after {
    right: -0.5em;
    bottom: -2px
  }
}

.rn2020 #main .link_icn.anchor._front, .rn2020 .link_icn.anchor._front {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none
}

.rn2020 #main .link_icn.anchor._front:hover, .rn2020 .link_icn.anchor._front:hover {
  text-decoration: underline
}

.rn2020 #main .link_icn.anchor._front:after, .rn2020 .link_icn.anchor._front:after {
  display: none
}

.rn2020 #main .link_icn.anchor._front:before, .rn2020 .link_icn.anchor._front:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/cmn/ic_arrow_blue_right.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  top: 4px;
  margin-right: 5px
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.anchor._front:before, .rn2020 .link_icn.anchor._front:before {
    left: 0;
    bottom: 0
  }
}

.rn2020 #main .link_icn.expand, .rn2020 .link_icn.expand {
  display: inline;
  padding-right: 23px;
  margin-right: -13px
}

.rn2020 #main .link_icn.expand:after, .rn2020 .link_icn.expand:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/cmn/ic_expand.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -5px;
  bottom: -3px
}

.rn2020 #main .link_icn.expand._active:after, .rn2020 #main .link_icn.expand:active:after, .rn2020 .link_icn.expand._active:after, .rn2020 .link_icn.expand:active:after {
  background-image: url(../img/cmn/ic_expand_active.svg)
}

.rn2020 #main .link_icn.expand._disabled:after, .rn2020 #main .link_icn.expand:disabled:after, .rn2020 .link_icn.expand._disabled:after, .rn2020 .link_icn.expand:disabled:after {
  background-image: url(../img/cmn/ic_expand_disabled.svg)
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.expand, .rn2020 .link_icn.expand {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.expand:after, .rn2020 .link_icn.expand:after {
    width: 0.9em;
    height: 0.9em;
    background-size: 0.9em;
    right: -0.5em;
    bottom: -0.15em
  }
}

.rn2020 #main .link_icn.download, .rn2020 .link_icn.download {
  display: inline;
  padding-right: 23px;
  margin-right: -13px
}

.rn2020 #main .link_icn.download:after, .rn2020 .link_icn.download:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/cmn/ic_download.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -5px;
  bottom: -3px
}

.rn2020 #main .link_icn.download._active:after, .rn2020 #main .link_icn.download:active:after, .rn2020 .link_icn.download._active:after, .rn2020 .link_icn.download:active:after {
  background-image: url(../img/cmn/ic_download_active.svg)!important
}

.rn2020 #main .link_icn.download._disabled:after, .rn2020 #main .link_icn.download:disabled:after, .rn2020 .link_icn.download._disabled:after, .rn2020 .link_icn.download:disabled:after {
  background-image: url(../img/cmn/ic_download_disabled.svg)!important
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.download, .rn2020 .link_icn.download {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.download:after, .rn2020 .link_icn.download:after {
    width: 0.9em;
    height: 0.9em;
    background-size: 0.9em;
    right: -0.5em;
    bottom: -0.15em
  }
}

.rn2020 #main .link_icn.pdf, .rn2020 .link_icn.pdf {
  display: inline;
  padding-right: 25px;
  margin-right: -15px
}

.rn2020 #main .link_icn.pdf:after, .rn2020 .link_icn.pdf:after {
  content: "";
  display: inline-block;
  width: 21px!important;
  height: 18px!important;
  background-image: url(../img/cmn/ic_pdf.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -5px;
  bottom: -2px
}

.rn2020 #main .link_icn.pdf._active:after, .rn2020 #main .link_icn.pdf:active:after, .rn2020 .link_icn.pdf._active:after, .rn2020 .link_icn.pdf:active:after {
  background-image: url(../img/cmn/ic_pdf_active.svg)!important
}

.rn2020 #main .link_icn.pdf._disabled:after, .rn2020 #main .link_icn.pdf:disabled:after, .rn2020 .link_icn.pdf._disabled:after, .rn2020 .link_icn.pdf:disabled:after {
  background-image: url(../img/cmn/ic_pdf_disabled.svg)!important
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.pdf, .rn2020 .link_icn.pdf {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.pdf:after, .rn2020 .link_icn.pdf:after {
    bottom: -4px
  }
}

.rn2020 #main .link_icn.excel, .rn2020 .link_icn.excel {
  display: inline;
  padding-right: 25px;
  margin-right: -15px
}

.rn2020 #main .link_icn.excel:after, .rn2020 .link_icn.excel:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/cmn/ic_excel.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
  right: -5px;
  bottom: -2px
}

.rn2020 #main .link_icn.excel._active:after, .rn2020 #main .link_icn.excel:active:after, .rn2020 .link_icn.excel._active:after, .rn2020 .link_icn.excel:active:after {
  background-image: url(../img/cmn/ic_excel_active.svg)
}

.rn2020 #main .link_icn.excel._disabled:after, .rn2020 #main .link_icn.excel:disabled:after, .rn2020 .link_icn.excel._disabled:after, .rn2020 .link_icn.excel:disabled:after {
  background-image: url(../img/cmn/ic_excel_disabled.svg)
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .link_icn.excel, .rn2020 .link_icn.excel {
    padding-right: 1em;
    margin-right: 0
  }
  .rn2020 #main .link_icn.excel:after, .rn2020 .link_icn.excel:after {
    width: 1em;
    height: 1em;
    background-size: 1em;
    right: -0.5em;
    bottom: -0.3em
  }
}

.rn2020 #main .link_icn.sup+sup, .rn2020 .link_icn.sup+sup {
  position: relative;
  right: 2.5em
}

@media screen and (max-width:767px) {
  .rn2020 #main .link_icn.sup+sup, .rn2020 .link_icn.sup+sup {
    right: 2em
  }
}

.rn2020 #main .link_icn.sup.excel+sup, .rn2020 #main .link_icn.sup.expand+sup, .rn2020 .link_icn.sup.excel+sup, .rn2020 .link_icn.sup.expand+sup {
  right: 2.3em
}

@media screen and (max-width:767px) {
  .rn2020 #main .link_icn.sup.excel+sup, .rn2020 #main .link_icn.sup.expand+sup, .rn2020 .link_icn.sup.excel+sup, .rn2020 .link_icn.sup.expand+sup {
    right: 2.3em
  }
}

.rn2020 #main .link_icn.sup.pdf+sup, .rn2020 .link_icn.sup.pdf+sup {
  right: 2.8em
}

@media screen and (max-width:767px) {
  .rn2020 #main .link_icn.sup.pdf+sup, .rn2020 .link_icn.sup.pdf+sup {
    right: 2.4em
  }
}

.rn2020 #main .link_icn.sup.arrow:after, .rn2020 #main .link_icn.sup.blank:after, .rn2020 #main .link_icn.sup.download:after, .rn2020 #main .link_icn.sup.excel:after, .rn2020 #main .link_icn.sup.expand:after, .rn2020 #main .link_icn.sup.modal:after, .rn2020 #main .link_icn.sup.pdf:after, .rn2020 .link_icn.sup.arrow:after, .rn2020 .link_icn.sup.blank:after, .rn2020 .link_icn.sup.download:after, .rn2020 .link_icn.sup.excel:after, .rn2020 .link_icn.sup.expand:after, .rn2020 .link_icn.sup.modal:after, .rn2020 .link_icn.sup.pdf:after {
  right: -1.8em
}

.rn2020 #main .c-note .link_icn.arrow:after {
  bottom: -1px!important;
  background-size: 12px!important;
  width: 12px!important;
  height: 12px!important
}

.rn2020 #main .c-note .link_icn.arrow._front:before {
  bottom: -1px
}

.rn2020 #main .c-note .link_icn.blank:after {
  bottom: -3px!important;
  background-size: 13px!important;
  width: 13px!important;
  height: 13px!important
}

.rn2020 #main .c-note .link_icn.arrow.sup+sup {
  right: 2.8em
}

@media screen and (max-width:767px) {
  .rn2020 #main .c-note .link_icn.arrow.sup+sup {
    right: 1.8em
  }
}

.rn2020 #main .c-note .link_icn.blank.sup+sup {
  right: 2.8em
}

@media screen and (max-width:767px) {
  .rn2020 #main .c-note .link_icn.blank.sup+sup {
    right: 1.8em
  }
}

.rn2020 .btn {
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 30px 9px;
  outline: none;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-transition: 0.08s;
  transition: 0.08s
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn {
    cursor: pointer
  }
}

.rn2020 .btn+* {
  margin-top: 40px
}

.rn2020 .btn+.slick-list {
  margin-top: 0
}

.rn2020 .btn._active, .rn2020 .btn:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.rn2020 .btn._active:after, .rn2020 .btn:active:after {
  height: 0px
}

.rn2020 .btn._disabled, .rn2020 .btn:disabled {
  color: #787878!important;
  background-color: #EFEFEF!important;
  border: 2px solid #EFEFEF!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  -webkit-transform: translateY(0)!important;
  transform: translateY(0)!important
}

.rn2020 .btn span {
  font-weight: 700;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .rn2020 .btn span {
    font-size: 88.89%
  }
}

.rn2020 .btn span strong {
  font-size: 111.11111%;
  font-weight: 700
}

.rn2020 .btn_txt+* {
  margin-top: 40px
}

.rn2020 .btn_txt dt {
  font-weight: 700;
  font-size: 100%;
  text-align: center;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rn2020 .btn_txt dd {
  margin-top: 9px
}

.rn2020 .btn_txt+.c-note {
  margin-top: 12px;
  font-size: 77.78%
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn_txt .btn--primary__inquiry.btn, .rn2020 .btn_txt .btn--secondary__inquiry.btn {
    min-height: 50px
  }
}

@media screen and (max-width:767px) {
  .rn2020 .btn {
    width: 100%
  }
}

.rn2020 .btn.link_icn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.rn2020 .btn._small {
  width: 135px
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn._small {
    width: 220px
  }
}

.rn2020 .btn--base {
  background: #0072bc;
  border: 2px solid #0072bc;
  -webkit-box-shadow: 0px 5px 0px #0c5c8f;
  box-shadow: 0px 5px 0px #0c5c8f;
  color: #fff
}

.rn2020 .btn--base.arrow {
  background: #0072bc url(../img/cmn/ic_arrow_w2.svg) no-repeat 97% 50%
}

.rn2020 .btn--base.blank {
  background: #0072bc url(../img/cmn/ic_blank_w.svg) no-repeat 97% 55%
}

.rn2020 .btn--base.expand {
  background: #0072bc url(../img/cmn/ic_expand_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--base.download {
  background: #0072bc url(../img/cmn/ic_download_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--base.excel {
  background: #0072bc url(../img/cmn/ic_excel_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--base._active, .rn2020 .btn--base:active {
  color: #fff!important;
  -webkit-box-shadow: 0px 0px 0px #0c5c8f;
  box-shadow: 0px 0px 0px #0c5c8f
}

.rn2020 .btn--primary {
  background: #0072bc;
  border: 2px solid #0072bc;
  -webkit-box-shadow: 0px 5px 0px #0c5c8f;
  box-shadow: 0px 5px 0px #0c5c8f;
  color: #fff
}

.rn2020 .btn--primary.arrow {
  background: #0072bc url(../img/cmn/ic_arrow_w2.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.arrow._disabled, .rn2020 .btn--primary.arrow:disabled {
  background: url(../img/cmn/ic_arrow_disabled2.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.blank {
  background: #0072bc url(../img/cmn/ic_blank_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.blank._disabled, .rn2020 .btn--primary.blank:disabled {
  background: url(../img/cmn/ic_blank_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.expand {
  background: #0072bc url(../img/cmn/ic_expand_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.expand._disabled, .rn2020 .btn--primary.expand:disabled {
  background: url(../img/cmn/ic_expand_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.pdf {
  background: #0072bc url(../img/cmn/ic_pdf_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.pdf._disabled, .rn2020 .btn--primary.pdf:disabled {
  background: url(../img/cmn/ic_pdf_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.download {
  background: #0072bc url(../img/cmn/ic_download_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.download._disabled, .rn2020 .btn--primary.download:disabled {
  background: url(../img/cmn/ic_download_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.excel {
  background: #0072bc url(../img/cmn/ic_excel_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.excel._disabled, .rn2020 .btn--primary.excel:disabled {
  background: url(../img/cmn/ic_excel_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary.anchor {
  background: #0072bc url(../img/cmn/ic_arrow_down_w.svg) no-repeat 97% 54%
}

.rn2020 .btn--primary.anchor._disabled, .rn2020 .btn--primary.anchor:disabled {
  background: url(../img/cmn/ic_arrow_down_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary._active, .rn2020 .btn--primary:active {
  color: #fff!important;
  -webkit-box-shadow: 0px 1px 0px #0c5c8f;
  box-shadow: 0px 1px 0px #0c5c8f
}

.rn2020 .btn--primary__inquiry {
  border-radius: 8px;
  background: #db3d23;
  border: 2px solid #db3d23;
  -webkit-box-shadow: 0px 5px 0px #a53724;
  box-shadow: 0px 5px 0px #a53724;
  color: #fff
}

.rn2020 .btn--primary__inquiry.arrow {
  background: #db3d23 url(../img/cmn/ic_arrow_w2.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.arrow._disabled, .rn2020 .btn--primary__inquiry.arrow:disabled {
  background: url(../img/cmn/ic_arrow_disabled2.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.blank {
  background: #db3d23 url(../img/cmn/ic_blank_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.blank._disabled, .rn2020 .btn--primary__inquiry.blank:disabled {
  background: url(../img/cmn/ic_blank_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.expand {
  background: #db3d23 url(../img/cmn/ic_expand_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.expand._disabled, .rn2020 .btn--primary__inquiry.expand:disabled {
  background: url(../img/cmn/ic_expand_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.pdf {
  background: #db3d23 url(../img/cmn/ic_pdf_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.pdf._disabled, .rn2020 .btn--primary__inquiry.pdf:disabled {
  background: url(../img/cmn/ic_pdf_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.download {
  background: #db3d23 url(../img/cmn/ic_download_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.download._disabled, .rn2020 .btn--primary__inquiry.download:disabled {
  background: url(../img/cmn/ic_download_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.excel {
  background: #db3d23 url(../img/cmn/ic_excel_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.excel._disabled, .rn2020 .btn--primary__inquiry.excel:disabled {
  background: url(../img/cmn/ic_excel_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.anchor {
  background: #db3d23 url(../img/cmn/ic_arrow_down_w.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry.anchor._disabled, .rn2020 .btn--primary__inquiry.anchor:disabled {
  background: url(../img/cmn/ic_arrow_down_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--primary__inquiry._active, .rn2020 .btn--primary__inquiry:active {
  color: #fff!important;
  -webkit-box-shadow: 0px 0px 0px #a53724;
  box-shadow: 0px 0px 0px #a53724
}

.rn2020 .btn--secondary {
  color: #0072bc;
  background: #fff;
  border: 2px solid #0072bc;
  -webkit-box-shadow: 0px 3px 0px #0072bc;
  box-shadow: 0px 3px 0px #0072bc;
  padding-top: 11px;
  padding-bottom: 10px;
  margin-bottom: -2px
}

.rn2020 .btn--secondary.arrow {
  background: #fff url(../img/cmn/ic_arrow_blue_right.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.arrow._disabled, .rn2020 .btn--secondary.arrow:disabled {
  background: #fff url(../img/cmn/ic_arrow_disabled2.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.blank {
  background: #fff url(../img/cmn/ic_blank_blue.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.blank._disabled, .rn2020 .btn--secondary.blank:disabled {
  background: #fff url(../img/cmn/ic_blank_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.expand {
  background: #fff url(../img/cmn/ic_expand.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.expand._disabled, .rn2020 .btn--secondary.expand:disabled {
  background: #fff url(../img/cmn/ic_expand_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.pdf {
  background: #fff url(../img/cmn/ic_pdf.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.pdf._disabled, .rn2020 .btn--secondary.pdf:disabled {
  background: #fff url(../img/cmn/ic_pdf_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.excel {
  background: #fff url(../img/cmn/ic_excel.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.excel._disabled, .rn2020 .btn--secondary.excel:disabled {
  background: #fff url(../img/cmn/ic_excel_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.download {
  background: #fff url(../img/cmn/ic_download.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.download._disabled, .rn2020 .btn--secondary.download:disabled {
  background: #fff url(../img/cmn/ic_download_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.anchor {
  background: #fff url(../img/cmn/ic_arrow_down.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary.anchor._disabled, .rn2020 .btn--secondary.anchor:disabled {
  background: #fff url(../img/cmn/ic_arrow_down_disabled.svg) no-repeat 97% 50%
}

.rn2020 .btn--secondary._active, .rn2020 .btn--secondary:active {
  color: #0072bc!important;
  -webkit-box-shadow: 0px 0px 0px #0072bc;
  box-shadow: 0px 0px 0px #0072bc
}

.rn2020 .btn--secondary._disabled, .rn2020 .btn--secondary:disabled {
  color: #787878!important;
  border-color: #D0D0D0!important;
  background-color: #fff!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  -webkit-transform: translateY(0)!important;
  transform: translateY(0)!important
}

.rn2020 .btn--secondary:hover {
  background-color: #F2FAFF!important
}

.rn2020 .btn--secondary.arrow--prev {
  background: #fff url(../img/cmn/ic_arrow_prev.svg) no-repeat 5% 50%;
  background-size: 7px 12px!important
}

@media screen and (max-width:767px) {
  .rn2020 .btn--secondary.arrow--prev {
    background-position: 9% 50%
  }
}

.rn2020 .btn--secondary.arrow--next {
  background: #fff url(../img/cmn/ic_arrow_next.svg) no-repeat 95% 50%;
  background-size: 7px 12px!important
}

@media screen and (max-width:767px) {
  .rn2020 .btn--secondary.arrow--next {
    background-position: 91% 50%
  }
}

.rn2020 .btn_vote {
  background-color: #fff;
  border: 2px solid #D0D0D0;
  -webkit-box-shadow: 0px 4px 0px #D0D0D0;
  box-shadow: 0px 4px 0px #D0D0D0;
  width: 100%;
  color: #000;
  font-weight: 700;
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn_vote {
    font-size: 100%
  }
}

.rn2020 .btn_vote._active, .rn2020 .btn_vote:active {
  -webkit-box-shadow: 0px 0px 0px #D0D0D0;
  box-shadow: 0px 0px 0px #D0D0D0
}

.rn2020 .btn_vote._yes:before {
  content: "";
  display: inline-block;
  background: url(../img/cmn/ic_vote_yes.svg) no-repeat 0 0;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background-size: 22px 22px
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn_vote._yes:before {
    width: 24px;
    height: 24px;
    background-size: 24px 24px
  }
}

.rn2020 .btn_vote._no:before {
  content: "";
  display: inline-block;
  background: url(../img/cmn/ic_vote_no.svg) no-repeat 0 0;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background-size: 18px 18px
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn_vote._no:before {
    width: 20px;
    height: 20px;
    background-size: 20px 20px
  }
}

.rn2020 .btn--circle {
  padding: 0;
  width: 40px!important;
  height: 40px;
  min-height: 40px;
  border-radius: 20px;
  background: #fff;
  border: 2px solid #0072bc;
  -webkit-filter: drop-shadow(0px 2px 0px #0072bc);
  filter: drop-shadow(0px 2px 0px #0072bc)
}

@media screen and (max-width:767px) {
  .rn2020 .btn--circle {
    width: 32px!important;
    height: 32px;
    min-height: 32px;
    border-radius: 16px
  }
}

.rn2020 .btn--circle._active, .rn2020 .btn--circle:active {
  -webkit-filter: drop-shadow(0px 0px 0px #0072bc);
  filter: drop-shadow(0px 0px 0px #0072bc)
}

.rn2020 .btn--circle:hover {
  background-color: #F2FAFF!important
}

.rn2020 .btn--circle span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

.rn2020 .btn--circle.arrow--prev {
  background: #fff url(../img/cmn/ic_arrow_prev.svg) no-repeat 48% 50%;
  background-size: 10px 18px
}

@media screen and (max-width:767px) {
  .rn2020 .btn--circle.arrow--prev {
    background-size: 8.49px 14.14px
  }
}

.rn2020 .btn--circle.arrow--next {
  background: #fff url(../img/cmn/ic_arrow_next.svg) no-repeat 52% 50%;
  background-size: 10px 18px
}

@media screen and (max-width:767px) {
  .rn2020 .btn--circle.arrow--next {
    background-size: 8.49px 14.14px
  }
}

.rn2020 .btn--circle._small {
  background-size: 8.49px 14.14px;
  height: 32px;
  min-height: 32px;
  border-radius: 16px;
  width: 32px!important;
  padding: 0!important
}

@media print, screen and (min-width:768px) {
  .rn2020 .btn--circle._small {
    background-size: 10px 18px;
    height: 40px;
    min-height: 40px;
    border-radius: 20px;
    width: 40px!important
  }
}

.rn2020 .btn--map button {
  width: 54px;
  height: 54px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #707070;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer
}

.rn2020 .btn--map ._plus {
  background: #fff url(../img/cmn/ic_plus.svg) no-repeat 50% 50%;
  background-size: 16px 16px
}

.rn2020 .btn--map ._minus {
  background: #fff url(../img/cmn/ic_minus.svg) no-repeat 50% 50%;
  background-size: 16px 2px
}

.rn2020 .icon_btn {
  display: inline-block;
  text-decoration: none;
  text-align: center
}

.rn2020 .icon_btn_img {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background: #0072bc;
  -webkit-filter: drop-shadow(0px 5px 0px #0c5c8f);
  filter: drop-shadow(0px 5px 0px #0c5c8f);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .rn2020 .icon_btn_img {
    width: 100px;
    height: 100px;
    border-radius: 50px
  }
}

.rn2020 .icon_btn_img._active, .rn2020 .icon_btn_img:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-filter: none;
  filter: none
}

.rn2020 .icon_btn_img._active:after, .rn2020 .icon_btn_img:active:after {
  height: 0px
}

.rn2020 .icon_btn_txt {
  display: inline-block!important;
  color: #0072bc;
  font-weight: 700;
  margin-top: 10px;
  line-height: 1.5;
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  .rn2020 .icon_btn_txt {
    font-size: 100%
  }
}

.rn2020 .anchor_area .c-grid>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#main .l-cvarea .m-btn:after {
  margin: 0
}

#main .l-cvarea .m-btn:after {
  content: none!important;
  margin: 0
}

#main .l-cvarea .m-btn a {
  font-size: 160%;
  letter-spacing: -1px!important;
  position: relative
}

@media print, screen and (min-width:768px) {
  #main .l-cvarea .m-btn a {
    height: 150px
  }
}

@media screen and (max-width:767px) {
  #main .l-cvarea .m-btn a {
    font-size: 115%;
    height: 80px
  }
}

#main .l-cvarea .m-btn a span {
  font-size: inherit
}

@media screen and (max-width:767px) {
  #main .l-cvarea .m-btn a span {
    font-size: 77.777%
  }
}

#main .l-cvarea .m-btn a+[class*=annotation] {
  margin-top: 10px;
  font-size: 88.89%;
  padding-left: 1em;
  position: relative;
  line-height: 2;
  text-align: left
}

#main .l-cvarea .m-btn a+[class*=annotation]:before {
  content: "※";
  position: absolute;
  left: 0
}

#main .l-cvarea .m-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 0;
  margin: auto;
  display: block;
  width: 22px;
  height: 22px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (max-width:767px) {
  #main .l-cvarea .m-btn a:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
  }
}

#main .l-cvarea .m-btn a[target=_blank]:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  width: 36px;
  height: 35px;
  right: 10px;
  background-image: url(/assets/img/common/icn_blank_w.png);
  background-size: 36px;
  background-repeat: no-repeat;
  border: none
}

@media screen and (max-width:767px) {
  #main .l-cvarea .m-btn a[target=_blank]:after {
    width: 12px!important;
    height: 12px!important;
    right: 7px!important;
    background-size: 12px!important
  }
}

#main .l-cvarea .m-btn .m-btn__heading .tle--lv1 {
  margin-top: 0;
  font-size: 111.11%;
  margin-bottom: 15px;
  text-align: left;
  font-weight: 700
}

#main .l-cvarea .m-btn .m-btn__heading .tle--serif {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  color: white;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 10px
}

#main .l-cvarea .m-btn .m-btn__heading .tle--serif span {
  font-size: 133.33%;
  line-height: 1.5
}

#main .l-cvarea .m-btn .m-btn__heading .tle--serif:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 15px 0 15px;
  border-color: #009bd8 transparent transparent transparent;
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  margin: auto
}

@media print, screen and (min-width:768px) {
  .cv_area {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 80px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.cv_area+.cv_area {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .cv_area+.cv_area {
    margin-top: 20px
  }
}

.cv_area+#aside {
  margin-top: 80px
}

@media screen and (max-width:767px) {
  .cv_area+#aside {
    margin-top: 40px
  }
}

.cv_area .m-btn__heading+.l-cvarea {
  margin-top: 15px
}

@media screen and (max-width:767px) {
  .cv_area .m-btn__heading+.l-cvarea {
    margin-top: 10px
  }
}

.cv_area .tle--lv1 {
  font-weight: 700;
  text-align: left;
  margin-top: 0!important
}

.cv_area .l-cvarea {
  padding: 0!important;
  border-top: none!important
}

@media screen and (max-width:767px) {
  .cv_area {
    padding: 0 6px
  }
  .cv_area .l-cvarea {
    padding: 0
  }
  .cv_area .l-cvarea a:after {
    content: "";
    right: 10px!important;
    width: 8px!important;
    height: 8px!important;
    border-width: 1px
  }
  .cv_area .l-cvarea a[target=_blank]:after {
    content: "";
    width: 12px;
    height: 12px;
    right: 7px;
    background-size: 12px
  }
}

.cv_area+#aside.c-localnav .localnav--inner {
  margin-top: 55px
}

#main .cv_area {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

#main .cv_area .tle--lv1 {
  font-size: 144.44%
}

@media screen and (max-width:767px) {
  #main .cv_area .tle--lv1 {
    font-size: 62.5%
  }
}

.pattern-a #main .l-cvarea .m-btn a, .pattern-b #main .l-cvarea .m-btn a, .pattern-c #main .l-cvarea .m-btn a {
  font-size: 200%
}

@media print, screen and (min-width:768px) {
  .pattern-a #main .l-cvarea .m-btn a, .pattern-b #main .l-cvarea .m-btn a, .pattern-c #main .l-cvarea .m-btn a {
    padding: 0 50px 0 40px
  }
}

@media screen and (max-width:767px) {
  .pattern-a #main .l-cvarea .m-btn a, .pattern-b #main .l-cvarea .m-btn a, .pattern-c #main .l-cvarea .m-btn a {
    font-size: 100%
  }
  .pattern-a #main .l-cvarea .m-btn a span, .pattern-b #main .l-cvarea .m-btn a span, .pattern-c #main .l-cvarea .m-btn a span {
    font-size: 100%
  }
}

.pattern-c #main .cv_area {
  width: 100%;
  padding: 0!important
}

.link_list {
  margin-top: 15px
}

.link_list+* {
  margin-top: 40px
}

.link_list li+li {
  margin-top: 15px;
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  .link_list li+li {
    font-size: 100%
  }
}

.link_text_list+* {
  margin-top: 40px
}

.link_text_list+.btn_area {
  margin-top: 40px!important
}

.link_text_list li {
  padding-bottom: 6px;
  border-bottom: 2px solid #0072bc
}

.link_text_list li a {
  line-height: 1.5
}

.link_text_list li a.link_icn.arrow {
  background: url(../img/cmn/ic_arrow_blue_right.svg) no-repeat left center;
  background-size: 12px 12px;
  padding-left: 24px!important
}

.link_text_list li a.link_icn.arrow:before {
  display: none!important
}

.link_text_list li+li {
  margin-top: 30px
}

@media print, screen and (min-width:768px) {
  .link_text_list.col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .link_text_list.col2 li {
    width: 480px
  }
  .link_text_list.col2 li:nth-child(2) {
    margin-top: 0!important
  }
  .link_text_list.col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
  }
  .link_text_list.col3 li {
    width: calc((100% - 81px) / 3);
    margin-left: 40px
  }
  .link_text_list.col3 li:first-child, .link_text_list.col3 li:nth-child(3n+1) {
    margin-left: 0
  }
  .link_text_list.col3 li:nth-child(2), .link_text_list.col3 li:nth-child(3) {
    margin-top: 0!important
  }
  .link_text_list.col4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
  }
  .link_text_list.col4 li {
    width: calc((100% - 120px) / 4);
    margin-left: 40px
  }
  .link_text_list.col4 li:first-child, .link_text_list.col4 li:nth-child(4n+1) {
    margin-left: 0
  }
  .link_text_list.col4 li:nth-child(2), .link_text_list.col4 li:nth-child(3), .link_text_list.col4 li:nth-child(4) {
    margin-top: 0!important
  }
}

@media screen and (max-width:767px) {
  .link_text_list.col3, .link_text_list.col4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .link_text_list.col3 li, .link_text_list.col4 li {
    width: calc((100% - 20px) / 2)
  }
  .link_text_list.col3 li:nth-child(2), .link_text_list.col4 li:nth-child(2) {
    margin-top: 0!important
  }
}

.point_list {
  margin-top: 20px;
  margin-left: 40px
}

@media print, screen and (min-width:768px) {
  .point_list {
    margin-top: 30px
  }
}

.point_list li {
  list-style-type: decimal;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .point_list li {
    line-height: 1.8
  }
}

.point_list li::marker {
  font-size: 122.22%;
  font-weight: 700
}

@media print, screen and (min-width:768px) {
  .point_list li::marker {
    font-size: 155.56%
  }
}

.point_list li span {
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .point_list li span {
    font-size: 111.11%
  }
}

.point_list li+li {
  margin-top: 10px
}

.note_list {
  margin-left: 24px
}

.note_list li {
  list-style-type: decimal;
  font-size: 88.89%;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .note_list li {
    font-size: 100%;
    line-height: 1.8
  }
}

.note_list li+li {
  margin-top: 5px
}

.num_list {
  padding: 40px 0;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0
}

.num_list li {
  counter-increment: numlist;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.num_list li+li {
  margin-top: 16px
}

@media print, screen and (min-width:768px) {
  .num_list li+li {
    margin-top: 15px
  }
}

.num_list li span {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  padding-top: 4px;
  line-height: 1.5;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .num_list li span {
    font-size: 111.11%
  }
}

@media screen and (max-width:767px) {
  .num_list li span {
    padding-top: 0
  }
}

.num_list li:before {
  content: counter(numlist);
  margin-right: 10px;
  background: #0072bc;
  text-align: center;
  color: #fff;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-size: 100%
}

@media print, screen and (min-width:768px) {
  .num_list li:before {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 111.11%
  }
}

.num_list.noBorder {
  border: none;
  padding: 0
}

.rn2020 #main ol.annotation>li, .rn2020 #main ol.type--annotation>li {
  font-size: 88.89%;
  line-height: 1.5;
  display: table-row;
  counter-increment: table-ol
}

@media screen and (max-width:767px) {
  .rn2020 #main ol.annotation>li, .rn2020 #main ol.type--annotation>li {
    font-size: 107%;
    margin-right: 5px;
    margin-left: 5px
  }
}

.rn2020 #main ol.annotation>li:after, .rn2020 #main ol.type--annotation>li:after {
  content: "";
  display: block
}

.rn2020 #main ol.annotation>li:before, .rn2020 #main ol.type--annotation>li:before {
  content: "※" counter(table-ol);
  display: table-cell;
  padding-right: 4px;
  text-align: right;
  white-space: nowrap
}

.rn2020 #main ol.round {
  list-style: none;
  padding-left: 0;
  display: table
}

.rn2020 #main ol.round>li {
  font-size: 88.89%;
  line-height: 1.5;
  display: table-row;
  counter-increment: ol_round;
  margin-bottom: 1em
}

.rn2020 #main ol.round>li:before {
  content: "（" counter(ol_round) "）";
  display: table-cell;
  padding-right: 1em;
  text-align: left;
  white-space: nowrap
}

.rn2020 #main ol.round>li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em
}

.rn2020 #main ol.round>li:last-child:after {
  content: none
}

.rn2020 #main ul.annotation>li, .rn2020 #main ul.type--annotation>li {
  padding-left: 2em;
  font-size: 77.78%;
  line-height: 1.5
}

.rn2020 #main ul.annotation>li:after, .rn2020 #main ul.type--annotation>li:after {
  padding-right: 4px
}

.rn2020 #main .annotation .annotation li {
  padding-left: 0.5em;
  font-size: 77%
}

.c-list>li {
  line-height: 1.5
}

.c-list>li+li {
  margin-top: 8px
}

.list_disc>li {
  position: relative;
  margin-left: 10px;
  padding-left: 1em;
  font-size: 88.89%;
  line-height: 1.5
}

@media print, screen and (min-width:768px) {
  .list_disc>li {
    font-size: 100%
  }
}

.list_disc>li:before {
  content: "・";
  position: absolute;
  left: 0
}

.list_disc>li+li {
  margin-top: 8px
}

.list_disc>li>.c-list {
  margin-top: 5px
}

.note-list {
  font-size: 77.78%
}

.note-list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em
}

.note-list li strong {
  color: #e15656
}

.note-list li+li {
  margin-top: 15px
}

.c-note_list>li {
  position: relative;
  padding-left: 1em;
  font-size: 77.78%;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .c-note_list>li {
    font-size: 83.33%
  }
}

.c-note_list>li:before {
  content: "※";
  display: inline-block;
  margin-right: 4px;
  margin-left: -1em
}

@media screen and (max-width:767px) {
  .c-note_list>li {
    margin-right: 5px;
    margin-left: 5px
  }
}

.c-note_list>li+li {
  margin-top: 8px
}

.c-note_list_num>li {
  position: relative;
  text-indent: -1.8em;
  padding-left: 1.8em;
  font-size: 77.78%;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .c-note_list_num>li {
    font-size: 83.33%
  }
}

.c-note_list_num>li+li {
  margin-top: 8px
}

.c-note_list_num>li .c-note_list_disc>li {
  font-size: 100%;
  text-indent: 0
}

.c-note_list_num>li.flexBox .c-note_head {
  display: inline-block;
  width: 0;
  padding-top: 2px
}

.c-note_list_disc>li {
  position: relative;
  padding-left: 1em;
  font-size: 77.78%;
  line-height: 1.5
}


@media screen and (max-width:767px) {
  .c-note_list_disc>li {
    font-size: 83.33%
  }
}

.c-note_list_disc>li:before {
  content: "・";
  position: absolute;
  left: 0
}

.c-note_list_disc>li+li {
  margin-top: 8px
}

.c-note_list_asterisk>li {
  position: relative;
  padding-left: 1em;
  font-size: 77.78%;
  line-height: 1.5
}

@media screen and (max-width:767px) {
  .c-note_list_asterisk>li {
    font-size: 72.22%
  }
}

.c-note_list_asterisk>li:before {
  content: "＊";
  display: inline-block;
  margin-right: 4px;
  margin-left: -1em
}

@media screen and (max-width:767px) {
  .c-note_list_asterisk>li {
    margin-right: 5px;
    margin-left: 5px
  }
}

.c-note_list_asterisk>li+li {
  margin-top: 8px
}

.c-note_list .link_icn.arrow:after, .c-note_list_asterisk .link_icn.arrow:after, .c-note_list_disc .link_icn.arrow:after, .c-note_list_num .link_icn.arrow:after {
  bottom: -4px!important
}

.c-note_list+.txt-link, .c-note_list_asterisk+.txt-link, .c-note_list_disc+.txt-link, .c-note_list_num+.txt-link {
  margin-top: 8px!important
}

.annotation, .c-note, .c-note_list, .c-note_list_asterisk, .c-note_list_disc, .c-note_list_num, .list_disc {}

.annotation+.c-note, .annotation+.c-note_list, .annotation+.c-note_list_asterisk, .annotation+.c-note_list_disc, .annotation+.c-note_list_num, .c-note+.c-note, .c-note+.c-note_list, .c-note+.c-note_list_asterisk, .c-note+.c-note_list_disc, .c-note+.c-note_list_num, .c-note_list+.c-note, .c-note_list+.c-note_list, .c-note_list+.c-note_list_asterisk, .c-note_list+.c-note_list_disc, .c-note_list+.c-note_list_num, .c-note_list_asterisk+.c-note, .c-note_list_asterisk+.c-note_list, .c-note_list_asterisk+.c-note_list_asterisk, .c-note_list_asterisk+.c-note_list_disc, .c-note_list_asterisk+.c-note_list_num, .c-note_list_disc+.c-note, .c-note_list_disc+.c-note_list, .c-note_list_disc+.c-note_list_asterisk, .c-note_list_disc+.c-note_list_disc, .c-note_list_disc+.c-note_list_num, .c-note_list_num+.c-note, .c-note_list_num+.c-note_list, .c-note_list_num+.c-note_list_asterisk, .c-note_list_num+.c-note_list_disc, .c-note_list_num+.c-note_list_num, .list_disc+.c-note, .list_disc+.c-note_list, .list_disc+.c-note_list_asterisk, .list_disc+.c-note_list_disc, .list_disc+.c-note_list_num {
  margin-top: 8px!important
}

.annotation .c-list>li, .annotation .c-note, .annotation li>li, .c-note .c-list>li, .c-note .c-note, .c-note li>li, .c-note_list .c-list>li, .c-note_list .c-note, .c-note_list li>li, .c-note_list_asterisk .c-list>li, .c-note_list_asterisk .c-note, .c-note_list_asterisk li>li, .c-note_list_disc .c-list>li, .c-note_list_disc .c-note, .c-note_list_disc li>li, .c-note_list_num .c-list>li, .c-note_list_num .c-note, .c-note_list_num li>li, .list_disc .c-list>li, .list_disc .c-note, .list_disc li>li {
  font-size: 100%!important
}

.annotation .link_icn, .c-note .link_icn, .c-note_list .link_icn, .c-note_list_asterisk .link_icn, .c-note_list_disc .link_icn, .c-note_list_num .link_icn, .list_disc .link_icn {
  font-size: 116.6666%!important
}

.annotation .c-list, .c-note .c-list, .c-note_list .c-list, .c-note_list_asterisk .c-list, .c-note_list_disc .c-list, .c-note_list_num .c-list, .list_disc .c-list {
  margin-top: 8px
}

.annotation .list_disc, .c-note .list_disc, .c-note_list .list_disc, .c-note_list_asterisk .list_disc, .c-note_list_disc .list_disc, .c-note_list_num .list_disc, .list_disc .list_disc {
  margin-bottom: 24px
}

.annotation li>.list_disc, .c-note li>.list_disc, .c-note_list li>.list_disc, .c-note_list_asterisk li>.list_disc, .c-note_list_disc li>.list_disc, .c-note_list_num li>.list_disc, .list_disc li>.list_disc {
  margin-top: 10px
}

.annotation+.img_area, .c-note+.img_area, .c-note_list+.img_area, .c-note_list_asterisk+.img_area, .c-note_list_disc+.img_area, .c-note_list_num+.img_area, .list_disc+.img_area {
  margin-top: 40px!important
}

.list_disc .c-list>li, .list_disc .link_icn {
  font-size: 100%!important
}

.list_disc li {
  margin-left: 0
}

@media screen and (max-width:767px) {
  .c-list>.link_icn {
    font-size: 88.888%
  }
}

.attention_area+.c-note, .attention_area+.c-note_list, .attention_area+.c-note_list_disc, .attention_area+.c-note_list_num {
  margin-top: 24px!important
}

#main .annotation+.btn_area, #main .annotation+.point_area, #main .annotation+.title._lv3, #main .c-note_list+.btn_area, #main .c-note_list+.point_area, #main .c-note_list+.title._lv3, #main .c-note_list_num+.btn_area, #main .c-note_list_num+.point_area, #main .c-note_list_num+.title._lv3, #main .type--annotation+.btn_area, #main .type--annotation+.point_area, #main .type--annotation+.title._lv3 {
  margin-top: 40px!important
}

.modal-wrap .c-table+.c-note_list_asterisk, .modal-wrap .img_area+.c-note_list_asterisk {
  margin-top: 16px
}

.modal-wrap .c-note_list_asterisk+.type--annotation {
  margin-top: 10px!important
}

.label_list {
  margin-top: 8px
}

.label_list li {
  display: inline-block
}

.label_list li+li {
  margin-left: 6px
}

.blue-icon_list, .white-icon_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.blue-icon_list li, .white-icon_list li {
  text-align: center;
  width: 16.6666666667%
}

.blue-icon_list li:nth-child(n+7), .white-icon_list li:nth-child(n+7) {
  margin-top: 2em
}

@media screen and (max-width:767px) {
  .blue-icon_list li, .white-icon_list li {
    width: 33%;
    font-size: 14px;
    letter-spacing: -0.08em
  }
  .blue-icon_list li:nth-child(n+3), .white-icon_list li:nth-child(n+3) {
    margin-top: 0
  }
  .blue-icon_list li:nth-child(n+4), .white-icon_list li:nth-child(n+4) {
    margin-top: 2em
  }
}

.blue-icon_list li .icon_btn_img, .white-icon_list li .icon_btn_img {
  margin-left: auto;
  margin-bottom: 0.25em;
  margin-right: auto
}

.blue-icon_list li .link_icn.arrow, .white-icon_list li .link_icn.arrow {
  padding-right: 0!important
}

@media screen and (max-width:767px) {
  .blue-icon_list li .link_icn.arrow, .white-icon_list li .link_icn.arrow {
    padding-right: 0;
    margin: 10px auto 0!important
  }
}

@media screen and (max-width:767px) {
  .blue-icon_list._sp_col2 li, .white-icon_list._sp_col2 li {
    width: 50%
  }
  .blue-icon_list._sp_col2 li:nth-child(n+3), .white-icon_list._sp_col2 li:nth-child(n+3) {
    margin-top: 2em
  }
}

.blue-icon_list+.more_area, .white-icon_list+.more_area {
  width: 380px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .blue-icon_list+.more_area, .white-icon_list+.more_area {
    width: 100%
  }
}

.white-icon_list .icon_btn_img {
  background: #FFF!important;
  border: 2px solid #0072BC;
  margin: 0 auto
}

.c-table {
  width: 100%
}

.c-table+* {
  margin-top: 40px
}

.c-table+.c-table {
  margin-top: 30px
}

.c-table+.c-list, .c-table+.c-note_list, .c-table+.c-note_list_disc, .c-table+.c-note_list_num {
  margin-top: 16px
}

@media screen and (max-width:767px) {
  .c-table+.c-list, .c-table+.c-note_list, .c-table+.c-note_list_disc, .c-table+.c-note_list_num {
    margin-top: 12px
  }
}

.c-table thead td, .c-table thead th {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 18px 8px
}

.c-table thead td, .c-table thead tr:first-child th {
  border-top: none
}

.c-table thead th {
  background: #787878;
  color: #fff;
  line-height: 1.5;
  font-weight: 700
}

.c-table thead th.c-table_title {
  font-weight: 700;
  font-size: 88.89%
}

.c-table thead th.c-table_sub_title {
  font-size: 66.67%
}

.c-table thead th:first-child {
  border-left: 1px solid #707070
}

.c-table thead th:last-child {
  border-right: 1px solid #707070
}

.c-table thead th._border_top {
  border-top: 1px solid #707070
}

.c-table tbody {
  border-top: 1px solid #707070
}

.c-table tbody td, .c-table tbody th {
  padding: 19px 24px;
  font-size: 100%;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  border: 1px solid #707070
}

@media screen and (max-width:767px) {
  .c-table tbody td, .c-table tbody th {
    padding: 15px 10px;
    font-size: 88.89%
  }
}

.c-table tbody th {
  background: #e6e8ed
}

.c-table tbody td {
  background: #fff
}

.c-table_fs14 tbody td, .c-table_fs14 tbody th, .c-table_fs14 thead td, .c-table_fs14 thead th {
  font-size: 77.78%
}

.c-table.col-data tbody td, .c-table.col-data tbody th {
  padding: 18px 8px
}

.c-table.fixed_table thead td, .c-table.fixed_table thead th {
  position: relative
}

.c-table.fixed_table tbody .link_icn.arrow {
  position: unset!important;
  z-index: 0
}

.c-table.fixed_table tbody .link_icn.arrow:after {
  position: unset!important;
  z-index: 0;
  margin-left: 4px;
  margin-bottom: -3px
}

.c-table.fixed_table tr {
  width: 100%
}

.c-table.smart_table tbody td, .c-table.smart_table tbody th {
  padding: 18px 8px
}

.c-table #index_1 th, .c-table #index_10 th, .c-table #index_2 th, .c-table #index_3 th, .c-table #index_4 th, .c-table #index_5 th, .c-table #index_6 th, .c-table #index_7 th, .c-table #index_8 th, .c-table #index_9 th {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #EFEFEF
}

.col-data tbody th strong {
  font-size: 88.88888%;
  margin-top: 4px
}

.col-data tbody th .c-label {
  font-size: 88.8888%
}

.col-data tbody td {
  text-align: center;
  vertical-align: middle
}

.scrollTableOuter {
  width: 1000px;
  overflow-x: scroll
}

.scrollTableOuter+* {
  margin-top: 40px
}

.scrollTableOuter.swipeObj {
  position: relative
}

.scrollTableOuter.swipeObj:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0px
}

.scrollTableOuter.swipeObj:before {
  content: "";
  width: 68px;
  height: 69px;
  display: block;
  position: absolute;
  background: url(../img/cmn/ic_swipe.svg) no-repeat 0 0;
  top: 70px;
  left: calc(50% - 34px);
  -webkit-transform: translate(-25%);
  transform: translate(-25%);
  z-index: 3;
  -webkit-animation: expansion linear 2s infinite;
  animation: expansion linear 2s infinite
}

.scrollTableOuter.swipeObj .swipeObjText {
  display: block;
  position: absolute;
  top: 180px;
  left: 0;
  z-index: 3;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 100%
}

@-webkit-keyframes expansion {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  25% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px)
  }
  50% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  75% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px)
  }
  to {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
}

@keyframes expansion {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  25% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px)
  }
  50% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  75% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px)
  }
  to {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
}

.scrollTableOuter .swipeObjText {
  display: none
}

table {
  width: 980px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

table th {
  padding: 15px;
  background-color: #ddd
}

table td {
  padding: 15px;
  border: 1px #ddd solid
}

@media screen and (min-width:769px) {
  .scrollTableOuter.spOnly {
    overflow-x: auto;
    width: auto
  }
  .scrollTableOuter.spOnly:after, .scrollTableOuter.spOnly:before {
    display: none
  }
  .scrollTableOuter.spOnly .swipeObjText {
    display: none
  }
}

@media screen and (max-width:768px) {
  .scrollTableOuter {
    width: 100%
  }
}

.tableFixArea+* {
  margin-top: 40px
}

.tableFixArea+.scrollTableOuter {
  margin-top: 24px
}

.sakuinArea+* {
  margin-top: 40px
}

.sakuinArea+.scrollTableOuter {
  margin-top: 24px
}

input[type=checkbox], input[type=radio] {
  border: none
}

input[type=checkbox]:focus, input[type=radio]:focus {
  border: none;
  outline: none
}

select::-ms-expand {
  display: none
}

label {
  font-size: 88.89%
}

@media print, screen and (min-width:768px) {
  label {
    font-size: 105%
  }
}

:focus {
  outline: none
}

input[type=checkbox], input[type=radio] {
  display: none
}

input[type=checkbox]+label span, input[type=radio]+label span {
  display: inline-block;
  margin-right: 8px;
  width: 26px;
  height: 26px;
  background-size: 26px 26px;
  position: relative;
  top: 4px
}

@media screen and (max-width:767px) {
  input[type=checkbox]+label span, input[type=radio]+label span {
    width: 20px;
    height: 20px
  }
}

@media print, screen and (min-width:768px) {
  input[type=checkbox]+label span, input[type=radio]+label span {
    -webkit-transition: background 0.25s linear;
    transition: background 0.25s linear
  }
}

input[type=radio]+label span {
  background: url(../img/cmn/ic_radio.svg) no-repeat center center;
  background-size: cover!important
}

input[type=radio]:checked+label span {
  background: url(../img/cmn/ic_radio_checked.svg) no-repeat center center;
  background-size: cover
}

input[type=checkbox]+label span {
  background: url(../img/cmn/ic_checkbox.svg) no-repeat center center;
  background-size: cover;
  top: 7px
}

@media screen and (max-width:767px) {
  input[type=checkbox]+label span {
    top: 4px
  }
}

input[type=checkbox]:checked+label span {
  background: url(../img/cmn/ic_checkbox_checked.svg) no-repeat center center;
  background-size: cover
}

.c-checkbox, .c-radiobox {}

.c-checkbox+*, .c-radiobox+* {
  margin-top: 40px
}

.c-checkbox+.c-checkbox, .c-checkbox+.c-radiobox, .c-radiobox+.c-checkbox, .c-radiobox+.c-radiobox {
  margin-top: 20px
}

@media print, screen and (min-width:768px) {
  .c-checkbox+.c-checkbox, .c-checkbox+.c-radiobox, .c-radiobox+.c-checkbox, .c-radiobox+.c-radiobox {
    margin-top: 24px
  }
}

@media print, screen and (min-width:768px) {
  .c-grid.col4 .c-checkbox:nth-child(2), .c-grid.col4 .c-checkbox:nth-child(3), .c-grid.col4 .c-checkbox:nth-child(4), .c-grid.col4 .c-radiobox:nth-child(2), .c-grid.col4 .c-radiobox:nth-child(3), .c-grid.col4 .c-radiobox:nth-child(4) {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .c-grid._sp_col2 .c-checkbox:nth-child(2), .c-grid._sp_col2 .c-radiobox:nth-child(2) {
    margin-top: 0
  }
}

.panel_checkbox, .panel_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 480px;
  border-radius: 8px;
  background: #fff;
  font-size: 133.33%;
  cursor: pointer;
  border: 3px solid #D0D0D0;
  -webkit-box-shadow: 0px 5px 0px #D0D0D0;
  box-shadow: 0px 5px 0px #D0D0D0
}

.panel_checkbox+*, .panel_radio+* {
  margin-top: 40px
}

.panel_checkbox label, .panel_radio label {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 30px 0
}

.panel_checkbox label span, .panel_radio label span {
  display: block!important;
  margin: 0 auto 16px!important
}

@media screen and (max-width:767px) {
  .panel_checkbox, .panel_radio {
    width: 100%;
    min-width: 350px;
    min-height: 120px;
    font-size: 111.11%
  }
}

.panel_checkbox._active, .panel_checkbox.checked, .panel_checkbox:active, .panel_radio._active, .panel_radio.checked, .panel_radio:active {
  border: 6px solid #0072bc;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.panel_checkbox._active:after, .panel_checkbox.checked:after, .panel_checkbox:active:after, .panel_radio._active:after, .panel_radio.checked:after, .panel_radio:active:after {
  height: 0px
}

.panel_checkbox._active, .panel_checkbox.checked, .panel_radio._active, .panel_radio.checked {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.panel_radio input {
  background: url(../img/cmn/ic_radio.svg) no-repeat center center
}

.panel_radio.checked .ic_radio {
  background: url(../img/cmn/ic_radio_checked.svg) no-repeat center center
}

.panel_checkbox input {
  background: url(../img/cmn/ic_checkbox.svg) no-repeat center center
}

.panel_checkbox.checked .ic_checkbox {
  background: url(../img/cmn/ic_checkbox_checked.svg) no-repeat center center
}

.search+* {
  margin-top: 40px
}

.search_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.search_area label {
  width: 100%;
  padding-bottom: 12px;
  font-size: 111.11%
}

@media screen and (max-width:767px) {
  .search_area label {
    font-size: 100%
  }
}

.search_area .c-input {
  background: #fff url(../img/cmn/ic_keyword_search.svg) no-repeat 20px 50%;
  padding-left: 60px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 88.89%
}

.search_area .btn {
  width: 100px!important;
  height: 50px;
  border: none;
  margin-left: 8px;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.zip_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.zip_area+* {
  margin-top: 40px
}

.zip_area .hyphen, .zip_area .zip01, .zip_area label {
  margin-right: 8px
}

.zip_area .hyphen {
  display: inline-block;
  margin-top: 18px
}

.zip_area .hyphen img {
  width: 8px;
  height: auto
}

.zip_area .zip01 {
  width: 100px
}

.zip_area .zip02 {
  width: 120px
}

.zip_area .c-input {
  text-align: center
}

._bg_blue.zip_area .hyphen {
  color: #fff
}

.c-input {
  border-radius: 24px;
  background: #fff;
  border: 2px solid #0072bc;
  outline: 0;
  height: 48px;
  padding: 0 25px;
  font-size: 100%
}

@media screen and (max-width:767px) {
  .c-input {
    font-size: 88.89%;
    width: 100%
  }
}

.c-input:active {
  outline: none
}

.c-input._full {
  width: 100%
}

._bg_blue .c-input {
  border: none;
  background: #F2FAFF
}

.select_area {
  outline: none;
  font-size: 100%
}

.select_area+* {
  margin-top: 40px
}

.select_area+.scrollTableOuter {
  margin-top: 24px
}

.select_area label {
  font-weight: 700;
  margin-right: 14px
}

@media screen and (max-width:767px) {
  .select_area {
    font-size: 88.89%
  }
}

@media print, screen and (min-width:768px) {
  .select_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.select_area .c-select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media screen and (max-width:767px) {
  .select_area .c-note {
    margin-top: 8px;
    text-align: right
  }
}

._bg_blue label {
  color: #fff
}

._bg_blue .c-select {
  border: none;
  background: #F2FAFF;
  color: #000
}

#sakuin.c-select {
  height: 40px
}

.c-select {
  width: 204px;
  height: 50px;
  border-radius: 8px;
  border: 2px solid #0072bc;
  color: #0072bc;
  font-weight: 700;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff url(../img/cmn/ic_select.svg) no-repeat right center
}

@media screen and (max-width:767px) {
  .c-select {
    width: 100%
  }
}

.c-select option {
  border-radius: 8px;
  outline: 0
}

.c-select:active {
  outline: 0
}

.c-select._full {
  width: 100%
}

._bg_blue .c-select {
  background: #F2FAFF url(../img/cmn/ic_select_white.svg) no-repeat right center
}

.dummyRadioBox .qsBox {
  border: 1px #ddd solid;
  padding: 30px;
  margin-top: 60px
}

.dummyRadioBox .qsBox:first-child {
  margin-top: 0px
}

.dummyRadioBox .qsBox>p {
  text-align: center;
  margin-bottom: 30px
}

.dummyRadioBox .qsBox>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto
}

.dummyRadioBox .qsBox>ul li {
  width: 48%
}

.dummyRadioBox .qsBox>ul li label {
  display: block;
  padding: 35px;
  border: 1px #ddd solid;
  width: 100%;
  text-align: center;
  position: relative
}

.dummyRadioBox .qsBox>ul li label:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: calc(50% - 7px);
  width: 15px;
  height: 15px;
  border: 1px solid #1378bd;
  border-radius: 50%
}

.dummyRadioBox .qsBox>ul li input[type=radio]:checked+label {
  color: #1378bd
}

.dummyRadioBox .qsBox>ul li input[type=radio]:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: calc(50% - 4px);
  width: 11px;
  height: 11px;
  background: #1378bd;
  border-radius: 50%
}

input[type=text].c-error {
  border: 2px solid #e15656
}

.c-txt.c-error {
  display: none
}

.c-txt.c-error.active {
  display: block
}

._vanish {
  display: none
}

._center {
  text-align: center
}

._nowrap {
  white-space: nowrap
}

._ie {
  display: none
}

._not_ie {
  display: block
}

.alignLeft, .ta_l {
  text-align: left!important
}

.alignRight, .ta_r {
  text-align: right!important
}

.alignCenter, .ta_c {
  text-align: center!important
}

.vaTop {
  vertical-align: top!important
}

.vaMiddle {
  vertical-align: middle!important
}

.vaBottom {
  vertical-align: bottom!important
}

.floatNone {
  float: none!important
}

.floatLeft {
  float: left!important
}

.floatNone {
  float: none!important
}

.clearLeft {
  clear: left!important
}

.clearRight {
  clear: right!important
}

.clearBoth {
  clear: both!important
}

.case {
  overflow: hidden;
  zoom: 1
}

.hide {
  display: none!important
}

.show {
  display: block!important
}

.dB, .d_b, .db {
  display: block
}

.dI, .d_i, .di {
  display: inline
}

.dIb, .d_ib, .diB, .dib {
  display: inline-block
}

@media screen and (max-width:767px) {
  ._sp_alignLeft, ._sp_ta_l {
    text-align: left!important
  }
  ._sp_alignRight, ._sp_ta_r {
    text-align: right!important
  }
  ._sp_alignCenter, ._sp_ta_c {
    text-align: center!important
  }
  ._sp_vaTop {
    vertical-align: top!important
  }
  ._sp_vaMiddle {
    vertical-align: middle!important
  }
  ._sp_vaBottom {
    vertical-align: bottom!important
  }
}

.ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.ai-b {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.ai-s {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.txt--small {
  font-size: 0.7em!important
}

.txt--x-small {
  font-size: 0.5em!important
}

.txt--large {
  font-size: 1.6em!important
}

.txt--x-large {
  font-size: 1.8em!important
}

.txt--xx-large {
  font-size: 2.2em!important
}

.fs100 {
  font-size: 100%
}

.nowrap {
  white-space: nowrap
}

.c_red {
  color: #e15656
}

.td_N, .td_n, .tdn {
  text-decoration: none
}

.c_fff, .c_w, .c_white {
  color: white
}

.c_bk {
  color: #000
}

.c_blue {
  color: #0072bc
}

._normal, .fw_400, .fw_normal {
  font-weight: 400!important
}

._bold, .fw_700, .fw_bold {
  font-weight: 700!important
}

@media print, screen and (min-width:768px) {
  ._sp {
    display: none!important
  }
}

@media screen and (max-width:767px) {
  ._pc {
    display: none!important
  }
}

/* 都道府県リスト  */
dl.prefectures_list{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

dl.prefectures_list dd{
  width: 45px;
  margin-bottom: 5px;
}

dl.prefectures_list dt{
  width: calc(100% - 45px);
  margin-bottom: 5px;
}

/* ラジオボタン内にスタイルを適用させるための臨時のスタイル（KAIZEN提供待ち） 
.c-input-radio-box.tentative_hr .c-input-radio-box__title label{
  padding-top: 20px;
}

.c-input-radio-box.tentative_hr .c-input-radio-box__title span.c-heading-custom{
  top: 15px;
}
*/
.c-input-radio-box.tentative_hr .c-input-radio-box__title hr{
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
  margin-top: 10px;
  margin-bottom: 0;
}

/* 提供エリア外の場合のグレーアウト 
.c-input-radio-open.disabled{
  background-color: #EEEEEE;
}

.c-input-radio-box.disabled{
  background-color: #EEEEEE;
}

.c-input-radio-box.disabled .c-input-radio-box__title label{
  padding-left: 20px;
}

.c-input-radio-box.disabled .c-input-radio-box__title label:before{
  border: none;
}*/

/* h2の中に入れると縦位置ズレるため調整 */
h2.c-heading-2 button.c-heading-question{
  position: relative;
  top: 5px;
}

/* アンダーライン */
.text-underline {
  text-decoration: underline;
}