@charset "UTF-8";
/*====================================

Responsive 設定

====================================*/
/*====================================

ベース定義

====================================*/
/* html.no-touchevents a:hover {
  text-decoration: underline;
} */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul, ol {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic Std", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #000000;
  box-sizing: border-box;
}
@media only screen and (max-width:767px) {
  body {
    overflow-x: hidden;
  }
}

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

ul, ol {
  list-style: none;
}

a {
  color: #08c;
  text-decoration: none;
  outline: none;
}
.m-btn--regist--img:hover {
  opacity: .7;
}
a.m-arrow-link.m-arrow-link--red {
  color: #e60021;
}
button {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  outline: none;
}

span.nowrap {
  white-space: nowrap;
}
.c-mt00{
  margin-top: 0!important;
}
.c-mb00{
  margin-bottom: 0!important;
}
.g-text-large {
  font-size: 1.14285714em;
}
.g-text-big {
  font-size: 1.28571429em;
}
.g-clearfix:before, .g-clearfix:after {
  content: " ";
  display: table;
}

.g-clearfix:after {
  clear: both;
}

.g-tcenter {
  text-align: center !important;
}

.g-tleft {
  text-align: left !important;
}

.g-tright {
  text-align: right !important;
}
.g-tbold {
  font-weight: 700;
}
.g-red {
  color: #e60012 !important;
}

/*====================================

Utilities

====================================*/
@media only screen and (max-width: 767px) {
  .g-el-mb {
    /* margin-bottom: 3.4vw; */
    color: #2C2C2C;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
  }
  .g-el-mt {
    margin-top: 3.4vw;
  }
  .g-el-mb.g-el-mt {
    margin-top: 12vw;
  }
  .g-el-a {
    color: #004FA2;
    font-size: 3.7333vw;
    font-weight: 700;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .g-el-mb {
    /* margin-bottom: 20px; */
    color: #2C2C2C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }
  .g-el-mt {
    margin-top: 20px;
  }
  .g-el-mb.g-el-mt {
    margin-top: 80px;
  }
  .g-el-a {
    color: #004FA2;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .houkoku-cp__notice {
    margin: 5vw auto 0.6vw;
    text-align: center;;
    font-size: 3.8vw;
    font-weight: 700;
    color: #e60021;
  }

  .co_houkokubnr_area {
      margin: 1vw auto auto;
  }
  .bnr_fig--sp {
    padding: 0 10.86vw;
  }
  .cobnr_area {
    margin-top: 7.2vw;
  }
}
@media only screen and (max-width: 767px) {
  .houkoku-cp__notice-ttlwrap{
    position: relative;
    margin-bottom: 2vw;
  }
 /* .houkoku-cp__notice-ttlwrap::before {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fedd04;
    z-index: 2;
  }
.houkoku-cp__notice-ttlwrap::after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #ed6c81;
    z-index: 1;
}*/
}
@media only screen and (min-width: 768px), print, tv {
  .houkoku-cp__notice-ttlwrap{
    position: relative;
    margin-bottom: 10px;
  }
  .cobnr_area {
    margin-top: 56px;
  }
  /*.houkoku-cp__notice-ttlwrap::before {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fedd04;
    z-index: 2;
  }
.houkoku-cp__notice-ttlwrap::after {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #ed6c81;
    z-index: 1;
}*/
}

@media only screen and (min-width: 768px), print, tv {
  .houkoku-cp__notice {
    max-width: 960px;
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #e60021;
  }
  .co_houkokubnr_area {
    margin: 10px auto 40px;
  }
}
.g-mb-0 {
  margin-bottom: 0 !important;
}

.g-pb-0 {
  padding-bottom: 0 !important;
}
@media print, screen and (min-width:769px) {
  .g-mt-00-pc {
    margin-top: 0!important
  }
  .g-mt-05-pc {
    margin-top: 5px!important
  }
  .g-mt-10-pc {
    margin-top: 10px!important
  }
  .g-mt-15-pc {
    margin-top: 15px!important
  }
  .g-mt-20-pc {
    margin-top: 20px!important
  }
  .g-mt-25-pc {
    margin-top: 25px!important
  }
  .g-mt-30-pc {
    margin-top: 30px!important
  }
  .g-mt-35-pc {
    margin-top: 35px!important
  }
  .g-mt-40-pc {
    margin-top: 40px!important
  }
  .g-mt-50-pc {
    margin-top: 50px!important
  }
  .g-mt-60-pc {
    margin-top: 60px!important
  }
  .g-mb-00-pc {
    margin-bottom: 0!important
  }
  .g-mb-05-pc {
    margin-bottom: 5px!important
  }
  .g-mb-10-pc {
    margin-bottom: 10px!important
  }
  .g-mb-15-pc {
    margin-bottom: 15px!important
  }
  .g-mb-20-pc {
    margin-bottom: 20px!important
  }
  .g-mb-25-pc {
    margin-bottom: 25px!important
  }
  .g-mb-30-pc {
    margin-bottom: 30px!important
  }
  .g-mb-35-pc {
    margin-bottom: 35px!important
  }
  .g-mb-40-pc {
    margin-bottom: 40px!important
  }
  .g-mb-50-pc {
    margin-bottom: 50px!important;
  }
  .g-mb-60-pc {
    margin-bottom: 60px!important;
  }
  .g-mb-70-pc {
    margin-bottom: 70px!important;
  }
  .g-mb-80-pc {
    margin-bottom: 80px!important;
  }
}

@media print, screen and (max-width:768px) {
  .g-mt-00-sp {
    margin-top: 0!important
  }
  .g-mt-05-sp {
    margin-top: 1.33333333vw!important
  }
  .g-mt-10-sp {
    margin-top: 2.66666666vw!important
  }
  .g-mt-15-sp {
    margin-top: 4vw!important
  }
  .g-mt-20-sp {
    margin-top: 5.33333333vw!important
  }
  .g-mt-25-sp {
    margin-top:  6.6667vw!important
  }
  .g-mt-30-sp {
    margin-top: 8vw!important
  }
  .g-mt-35-sp {
    margin-top: 9.3333vw!important
  }
  .g-mt-40-sp {
    margin-top: 10.6667vw!important
  }
  .g-mt-50-sp {
    margin-top:  13.3333vw!important
  }
  .g-mt-60-sp {
    margin-top:  16vw!important
  }
  .g-mb-00-sp {
    margin-bottom: 0!important
  }
  .g-mb-05-sp {
    margin-bottom: 1.33333333vw!important
  }
  .g-mb-10-sp {
    margin-bottom: 2.66666666vw!important
  }
  .g-mb-15-sp {
    margin-bottom: 4vw!important
  }
  .g-mb-20-sp {
    margin-bottom: 5.33333333vw!important
  }
  .g-mb-25-sp {
    margin-bottom: 6.6667vw!important
  }
  .g-mb-30-sp {
    margin-bottom: 8vw!important
  }
  .g-mb-35-sp {
    margin-bottom: 9.3333vw!important
  }
  .g-mb-40-sp {
    margin-bottom: 10.6667vw!important
  }
  .g-mb-50-pc {
    margin-bottom: 13.3333vw!important;
  }
  .g-mb-60-pc {
    margin-bottom: 16vw!important;
  }
  .g-mb-70-pc {
    margin-bottom: 18.6667vw!important;
  }
  .g-mb-80-pc {
    margin-bottom: 21.3333vw!important;
  }
}

@media only screen and (max-width: 767px) {
  .g-hidden-sp {
    display: none !important;
  }

  .g-visible-tablet {
    display: none !important;
  }

  .g-visible-pc {
    display: none !important;
  }

  .g-visible-print {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .g-hidden-tablet {
    display: none !important;
  }

  .g-visible-sp {
    display: none !important;
  }

  .g-visible-pc {
    display: none !important;
  }

  .g-visible-print {
    display: none !important;
  }
}
@media only screen and (min-width: 960px) {
  .g-hidden-pc {
    display: none !important;
  }

  .g-visible-sp {
    display: none !important;
  }

  .g-visible-tablet {
    display: none !important;
  }

  .g-visible-print {
    display: none !important;
  }
}
@media print {
  .g-hidden-print {
    display: none !important;
  }

  .g-visible-sp {
    display: none !important;
  }

  .g-visible-pc {
    display: none !important;
  }
}
.g-text-push {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  vertical-align: middle;
}

.m-kyozai-about .m-kyozai__thumb img, .m-kyozai .m-kyozai__sample img {
  width: 100%;
  height: auto;
}

.noscroll {
  overflow-y: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 959px) {

  #cboxContent {
    background-image: url(/viewer_module_rn/sp/img/bg_viewer.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }

  #colorbox, #cboxLoadedContent, #cboxLoadedContent .cboxIframe {
    background: transparent;
  }

  #cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    display: none;
  }
}
#cboxLoadedContent {
  margin-top: 0;
}
.m-unit {
  box-sizing: border-box;
  /* Mobile, Tablet, Print */
  /* Laptop, TV */
}
@media only screen and (max-width: 767px) {
  .m-unit {
    margin-bottom: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-unit {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 959px) and (max-width: 767px) {
  .m-unit {
    padding-left: 14px;
  }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
  .m-unit {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 959px) and (max-width: 767px) {
  .m-unit {
    padding-right: 14px;
  }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
  .m-unit {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 960px), tv {
  .m-unit {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}

.m-wrapper {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 959px), print {
  .m-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 960px), tv {
  html.is-modal-open .m-wrapper {
    filter: blur(20px);
  }
}

.m-header--offer {
  border-bottom: 2px solid #e5e5e5;
}

.hidden-ct2 {
  display: none !important;
}

.is-not-ct2 .hidden-ct2 {
  display: block !important;
}

.only-ct2 {
  display: none !important;
}

.is-ct2 .only-ct2 {
  display: block !important;
}

.m-cvarea {
  margin: 0 15px;
  border-radius: 10px;
  border: 3px solid rgba(0, 79, 162, 0.60);
  background: linear-gradient(180deg, #FFF 0%, #E7F1FF 100%);
  box-shadow: 0 0 20px 0 rgba(0, 156, 229, 0.20);
}
.m-cvarea:after {
  content: "";
  display: block;
  clear: both;
}
.cv-link--red {
    /* shape-rendering: geometricprecision; */
    color: #e60021;
    position: relative;
}
.cv-link--red::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 1px 4px;
    border-top: 2px solid #e60021;
    border-right: 2px solid #e60021;
    transform: rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .m-cvarea {
    padding: 30px 40px;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(180deg, #FFF 0%, #E7F1FF 100%);
  }
  #contents-cv .m-cvarea_bottom {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
  }
  #contents-cv .red {
    color: #FF2E17;
    font-weight: 700;
  }
  .cvarea-other {
    max-width: 960px;
    margin: 120px auto 40px;
    position: relative;
  }
  .cvarea-other + .cvarea-other {
    margin-top: 60px;
  }
  .cvarea-other--inner {
    border: 3px solid #333;
    position: relative;
    background: #fff;
    padding: 40px;
  }
  h2.cvarea-other--ttl {
    margin: 0 auto 40px;
    text-align: center;
  }
  .cvarea-lineup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 540px;
    margin: auto;
  }
  .cvarea-lineup--item {
    width: 32%;
  } 
  h3.cvarea-other--subttl {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: auto auto 20px;
  }
  .color-red {color: #E60021;}
  .color-blue {color: #02B9E8;}
  .cvarea-other--lead {
    margin: 20px auto;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }

  .cvother-step--wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
  }
  .cvother-step {
    display: table-cell;
    position: relative;
    vertical-align: bottom;
    width: 33.333%;
  }
  .cvother-step--main {
    padding-bottom: 20px;
  }
  .cvother-step:not(:first-child) .cvother-step--main {
    padding-left: 10px;
  }
  .cvother-step:not(:last-child) .cvother-step--main {
    padding-right: 10px;
  }
  .cvother-step--main-text {
    font-size: 16px;
    margin-top: 10px;
  }
  .cvother-step-arrow--wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
  }
  .cvother-step-arrow {
    display: table-cell;
    position: relative;
    vertical-align: bottom;
    width: 33.333%;
  }
  .cvother-step-arrow:not(:first-child)::before {
    content: "";
    border-style: solid;
    border-width: 27px 25px 0 25px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    bottom: 11px;
    left: -12px;
    z-index: 2;
    transform: rotate(-90deg);
  }
  .cvother-step-arrow:nth-of-type(2)::before {
    border-color: #E60021 transparent transparent transparent;
  }
  .cvother-step-arrow:nth-of-type(3)::before {
    border-color: #02B9E8 transparent transparent transparent;
  }
  .cvother-step-arrow--arw {
    display: block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    background: #ddd;
    text-align: center;
    margin: 0;
    line-height: 1;
    padding: 16px 0;
    color: #fff;
    height: 50px;
  }
  .cvother-step-arrow:nth-of-type(1) .cvother-step-arrow--arw {
    background: #E60021;
  }
  .cvother-step-arrow:nth-of-type(2) .cvother-step-arrow--arw {
    background: #02B9E8;
  }
  .cvother-step-arrow:nth-of-type(3) .cvother-step-arrow--arw {
    background: #0051A2;
  }
  .acc-body--min__wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .acc-body--min__wrap-item {
    width: 48%;
  }
  .cvarea-other.anchor_comment {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 30px auto 30px;
  }
  .kou1_anchor--text-wrap{
    width: 50%;
    padding: 0 20px;
    margin-top: 80px;
    border-right: 2px solid #333333;
  }
  .app_comment--fuki-wrap{
    width: 50%;
    padding: 0 20px;
  }
  .kou1_anchor--text {
    font-size: 24px;
    margin: auto;
    font-weight: 700;
  }
  .kou1_anchor--text a.kou1_anchor--anq {
    color: #000000;
    position: relative;
  }
  .kou1_anchor--text a.kou1_anchor--anq::after{
    position: relative;
    right: -16px;
    bottom: 4px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    transform: rotate(45deg);
  }
.app_comment--fuki {
    position: relative;
    display: inline-block;
    margin: auto auto 20px;
    padding: 10px 20px 8px 20px;
    min-width: 200px;
    max-width: 100%;
    font-size: 22px;
    background: #0099e7;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 15px;
}
.app_comment--fuki::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 8px solid transparent;
    border-top: 10px solid #0099e7;
}
p.app_comment--lead {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin: 10px auto auto;
}
.app_comment--text {
    font-size: 24px;
    margin: auto;
    font-weight: 700;

}
.app_comment--text a.app_comment--anq {
    color: #000000;
    position: relative;
}
  .app_comment--text a.app_comment--anq::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px 10px 0;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    transform: rotate(45deg);
  }
}
@media only screen and (max-width: 767px) {
  .m-cvarea {
    margin-top: -67vw;
    z-index: 1;
    position: relative;
  }
  #contents-cv .m-cvarea_bottom {
    margin: 0 15px;
  }
  #contents-cv .red {
    color: #FF2E17;
    font-weight: 700;
  }
  .cvarea-other {
    margin: 22vw auto 8vw;
    position: relative;
  }
  .cvarea-other + .cvarea-other{
    margin-top: 12vw; 
  }
  .cvarea-other--inner {
    border: 3px solid #333;
    position: relative;
    background: #fff;
    padding: 4vw;
  }
  h2.cvarea-other--ttl {
    margin: 0 auto 6vw;
    text-align: center;
  }
  .cvarea-lineup {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cvarea-lineup--item {
    width: 32%;
  } 
  h3.cvarea-other--subttl {
    text-align: center;
    font-size: 4.8vw;
    font-weight: 700;
    margin: auto auto 3.2vw;
  }
  .color-red {color: #E60021;}
  .color-blue {color: #02B9E8;}
  .cvarea-other--lead {
    margin: 4vw auto;
    text-align: center;
    font-size: 4.2vw;
    font-weight: 700;
    line-height: 1.4;
  }
  .cvother-step {
    display: table;
    position: relative;
  }
  .cvother-step:not(:first-child)::before {
  content: "";
    border-style: solid;
    border-width: 5vw 5vw 0 5vw;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 2;
  }
  .cvother-step:nth-of-type(2)::before {
    border-color: #E60021 transparent transparent transparent;
  }
  .cvother-step:nth-of-type(3)::before {
    border-color: #02B9E8 transparent transparent transparent;
  }
  .cvother-step--arw {
    display: table-cell;
    vertical-align: middle;
    width: 10vw;
    background: #ddd;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: 0.8vw;
    text-orientation: mixed;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-rl;
    white-space: break-spaces;
}
.cvother-step--arw span {
    text-orientation: mixed;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-rl;
    white-space: break-spaces;
  }
  .cvother-step--main {
    padding: 4vw 0 0 4vw;
    display: table-cell;
  }
  .cvother-step:not(:first-child) .cvother-step--main {
    padding-top: 6vw;
  }
  .cvother-step--main {
    padding: 0 0 3.6vw 4vw;
    display: table-cell;
  }
  .cvother-step--main-text {
  font-size: 3.46vw;
  margin-top: 2.8vw;
  }
  .cvother-step:nth-of-type(1) .cvother-step--arw {
    background: #E60021;
  }
  .cvother-step:nth-of-type(2) .cvother-step--arw {
    background: #02B9E8;
  }
  .cvother-step:nth-of-type(3) .cvother-step--arw {
    background: #0051A2;
  }
  .cvarea-btn--lead {
    font-size: 4vw;
    font-weight: 700;
    margin: 6vw auto 2vw;
    text-align: center;
  }
  .cvarea-other.anchor_comment {
    text-align: center;
    margin: 12vw auto 0;
  }
  .kou1_anchor--text-wrap{
    margin-bottom: 12vw;
  }
  .app_comment--fuki-wrap{
  }
  .kou1_anchor--text {
    font-size: 4.46vw;
    margin: auto;
    font-weight: 700;
  }
  .kou1_anchor--text a.kou1_anchor--anq {
    color: #000000;
    position: relative;
    border-bottom: 1px solid #000000;
  }
  .kou1_anchor--text a.kou1_anchor--anq::after{
    position: absolute;
    content: "";
    display: inline-block;
    width: 2.8vw;
    height: 2.8vw;
    margin: 1vw 1vw;
    border-bottom: 0.6vw solid #000000;
    border-right: 0.6vw solid #000000;
    transform: rotate(45deg);
  }
.app_comment--fuki {
    position: relative;
    display: inline-block;
    margin: auto auto 2vw;
    padding: 2vw;
    min-width: 40vw;
    max-width: 100%;
    font-size: 4vw;
    background: #0099e7;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 3vw;
}
.app_comment--fuki::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 8px solid transparent;
    border-top: 10px solid #0099e7;
}
p.app_comment--lead {
    font-size: 4.46vw;
    font-weight: 700;
    color: #000000;
    margin: 10px auto auto;
}
.app_comment--text {
    font-size: 4.46vw;
    margin: auto;
    font-weight: 700;
}
.app_comment--text a.app_comment--anq {
    color: #000000;
    position: relative;
    border-bottom: 1px solid #000000;
}
.app_comment--text a.app_comment--anq::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 2.8vw;
    height: 2.8vw;
    margin: 1vw 1vw;
    border-bottom: 0.6vw solid #000000;
    border-right: 0.6vw solid #000000;
    transform: rotate(45deg);
}
  .acc-body--min__wrap {
    margin-top: 8vw;
  }
  .acc-body--min__wrap-item + .acc-body--min__wrap-item{
    margin-top: 5.4vw;
  }
}
@media only screen and (min-width: 768px) {
  .m-cvarea {
    /* margin-bottom: 60px; */
  }
  .cvarea-btn--lead {
    font-size: 22px;
    font-weight: 700;
    margin: auto auto 10px;
  }
}
.m-cvarea .m-cvarea__inner {
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__inner {
    background-color: inherit;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.m-cvarea .m-cvarea--heading {
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .m-cvarea .m-cvarea--heading {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-cvarea .m-cvarea--heading {
    margin-bottom: 20px;
  }
  .m-cvarea-tokuten {
    max-width: 960px;
    margin: auto;
    background: #fff;
    border: 3px solid #333;
    padding: 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
  .m-cvarea-pc--tokuten-img {
    width: 270px;
  }
  .m-cvarea-pc--tokuten-ttl-wrap {
    margin-left: 10px;
    width: 410px;
  }
  .m-cvarea-pc--tokuten-ttl {
    margin-top: 20px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-cvarea-pc--tokuten-ttl__sub {
    display: inline-block;
    font-size: 24px;
  }
  .m-cvarea-pc--tokuten-ttl__sub--ls-narrow{
    letter-spacing: -0.045em;
  }
  .m-cvarea-pc--tokuten-ttl__main {
    display: inline-block;
    font-size: 30px;
  }
  .m-cvarea-pc--tokuten-date {
    margin-top: 20px;
    margin-left: 10px;
    width: 340px;
  }
  .m-cvarea-pc--tokuten-date img {
    width: 100%;
  }
  .m-cvarea__period-lastdate-fig{
    margin-top: 20px;
    margin-bottom: 10px;
    width: 630px;
  }
}
.m-cvarea .m-cvarea--heading strong {
  color: red;
}
.m-cvarea .m-cvarea__tokuten-group {
  width: 50%;
  box-sizing: border-box;
  padding-right: 10px;
  float: left;
}
.m-cvarea .m-cvarea__tokuten-group .m-cvarea__tokuten {
  padding: 0 10px;
  margin-bottom: 10px;
  background-size: cover;
}
.m-cvarea .m-cvarea__period {
  width: 50%;
  float: right;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text {
  font-size: 11px;
  line-height: 1;
  padding-bottom: 5px;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text:after {
  content: "";
  display: block;
  clear: both;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text .final-thumb {
  float: left;
  width: 17%;
  height: auto;
  padding-right: 3px;
  box-sizing: border-box;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text span {
  display: block;
  width: 83%;
  float: right;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text2 {
  padding-bottom: 5px;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-text2 .cp-logo {
  width: 170px;
  height: auto;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-date {
  text-align: left;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-date .period {
  font-size: 16px;
}
.m-cvarea .m-cvarea__period .m-cvarea__period-date .period strong {
  font-size: 32px;
}
.m-cvarea .m-cvarea__period .m-cvarea__last-period {
  background-color: #fff;
  border: 1px solid #333;
  padding: 5px;
  border-radius: 7px;
  line-height: 1.2;
}
.m-cvarea .m-cvarea__period .m-cvarea__last-period .cp-logo {
  width: 170px;
}
.m-cvarea .m-cvarea__period .m-cvarea__last-period .last-period {
  font-size: 11px;
}
.m-cvarea .m-cvarea__period .m-cvarea__last-period .last-period strong {
  font-size: 24px;
}
.m-cvarea .m-cvarea__period .m-cvarea__last-period .m-cvarea__last-period-date {
  padding-top: 3px;
  text-align: right;
}
.m-cvarea .m-cvarea__btn-area .m-btn--regist, .m-cvarea .m-cvarea__btn-area .m-btn--regist--offer {
  width: 100%;
  text-align: center;
}
.m-cvarea .m-cvarea__url {
  word-break: break-word;
}
@media only screen and (max-width: 767px) {
  .m-cvarea .m-cvarea__url {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-cvarea .m-cvarea__url {
    margin-bottom: 20px;
  }
}
.m-cvarea__searchbox-fig {
    margin: 20px;
}
.m-cvarea .m-cvarea__searchbox {
  display: flex;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .m-cvarea .m-cvarea__searchbox {
    margin-bottom: 14px;
  }
  .m-cvarea__tokuten-area {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-left: -2.6vw;
    margin-right: -2.6vw;
    margin-bottom: 6vw;
  }
  .m-cvarea__tokutenbox {
    padding: 0 2vw 0 0;
    width: auto;
    max-width: 50%;
  }
  .m-cvarea__period-lastdate-fig{
    padding-right: 10px;
    margin-top: 10px;
  }
  .m-cvarea__tokuten--date {
    width: 50%;
  }
  .m-cvarea__last-period-lead {
    text-align: center;
    font-size: 3.8vw;
    font-weight: 700;
    margin: 6vw -4.8vw 1vw;
    line-height: 1.4;
  }
  .m-cvarea__last-period-lead--ls-narrow {
    letter-spacing: -0.04em;
  }
  .m-cvarea__last-period-text {
    width: 42.6667vw;
    text-align: left;
    font-size: 4vw;
    line-height: 1.3;
    margin-bottom: 2vw;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-top: 1.3333vw;
  }
  .m-cvarea__last-period-text--ls-narrow {
    letter-spacing: -0.1em;
  }
  .m-cvarea__last-period-text--main {
    font-size: 6.4vw;
  }
  .m-cvarea__last-period-date {
    width: 34.6667vw;
  }
  .m-notice--cv {
    color: #999999;
    font-size: 2.6vw;
    margin: 2.8vw 0 0 0;
  }
  .m-cvarea__period-text2.g-visible-sp {
    margin: 6vw 2vw 4vw;
    text-align: center;
  }
  .m-cvarea__period-date {
    text-align: center;
    font-size: 3.6vw;
    font-weight: 700;
    margin: auto auto 4vw;
    line-height: 1.4;
  }
  .m-cvarea__period-text2 {
    margin: 6vw 4vw 2vw;
    text-align: center;
  }
  .m-cvarea__inner--more {
    padding: 5vw;
    margin: 10vw 2vw 2vw;
    background: #fff;
    border-radius: 1vw;
  }
  .more-cp--detail img+img {
    margin: 5vw 0;
  }
  .m-cvarea__inner--more--top + .m-cvarea__inner--more--top .more-cp--detail img+img {
    margin-top: 0.6vw;
  }
  .more-cp--detail p {
    font-weight: 700;
    margin-bottom: 1.6vw;
  }
  .m-cvarea__inner--btm {
    padding: 0 5vw 4vw;
  }
  .m-notice .m-acc__btn.js-acc__btn {
    font-size: 3.4vw;
    color: #454545;
}

.m-cvarea .m-notice, .m-cvarea .m-notice--s {
    padding-left: 2px;
    margin: -2vw 0 6vw;
  }
}
@media only screen and (min-width: 768px) {
  .m-cvarea .m-cvarea__searchbox {
    margin-bottom: 20px;
  }
}
.m-cvarea .m-cvarea__searchbox-kw {
  width: 70%;
  padding: 10px;
}
.m-cvarea .m-cvarea__searchbox-btn {
  width: 30%;
  padding: 10px;
  text-align: center;
  background-color: #0070cb;
  color: #fff;
}
.m-cvarea .m-cvarea__qr img {
  max-width: 160px;
}
.m-cvarea .m-cvarea__qr {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .only-ct2-detail {
    display: flex;
    max-width: 960px;
    justify-content: center;
    align-items: center;
  }
  .ct2-detail--text {
    font-size: 18px;
    font-weight: 700;
  }
  .m-cvarea .m-cvarea__url {
    /* margin-bottom: 20px; */
    font-size: 13px;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__inner {
    /*display: flex;
    justify-content: center;
    align-items: flex-start;*/
    max-width: 960px;
    /*min-height: 260px;*/
    margin: auto;
    position: relative;
  }
  .m-cvarea .m-cvarea-pc-left {
    width: 65%;
    float: left;
    background-color: #fff;
    border: 1px solid #faed96;
    border-radius: 7px;
  }
  .cv_btm__notice {
    text-align: left;
    margin: 10px 0 40px;
  }
  .m-notice .m-acc__btn.js-acc__btn {
    font-size: 16px;
    color: #454545;
  }
  .m-cvarea .m-cvarea__inner .cv__bgimg {
    z-index: 0;
    position: absolute;
  }
  .m-cvarea-pc--tokuten {
    position: absolute;
    left: 30px;
    top: 44px;
    width: 500px;
    z-index: 2;
  }
  .m-cvarea__tokuten-area {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .m-cvarea__tokutenbox {
    /*width: 260px;*/
    max-width: 38%;
    height: auto;
    padding-top: 5px;
  }
  .m-cvarea__tokutenbox img {
    width: 100%;
  }
  .m-cvarea__tokuten--date {
    text-align: center;
    margin: auto;
  }
  .m-cvarea__last-period-text {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    margin: auto auto 10px;
  }
  .m-cvarea__last-period-date {
    width: 200px;
    margin: 15px auto;
  }
  .m-cvarea__inner--btm {
    margin: auto;
    max-width: 960px;
    text-align: center;
    padding: 40px 0 40px;
  }
  .m-notice--cv {
    padding-left: 20px;
    margin-top: 10px;
  }
  .m-notice--cv li{
    font-size: 12px;
    color: #808080;
    text-align: left;
    line-height: 1.5;
  }
  .m-cvarea__inner--more {
    max-width: 960px;
    margin: 60px auto 20px;
    background: #ffffff;
    border: 3px solid #000;
    padding: 40px 30px;
  }
  .m-cvarea__inner--more.m-cvarea__inner--more--top {
    margin: 20px auto;
  }
  .m-cvarea__inner--more--top + .m-cvarea__inner--more--top {
    margin-bottom: 60px;
  }
  .more-cp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .more-cp--detail {
    max-width: 480px;
    padding-right: 20px;
  }
  .more-cp--thumb {
    width: aut;
  }
  .more-cp--detail p {
    margin: 20px auto 10px;
    font-weight: 700;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px), print {
  .m-cvarea .m-cvarea__inner .cv__bgimg {
    z-index: 0;
    position: absolute;
  }
  .m-cvarea-pc--tokuten {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 410px;
    z-index: 2;
  }
  .m-cvarea__tokuten-area {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .m-cvarea__tokutenbox {
    width: 110px;
    height: auto;
    padding-top: 5px;
  }
  .m-cvarea__tokuten--date {
    text-align: center;
    margin: auto;
  }
  .m-cvarea__last-period-text {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin: auto auto 10px;
  }
  .m-cvarea__last-period-date {
    width: 150px;
    margin: 15px auto;
  }
  .m-cvarea__inner--btm {
    margin: auto;
    max-width: 960px;
    text-align: center;
    padding: 0 0 40px;
  }
  .m-notice--cv {
    padding-left: 20px;
    padding-right: 40px;
    margin-top: 10px;
  }
  .m-notice--cv li{
    font-size: 12px;
    color: #808080;
    text-align: left;
    line-height: 1.5;
  }
  .m-cvarea__inner--more {
    max-width: 960px;
    margin: 60px auto 20px;
    background: #ffffff;
    border: 3px solid #000;
    padding: 40px 30px;
  }
  .more-cp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .more-cp--detail {
    width: 50%;
  }
  .more-cp--detail p {
    margin: 20px auto 10px;
    font-weight: 700;
  }
}



@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-cvarea .m-cvarea-pc-left {
    margin-right: 14px;
  }
  .m-cvarea__tokuten-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-cvarea .m-cvarea-pc-left {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-cvarea .m-cvarea-pc-left {
    padding: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-cvarea .m-cvarea-pc-left {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea-pc-right {
    width: 35%;
    float: right;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea--heading,
.m-cvarea .m-cvarea__tokuten-group,
.m-cvarea .m-cvarea__period,
.m-cvarea .m-cvarea__btn-area {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__tokuten-group {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    padding: 10px 0 0;
    border-radius: 7px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 960px), tv {
  .m-cvarea .m-cvarea__tokuten-group {
    padding: 10px 10px 0 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__tokuten-group .m-cvarea__tokuten {
    display: inline;
    text-align: center;
    background-image: none;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__period .m-cvarea__period-text {
    font-size: 14px;
    line-height: 1.3;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-text .final-thumb {
    width: 35px;
    margin-right: 5px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-text2 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-text2 .cp-logo {
    width: 300px;
    height: auto;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-date {
    margin-bottom: 10px;
    line-height: 1;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-date .period {
    font-size: 18px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__period-date .period strong {
    font-size: 50px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__last-period {
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 7px;
    line-height: 1.3;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__last-period .cp-logo {
    width: 78px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__last-period .last-period {
    font-size: 14px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__last-period .last-period strong {
    font-size: 24px;
  }
  .m-cvarea .m-cvarea__period .m-cvarea__last-period .m-cvarea__last-period-date {
    padding-top: 3px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-cvarea .m-cvarea__btn-area {
    padding-top: 0;
  }
  .m-cvarea .m-cvarea__btn-area .m-btn--regist, .m-cvarea .m-cvarea__btn-area .m-btn--regist--offer {
    width: 100%;
    text-align: center;
  }
}
.m-cvarea .m-notice, .m-cvarea .m-notice--s {
  padding-left: 2px;
}
@media only screen and (min-width: 960px), tv {
  .m-cvarea .m-notice, .m-cvarea .m-notice--s {
    max-width: 960px;
    margin: 10px auto;
  }
  .m-cvarea__btn-area .m-notice, .m-cvarea__btn-area .m-notice--s {
    margin: 0 auto 10px auto;
  }
  .m-cvarea .m-cvarea__inner--more .m-notice {
    max-width: 460px;
    margin: 10px auto;
  }
}

@media only screen and (min-width: 960px), print, tv {
  .m-contact .m-contact__tel {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.m-contact .m-contact__tel .m-contact__tel-btn {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .m-contact .m-contact__tel .m-contact__tel-btn {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-contact .m-contact__tel .m-contact__tel-btn {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 960px), print, tv {
  .m-contact .m-contact__tel .m-contact__tel-btn {
    min-width: 460px;
  }
}
.m-contact .m-contact__tel .m-contact__tel-btn img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 960px), print, tv {
  .m-contact .m-contact__tel .m-contact__tel-offer {
    padding-top: 2px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 767px) {
  .m-contact .m-contact__tel .m-contact__tel-offer {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 768px) {
  .m-contact .m-contact__tel .m-contact__tel-offer {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .m-contact .m-contact__tel .m-contact__tel-offer {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-contact .m-contact__tel .m-contact__tel-offer {
    margin-bottom: 20px;
  }
}
.m-contact .m-contact__privacy-offer {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .m-contact .m-contact__privacy-offer {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-contact .m-contact__privacy-offer {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 960px), print, tv {
  .m-contact .m-contact__privacy-offer {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .m-contact .m-contact__service-offer__acount {
    padding-top: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-contact .m-contact__service-offer__acount {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .m-kyozai--detail {
    margin: 5vw auto;
  }
}
@media only screen and (min-width: 768px) {
  .m-kyozai--detail {
    margin: 50px auto;
    text-align: center;
  }
}

@media only screen and (max-width: 959px) and (max-width: 767px) {
  .m-footer {
    padding-left: 14px;
  }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
  .m-footer {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 959px) and (max-width: 767px) {
  .m-footer {
    padding-right: 14px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
  .m-footer {
    padding-right: 20px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 960px), tv {
  .m-footer {
    width: 960px;
    margin: 40px auto 0 auto;
    padding-bottom: 140px;
  }
  .m-footer:after {
    content: "";
    display: block;
    clear: both;
  }
}
.m-footer .logo {
  width: 108px;
  margin: 20px auto 15px auto;
  padding-right: 8px;
}
.m-footer .logo img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px), print, tv {
  .m-footer .logo {
    float: left;
    margin: 0;
  }
}
.m-footer ul.links:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (min-width: 768px), print, tv {
  .m-footer ul.links {
    float: right;
  }
}
.m-footer ul.links li {
  text-align: center;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-footer ul.links li {
    display: inline-block;
  }
}
.m-footer ul.links li a {
  color: #808080;
  padding: 0 15px;
  border: solid #a2a2a2;
  border-width: 0 1px 0 1px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-footer ul.links li a {
    border-width: 0 0 0 1px;
  }
}
.m-footer ul.links li:last-child a {
  border-width: 0 1px 0 1px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-footer ul.links li:first-child a {
    border-width: 0;
  }
  .m-footer ul.links li:last-child a {
    border-width: 0 0 0 1px;
  }
}
.m-footer .copyright {
  font-size: 11px;
  text-align: center;
  color: #808080;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px), print {
  .m-footer .copyright {
    clear: left;
    float: none;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 960px), print, tv {
  .m-footer .copyright {
    float: left;
    padding-top: 7px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 767px) {
  .m-footer .copyright {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 768px) {
  .m-footer .copyright {
    padding-left: 20px;
  }
}


.m-acc--styled > .m-acc__btn span, .m-acc--styled--white > .m-acc__btn span, .m-acc--styled--pink > .m-acc__btn span {
  color: #0070cb;
  font-weight: 700;
}
.m-acc--styled > .m-acc__btn:nth-child(n+2), .m-acc--styled--white > .m-acc__btn:nth-child(n+2), .m-acc--styled--pink > .m-acc__btn:nth-child(n+2) {
  border-top: none;
}


@media only screen and (max-width: 767px) {
  .m-acc--icon .m-acc__btn, .m-acc--icon--white .m-acc__btn {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
  }
  .m-acc--icon .m-acc__btn:after, .m-acc--icon--white .m-acc__btn:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .m-acc--icon .m-acc__btn:after, .m-acc--icon--white .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -96px;
    width: 10px;
    height: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .m-acc--icon .m-acc__btn:after, .m-acc--icon--white .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -88px -212px;
    width: 18px;
    height: 18px;
    right: 18px;
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .m-acc--icon .m-acc__btn.is-active:after, .m-acc--icon--white .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -116px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .m-acc--icon .m-acc__btn.is-active:after, .m-acc--icon--white .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -60px -212px;
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
  }
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn:after, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn:after, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -96px;
    width: 10px;
    height: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px), print, tv {
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn:after, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -88px -212px;
    width: 18px;
    height: 18px;
    right: 18px;
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn.is-active:after, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -116px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px), print, tv {
  .m-acc--icon:not(.m-acc-only-sp) .m-acc__btn.is-active:after, .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -60px -212px;
    width: 18px;
    height: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .m-acc--icon--white .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -156px;
    width: 10px;
    height: 10px;
  }
  .m-acc--icon--white .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -258px -136px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -116px -212px;
    width: 18px;
    height: 18px;
  }
  .m-acc--icon--white:not(.m-acc-only-sp) .m-acc__btn.is-active:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: -32px -212px;
    width: 18px;
    height: 18px;
  }
}

.m-btn, .m-btn--regist, .m-btn--regist--offer {
  box-sizing: border-box;
  display: inline-block;
  border-radius: 5px;
  padding: 10px;
}

.m-btn--regist, .m-btn--regist--offer {
  background-color: #46bf0a;
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .m-btn--regist, .m-btn--regist--offer {
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-btn--regist, .m-btn--regist--offer {
    font-size: 22px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.m-btn--regist:before, .m-btn--regist--offer:before, .m-btn--regist:after, .m-btn--regist--offer:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.m-btn--regist:after, .m-btn--regist--offer:after {
  right: 22px;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -258px 0px;
  width: 14px;
  height: 22px;
}
.m-btn--regist:hover, .m-btn--regist--offer:hover {
  background-color: rgba(70, 191, 10, 0.9);
}

.m-btn--regist--offer {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 58px;
}
.m-btn--regist--offer:before {
  left: 22px;
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -212px;
  width: 22px;
  height: 23px;
}

.m-heading--tricolore {
  display: table;
  background: #0070cb;
  width: 100%;
  position: relative;
  margin-top: 60px;
  margin-bottom: 40px;
}
.m-heading--tricolore:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 5px;
  background: linear-gradient(#0070cb 0, #0070cb 33.3%, #fdb911 33.3%, #fdb911 66.6%, #ed1f26 66.6%, #ed1f26 100%);
}
.m-heading--tricolore .m-heading__point {
  width: 10px;
  padding: 20px 5px 20px 10px;
  font-size: 80%;
  font-weight: normal;
  background-color: #fff;
  color: #0070cb;
  text-align: center;
  line-height: 1;
  border: 2px solid #0070cb;
  border-left-width: 0;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 70px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-heading--tricolore .m-heading__point {
    min-width: 100px;
  }
}
.m-heading--tricolore .m-heading__title {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  border-top: 2px solid #0070cb;
  border-bottom: 2px solid #0070cb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  font-weight: 700;
}
.m-heading--tricolore .m-heading__title strong {
  color: #ffea00;
}
@media only screen and (min-width: 768px), print, tv {
  .m-heading--tricolore .m-heading__title {
    font-weight: normal;
    padding-left: 15px;
  }
}


.m-heading--simple:before, .m-heading--simple--border:before, .m-heading--simple--red:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  background-color: #2C2C2C;
  height: 100%;
}
@media only screen and (min-width: 768px), print, tv {
  .m-heading--simple:before, .m-heading--simple--border:before, .m-heading--simple--red:before {
    width: 3px;
    /* border-radius: 4px; */
  }
}

.m-heading--simple--red:before {
  background-color: #e60021;
}

.m-heading--simple--border {
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.m-heading--num-point-box, .m-heading--num-point-box--red {
  display: flex;
  width: 100%;
  position: relative;
  background: #0070cb;
  margin-top: 60px;
  border-radius: 0 7px 7px 0;
}
@media only screen and (max-width: 767px) {
  .m-heading--num-point-box, .m-heading--num-point-box--red {
    font-size: 12px;
  }
}
.m-heading--num-point-box:before, .m-heading--num-point-box--red:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 5px;
  background: #0070cb;
}
.m-heading--num-point-box .m-heading__point, .m-heading--num-point-box--red .m-heading__point {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #0070cb;
  border-left-width: 0;
  background-color: #fff;
  color: #0070cb;
  min-width: 100px;
  padding: 0 5px;
}
.m-heading--num-point-box .m-heading__point > span, .m-heading--num-point-box--red .m-heading__point > span {
  padding: 0 5px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-heading--num-point-box .m-heading__point, .m-heading--num-point-box--red .m-heading__point {
    min-width: 100px;
    padding: 5px 14px;
  }
}
.m-heading--num-point-box .m-heading__title, .m-heading--num-point-box--red .m-heading__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  color: #fff;
  border-top: 2px solid #0070cb;
  border-bottom: 2px solid #0070cb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px;
  font-weight: 700;
}
.m-heading--num-point-box .m-heading__title strong, .m-heading--num-point-box--red .m-heading__title strong {
  font-weight: normal;
  color: #ffea00;
}
@media only screen and (min-width: 768px), print, tv {
  .m-heading--num-point-box .m-heading__title, .m-heading--num-point-box--red .m-heading__title {
    font-weight: normal;
    padding-left: 15px;
  }
}
.m-heading--num-point-box .m-heading__title img, .m-heading--num-point-box--red .m-heading__title img {
  height: 40px;
  width: auto;
}

.m-heading--num-point-box--red {
  background: #e60021;
}
.m-heading--num-point-box--red:before {
  background: #e60021;
}
.m-heading--num-point-box--red .m-heading__point {
  border: 2px solid #e60021;
  color: #e60021;
}
.m-heading--num-point-box--red .m-heading__title {
  border-top: 2px solid #e60021;
  border-bottom: 2px solid #e60021;
}

.m-tab__head {
  padding: 0 5px;
}
@media only screen and (max-width: largeMobile) {
  .m-tab__head {
    padding: 0 20px;
    font-size: 85%;
  }
}

.m-tab__list {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  border-collapse: separate;
  border-spacing: 10px 0;
  table-layout: fixed;
}
@media only screen and (min-width: 768px), print, tv {
  .m-tab__list {
    border-spacing: 15px 0;
  }
}

.m-tab__item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 5px;
  padding: 10px 0;
  color: #0070cb;
  font-weight: 700;
  text-align: center;
  border-radius: 7px 7px 0 0;
  border: 2px solid #0070cb;
  border-bottom: none;
}
@media only screen and (min-width: 960px), tv {
  .m-tab__item {
    padding: 14px 0;
    margin: 0 10px;
    font-size: 16px;
  }
}
.m-tab__item.is-active {
  background-color: #0070cb;
}
.m-tab__item.is-active a {
  color: #fff;
}
.m-tab__item:not(.is-active) {
  margin-top: 10px;
}

.m-tab__contents {
  border-top: 2px solid #0070cb;
}
@media only screen and (min-width: 768px), print, tv {
  .m-tab__contents {
    margin-top: -1px;
    border-top-width: 4px;
  }
}

.m-tab__content {
  display: none;
}
.m-tab__content.is-active {
  display: block;
}

@media only screen and (min-width: 768px), print, tv {
  .m-qalist {
    font-size: 16px;
  }
}

.m-qalist__item {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.m-qalist__item:first-child {
  padding-top: 0;
}
/* .m-qalist__item:after {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  background-position-x: 0;
  background-position-y: 100%;
  background-repeat: repeat-x;
}
@media only screen and (max-width: 767px) {
  .m-qalist__item:after {
    background-image: url("../../_share19/sprite-img/dotted_small.png");
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-qalist__item:after {
    background-image: url("../../_share19/sprite-img/dotted_big.png");
  }
} */

.m-qalist__item > a {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-right: 15px;
  color: #2C2C2C;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.m-qalist__item > a.is-active {
  margin-bottom: 14px;
}
.m-qalist__item > a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../img/250714/faq-icon_q.svg);
  background-repeat: no-repeat;
  width: 19px;
  height: 24px;
  left: 0;
  top: 0;
}

.m-qalist__more {
  text-align: right;
  padding-right: 15px;
  margin-top: 15px;
}

.m-modal, .m-modal--select-chu2, .m-modal--lecture, .m-modal--member, .m-modal--member-kou, .m-modal--contact, .m-modal--year, .m-modal--year--kou {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  visibility: hidden;
  opacity: 0;
  box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border: 6px solid #006eb3;
  border-radius: 6px;
  padding: 25px 35px;
  transition-property: visibility, opacity;
  transition-duration: 0.3s;
}
.m-modal.is-active, .is-active.m-modal--select-chu2, .is-active.m-modal--lecture, .is-active.m-modal--member, .is-active.m-modal--member-kou, .is-active.m-modal--contact, .is-active.m-modal--year, .is-active.m-modal--year--kou {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width:767px) {
  .m-modal, .m-modal--select-chu2, .m-modal--lecture, .m-modal--member, .m-modal--member-kou, .m-modal--contact, .m-modal--year, .m-modal--year--kou {
    max-width: 400px;
    padding: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    border: 3px solid #005bac;
  }
}

.m-modal__shade {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  visibility: hidden;
}
html.is-modal-open .m-modal__shade {
  visibility: visible;
  opacity: 0.4;
}
@media only screen and (max-width:767px) {
  .m-modal__shade {
    background-color: #000;
    opacity: 0;
    transition: all 0.3s;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-modal__shade {
    background-color: #000;
    opacity: 0;
    transition: all 0.3s;
  }
}

.m-modal__close {
  position: absolute;
  top: -23px;
  right: -23px;
  cursor: pointer;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -208px 0px;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width:767px) {
  .m-modal__close {
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url("../../_share19/img/icon_sprite_legacy.png");
    background-position: 0 -697px;
    background-size: 80px;
  }
}

.m-modal__title {
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width:767px) {
  .m-modal__title {
    font-size: 14px;
    font-weight: 700;
  }
}

.m-modal--year, .m-modal--year--kou {
  width: 630px;
}
@media only screen and (max-width:767px) {
  .m-modal--year, .m-modal--year--kou {
    width: 92%;
  }
}

.m-modal--year--kou {
  width: 480px;
}
@media only screen and (max-width:767px) {
  .m-modal--year--kou {
    width: 92%;
  }
}

.m-modal--contact {
  width: 680px;
}
@media only screen and (max-width:767px) {
  .m-modal--contact {
    width: 92%;
  }
}
@media only screen and (max-width:767px) {
  .m-modal--contact .m-modal__btn-box {
    margin: 15px 5px;
  }
}
@media only screen and (min-width:961px), print, tv {
  .m-modal--contact .m-modal__btn-box {
    width: 558px;
    margin: 20px auto;
  }
}
.m-modal--contact .m-modal__content {
  font-size: 12px;
  color: #808080;
}
@media only screen and (min-width:961px), print, tv {
  .m-modal--contact .m-modal__content {
    width: 460px;
    margin: 0 auto;
  }
}
@media only screen and (max-width:767px) {
  .m-modal--contact .m-modal__content {
    padding: 5px;
  }
}

.m-modal--member, .m-modal--member-kou {
  width: 960px;
  padding-bottom: 5px;
}
@media only screen and (max-width:767px) {
  .m-modal--member, .m-modal--member-kou {
    width: 92%;
  }
}
.m-modal--member .m-modal__title, .m-modal--member-kou .m-modal__title {
  margin-bottom: 25px;
  color: #0070cb;
  font-size: 28px;
}
@media only screen and (max-width:767px) {
  .m-modal--member .m-modal__title, .m-modal--member-kou .m-modal__title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.m-modal--member .m-modal__member, .m-modal--member-kou .m-modal__member {
  float: left;
  width: 555px;
}
@media only screen and (max-width:767px) {
  .m-modal--member .m-modal__member, .m-modal--member-kou .m-modal__member {
    width: calc(50% - 5px);
  }
}
.m-modal--member .m-modal__guardian, .m-modal--member-kou .m-modal__guardian {
  float: right;
  width: 305px;
}
@media only screen and (max-width:767px) {
  .m-modal--member .m-modal__guardian, .m-modal--member-kou .m-modal__guardian {
    width: calc(50% - 5px);
  }
}
.m-modal--member .m-modal__foot, .m-modal--member-kou .m-modal__foot {
  clear: both;
  padding-top: 25px;
}
@media only screen and (max-width:767px) {
  .m-modal--member .m-modal__foot, .m-modal--member-kou .m-modal__foot {
    padding-top: 15px;
  }
}

@media only screen and (max-width:767px) {
  .m-modal--member-kou {
    padding: 18px 12px 13px;
  }
}
@media only screen and (max-width:767px) {
  .m-modal--member-kou .m-modal__title {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
@media only screen and (min-width:961px), print, tv {
  .m-modal--member-kou .m-modal__member {
    width: 430px;
  }
}
@media only screen and (min-width:961px), print, tv {
  .m-modal--member-kou .m-modal__guardian {
    width: 430px;
  }
}
.m-modal--member-kou .m-modal__guardian-inner {
  border: none;
}
@media only screen and (max-width:767px) {
  .m-modal--member-kou .m-modal__foot {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.m-modal--lecture {
  width: 960px;
}
@media only screen and (max-width:767px) {
  .m-modal--lecture {
    width: 92%;
  }
}

.m-modal--select-chu2 {
  width: 500px;
}
@media only screen and (max-width:767px) {
  .m-modal--select-chu2 {
    width: 92%;
  }
}
.m-modal--select-chu2 .m-modal__title {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (max-width:767px) {
  .m-modal--select-chu2 .m-modal__title {
    margin-bottom: 10px;
  }
}
.m-modal--select-chu2 .m-modal__link, .m-modal--select-chu2 .m-modal__link--protrude-left {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width:767px) {
  .m-modal--select-chu2 .m-modal__link, .m-modal--select-chu2 .m-modal__link--protrude-left {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width:961px), print, tv {
  .m-modal--select-chu2 .m-modal__link--protrude-left {
    margin-left: -13px;
  }
}

.m-sample {
  position: relative;
  display: block;
}
.m-sample:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  width: 55px;
  height: 55px;
  bottom: -27px;
  background-image: url("../../_share19/img/icon_sprite_legacy.png");
  background-repeat: no-repeat;
  background-position: 0px -2136px;
  background-size: 80px 2464px;
}
@media only screen and (min-width:961px), print, tv {
  .m-sample:after {
    right: -33px;
    bottom: 0;
    content: "見本を見る";
    padding-top: 55px;
    font-size: 13px;
    width: 68px;
    background-position: 7px -2136px;
  }
}
.m-totop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 1000;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -150px -162px;
  width: 36px;
  height: 37px;
  cursor: pointer;
  outline: none;
  transition: opacity 0.4s;
}
.m-totop:hover {
  opacity: 0.7;
}
.m-totop.is-bottom {
  position: absolute;
}

.m-cource-compare {
  margin-bottom: 14px;
}
.m-cource-compare:after {
  content: "";
  display: block;
  clear: both;
}
.m-cource-compare .m-cource-compare__box > div {
  border: 1px solid #e5e5e5;
}
.m-cource-compare .m-cource-compare__box .m-cource-compare__cource {
  text-align: center;
  color: #fff;
  padding: 14px;
}
.m-cource-compare .m-cource-compare__box .m-cource-compare__title {
  background-color: #ededed;
  text-align: center;
  padding: 14px;
  box-sizing: border-box;
}
.m-cource-compare .m-cource-compare__box .m-cource-compare__text {
  padding: 14px;
}
.m-cource-compare .m-cource-compare__box .m-cource-compare__pie {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .m-cource-compare .m-cource-compare__box .m-cource-compare__pie {
    padding: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-cource-compare .m-cource-compare__box .m-cource-compare__pie {
    padding: 20px;
  }
}
.m-cource-compare .m-cource-compare__box .m-cource-compare__pie img {
  width: 160px;
  height: auto;
}
@media only screen and (min-width: 960px), tv {
  .m-cource-compare .m-cource-compare__box .m-cource-compare__pie img {
    width: 220px;
  }
}
.m-cource-compare .m-cource-compare__box.nankan .m-cource-compare__cource {
  background-color: #00a0e9;
  border-color: #00a0e9;
}
.m-cource-compare .m-cource-compare__box.hyojun .m-cource-compare__cource {
  background-color: #8fc31f;
  border-color: #8fc31f;
}
@media only screen and (min-width: 768px), print, tv {
  .m-cource-compare .m-cource-compare__box {
    width: 50%;
    float: left;
  }
  .m-cource-compare .m-cource-compare__box:first-child .m-cource-compare__title {
    position: relative;
    z-index: 100;
    width: 200%;
  }
  .m-cource-compare .m-cource-compare__box:nth-child(2) .m-cource-compare__title {
    visibility: hidden;
  }
}

.m-notice, .m-notice--s {
  color: #808080;
  font-size: 12px;
}
.m-unit--bg-blue .m-notice, .m-unit--bg-blue .m-notice--s {
  color: #fff;
}
.m-notice li, .m-notice--s li {
  position: relative;
  padding-left: 1.2em;
}
.m-notice li:before, .m-notice--s li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.m-cvarea__btn-area .m-notice li:before, .m-cvarea__btn-area .m-notice--s li:before {
  position: relative;
}
.m-notice li.m-notice__no-mark, .m-notice--s li.m-notice__no-mark {
  padding-left: 0;
  font-size: 11px;
}
.m-notice li.m-notice__no-mark:before, .m-notice--s li.m-notice__no-mark:before {
  display: none;
}
.m-notice li + li, .m-notice--s li + li {
  margin-top: 5px;
}

@media only screen and (max-width:767px) {
  .m-notice--s {
    font-size: 11px;
  }
  .m-notice--s li + li {
    margin-top: 0;
  }
}

.m-kyozai:after {
  content: "";
  display: block;
  clear: both;
}
.m-kyozai .m-kyozai__media {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 6px;
  border: 2px solid #daecfb;
  padding: 20px;
  background-color: #edf7ff;
  margin-bottom: 14px;
  min-height: 140px;
}
.m-acc--styled .m-kyozai .m-kyozai__media, .m-acc--styled--pink .m-kyozai .m-kyozai__media, .m-acc--styled--white .m-kyozai .m-kyozai__media {
  background-color: #fff;
}
.m-kyozai--shindan {
  margin: 10px auto;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__media {
    float: left;
    width: 35%;
  }
}
.m-kyozai .m-kyozai__media .m-kyozai__thumb {
  width: 33%;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__media .m-kyozai__thumb {
    width: 50%;
  }
}
.m-kyozai .m-kyozai__media .m-kyozai__functions {
  width: 67%;
  padding-left: 10px;
  color: #0070cb;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 960px) and (max-width: 767px) {
  .m-kyozai .m-kyozai__media .m-kyozai__functions {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 768px) {
  .m-kyozai .m-kyozai__media .m-kyozai__functions {
    padding-left: 20px;
  }
}
.m-kyozai .m-kyozai__media .m-kyozai__functions li + li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px dotted #bedffa;
}
.m-kyozai .m-kyozai__sample {
  width: 100%;
  padding-top: 2px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__sample {
    float: right;
    width: 65%;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-kyozai .m-kyozai__sample {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-kyozai .m-kyozai__sample {
    padding-left: 20px;
  }
}
.m-kyozai .m-kyozai__sample a {
  display: block;
  position: relative;
}
.m-kyozai .m-kyozai__sample a:after {
  display: block;
  content: "";
  position: absolute;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -55px -85px;
  width: 50px;
  height: 50px;
  bottom: -10px;
  right: -10px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__sample a:after {
    background-image: url(../../_share19/img/sprite.png);
    background-position: 0px 0px;
    width: 64px;
    height: 75px;
    bottom: -25px;
    right: -10px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__points {
    width: 35%;
    float: left;
  }
}
.m-kyozai .m-kyozai__points .m-kyozai__point, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num {
  position: relative;
  padding: 15px;
  margin-top: 25px;
  border-radius: 6px;
  border: 2px solid #e6e6e6;
  background-color: #fff;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__points .m-kyozai__point, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num {
    clear: left;
    float: left;
    padding: 20px;
    margin-top: 20px;
    width: 100%;
  }
}
.m-kyozai .m-kyozai__points .m-kyozai__point:before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  width: 20px;
  height: 20px;
  transform: scale(0.8);
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__points .m-kyozai__point:before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:before {
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    transform: scale(1);
  }
}
.m-kyozai .m-kyozai__points .m-kyozai__point dt, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num dt {
  color: #0070cb;
  font-weight: 700;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__points .m-kyozai__point dt, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num dt {
    font-size: 16px;
  }
}
.m-kyozai .m-kyozai__points .m-kyozai__point dd, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num dd {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px dotted #e6e6e6;
}
@media only screen and (max-width: 767px) {
  .m-kyozai .m-kyozai__points .m-kyozai__point dd, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num dd {
    font-size: 12px;
  }
}
.m-kyozai .m-kyozai__points .m-kyozai__point:nth-child(1):before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(1):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: -50px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point:nth-child(2):before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(2):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: -100px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point:nth-child(3):before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(3):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: -208px -50px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point:nth-child(4):before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(4):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: -208px -100px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point:nth-child(5):before, .m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(5):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: -115px -85px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(1):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(2):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(3):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(4):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -162px;
  width: 40px;
  height: 40px;
}
.m-kyozai .m-kyozai__points .m-kyozai__point--no-num:nth-child(5):before {
  background-image: url(../../_share19/img/sprite.png);
  background-position: 0px -162px;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink {
    margin-top: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__splink {
    margin-top: 50px;
    width: 65%;
    padding: 0;
    box-sizing: border-box;
    float: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink {
    padding-left: 20px;
  }
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-inner {
  position: relative;
  border: 1px solid #0070cb;
  background-color: #fff;
  border-radius: 10px 10px;
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-inner:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-inner {
    padding: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-inner {
    padding: 20px;
  }
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-inner:before {
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -144px -212px;
  width: 18px;
  height: 11px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-inner:before {
    left: 60px;
    right: auto;
  }
}
.m-kyozai .m-kyozai__splink h4 {
  color: #0070cb;
  font-weight: 700;
  padding-left: 38px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink h4 {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink h4 {
    margin-bottom: 20px;
  }
}
.m-kyozai .m-kyozai__splink h4:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  margin: auto;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -165px -85px;
  width: 19px;
  height: 28px;
}
@media only screen and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-thumb {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-thumb {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-thumb {
    margin-bottom: 0;
    width: 35%;
    float: left;
  }
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-thumb img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-body {
    width: 65%;
    float: right;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-body {
    padding-left: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-body {
    padding-left: 20px;
  }
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-functions {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-functions li {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 11px;
  width: 100%;
  max-width: 115px;
  min-height: 82px;
  background-color: #edf7ff;
  border: 2px solid #daecfb;
  border-radius: 6px;
  color: #0070cb;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
  margin-right: 10px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai .m-kyozai__splink .m-kyozai__splink-functions li {
    font-size: 12px;
  }
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-functions li:last-child {
  margin-right: 0;
}
.m-kyozai .m-kyozai__splink .m-kyozai__splink-functions li span {
  display: block;
  width: 100%;
  text-align: center;
}

.m-kyozai-about:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .m-kyozai-about {
    margin-bottom: 14px;
  }
  .m-kyozai-about .m-kyozai__thumb {
    margin-bottom: 14px;
  }

}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about {
    margin-bottom: 20px;
  }
  
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__body {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-left: 14px;
  }
}
@media only screen and (min-width: 960px), print, tv {
  .m-kyozai-about .m-kyozai__body {
    width: 50%;
  }
}
.m-kyozai-about .m-kyozai__body .m-kyozai__heading {
  font-weight: 700;
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .m-kyozai-about .m-kyozai__body .m-kyozai__heading {
    margin-bottom: 14px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__body .m-kyozai__heading {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__body .m-kyozai__heading {
    margin-top: 20px;
  }
}
.m-kyozai-about .m-kyozai__body .m-kyozai__functions {
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__body .m-kyozai__functions {
    justify-content: flex-start;
  }
}
.m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #edf7ff;
  border: 2px solid #daecfb;
  border-radius: 6px;
  color: #0070cb;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-right: 10px;
  min-height: 80px;
}
.m-kyozai-about .m-kyozai__body .m-kyozai__functions li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
    width: 100%;
    height: 100px;
  }
}
@media only screen and (min-width: 960px), print, tv {
  .m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 767px) {
  .m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 960px) and (min-width: 768px) {
  .m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-kyozai-about .m-kyozai__thumb {
    width: 50%;
    float: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .m-kyozai-about .m-kyozai__thumb {
    padding: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-kyozai-about .m-kyozai__thumb {
    padding: 20px;    
  }

}

.m-line, .m-line--dashed {
  width: 100%;
  height: 3px;
  margin-top: 14px;
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-line, .m-line--dashed {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.m-line--dashed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAADCAQAAABPaVUuAAAAVUlEQVR4AWP4D4Vn0s64AGkEX+lM+RlBJL4gkK+EosLlTBp2HTAB4zP/z7xDUbIKKFKOxC8H8lehqHgHFDHGpgNZqBxFSyhQRAnFHbuhfkFYMxO7DgCZA4jeMkDcogAAAABJRU5ErkJggg==) repeat-x;
  border: none;
}

.bg--blue {
  background-color: #edf7ff;
}

.bg--arrow-top {
  margin-top: 90px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bg--arrow-top {
    padding-top: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .bg--arrow-top {
    padding-top: 20px;
  }
}
.bg--arrow-top:before {
  content: "";
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  top: -30px;
  border-width: 0 50px 30px 50px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #edf7ff rgba(0, 0, 0, 0);
  transform: none;
  -webkit-transform: none;
}

.m-arrow-link {
  position: relative;
  padding-left: 11px;
  padding-top: 1px;
}
.m-arrow-link:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -258px -197px;
  width: 6px;
  height: 11px;
}
.m-arrow-link:hover {
  text-decoration: underline;
}

.is-visible-hb {
  display: none;
}

body.is-hb .is-visible-hb {
  display: block;
}
body.is-hb .is-hidden-hb {
  display: none;
}
body.is-hb .koza-about-digital {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  margin: 20px;
}
body.is-hb .koza-about-digital strong {
  color: red;
}
body.is-hb .chukou-chigai .m-kyozai__heading {
  text-align: center;
}
body.is-hb .chukou-chigai .m-kyozai-about .m-kyozai__functions {
  width: 50%;
  float: left;
}
body.is-hb .chukou-chigai .m-kyozai-about .m-kyozai__functions:nth-child(2) {
  padding-left: 10px;
}
body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner {
  font-size: 18px;
  padding: 5px;
}
body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner .m-kyozai__splink-thumb {
  width: 45%;
  float: left;
  margin-bottom: 0;
}
body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner .m-kyozai__splink-body {
  width: 55%;
  float: left;
  padding-left: 10px;
  font-size: 12px;
}
body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner .m-kyozai__splink-body p {
  padding-top: 3px;
}
body.is-hb .taikendan-list {
  background-color: #edf7ff;
  margin-top: 20px;
  position: relative;
}
body.is-hb .taikendan-list:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 500;
  margin: auto;
  border-top: 12px solid #fff;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid rgba(0, 0, 0, 0);
}
body.is-hb .taikendan-list__box {
  padding: 20px 10px;
  position: relative;
}
body.is-hb .taikendan-list__box:before, body.is-hb .taikendan-list__box:after {
  display: block;
  content: "";
  height: 100%;
  width: 14px;
  position: absolute;
  background-color: #edf7ff;
  top: 0;
}
body.is-hb .taikendan-list__box:before {
  left: -13px;
}
body.is-hb .taikendan-list__box:after {
  right: -14px;
}
body.is-hb .taikedan-list__heading {
  margin-bottom: 14px;
}
body.is-hb .taikedan-list__heading-photo {
  width: 27%;
  float: left;
}
body.is-hb .taikedan-list__heading-info {
  width: 73%;
  float: left;
  margin-top: 5px;
  padding-left: 20px;
}
body.is-hb .taikedan-list__heading-row1, body.is-hb .taikedan-list__heading-row3 {
  font-size: 12px;
}
body.is-hb .taikedan-list__heading-row2 {
  font-size: 18px;
  color: #0066cc;
}
@media only screen and (min-width: 768px), print, tv {
  body.is-hb .koza-about-digital {
    font-size: 20px;
    width: 674px;
    margin: auto;
  }
  body.is-hb .chukou-chigai .m-kyozai__thumb {
    width: 68%;
  }
  body.is-hb .chukou-chigai .m-kyozai__body {
    width: 30%;
    margin-top: 140px;
  }
  body.is-hb .chukou-chigai .m-kyozai-about .m-kyozai__functions {
    width: 100%;
    float: none;
  }
  body.is-hb .chukou-chigai .m-kyozai-about .m-kyozai__functions:nth-child(2) {
    padding-left: 0;
  }
  body.is-hb .m-kyozai--ipad .m-kyozai__splink .m-kyozai__splink-inner {
    padding: 10px;
  }
  body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner .m-kyozai__splink-body {
    padding-left: 20px;
    font-size: 18px;
  }
  body.is-hb .m-kyozai--ipad .m-kyozai__splink-inner .m-kyozai__splink-body p {
    padding-top: 6px;
  }
  body.is-hb .taikendan-list {
    margin-top: 40px;
    display: table;
  }
  body.is-hb .taikendan-list:before {
    border-top: 35px solid #fff;
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
  }
  body.is-hb .taikendan-list__box {
    padding: 40px 20px 20px;
    width: 50%;
    display: table-cell;
  }
  body.is-hb .taikendan-list__box:before, body.is-hb .taikendan-list__box:after {
    width: 20px;
    top: 0;
  }
  body.is-hb .taikendan-list__box:before {
    left: -20px;
  }
  body.is-hb .taikendan-list__box:after {
    right: -20px;
  }
}

.marker--yellow {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffeb00 0%) repeat scroll 0 0;
}

/*!
 * # Semantic UI 2.4.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
    transform: @use3DAcceleration;*/
}

/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/*******************************
          Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
     Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
/*--------------
      Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
      Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
/*--------------
     Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.transition.zoom.out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}

.transition.glow {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.transition.glow {
  -webkit-animation-name: glow;
  animation-name: glow;
}

/* Flash */
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* Shake */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
/* Bounce */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* Jiggle */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* Glow */
@-webkit-keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}
@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.4.0 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}

.ui.dropdown .menu > * {
  white-space: nowrap;
}

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
}

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: 700;
  text-transform: uppercase;
}

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}

.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}

.ui.button.dropdown .menu {
  min-width: 100%;
}

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% + 2px );
  width: calc(100% + 2px );
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: "";
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: "";
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown > .label ~ .text {
  display: none;
}

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.21428571em 0em 0.21428571em;
  vertical-align: baseline;
}

.ui.inline.dropdown > .text {
  font-weight: 700;
}

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}

.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}

@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}

.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important;
}

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}

.ui.dropdown .filtered.item {
  display: none !important;
}

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}

/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important;
}

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em;
}

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px );
  }
}
@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}

.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: "Dropdown";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: "Dropdown";
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.dropdown > .dropdown.icon {
  width: auto;
}

.ui.dropdown > .dropdown.icon:before {
  content: "";
}

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "";
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "";
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "";
}

.ui.dropdown > .clear.icon:before {
  content: "";
}

/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
/*******************************
        User Overrides
*******************************/
.pswp__top-bar {
  height: 60px;
}

.pswp__counter {
  position: fixed;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 768px), tv {
  .pswp__counter {
    left: 0.5em;
    right: auto;
    top: 0;
    bottom: auto;
  }
}
.pswp__s2-select-label, .pswp__s3-select-label {
  color: #fff;
  margin-right: 1em;
}

.pswp__s2-selector, .pswp__s3-selector {
  display: inline-block;
  width: 100%;
  max-width: 15em;
}

.pswp__s2-selector-input, .pswp__s3-selector-input {
  display: inline-block;
}

.pswp__selector {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5em;
}

.pswp__selector .ui.fluid.dropdown {
  max-width: 14em;
}

.header-logo {
    position: absolute;
    top: 1.4vw;
    right: 3vw;
    width: 36vw;
    height: auto;
}


.m-heading--num-point-box img, .m-heading--num-point-box--red img {
  padding-left: 14px;
}

.heading-compare-cource {
  text-align: center;
}
@media only screen and (min-width: 960px), tv {
  .heading-compare-cource {
    text-align: left;
  }
}
.heading-compare-cource img {
  height: 30px;
  width: auto;
  margin-right: 10px;
}
@media only screen and (min-width: 960px), tv {
  .heading-compare-cource img {
    height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .chukou-chigai {
    padding-bottom: 10vw;
  }
  .chigai-compare {
    text-align: center;
    margin: 20px auto;
  }
  .chigai-text-list {
    margin: 20px auto;
  }
}
@media only screen and (min-width: 768px) {
  .chukou-chigai {
    padding-bottom: 60px;
  }
  .chigai-compare {
    text-align: center;
    margin: 20px auto;
  }
  .chigai-text-list {
    margin: 20px auto;
  }
  .chigai--lead {
    text-align: center;
    margin: 20px auto 60px;
    font-size: 22px;
    font-weight: 700;
    color: #1374c1;
  }
}
@media only screen and (max-width: 767px) {
  .chukou-chigai {
  }
  .chukou-chigai .m-kyozai__thumb.m-kyozai__thumb--min {
    padding: 0 8vw;
  }
  .m-kyozai__thumb.m-kyozai__thumb--app {
    padding: 0 30vw 0 12.4vw;
  }
  h2.heading-chigai.heading-chigai--app {
    margin-top: 8vw;
  }
  .m-kyozai__thumb.m-kyozai__thumb--app {
    padding: 0 30vw 0 12.4vw;
  }
  .juken_app {
    margin: 7.2vw auto 2vw;
    font-size: 4.4vw;
  }
  .juken_app h4 {
    margin-bottom: 5vw;
    padding: 0 10vw;
  }
  .juken_app__dl {
    margin: 8vw auto 6vw;
    background: #fff;
    padding: 5vw;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
    position: relative;
  }
  .juken_app__dl__ttl {
    margin-bottom: 5.2vw;
  }
  .juken_app__dl__ttl__main {
    display: block;
    font-size: 6.4vw;
    font-weight: 700;
    color: #ff646d;
  }

  span.juken_app__dl__ttl__sub {
    display: block;
    margin-top: 1vw;
    font-size: 4vw;
  }

  ul.juken_app__dllist {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: space-between;
  }
  li.juken_app__dllist__item {
    width: 47.8%;
  }
  .chigai--lead {
    text-align: center;
    margin: 2.8vw auto 0;
    font-size: 6vw;
    font-weight: 700;
    color: #1374c1;
  }
}
@media only screen and (min-width: 768px) {
  .chukou-chigai {

  }
  .chukou-chigai .m-kyozai__thumb {
    padding: 20px;
  }
  .chukou-chigai .m-kyozai__thumb.m-kyozai__thumb--min {
    padding: 60px 100px;
  }
  .chukou-chigai .m-kyozai__thumb.m-kyozai__thumb--app,
  .chukou-chigai .m-kyozai__thumb.m-kyozai__thumb--min img {
    width: auto;
    margin: auto;
    text-align: center;
  }
  .m-kyozai__thumb.m-kyozai__thumb--app {
    padding: 0 80px 0 80px;
  }
  .m-kyozai--app {
    text-align: center;
    margin-bottom: 20px;
  }
  .juken_app {
    margin: 40px auto;
  font-size: 18px;
  }
  .juken_app h4 {
    margin-bottom: 20px;
  }
  .juken_app__dl {
    margin: 60px auto;
    background: #fff;
    padding: 30px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
    position: relative;
  }
  h4.juken_app__dl__ttl {
    margin-bottom: 30px;
  }
  .juken_app__dl__ttl__main {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #ff646d;
  }
  .juken_app__dl__ttl__sub {
    display: block;
    margin-top: 5px;
    font-size: 18px;
  }

  ul.juken_app__dllist {
    display: flex;
    max-width: 600px;
    margin: auto;
    align-items: center;
    justify-content: space-evenly;
  }
  li.juken_app__dllist__item {
    width: 48%;
  }
  .juken_app__dllist__bnr + div {
    margin-top: 20px;
  }
  .img-qr {
    width: 260px;
    margin: -20px auto auto;
  }
}
.chukou-chigai .heading-chigai {
  text-align: center;
  line-height: 1;
  font-weight: 700;
  color: #1374c1;
}
@media only screen and (max-width: 767px) {
  .chukou-chigai .heading-chigai {
    font-size: 4.8vw;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: #1374c1;
}
.heading-chigai--fuki {
  position: relative;
  display: inline-block;
  margin: 2vw auto 4.2vw;
  padding: 2.4vw;
  min-width: 300px;
  max-width: 100%;
  font-size: 5vw;
  background: #1374c1;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  color: #fff;
  border-radius: 30vw;
}
.heading-chigai--fuki::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3vw;
  border: 2vw solid transparent;
  border-top: 3vw solid #1374c1;
}
.heading-chigai--logp {
  width: 56vw;
  margin: auto auto 3.4vw;
}
.heading-chigai--sub {
  display: block;
  margin-bottom: 1vw;
  font-size: 6vw;
}
.heading-chigai--main {
  font-size: 7.4vw;
}
.chigai_lineup--fig {
    margin: 40px auto;
}
h3.chigai-more--ttl {
    text-align: center;
    margin: 8vw auto 2.8vw;
    font-size: 5.2vw;
    font-weight: 700;
    color: #1374c1;
}
.chigai-detail {
    margin: 6vw auto;
}

.chigai-detail--item + .chigai-detail--item {
  margin-top: 8vw;
}

ul.m-kyozai__functions.m-kyozai__functions-wide {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6vw auto;
}
.m-kyozai__functions.m-kyozai__functions-wide li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 2px solid #daecfb;
  border-radius: 6px;
  color: #0070cb;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 2vw;
}
ul.m-kyozai__functions.m-kyozai__functions-wide li:not(:last-child) {
  margin-right: 1.6vw;
}
p.cp_lead__text {
  font-size: 4.2vw;
  font-weight: 700;
  margin: 3vw auto;
  color: #1389d3;
}
}
.chukou-chigai .heading-chigai img {
  vertical-align: baseline;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .chukou-chigai .heading-chigai img {
    width: 60vw;
    height: auto;
  }
}
.chukou-chigai .m-kyozai-about .m-kyozai__body .m-kyozai__functions li {
  background-color: #fff;
}
.chukou-chigai .chigai-text-list:after {
  content: "";
  display: block;
  clear: both;
}
.chukou-chigai .chigai-text-list .chuzemi {
  width: 49%;
  float: left;
}
.chukou-chigai .chigai-text-list .kouzemi {
  width: 49%;
  float: right;
}
@media only screen and (min-width: 768px), print, tv {
  .chukou-chigai .heading-chigai {
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: #1374c1;
}
.heading-chigai--fuki {

    position: relative;
    display: inline-block;
    margin: 20px auto 20px;
    padding: 10px 20px 8px 20px;
    min-width: 300px;
    max-width: 100%;
    font-size: 22px;
    background: #1374c1;
    box-sizing: border-box;
    text-align: center;

    font-weight: 700;
    color: #fff;
    border-radius: 60px;
}
.heading-chigai--fuki::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 8px solid transparent;
    border-top: 10px solid #1374c1;
}
.heading-chigai--logp {
    width: 200px;
    margin: auto auto 10px;
}

.chigai_lineup--fig {
    margin: 40px auto;
}
h3.chigai-more--ttl {
    text-align: center;
    margin: 60px auto 10px;
    font-size: 24px;
    font-weight: 700;
    color: #1374c1;
}
.chigai-detail {
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 60px auto;
}

.chigai-detail--item {
    width: 48%;
}

ul.m-kyozai__functions.m-kyozai__functions-wide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 560px;
    margin: 40px auto;
}

.m-kyozai__functions.m-kyozai__functions-wide li{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border: 2px solid #daecfb;
    border-radius: 6px;
    color: #0070cb;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    min-height: 80px;
    width: 100%;
    height: 100px;
    padding: 4px;
}
ul.m-kyozai__functions.m-kyozai__functions-wide li:not(:last-child) {
    margin-right: 10px;
}
p.cp_lead__text {
  font-size: 22px;
  font-weight: 700;
  margin: 20px auto;
  color: #1389d3;
}
  .chukou-chigai .chigai-text-list .chuzemi {
    width: 30%;
  }
  .chukou-chigai .chigai-text-list .kouzemi {
    width: 66%;
  }
}
.chukou-chigai .chigai-text-list .chigai-text-list__list li {
  position: relative;
  padding-left: 26px;
}
.chukou-chigai .chigai-text-list .chigai-text-list__list li:before {
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -227px -162px;
  width: 20px;
  height: 20px;
}

.m-about-tablet__inner {
  position: relative;
  border: 1px solid #0070cb;
  background-color: #fff;
  border-radius: 10px 10px;
}
.m-about-tablet__inner:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .m-about-tablet__inner {
    padding: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .m-about-tablet__inner {
    padding: 20px;
  }
}
.m-about-tablet__inner:before {
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(../../_share19/img/sprite.png);
  background-position: -144px -212px;
  width: 18px;
  height: 11px;
}
@media only screen and (min-width: 768px), print, tv {
  .m-about-tablet__inner:before {
    left: 60px;
    right: auto;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .m-about-tablet__inner {
    display: flex;
    align-items: center;
  }
}

@media only screen and (min-width: 768px), print, tv {
  .m-about-tablet__heading {
    width: 60%;
  }
}

@media only screen and (min-width: 768px), print, tv {
  .m-about-tablet__thumb {
    width: 40%;
  }
}

@media only screen and (min-width: 768px), print, tv {
  .nigatetaisaku {
    display: flex;
  }
}

.nigatetaisaku__column {
  box-sizing: border-box;
  padding: 1em;
}
@media only screen and (min-width: 768px), print, tv {
  .nigatetaisaku__column {
    width: 50%;
  }
}

.nigatetaisaku__heading {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5em;
}

.nigatetaisaku__thumb {
  margin-bottom: 0.5em;
}
.nigatetaisaku__thumb img {
  width: 100%;
  height: auto;
}

.nigatetaisaku__text {
  font-size: 18px;
  color: #444;
}

@media only screen and (max-width: 767px) {
  .kou1_lead__text {
    font-size: 3.64vw;
    font-weight: 700;
    text-decoration: underline;
  }
  .kou1_corse {
    margin: 5vw 0;
    border: 1px solid #ddd;
  }
  .kou1_corse__innner {

  }
  .corse_title {
    text-align: center;
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    padding: 1vw 0;
  }
  .corse_text {
    margin: 4vw;
  }
}
@media only screen and (min-width: 768px) {
  .kou1_lead__text {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
  }
  .kou1_corse {
    display: flex;
    justify-content: space-evenly;
    margin: 20px 0;
    border: 1px solid #ddd;
  }
  .kou1_corse__innner {
    width: 33%;
  }
  .kou1_corse__nankan {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .corse_title {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 8px 0;
  }
  .corse_text {
    margin: 15px;
  }
}
.corse_title__sainankan{
    background: #aa020b;
}
.corse_title__nankan{
    background: #00a0e9;
}
.corse_title__sougou{
    background: #007956;
}


/*====================================

add

====================================*/
.text-bold{
  font-weight: 700;
}
/*sp*/
@media only screen and (max-width: 767px) {
  .explain-block-wrap{
    margin-top: 7.2vw;
    margin-bottom: 7.2vw;
    font-size: 4vw;
    color: #E60021;
    text-align: center;
  }
  .explain--text{
    letter-spacing: -0.05em;
    margin: 2.8vw auto;
  }
  .explain--link{
    color: #E60021;
    text-decoration: underline;
  }
}
/*pc*/
@media only screen and (min-width: 768px) {
  .explain-block-wrap{
    margin-top: 30px;
    font-size: 20px;
    color: #E60021;
    text-align: center;
  }
  .explain--text{
    margin: 10px auto 0 auto;
  }
  .explain--link{
    font-size: 20px;
    color: #E60021;
    text-decoration: underline;
  }
  .explain--link:hover{
    opacity: .7;
  }
}

/*====================================

slide

====================================*/
.p-change-slide .slick-slide {
  margin: 0 20px;
}
.p-change-slide .slick-dots {
  text-align: center;
  margin-top: 10px;
}
.p-change-slide .slick-dots li {
  display: inline-block;
  margin: 8px;
}
.p-change-slide .slick-dots li.slick-active button {
  background: #f7e921;
}
.p-change-slide .slick-dots button {
  display: block;
  text-indent: -1000%;
  overflow: hidden;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5);
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.p-change-slide-item-img figcaption {
  color: #000000;
  margin-top: 1em;
}

/*sp*/
@media only screen and (max-width: 767px) {
  .p-change-item-body{
    margin-bottom: 5.6vw;
  }
  .p-change-item-body,
  .p-change-slide {
    width: 100%;
  }
  .p-change-slide-item-img figcaption {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-change-slide-item-img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

/*pc*/
@media only screen and (min-width: 768px) {
  .p-change-item-body{
    float: left;
    width: 50%;
  }
  .p-change-slide {
    width: 100%;
  }
  .p-change-slide-item-img figcaption {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-change-slide-item-img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
}


/*====================================

floating

====================================*/
.deadline-float-wrap.UpMove{
  animation: UpAnime 0.5s forwards;
}
.deadline-float-wrap.DownMove{
  animation: DownAnime 0.5s forwards;
}

/*sp*/
@media only screen and (max-width: 767px) {
  .deadline-float-wrap.page-top-hidden{
    display: none;
  }
  .deadline-float-wrap {
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 98;
    padding: 2.6667vw 0;
    background: rgba(255, 255, 255, 0.5);
  }
  .deadline-float__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .deadline-float__main-text {
    font-weight: 700;
    font-size: calc((18 / 375) * 100vw);
    line-height: 1.4;
    text-align: center;
  }
  .deadline-float__head-text {
    font-weight: 700;
    font-size: calc((14 / 375) * 100vw);
    line-height: 1.4;
    text-align: center;
    position: relative;
    padding: 0 calc((20 / 375) * 100vw);
  }
  .deadline-float__head-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc((20 / 375) * 100vw);
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
  .deadline-float__head-text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: calc((20 / 375) * 100vw);
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: right bottom;
  }
  .deadline-float__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc((50/375) * 100vw);
    background-color: #FC244F;
    font-size: calc((18/375) * 100vw);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    padding: calc((14/375) * 100vw) calc((22/375) * 100vw) calc((13/375) * 100vw);
    position: relative;
    width: calc((300/375) * 100vw);
    box-shadow: 0 calc((3/375) * 100vw) calc((20/375) * 100vw) rgba(0, 29, 108, 0.15);
  }
  .deadline-float__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: calc((15/375) * 100vw);
    height: calc((15/375) * 100vw);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: calc((15/375) * 100vw);
    background-size: contain;
  }
  .deadline-float__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
}
/*pc*/
@media only screen and (min-width: 768px) {
  .deadline-float-wrap.page-top-hidden{
    display: none;
  }
  .deadline-float-wrap {
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 200;
    padding: 30px 0;
    background: rgba(255, 255, 255, 0.5);
  }
  .deadline-float__head-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
  }
  .deadline-float__head-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    padding: 0 30px;
    margin: 0 auto;
    max-width: 350px;
  }
  .deadline-float__head-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
  .deadline-float__head-text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: right bottom;
  }
  .deadline-float__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #FC244F;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none!important;
    line-height: 1.333333;
    padding: 14px 22px 13px;
    position: relative;
    width: 600px;
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    margin: 0 auto;
  }
  .deadline-float__btn-link:hover {
    opacity: 0.7;
  }
  .deadline-float__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    background-size: contain;
  }
  .deadline-float__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
}

@keyframes UpAnime{
  from {
    opacity: 0;
    transform: translateY(120px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes DownAnime{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(120px);
  }
}

/*====================================

btn

====================================*/
/*sp*/
@media only screen and (max-width: 767px) {
  .link__btn-wrap{
    margin-top: 6vw;
  }
  .link__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .link__btn-text {
    font-weight: 700;
    font-size: calc((14/375) * 100vw);
    line-height: 1.3;
    text-align: center;
    position: relative;
    padding: 0 calc((28/375) * 100vw);
    margin-bottom: calc((6/375) * 100vw);
    max-width: calc((300/375) * 100vw);
  }
  .link__btn-text::before {
    content: "";
    background-image: url(../../_share23/img/231117_50502_btn_icon_slash_black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: calc((18/375) * 100vw);
    height: calc((18/375) * 100vw);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .link__btn-text::after {
    content: "";
    background-image: url(../../_share23/img/231117_50502_btn_icon_slash_black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: calc((18/375) * 100vw);
    height: calc((18/375) * 100vw);
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotateY(180deg);
  }
  .link__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc((25/375) * 100vw);
    background-color: #0099e7;
    font-size: calc((15/375) * 100vw);
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 1.333333;
    padding: calc((14/375) * 100vw) calc((35/375) * 100vw) calc((13/375) * 100vw) calc((15/375) * 100vw);
    position: relative;
    width: calc((300/375) * 100vw);
    box-shadow: 0 calc((3/375) * 100vw) calc((20/375) * 100vw) rgba(0, 29, 108, 0.15);
  }
  .link__btn-link--textlong{
    font-size: calc((14/375) * 100vw);
    letter-spacing: -0.02em;
  }

  .link__btn-link::after {
    content: "";
    display: block;
    width: calc((10/375) * 100vw);
    height: calc((10/375) * 100vw);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: calc((25/375) * 100vw);
    background-size: contain;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    -webkit-transform: rotate(45deg) translate(0,-50%);
    transform: rotate(45deg) translate(0,-50%);
  }
}
/*pc*/
@media only screen and (min-width: 768px) {
  .link__btn-wrap{
    margin-top: 40px;
  }
  .link__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    background-color: #0099e7;
    font-size: 29px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none!important;
    line-height: 1.333333;
    padding: 14px 60px 13px 20px;
    position: relative;
    width: 600px;
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    margin: 0 auto;
  }

  .link__btn-link:hover {
    opacity: 0.7;
  }
  .link__btn-link::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    right: 40px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    -webkit-transform: rotate(45deg) translate(0,-50%);
    transform: rotate(45deg) translate(0,-50%);
  }
}

/* header-footer */
@media print, screen and (min-width:769px) {  
  .c-footer-sns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:auto auto 60px;
  }
  .c-footer-sns--list + .c-footer-sns--list {
    margin-left: 1.5em;
  }
  .c-footer-sns--link:hover {
    opacity:.7;
  }
  .c-accordion--footer:after {
    width:11px;
    height:11px;
    right:17px
  }
  .c-accordion--footer.active:after {
    width:11px;
    background-position:center;
  }
}

@media print, screen and (max-width:768px) {  
  .c-footer-sns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    width:50vw;
    margin:auto auto 12vw;
  }
  .c-footer-sns--list {
    width:14vw
  }
  .c-footer-sns--list:not(:nth-child(3n)) {
    margin-right:4vw
  }
  .c-footer-sns--list:nth-child(n+4) {
    margin-top:4vw;
  }
  .c-footer .c-accordion--sponly:after {
    background-image: url(/common_rn/btn_icon_plus_black.svg);
    content:"";
    display:block;
    width: 4vw;
    height: 4vw;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    right: 4.3vw;
  }
  .c-footer .c-accordion--sponly.active:after {
    background-image: url(/common_rn/btn_icon_minus_black.svg);
    background-repeat:no-repeat;
    background-position:center center;
  }
  .c-accordion--footer:after {
    width:3.5vw;
    height:3.5vw;
    right:4.5vw
  }
  .c-accordion--footer.active:after {
    width:3.5vw;
    background-position:center;
  }
}

@media print, screen and (min-width: 769px){
  .c-carousel {
      padding-bottom: 55px;
  }
  .c-fv01 .c-carousel {
      padding-bottom: 35px;
  }
  .c-carousel.slick-initialized {
      padding-bottom: 0;
  }
  .c-carousel.js-c-carousel-sp .c-carousel__item:not(:first-child) {
    display:block;
  }
  .c-special__thumb-cap {
    max-width: 300px;
    margin-bottom: 6vw;
  }
}
@media print, screen and (min-width:769px) {
  .c-footer {
    max-width: 1170px;
    margin: 60px auto 30px
  }
  .c-footer-benesse__link:hover {
    opacity: .7
  }
  .c-footer-logo a:hover {
    opacity: .7
  }
  .c-footer-logo a {
    display: inline-block
  }
  .c-footer-link:hover {
    opacity: .7
  }
  .c-footer-remark {
    text-align: center;
    margin-bottom: 50px
  }
  .c-footer-remark__item {
    font-size: 10px;
    color: #888;
    letter-spacing: .05px;
    line-height: 1.5
  }
  .c-footer-logos {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
  }
  .c-footer-logos:first-child {
    margin-bottom: 30px
  }
  .c-footer-logo:first-child {
    margin-bottom: 30px;
    width: 100%;
    height: 30px;
    text-align: center
  }
  .c-footer-logo:not(:first-child) {
    margin-right: 30px
  }
  .c-footer-logo:last-child {
    margin-left: 0
  }
  .c-footer-logo:nth-child(1) a {
    width: 280px
  }
  .c-footer-logo:nth-child(2) a {
    width: 89px
  }
  .c-footer-logo:nth-child(3) a {
    width: 150px
  }
  .c-footer-logo:nth-child(4) a {
    width: 150px
  }
  .s-footer-link__item--bg {
    padding: 14px 0;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
    margin-bottom: 70px
  }
  .c-footer-logo__img--kochare {
    width: auto;
    height: 25px
  }
  .c-footer-link__item {
    margin-bottom: 70px;
    text-align: center
  }
  .c-footer-link {
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888;
    border-bottom: 1px solid #888
  }
  .c-footer-benesse {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .c-footer-benesse__link {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-items {
    display: inline-flex;
    align-items: center
  }
  .c-footer-benesse__link-item:first-child {
    margin-right: 30px
  }
  .c-footer-benesse__link-item:not(:first-child) {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__logo {
    width: auto;
    height: 28px
  }
  .c-footer-benesse__copy {
    font-size: 10px;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #888
  }
  .c-floatingcv {
    position: fixed;
    bottom: 70px;
    right: 50px;
    z-index: 100
  }
  .c-floatingcv__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    background: #fff039;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform .3s
  }
  .c-floatingcv__btn:hover {
    transform: scale(1.2)
  }
  .c-footer__logo--benesse {
    text-align: center
  }
}

@media print, screen and (max-width:768px) {
  .c-footer {
    padding: 0 8vw;
    margin-top: 16vw;
    margin-bottom: 5.333333333vw
  }
  .c-footer-remark {
    margin-bottom: 10.66666667vw;
    font-size: 2.666666667vw;
    line-height: 1.6;
    color: #888;
    letter-spacing: .01333333333vw
  }
  .c-footer-remark__item:not(:last-child) {
    margin-bottom: 4vw
  }
  .c-footer-logos {
    margin-bottom: 10.6666vw
  }
  .c-footer-logo {
    margin: auto;
    margin-bottom: 5.3333vw;
    text-align: center;
    align-items: center
  }
  .c-footer-logo:last-child {
    margin-bottom: 0
  }
  .c-footer-logo__item:not(:last-child) {
    margin-bottom: 4vw
  }
  .c-footer-logo .c-footer-logo__img {
    height: 4vw
  }
  .c-footer-logo:first-child .c-footer-logo__img {
    height: 5.3333vw
  }
  .c-footer-logo__img--kochare {
    height: 4.26666667vw
  }
  .c-footer-link {
    color: #888;
    font-size: 2.666666667vw;
    line-height: 1.6;
    letter-spacing: .05333333333vw;
    text-align: center
  }
  .c-footer-link__item {
    color: #888;
    margin-bottom: 10.6666vw;
    text-align: center;
    line-height: 1.3
  }
  .c-footer__logo--benesse {
    text-align: center
  }
  .c-footer-logo--benesse {
    margin-top: 16.8vw;
    margin-bottom: 5.298666667vw;
    text-align: center
  }
  .c-footer__copyright {
    font-size: 2.666666667vw;
    line-height: 1.6;
    letter-spacing: .05333333333vw;
    color: #888;
    text-align: center
  }
  .c-footer-benesse__link {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-items {
    text-align: center
  }
  .c-footer-benesse__link-item:not(:first-child) {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-item {
    margin-bottom: 5.3333vw
  }
  .c-footer-benesse__logo {
    width: auto;
    height: 7.4666vw
  }
  .c-footer-benesse__copy {
    font-size: 2.6666vw;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #888;
    text-align: center;
    padding-bottom: 5.3333vw
  }
  .c-floatingcv {
    display: none
  }
}

@media print, screen and (min-width:769px) {
  .s-footer-link__item--bg {
    border-radius: 5px
  }
  .c-footer {
    max-width: 1170px;
    margin: 60px auto 30px
  }
  .s-footer-nav {
    margin-bottom: 50px;
    display: flex;
    justify-content: flex-end
  }
  .s-footer-nav__item--ttl {
    position: relative;
    margin-bottom: 10px;
    padding-left: 14px;
    font-size: 14px;
    letter-spacing: .07px;
    line-height: 1.57
  }
  .s-footer-nav__item--ttl::before {
    position: absolute;
    content: "";
    left: 0;
    border-left: 3px solid #464646;
    height: 100%;
    border-radius: 5px
  }
  .s-footer-nav__items {
    flex: 1;
    font-weight: 700
  }
  .s-footer-nav__items:not(:first-child) {
    margin-left: 30px
  }
  .s-footer-nav__item {
    display: flex;
    flex-direction: column
  }
  .s-footer-nav__item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    letter-spacing: .06px;
    line-height: 1.667;
    color: #464646;
    text-decoration: none;
    border-bottom: 1px solid #dcdcdc;
    position: relative
  }
  .s-footer-nav__item-link:hover {
    opacity: .7
  }
  .c-footer-benesse__link:hover {
    opacity: .7
  }
  .c-footer-logo a:hover {
    opacity: .7
  }
  .c-footer-logo a {
    display: inline-block
  }
  .c-footer-link:hover {
    opacity: .7
  }
  .s-footer-nav__item-link:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.314%22%20height%3D%2211.314%22%20viewBox%3D%220%200%2011.314%2011.314%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_495%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20495%22%20transform%3D%22translate(355.934%201068.914)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_137%22%20data-name%3D%22%E3%83%91%E3%82%B9%20137%22%20d%3D%22M1731%2C1058h3.014a2.994%2C2.994%2C0%2C0%2C0%2C2.986-2.986V1052%22%20transform%3D%22translate(2322.397%20583.132)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%2355a7ed%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: "";
    display: inline-flex;
    width: 10px;
    height: 12px;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0
  }
  .c-footer-remark {
    text-align: center;
    margin-bottom: 50px
  }
  .c-footer-remark__item {
    font-size: 10px;
    color: #888;
    letter-spacing: .05px;
    line-height: 1.5
  }
  .c-footer-logos {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
  }
  .c-footer-logos:first-child {
    margin-bottom: 30px
  }
  .c-footer-logo:first-child {
    margin-bottom: 30px;
    width: 100%;
    height: 30px;
    text-align: center
  }
  .c-footer-logo:not(:first-child) {
    margin-right: 30px
  }
  .c-footer-logo:last-child {
    margin-left: 0
  }
  .c-footer-logo:nth-child(1) a {
    width: 280px
  }
  .c-footer-logo:nth-child(2) a {
    width: 89px
  }
  .c-footer-logo:nth-child(3) a {
    width: 150px
  }
  .c-footer-logo:nth-child(4) a {
    width: 150px
  }
  .c-footer-logo__img--kochare {
    width: auto;
    height: 25px
  }
  .c-footer-link__item {
    margin-bottom: 70px;
    text-align: center
  }
  .c-footer-link {
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888;
    border-bottom: 1px solid #888
  }
  .c-footer-benesse {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .c-footer-benesse__link {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-items {
    display: inline-flex;
    align-items: center
  }
  .c-footer-benesse__link-item:first-child {
    margin-right: 30px
  }
  .c-footer-benesse__link-item:not(:first-child) {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__logo {
    width: auto;
    height: 28px
  }
  .c-footer-benesse__copy {
    font-size: 10px;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #888
  }
  .c-floatingcv {
    position: fixed;
    bottom: 70px;
    right: 50px;
    z-index: 100
  }
  .c-floatingcv__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    background: #fff039;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform .3s
  }
  .c-floatingcv__btn:hover {
    transform: scale(1.2)
  }
  .c-footer__logo--benesse {
    text-align: center
  }
}

@media print, screen and (max-width:768px) {
  .s-footer-link__item--bg {
    border-radius: 1.33333333vw
  }
  .c-footer {
    padding: 0 8vw;
    margin-top: 16vw;
    margin-bottom: 5.333333333vw
  }
  .s-footer-nav {
    margin-bottom: 10.66666667vw
  }
  .s-footer-nav__ttl {
    margin-bottom: 2.095vw;
    font-size: 3.2vw;
    color: #464646;
    line-height: 1.5;
    letter-spacing: .016vw
  }
  .s-footer-nav__item--ttl {
    position: relative;
    margin-bottom: 2.6666vw;
    padding-left: 3.7333vw;
    font-size: 3.7333vw;
    letter-spacing: .07px;
    line-height: 1.57
  }
  .s-footer-nav__item--ttl::before {
    position: absolute;
    content: "";
    left: 0;
    border-left: 3px solid #464646;
    height: 100%;
    border-radius: 5px
  }
  .s-footer-nav__items {
    display: none;
    margin-bottom: 10.6666vw;
    font-weight: 700
  }
  .s-footer-nav__items:first-child {
    display: block
  }
  .s-footer-nav__items:last-child {
    margin-bottom: 0
  }
  .s-footer-nav__items--show-sp {
    display: block
  }
  .s-footer-nav__item {
    font-size: 3.2vw;
    color: #464646;
    line-height: 1.8;
    letter-spacing: .01333333333vw
  }
  .s-footer-nav__item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 8vw;
    padding-top: 2.6666vw;
    padding-bottom: 2.6666vw;
    width: 100%;
    font-size: 3.2vw;
    letter-spacing: .06px;
    line-height: 1.667;
    color: #464646;
    text-decoration: none;
    border-bottom: 1px solid #dcdcdc;
    position: relative
  }
  .s-footer-nav__item-link:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.314%22%20height%3D%2211.314%22%20viewBox%3D%220%200%2011.314%2011.314%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_495%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20495%22%20transform%3D%22translate(355.934%201068.914)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_137%22%20data-name%3D%22%E3%83%91%E3%82%B9%20137%22%20d%3D%22M1731%2C1058h3.014a2.994%2C2.994%2C0%2C0%2C0%2C2.986-2.986V1052%22%20transform%3D%22translate(2322.397%20583.132)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%2355a7ed%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: "";
    display: inline-flex;
    width: 3vw;
    height: 3.2vw;
    background-repeat: no-repeat;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 4vw;
    bottom: 0
  }
  .s-footer-nav__item--small {
    margin-right: auto;
    font-size: 2.666666667vw;
    line-height: 1.8;
    letter-spacing: .01333333333vw
  }
  .c-footer-remark {
    margin-bottom: 10.66666667vw;
    font-size: 2.666666667vw;
    line-height: 1.6;
    color: #888;
    letter-spacing: .01333333333vw
  }
  .c-footer-remark__item:not(:last-child) {
    margin-bottom: 4vw
  }
  .c-footer-logos {
    margin-bottom: 10.6666vw
  }
  .c-footer-logo {
    margin: auto;
    margin-bottom: 5.3333vw;
    text-align: center;
    align-items: center
  }
  .c-footer-logo:last-child {
    margin-bottom: 0
  }
  .c-footer-logo__item:not(:last-child) {
    margin-bottom: 4vw
  }
  .c-footer-logo .c-footer-logo__img {
    height: 4vw
  }
  .c-footer-logo:first-child .c-footer-logo__img {
    height: 5.3333vw
  }
  .c-footer-logo__img--kochare {
    height: 4.26666667vw
  }
  .c-footer-link {
    color: #888;
    font-size: 2.666666667vw;
    line-height: 1.6;
    letter-spacing: .05333333333vw;
    text-align: center
  }
  .c-footer-link__item {
    color: #888;
    margin-bottom: 10.6666vw;
    text-align: center;
    line-height: 1.3
  }
  .c-footer__logo--benesse {
    text-align: center
  }
  .c-footer-logo--benesse {
    margin-top: 16.8vw;
    margin-bottom: 5.298666667vw;
    text-align: center
  }
  .c-footer__copyright {
    font-size: 2.666666667vw;
    line-height: 1.6;
    letter-spacing: .05333333333vw;
    color: #888;
    text-align: center
  }
  .c-footer-benesse__link {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-items {
    text-align: center
  }
  .c-footer-benesse__link-item:not(:first-child) {
    font-size: 10px;
    letter-spacing: .05px;
    line-height: 1.6;
    color: #888
  }
  .c-footer-benesse__link-item {
    margin-bottom: 5.3333vw
  }
  .c-footer-benesse__logo {
    width: auto;
    height: 7.4666vw
  }
  .c-footer-benesse__copy {
    font-size: 2.6666vw;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #888;
    text-align: center;
    padding-bottom: 5.3333vw
  }
  .c-floatingcv {
    display: none
  }
}

@media print, screen and (min-width:769px) {
  .c-modal {
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
  }
  .c-modal * {
    -webkit-transform: translate3d(0, 0, 0)
  }
  .c-modal__bg {
    background-color: rgba(183, 183, 183, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .c-modal__body-wrap {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    max-width: 800px;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative
  }
  .c-modal__close {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer
  }
  .c-modal__close:hover {
    opacity: .7
  }
  .c-modal__close-icon {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    width: 18px;
    height: 12px
  }
  .c-modal__close-text {
    font-size: 10px
  }
  .c-modal__body {
    overflow: auto;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    max-height: 100%;
    pointer-events: auto
  }
  .c-modal__body-inner {
    padding: 30px
  }
  .c-modal__img {
    border-radius: 5px
  }
  .c-modal__recode {
    display: flex
  }
  .c-modal__recode-head {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 5px;
    background-color: #55a7ed;
    width: 21%;
    padding: 20px
  }
  .c-modal__recode-head-img {
    flex-shrink: 0;
    text-align: center;
    pointer-events: none
  }
  .c-modal__recode-head-img-cap {
    border-radius: 5px
  }
  .c-modal__recode-head-text {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1.7;
    margin-top: 5px
  }
  .c-modal__recode-main {
    width: 76%;
    margin-left: 3%
  }
  .c-modal__recode-main-title {
    font-size: 20px;
    font-weight: 700;
    color: #464646;
    line-height: 1.5
  }
  .c-modal__recode-main-text {
    font-size: 14px;
    font-weight: 700;
    color: #464646;
    line-height: 1.5;
    margin-top: 20px
  }
  .c-modal__member {
    padding: 35px 15px;
  }
  .c-modal__member-h2 {
    font-size: 20px;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 20px
  }
  .c-modal__member-content {
    display: flex
  }
  .c-modal__member-item {
    width: 48%;
    border-radius: 5px;
    background-color: #f6f6f6;
    padding: 20px 30px
  }
  .c-modal__member-item+.c-modal__member-item {
    margin-left: 4%
  }
  .c-modal__member-h3 {
    font-size: 16px;
    font-weight: 700;
    color: #464646;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 20px
  }
  .c-modal__member .c-btn {
    line-height: 1.6
  }
  .c-modal__member .c-btn::after {
    right: 20px
  }
  .c-modal__member-appeal+.c-modal__member-content {
    margin-top: 20px
  }
  .c-modal .c-contact__thumb {
    width: 33%;
    display: flex;
    align-items: center
  }
  .c-modal .c-contact__content {
    width: 67%
  }
  .c-modal .c-contact__tell {
    font-size: 14px
  }
  .c-modal .c-contact__text {
    margin-top: 15px
  }
  .c-modal .c-contact__thumb {
    height: 170px
  }
  .c-modal .c-contact__content {
    justify-content: center;
    height: 170px
  }
  .c-contact-remark .c-remark-list {
    margin-bottom: 0
  }
}

@media print, screen and (max-width:768px) {
  .c-modal {
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
  }
  .c-modal * {
    -webkit-transform: translate3d(0, 0, 0)
  }
  .c-modal__bg {
    background-color: rgba(183, 183, 183, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .c-modal__body-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    pointer-events: none
  }
  .c-modal__close {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer
  }
  .c-modal__close-icon {
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2211.945%22%20viewBox%3D%220%200%2018%2011.945%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_277%22%20data-name%3D%22%E3%83%91%E3%82%B9%20277%22%20d%3D%22M267.247%2C87.06%2C260.6%2C82.928l6.645-4.132a1%2C1%2C0%2C1%2C0-1.051-1.69l-7.479%2C4.65-7.479-4.65a1%2C1%2C0%2C1%2C0-1.051%2C1.69l6.646%2C4.132-6.646%2C4.132a1%2C1%2C0%2C0%2C0%2C1.051%2C1.69l7.479-4.65%2C7.479%2C4.65a1%2C1%2C0%2C1%2C0%2C1.051-1.69Z%22%20transform%3D%22translate(-249.717%20-76.955)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    width: 18px;
    height: 12px
  }
  .c-modal__close-text {
    font-size: 10px
  }
  .c-modal__body {
    overflow: auto;
    border-radius: 1.33333333vw;
    background-color: #fff;
    width: 100%;
    max-height: 100%;
    pointer-events: auto
  }
  .c-modal__body-inner {
    padding: 5.33333333vw
  }
  .c-modal__img {
    border-radius: 1.33333333vw
  }
  .c-modal__recode-head {
    display: flex;
    border-radius: 1.33333333vw;
    background-color: #55a7ed;
    padding: 5.33333333vw
  }
  .c-modal__recode-head-img {
    text-align: center;
    width: 43%;
    margin-left: 7%;
    pointer-events: none
  }
  .c-modal__recode-head-img-cap {
    border-radius: 5px
  }
  .c-modal__recode-head-text {
    font-size: 3.2vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.7;
    width: 50%
  }
  .c-modal__recode-main {
    margin-top: 5.33333333vw
  }
  .c-modal__recode-main-title {
    font-size: 4.26666666vw;
    font-weight: 700;
    color: #464646;
    line-height: 1.5
  }
  .c-modal__recode-main-text {
    font-size: 3.73333333vw;
    font-weight: 400;
    color: #464646;
    line-height: 1.5;
    margin-top: 5.33333333vw
  }
  .c-modal__body__slider .c-carousel__arrow--prev {
    left: -4vw
  }
  .c-modal__body__slider .c-carousel__arrow--next {
    right: -4vw
  }
  .c-modal__member {
    padding: 15vw 4vw;
  }
  .c-modal__member-h2 {
    font-size: 3.7333vw;
    font-weight: 700;
    color: #2C2C2C;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 2.6667vw;
  }
  .c-modal__member-item {
    border-radius: 1.33333333vw;
    background-color: #f6f6f6;
    padding: 5.33333333vw
  }
  .c-modal__member-item+.c-modal__member-item {
    margin-top: 5.33333333vw
  }
  .c-modal__member-h3 {
    font-size: 3.73333333vw;
    font-weight: 700;
    color: #464646;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 5.33333333vw
  }
  .c-modal__member .c-btn:not(:last-child) {
    margin-bottom: 2.66666666vw
  }
  .c-modal__member .c-btn {
    font-size: 3.73333333vw;
    line-height: 1.6
  }
  .c-modal__member .c-btn::after {
    right: 2.66666666vw
  }
  .c-modal__member-appeal+.c-modal__member-content {
    margin-top: 5.33333333vw
  }
  .c-modal__member-appeal-body {
    display: flex;
    padding: 2.4vw 4vw
  }
  .c-modal__member-appeal-item {
    flex: 1 1
  }
  .c-modal__member-appeal-item:not(:first-child) {
    margin-left: 2.66666666vw
  }
  .c-modal__member-appeal-item--apple {
    flex-basis: 100px
  }
  .c-modal__member-appeal-item--google {
    flex-basis: 125px
  }
  .c-modal .c-contact__thumb {
    width: 33%;
    display: flex;
    align-items: center
  }
  .c-modal .c-contact__content {
    width: 67%
  }
  .c-modal .c-contact__tell {
    font-size: 3.73333333vw
  }
  .c-modal .c-contact__content {
    justify-content: center
  }
  .c-contact-remark .c-remark-list {
    margin-bottom: 0
  }
}
@media print, screen and (min-width:1025px) {
  .c-header {
    width: 280px;
    max-height: 100vh;
    padding: 50px 20px;
    background: #fff;
    float: left;
    position: fixed;
    top: 0;
    z-index: 100
  }
  .c-header::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 0;
    right: 0;
    transition: right .3s
  }
  .c-header--other-grade-open::before {
    right: -280px
  }
  .c-header-inner {
    width: 100%;
    height: calc(100vh - 100px);
    overflow: auto;
    transition: width .4s
  }
  .c-header-inner--other-grade-open {
    width: calc(100% + 300px);
    transition: none
  }
  .c-header-head {
    max-width: 220px;
    position: relative
  }
  .c-header-head__logo:not(:first-child) {
    margin-top: 20px
  }
  .c-header-head__img--benesse {
    max-width: 108px
  }
  .c-header-head__grade {
    margin-top: 20px;
    color: #21b8ce;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .11px;
    text-align: center
  }
  .c-header-head__text--small {
    font-size: 14px;
    vertical-align: middle
  }
  .c-header-foot {
    display: none
  }
  .c-header {
    transition: all .3s
  }
  .c-header.hide {
    opacity: 0;
    pointer-events: none
  }
  .c-menu {
    max-width: 220px;
    margin-top: 40px;
    position: relative
  }
  .c-menu-cont-foot-inner {
    background: #fff;
    position: relative;
    z-index: 1
  }
  .c-menu-link:not(:first-child) {
    margin-top: 20px
  }
  .c-menu-link__list {
    padding: 5px 13px;
    border-left: 3px solid #464646;
    color: #464646;
    font-size: 12px;
    font-weight: 700;
    position: relative
  }
  .c-menu-link__list--has-link {
    padding: 0;
    border-left: none
  }
  .c-menu-link__list:not(:first-child) {
    margin-top: 10px
  }
  .c-menu-link__link {
    display: block;
    width: 100%;
    padding: 5px 30px 5px 13px;
    border-left: 3px solid #464646;
    color: #464646;
    text-decoration: none;
    position: relative
  }
  .c-menu-link__list--primary {
    border-left-color: #55a7ed;
    color: #55a7ed
  }
  .c-menu-link__link.c-menu-link__list--primary {
    cursor: default;
    opacity: 1;
    pointer-events: none
  }
  .c-menu-link__link.c-menu-link__list--primary::after {
    content: none
  }
  .c-menu-link__link:hover {
    border-left-color: #55a7ed;
    color: #55a7ed
  }
  .c-menu-link__link::after {
    content: "";
    width: 10px;
    height: 10px;
    margin: auto;
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0
  }
  .c-menu-link__link:hover::after {
    background-image: url(/common_rn/btn_icon_arrow_sho.svg)
  }
  .c-menu-link__link--icon-smile {
    padding-left: 40px
  }
  .c-menu-link__link--icon-smile::before {
    content: "";
    width: 18px;
    height: 18px;
    margin: auto;
    background-image: url(/common_rn/c-nikoniko--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 13px;
    bottom: 0
  }
  .c-menu-link__link--icon-smile:hover::before {
    background-image: url(/common_rn/c-nikoniko--blue.svg)
  }
  .c-menu-link__link--other-grade::after {
    width: 10px;
    height: 10px;
    background-image: url(/common_rn/c-plus--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
  }
  .c-menu-link__link--other-grade:hover::after {
    background-image: url(/common_rn/c-plus--blue.svg)
  }
  .c-menu-link__link--other-grade-open::after {
    background-image: url(/common_rn/c-minus--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
  }
  .c-menu-link__link--other-grade-open:hover::after {
    background-image: url(/common_rn/c-minus--blue.svg)
  }
  .c-menu-link__text--small, .c-menu-link__text--small-pc {
    font-size: 10px
  }
  .c-menu__line {
    height: 1px;
    margin: 20px 0;
    background: #d0d0d0;
    border: none
  }
  .c-menu-btn {
    margin: 20px 0
  }
  .c-menu-btn__link {
    display: block;
    padding: 13px 38px 13px 16px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    position: relative
  }
  .c-menu-btn__link::after {
    content: "";
    width: 10px;
    height: 10px;
    margin: auto;
    background-image: url(/common_rn/c-arrow--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0
  }
  .c-menu-btn__link--cv {
    color: #444;
    background: #fff039
  }
  .c-menu-other-grade {
    width: calc(100% + 30px);
    position: absolute;
    bottom: 70px;
    right: -250px;
    transition: right .3s, padding .3s;
    opacity: 0;
    pointer-events: none
  }
  .c-menu-other-grade--open {
    padding: 0 10px 0 20px;
    right: -280px;
    opacity: 1;
    z-index: 1;
    pointer-events: auto
  }
  .c-wrap--shimajiro .c-menu-link__link:hover {
    border-color: #e60013;
    color: #e60013
  }
  .c-wrap--shimajiro .c-menu-link__list--primary {
    border-color: #e60013;
    color: #e60013
  }
  .c-wrap--shimajiro .c-menu-link__link:hover::after {
    background-image: url(/common_rn/btn_icon_arrow_newshimajiro.svg)
  }
  .c-wrap--shimajiro .c-menu-link__link--icon-smile:hover::before {
    background-image: url(/common_rn/btn_icon_face_newshimajiro.svg)
  }
  .c-menu-other-new1 {
    top: 30px
  }
  .c-menu-other-sho1 {
    top: 70px
  }
  .c-menu-other-sho2 {
    top: 110px
  }
  .c-menu-other-sho3 {
    top: 150px
  }
  .c-menu-other-sho4 {
    top: 190px
  }
  .c-menu-other-sho5 {
    top: 230px
  }
}

@media print, screen and (max-width:1024px) {
  .c-header {
    width: 100%;
    padding-top: 23vw;
    position: relative;
    z-index: 100
  }
  .c-header--fv {
    padding-top: 23vw
  }
  .c-header-inner {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
  }
  .c-header-head {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 16vw;
    padding: 2.66666667vw 4vw;
    background: #fff
  }
  .c-header-head--fv {
    height: 28vw;
    padding: 5.33333333vw 7.46666667vw;
    border-radius: 0 0 1.33333333vw 1.33333333vw
  }
  .c-header-head__logo {
    min-height: 0;
    line-height: 0
  }
  .c-header-head__logo--benesse {
    display: none;
    margin-bottom: 2.66666667vw
  }
  .c-header-head__logo--benesse-fv {
    display: block
  }
  .c-header-head__img--benesse {
    width: 17.33333333vw
  }
  .c-header-head__img--shozemi {
    width: 34.66666667vw
  }
  .c-header-head__img--shozemi-fv {
    width: 40vw
  }
  .c-header-head__grade {
    margin-top: 1.6vw;
    color: #21b8ce;
    font-size: 3.73333333vw;
    font-weight: 700;
    line-height: 1.42857143;
    text-align: center
  }
  .c-header-head__grade--fv {
    margin-top: 2.6666667vw;
    font-size: 3.7333333vw
  }
  .c-header-head__text--small {
    font-size: 2.4vw
  }
  .c-header-foot {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    height: 16vw;
    padding: 2.66666667vw 4vw 2.66666667vw 0;
    background: #fff
  }
  .c-header-foot--fv {
    height: 22.66666667vw;
    padding: 4vw
  }
  .c-header__btn {
    display: block;
    border-radius: 1.3333333vw;
    text-decoration: none
  }
  .c-header__btn:not(:first-child) {
    margin-left: 2.13333333vw
  }
  .c-header__btn--cv {
    display: block;
    padding: 2.93333333vw;
    background: #fff039;
    border-radius: 5px;
    color: #464646;
    font-size: 3.2vw;
    font-weight: 700
  }
  .c-header__btn--cv-fv {
    display: none
  }
  .c-header__btn--member, .c-header__btn--menu {
    height: 10.66666667vw;
    padding: 6.66666667vw 0 .8vw;
    color: #55a7ed;
    font-size: 2.66666667vw;
    position: relative;
    cursor: pointer
  }
  .c-header__btn--menu {
    width: auto
  }
  .c-header__btn--member {
    width: 10.66666667vw
  }
  .c-header__btn--member {
    display: none
  }
  .c-header__btn--member::before {
    content: "";
    display: block;
    width: 4.8vw;
    height: 3.784vw;
    margin: auto;
    background-image: url(/common_rn/c-nikoniko--white.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 2.93333333vw;
    right: 0;
    left: 0
  }
  .c-header__btn--menu::after, .c-header__btn--menu::before {
    content: "";
    display: block;
    width: 4.8vw;
    height: .53333333vw;
    margin: auto;
    background: #55a7ed;
    border-radius: .26666667vw/50%;
    position: absolute;
    right: 0;
    left: 0
  }
  .c-header__btn--menu::before {
    top: 2.4vw
  }
  .c-header__btn--menu::after {
    top: 4.8vw
  }
  .c-header__btn--member-fv, .c-header__btn--menu-fv {
    width: 14.66666667vw;
    height: 14.66666667vw;
    padding: 9.33333333vw 0 2.66666667vw;
    background: #55a7ed;
    text-align: center;
    font-weight: 700;
    color: #fff
  }
  .c-header__btn--member-fv {
    display: block
  }
  .c-header__btn--menu-fv::before {
    content: "";
    display: block;
    width: 4.8vw;
    height: 2.96vw;
    margin: auto;
    background-image: url(/common_rn/c-menu--white.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 3.44vw;
    right: 0;
    left: 0
  }
  .c-menu-wrap {
    position: fixed;
    top: 0;
    right: 0;
    box-sizing: border-box;
    z-index: 10000
  }
  .c-menu__overlay {
    width: 100vw;
    height: 100vh;
    margin: auto;
    background: rgba(183, 183, 183, .9);
    opacity: 0;
    position: absolute;
    top: 0;
    right: -100vw;
    z-index: 10010;
    transition: opacity .3s, right .3s .3s
  }
  .c-menu__overlay--show {
    right: 0;
    opacity: 1;
    transition: opacity .3s
  }
  .c-menu-cont {
    width: 85.33333333vw;
    height: 100vh;
    margin: auto;
    padding: 0 5.33333333vw 8vw;
    background: #fff;
    border-radius: 1.33333333vw 0 0 1.33333333vw;
    position: absolute;
    top: 0;
    right: -85.33333333vw;
    overflow: auto;
    box-sizing: border-box;
    z-index: 10020;
    transition: right .3s
  }
  .c-menu-cont--open {
    right: 0
  }
  .c-menu-cont-head {
    display: flex;
    align-items: center;
    min-height: 16vw;
    margin: 0 -5.33333333vw 8vw;
    padding: 3vw 4vw 3vw 5.33333333vw
  }
  .c-menu-logos {
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .c-menu-logo:not(:first-child) {
    margin-top: 14.13333333vw
  }
  .c-menu-logo__img {
    width: 34.66666667vw
  }
  .c-menu-grade {
    margin-top: 2.06666667vw;
    color: #21b8ce;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center
  }
  .c-menu-grade__text--small {
    font-size: 2.4vw
  }
  .c-menu-close-btn {
    color: #55a7ed;
    font-weight: 700;
    text-align: center;
    position: relative
  }
  .c-menu-close-btn::after, .c-menu-close-btn::before {
    content: "";
    display: block;
    width: 5.76888204vw;
    height: .53333333vw;
    margin: auto;
    background: #55a7ed;
    border-radius: .26666667vw/50%;
    position: absolute
  }
  .c-menu-close-btn::before {
    transform: rotateZ(34deg)
  }
  .c-menu-close-btn::after {
    transform: rotateZ(-34deg)
  }
  .c-menu-close-btn--top {
    width: 12vw;
    height: 12vw;
    margin-left: auto;
    padding: 7.2vw 0 0;
    font-size: 2.66666667vw
  }
  .c-menu-close-btn--top::after, .c-menu-close-btn--top::before {
    top: 3.2vw;
    right: 0;
    left: 0
  }
  .c-menu-close-btn--bottom {
    display: block;
    width: 21.06666667vw;
    margin: 16vw auto;
    padding: 1.33333333vw 0 1.33333333vw 10.13333333vw;
    font-size: 3.2vw
  }
  .c-menu-close-btn--bottom::after, .c-menu-close-btn--bottom::before {
    top: 0;
    bottom: 0;
    left: 1.33333333vw
  }
  .c-menu-cont-foot {
    margin-top: 8vw;
    padding: 0 2.66666667vw
  }
  .c-menu-link:not(:first-child) {
    margin-top: 4vw
  }
  .c-menu-link__list {
    padding: 1.33333333vw 4.26666667vw;
    border-left: .8vw solid #464646;
    color: #464646;
    font-size: 3.73333333vw;
    font-weight: 700;
    position: relative
  }
  .c-menu-link__list--has-link {
    padding: 0;
    border-left: none
  }
  .c-menu-link__list:not(:first-child) {
    margin-top: 4vw
  }
  .c-menu-link__link {
    display: block;
    padding: 1.33333333vw 8.53333333vw 1.33333333vw 4.26666667vw;
    border-left: .8vw solid #464646;
    color: #464646;
    text-decoration: none;
    position: relative
  }
  .c-menu-link__list--primary {
    border-left-color: #55a7ed;
    color: #55a7ed
  }
  .c-menu-link__link.c-menu-link__list--primary {
    cursor: default;
    opacity: 1;
    pointer-events: none
  }
  .c-menu-link__link.c-menu-link__list--primary::after {
    content: none
  }
  .c-menu-link__link:hover {
    border-left-color: #55a7ed;
    color: #55a7ed
  }
  .c-menu-link__link::after {
    content: "";
    width: 2.66666666vw;
    height: 2.66666666vw;
    margin: auto;
    background-image: url(/common_rn/c-arrow--black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    right: 3.46666667vw;
    bottom: 0
  }
  .c-menu-link__link--icon-smile {
    padding-left: 11.46666667vw
  }
  .c-menu-link__link--icon-smile::before {
    content: "";
    width: 4.8vw;
    height: 3.73333333vw;
    margin: auto;
    background-image: url(/common_rn/c-nikoniko--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 3.46666667vw;
    bottom: 0
  }
  .c-menu-link__link--icon-smile:hover::before {
    background-image: url(/common_rn/c-nikoniko--blue.svg)
  }
  .c-menu-link__link--other-grade::after {
    width: 2.66666667vw;
    height: 2.66666667vw;
    background-image: url(/common_rn/c-plus--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
  }
  .c-menu-link__link--other-grade-open::after {
    background-image: url(/common_rn/c-minus--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
  }
  .c-menu-link__text--small, .c-menu-link__text--small-sp {
    font-size: 3.2vw
  }
  .c-menu__line {
    height: .26666667vw;
    margin: 5.33333333vw 0;
    background: #d0d0d0;
    border: none
  }
  .c-menu-btn {
    margin: 5.33333333vw 0
  }
  .c-menu-btn__link {
    display: block;
    padding: 3.46666667vw 10.13333333vw 3.46666667vw 4.26666667vw;
    border-radius: 1.33333333vw;
    font-size: 3.73333333vw;
    font-weight: 700;
    text-decoration: none;
    position: relative
  }
  .c-menu-btn__link::after {
    content: "";
    width: 2.66666666vw;
    height: 2.66666666vw;
    margin: auto;
    background-image: url(/common_rn/c-arrow--black.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 3.46666667vw;
    bottom: 0
  }
  .c-menu-btn__link--cv {
    color: #444;
    background: #fff039
  }
  .c-menu-other-grade {
    display: none;
    margin-top: 4vw;
    padding-left: 4vw
  }
}
@media print, screen and (min-width:769px) and (max-width:1024px) {
  .c-header--type01 {
    background-color: #fff;
    width: 100vw;
    margin-right: -30px;
    margin-left: -30px;
    position: fixed;
    top: 0;
    z-index: 100
  }
  .c-header__inner {
    padding: 10px 15px
  }
  .c-header__head-btn-item--cv {
    display: block
  }
  .c-header__head-btn-item--member {
    display: none
  }
  .c-header__head-brand {
    display: none
  }
  .c-header__head-title {
    border-radius: 0;
    height: auto;
    padding: 0
  }
  .c-header__head-btn {
    padding: 0
  }
  .c-header--type01.c-header--type01-fv {
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-brand {
    display: block;
    margin-left: 28px
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--cv {
    display: none
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--member {
    display: block
  }
  .c-header--type01.c-header--type01-fv .c-header__head {
    height: 85px
  }
  .c-header--type01.c-header--type01-fv .c-header__inner {
    padding: 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn {
    padding: 15px
  }
  .c-header__head {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    height: 40px
  }
  .c-header__head-title {
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title {
    border-radius: 0 0 5px 0;
    background-color: #fff;
    width: 206px;
    height: 105px;
    padding: 25px 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title--on-grade {
    height: 116px;
    padding: 15px 0
  }
  .c-header__head-brand {
    line-height: 1;
    width: 86px
  }
  .c-header__head-brand-link {
    display: block
  }
  .c-wrap--shimajiro .c-header__head-brand-cap {
    width: 100%
  }
  .c-header__head-logo {
    line-height: 1;
    margin-right: auto;
    margin-left: auto
  }
  .c-header__head-logo-link {
    display: block;
    width: 150px;
    margin-right: auto;
    margin-left: auto
  }
  .c-wrap--shimajiro .c-header__head-logo-link {
    width: 100px;
    margin-right: auto;
    margin-left: 0
  }
  .c-wrap--shimajiro .c-header--type01.c-header--type01-fv .c-header__head-logo-link {
    width: 111px;
    margin-left: auto
  }
  .c-header__head-grade {
    margin-top: 8px
  }
  .c-header__head-grade-lead {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 1
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead {
    font-size: 14px
  }
  .c-header__head-grade-lead-main {
    display: block;
    font-weight: 700
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead-main {
    font-size: 14px;
    position: static;
    top: auto;
    left: auto
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead-main--block {
    display: block;
    margin-bottom: 5px
  }
  .c-header__head-grade-sub {
    font-size: 9px
  }
  .c-header__head-grade-lead-sub {
    font-size: 9px;
    font-weight: 700
  }
  .c-header__head-brand+.c-header__head-logo {
    margin-top: 10px
  }
  .c-header__head-title--on-grade .c-header__head-brand+.c-header__head-logo {
    margin-top: 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-brand+.c-header__head-logo {
    margin-top: 15px
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title--on-grade .c-header__head-brand+.c-header__head-logo {
    margin-top: 8px
  }
  .c-header__head-btn {
    display: flex
  }
  .c-header__head-btn-item--menu {
    width: 40px
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--menu, .c-header__head-btn-item--member {
    width: 55px
  }
  .c-header__head-btn-item+.c-header__head-btn-item {
    margin-left: 15px
  }
  .c-header__head-btn-item--cv .c-header__head-btn-link {
    display: block;
    border-radius: 5px;
    background-color: #fff039;
    font-size: 12px;
    font-weight: 700;
    color: #464646;
    text-align: center;
    text-decoration: none;
    height: 40px;
    padding: 10px
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--member .c-header__head-btn-link {
    display: block;
    border-radius: 5px;
    background-color: #55a7ed;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 55px;
    height: 55px;
    padding-top: 32px;
    position: relative
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link {
    display: block;
    font-size: 10px;
    border-radius: 5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding-top: 25px;
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link {
    width: 55px;
    height: 55px;
    padding-top: 32px
  }
  .c-header__head-btn-item--member .c-header__head-btn-link::before {
    content: "";
    background-image: url(/common_rn/btn_icon_face_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 10px;
    right: 0;
    left: 0
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::after, .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin: auto;
    background: #55a7ed;
    border-radius: 1px/50%;
    position: absolute;
    right: 0;
    left: 0
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    top: 9px
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::after {
    top: 18px
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    top: 17px
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::after {
    top: 10px
  }
  .c-wrap--shimajiro .c-header__head-btn-item--menu .c-header__head-btn-link::after, .c-wrap--shimajiro .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    background-color: #e60013
  }
  .c-wrap--chu .c-header__head-btn-item--menu .c-header__head-btn-link::after, .c-wrap--chu .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    background-color: #2886d9
  }
  .c-wrap--kou .c-header__head-btn-item--menu .c-header__head-btn-link::after, .c-wrap--kou .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    background-color: #0565bc
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    content: "";
    background-image: url(/common_rn/c-menu--white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 10px;
    right: 0;
    left: 0
  }
  .c-header__menu {
    overflow: auto;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    width: 320px;
    height: 100vh;
    padding: 0 20px 60px 20px;
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 1001;
    transition: right .3s
  }
  .c-header__menu-list-item {
    font-size: 14px;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1.5
  }
  .c-header__menu-list-item+.c-header__menu-list-item {
    margin-top: 15px
  }
  .c-header__menu-list-link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1.5;
    text-decoration: none;
    padding: 6px 30px 6px 16px;
    position: relative
  }
  .c-header__menu-list-link::before {
    content: "";
    border-radius: 5px;
    background-color: #464646;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .c-header__menu-list-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 10px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px
  }
  .c-header__menu-list-acc .c-header__menu-list-link::after, .c-header__menu-list-more .c-header__menu-list-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px
  }
  .c-header__menu-list-acc .c-header__menu-list-link::after, .c-header__menu-list-more .c-header__menu-list-link::after {
    background-image: url(/common_rn/btn_icon_plus_black.svg);
    width: 10px
  }
  .c-header__menu-list-acc.js-c-acc-open .c-header__menu-list-link::after, .c-header__menu-list-more.js-c-header-more-open .c-header__menu-list-link::after {
    background-image: url(/common_rn/btn_icon_minus_black.svg);
    width: 10px;
    height: 2px
  }
  .c-header__menu-list-acc-body, .c-header__menu-more {
    margin-top: 15px;
    margin-left: 15px
  }
  .c-header__menu-list-item--active .c-header__menu-list-link {
    color: #55a7ed;
    pointer-events: none
  }
  .c-header__menu-list-item--active .c-header__menu-list-link:before {
    background-color: #55a7ed
  }
  .c-header__menu-list-item--active .c-header__menu-list-link:after {
    background-image: none
  }
  .c-header__menu-rule {
    border: none;
    background-color: #d0d0d0;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px
  }
  .c-header__menu-cv-link {
    display: block;
    border-radius: 5px;
    background-color: #fff039;
    font-size: 14px;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 14px 30px 14px 14px;
    position: relative
  }
  .c-header__menu-cv-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 10px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px
  }
  .c-header__menu-list-item--member .c-header__menu-list-link {
    padding-left: 42px
  }
  .c-header__menu-list-item--member .c-header__menu-list-icon {
    display: block;
    background-image: url(/common_rn/btn_icon_face_black.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 13px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px
  }
  .c-header__menu-list-item--member .c-header__menu-list-link:hover .c-header__menu-list-icon {
    background-image: url(/common_rn/btn_icon_face_sho.svg)
  }
  .c-header__menu-more {
    display: none
  }
  .c-header__menu-more--open {
    display: block
  }
  .c-header__menu-head {
    display: flex;
    align-items: center;
    margin-bottom: 30px
  }
  .c-header__menu--has-grade .c-header__menu-head {
    display: block;
    padding-top: 10px
  }
  .c-header__menu-head-logo {
    width: 130px
  }
  .c-wrap--shimajiro .c-header__menu-head-logo {
    width: 100px
  }
  .c-header__menu-head-logo-link {
    display: block
  }
  .c-header__menu-head-grade {
    width: 130px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
  }
  .c-wrap--shimajiro .c-header__menu-head-grade {
    width: 150px;
    text-align: left;
    position: relative
  }
  .c-wrap--shimajiro .c-header__menu-head-grade-main {
    display: block
  }
  .c-header__cover {
    width: 100vw;
    height: 100vh;
    margin: auto;
    background: rgba(183, 183, 183, .9);
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 1000;
    transition: opacity .3s, right .3s .3s
  }
  .c-header__cover.c-header__cover--active {
    opacity: 1;
    right: 0;
    transition: opacity .3s
  }
  .s-header__menu-list-item-course .c-header__menu-list-link {
    display: flex;
    align-items: center
  }
  .c-header__menu-list-main {
    display: block;
    text-align: center;
    line-height: 1.1;
    width: 24%
  }
  .c-header__menu-list-main-small {
    font-size: 10px
  }
  .c-header__menu-list-img {
    display: block;
    width: 22%;
    margin-right: 4%;
    margin-left: 4%
  }
  .c-header__menu-list-sub {
    display: block;
    font-size: 12px;
    width: 46%
  }
  .c-header__menu-head-grade {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 10px
  }
  .c-header__menu-head-grade-main {
    font-size: 12px
  }
  .c-header__menu-head-grade-sub {
    font-size: 9px
  }
  .c-header__menu-head {
    height: 60px;
    padding-right: 46px;
    position: relative
  }
  .c-header__menu.c-header__menu--active {
    right: 0
  }
  .c-header__cover--active {
    opacity: 1
  }
  .c-header__menu-close {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
  }
  .c-header__menu-close::before {
    background-image: url(/common_rn/icon_close_sho.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 12px;
    margin: auto
  }
  .c-header__menu-head-close {
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 15px
  }
  .c-header__menu-head-close::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0
  }
  .c-header__menu-footer {
    margin-top: 60px
  }
  .c-header__menu-footer-close {
    width: 64px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 28px;
    position: relative
  }
  .c-header__menu-footer-close::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
  }
}

@media print, screen and (max-width:768px) {
  .c-header--type01 {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100
  }
  .c-header__inner {
    padding: 2.66666667vw 4vw
  }
  .c-header__head-btn-item--cv {
    display: block
  }
  .c-header__head-btn-item--member {
    display: none
  }
  .c-header__head-brand {
    display: none
  }
  .c-header__head-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0;
    height: auto;
    padding: 0
  }
  .c-header__head-btn {
    padding: 0
  }
  .c-header--type01.c-header--type01-fv {
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-brand {
    display: block;
    margin-left: 7.46666666vw
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--cv {
    display: none
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--member {
    display: block
  }
  .c-header--type01.c-header--type01-fv .c-header__head {
    height: 22.66666666vw
  }
  .c-header--type01.c-header--type01-fv .c-header__inner {
    padding: 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn {
    padding: 4vw
  }
  .c-header__head {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    height: 10.66666666vw
  }
  .c-header__head-title {
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title {
    border-radius: 0 0 1.33333333vw 0;
    background-color: #fff;
    width: 54.93333333vw;
    height: 28vw;
    padding: 6.66666666vw 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title--on-grade {
    padding: 4vw 0
  }
  .c-header__head-brand {
    line-height: 1;
    width: 22.93333333vw
  }
  .c-header__head-brand-link {
    display: block
  }
  .c-header__head-logo {
    line-height: 1
  }
  .c-header__head-logo-link {
    display: block;
    width: 34.66666667vw;
    margin-right: auto;
    margin-left: auto
  }
  .c-header--type01.c-header--type01-fv .c-header__head-logo-link {
    width: 40vw
  }
  .c-header__head-grade {
    margin-top: 2.13333333vw
  }
  .c-header__head-grade-lead {
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    line-height: 1
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead {
    font-size: 3.73333333vw
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead {
    font-size: 3.2vw
  }
  .c-header__head-grade-lead-main {
    display: block;
    font-size: 3.2vw;
    font-weight: 700
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead-main {
    position: static;
    top: auto;
    left: auto
  }
  .c-header--type01.c-header--type01-fv .c-header__head-grade-lead-main--block {
    display: block;
    margin-bottom: 1.33333333vw
  }
  .c-header__head-grade-sub {
    font-size: 2.4vw
  }
  .c-header__head-grade-lead-sub {
    font-size: 2.4vw;
    font-weight: 700
  }
  .c-header__head-brand+.c-header__head-logo {
    margin-top: 2.66666667vw
  }
  .c-header__head-title--on-grade .c-header__head-brand+.c-header__head-logo {
    margin-top: 0
  }
  .c-header--type01.c-header--type01-fv .c-header__head-brand+.c-header__head-logo {
    margin-top: 4vw
  }
  .c-header--type01.c-header--type01-fv .c-header__head-title--on-grade .c-header__head-brand+.c-header__head-logo {
    margin-top: 2.13333333vw
  }
  .c-header__head-btn {
    display: flex
  }
  .c-header__head-btn-item--menu {
    width: 10.666666667vw
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--menu, .c-header__head-btn-item--member {
    width: 14.66666666vw
  }
  .c-header__head-btn-item+.c-header__head-btn-item {
    margin-left: 4vw
  }
  .c-header__head-btn-item--cv .c-header__head-btn-link {
    display: block;
    border-radius: 1.33333333vw;
    background-color: #fff039;
    font-size: 3.2vw;
    font-weight: 700;
    color: #464646;
    text-align: center;
    text-decoration: none;
    height: 10.66666666vw;
    padding: 2.66666666vw
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--member .c-header__head-btn-link {
    display: block;
    border-radius: 1.33333333vw;
    background-color: #55a7ed;
    font-size: 2.66666666vw;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 14.66666666vw;
    height: 14.66666666vw;
    padding-top: 8.53333333vw;
    position: relative
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link {
    display: block;
    font-size: 2.66666666vw;
    border-radius: 1.33333333vw;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding-top: 6.66666666vw;
    position: relative
  }
  .c-header--type01.c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link {
    width: 14.66666666vw;
    height: 14.66666666vw;
    padding-top: 8.53333333vw
  }
  .c-header__head-btn-item--member .c-header__head-btn-link::before {
    content: "";
    background-image: url(/common_rn/btn_icon_face_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 4.8vw;
    height: 4.8vw;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 2.66666666vw;
    right: 0;
    left: 0
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::after, .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    content: "";
    display: block;
    width: 4.8vw;
    height: .53333333vw;
    margin: auto;
    background: #55a7ed;
    border-radius: .26666667vw/50%;
    position: absolute;
    right: 0;
    left: 0
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    top: 2.4vw
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::after {
    top: 4.8vw
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    top: 4.53333333vw
  }
  .c-header__head-btn-item--menu .c-header__head-btn-link::after {
    top: 2.66666666vw
  }
  .c-header--type01-fv .c-header__head-btn-item--menu .c-header__head-btn-link::before {
    content: "";
    background-image: url(/common_rn/c-menu--white.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 4.8vw;
    height: 4.8vw;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 2.66666666vw;
    right: 0;
    left: 0
  }
  .c-header__menu {
    overflow: auto;
    border-radius: 1.33333333vw 0 0 1.33333333vw;
    background-color: #fff;
    width: 85.33333333vw;
    height: 100vh;
    padding: 0 5.33333333vw 16vw 5.33333333vw;
    position: fixed;
    top: 0;
    right: -85.33333333vw;
    z-index: 1001;
    transition: right .3s
  }
  .c-header__menu-head-grade {
    width: 34.66666666vw
  }
  .c-header__menu-list-item {
    font-size: 3.73333333vw;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1.5
  }
  .c-header__menu-list-item+.c-header__menu-list-item {
    margin-top: 4vw
  }
  .c-header__menu-list-link {
    display: block;
    font-size: 3.73333333vw;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1.5;
    text-decoration: none;
    padding: 1.6vw 8vw 1.6vw 4.26666666vw;
    position: relative
  }
  .c-header__menu-list-link::before {
    content: "";
    border-radius: 1.33333333vw;
    background-color: #464646;
    width: 1.06666666vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  .c-header__menu-list-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 1.86666666vw;
    height: 2.66666666vw;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.73333333vw
  }
  .c-header__menu-list-acc .c-header__menu-list-link::after, .c-header__menu-list-more .c-header__menu-list-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 2.66666666vw;
    height: 2.66666666vw;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.73333333vw
  }
  .c-header__menu-list-acc .c-header__menu-list-link::after, .c-header__menu-list-more .c-header__menu-list-link::after {
    background-image: url(/common_rn/btn_icon_plus_black.svg);
    width: 2.66666666vw
  }
  .c-header__menu-list-acc.js-c-acc-open .c-header__menu-list-link::after, .c-header__menu-list-more.js-c-header-more-open .c-header__menu-list-link::after {
    background-image: url(/common_rn/btn_icon_minus_black.svg);
    width: 2.66666666vw;
    height: 2px
  }
  .c-header__menu-list-acc-body, .c-header__menu-more {
    margin-top: 4vw;
    margin-left: 4vw
  }
  .c-header__menu-list-item--active .c-header__menu-list-link {
    color: #55a7ed;
    pointer-events: none
  }
  .c-header__menu-list-item--active .c-header__menu-list-link:before {
    background-color: #55a7ed
  }
  .c-header__menu-list-item--active .c-header__menu-list-link:after {
    background-image: none
  }
  .c-header__menu-rule {
    border: none;
    background-color: #d0d0d0;
    width: 100%;
    height: 1px;
    margin-top: 5.33333333vw;
    margin-bottom: 5.33333333vw
  }
  .c-header__menu-cv-link {
    display: block;
    border-radius: 1.33333333vw;
    background-color: #fff039;
    font-size: 3.73333333vw;
    font-weight: 700;
    color: #464646;
    text-align: left;
    line-height: 1;
    text-decoration: none;
    margin-bottom: 5.33333333vw;
    padding: 3.73333333vw 8vw 3.73333333vw 3.73333333vw;
    position: relative
  }
  .c-header__menu-cv-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_black.svg);
    background-repeat: no-repeat;
    width: 1.86666666vw;
    height: 2.66666666vw;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.73333333vw
  }
  .c-header__menu-trial-link {
    display: block;
    border-radius: 1.33333333vw;
    border: solid 2px #005BAC;
    font-size: 3.73333333vw;
    font-weight: 700;
    color: #005BAC;
    text-align: left;
    line-height: 1;
    text-decoration: none;
    margin-bottom: 5.33333333vw;
    padding: 3.73333333vw 8vw 3.73333333vw 3.73333333vw;
    position: relative
  }
  .c-header__menu-trial-link::after {
    content: "";
    background-image: url(/common_rn/btn_icon_arrow_trial.svg);
    background-repeat: no-repeat;
    width: 1.86666666vw;
    height: 2.66666666vw;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.73333333vw
  }
  .c-header__menu-list-item--member .c-header__menu-list-link {
    padding-left: 42px
  }
  .c-header__menu-list-item--member .c-header__menu-list-icon {
    display: block;
    background-image: url(/common_rn/btn_icon_face_black.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 13px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px
  }
  .c-header__menu-list-item--member .c-header__menu-list-link:hover .c-header__menu-list-icon {
    background-image: url(/common_rn/btn_icon_face_sho.svg)
  }
  .c-header__menu-more {
    display: none
  }
  .c-header__menu-more--open {
    display: block
  }
  .c-header__cover {
    width: 100vw;
    height: 100vh;
    margin: auto;
    background: rgba(183, 183, 183, .9);
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 1000;
    transition: opacity .3s, right .3s .3s
  }
  .c-header__cover.c-header__cover--active {
    opacity: 1;
    right: 0;
    transition: opacity .3s
  }
  .c-header__menu-head {
    display: flex;
    align-items: center;
    margin-bottom: 8vw
  }
  .c-header__menu--has-grade .c-header__menu-head {
    display: block;
    padding-top: 2.66666666vw
  }
  .c-header__menu-head-logo {
    width: 34.66666666vw
  }
  .c-header__menu-head-logo-link {
    display: block
  }
  .c-header__menu-head-grade {
    font-size: 34.66666666vw;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
  }
  .s-header__menu-list-item-course .c-header__menu-list-link {
    display: flex;
    align-items: center
  }
  .c-header__menu-list-main {
    display: block;
    text-align: center;
    line-height: 1.1;
    width: 24%
  }
  .c-header__menu-list-main-small {
    font-size: 2.66666666vw
  }
  .c-header__menu-list-img {
    display: block;
    width: 22%;
    margin-right: 4%;
    margin-left: 4%
  }
  .c-header__menu-list-sub {
    display: block;
    font-size: 3.2vw;
    width: 46%
  }
  .c-header__menu-head-grade {
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 2.66666666vw
  }
  .c-header__menu-head-grade-main {
    font-size: 3.2vw
  }
  .c-header__menu-head-grade-sub {
    font-size: 2.4vw
  }
  .c-header__menu-head {
    height: 16vw;
    padding-right: 12.26666666vw;
    position: relative
  }
  .c-header__menu.c-header__menu--active {
    right: 0
  }
  .c-header__cover--active {
    opacity: 1
  }
  .c-header__menu-close {
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    cursor: pointer
  }
  .c-header__menu-close::before {
    background-image: url(/common_rn/icon_close_sho.svg);
    background-repeat: no-repeat;
    width: 4.8vw;
    height: 3.2vw;
    margin: auto
  }
  .c-header__menu-head-close {
    padding-top: 5.33333333vw;
    position: absolute;
    right: 0;
    top: 4vw
  }
  .c-header__menu-head-close::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0
  }
  .c-header__menu-footer {
    margin-top: 16vw
  }
  .c-header__menu-footer-close {
    width: 17.06666666vw;
    margin-right: auto;
    margin-left: auto;
    padding-left: 7.46666666vw;
    position: relative
  }
  .c-header__menu-footer-close::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
  }
}
/* /header-footer */
@media print, screen and (min-width:769px) {
  .g-text {
    font-size: 14px;
    font-weight: 400;
    color: #464646;
    text-align: left;
    line-height: 1.6
  }
  .g-text--small {
    font-size: 12px;
    color:  #2C2C2C;
  }
  .g-text--center {
    text-align: center
  }
  .g-text--right {
    text-align: right
  }
  .g-text--left {
    text-align: left
  }
  .g-text--bold {
    font-weight: 700
  }
  .g-text--underline {
    text-decoration: underline
  }
}

@media print, screen and (max-width:768px) {
  .g-text {
    font-size: 3.73333333vw;
    font-weight: 400;
    color: #464646;
    text-align: left;
    line-height: 1.6
  }
  .g-text--center {
    text-align: center
  }
  .g-text--right {
    text-align: right
  }
  .g-text--left {
    text-align: left
  }
  .g-text--bold {
    font-weight: 700
  }
  .g-text--underline {
    text-decoration: underline
  }
}
@media print, screen and (min-width:769px) {
  .c-pr00-pc {
    padding-right: 0!important
  }
  .c-pr05-pc {
    padding-right: 5px!important
  }
  .c-pr10-pc {
    padding-right: 10px!important
  }
  .c-pr15-pc {
    padding-right: 15px!important
  }
  .c-pr20-pc {
    padding-right: 20px!important
  }
  .c-pr25-pc {
    padding-right: 25px!important
  }
  .c-pr30-pc {
    padding-right: 30px!important
  }
  .c-pr35-pc {
    padding-right: 35px!important
  }
  .c-pr40-pc {
    padding-right: 40px!important
  }
  .c-pr45-pc {
    padding-right: 45px!important
  }
  .c-pr50-pc {
    padding-right: 50px!important
  }
  .c-pr55-pc {
    padding-right: 55px!important
  }
  .c-pr60-pc {
    padding-right: 60px!important
  }
  .c-pr65-pc {
    padding-right: 65px!important
  }
  .c-pr70-pc {
    padding-right: 70px!important
  }
  .c-pr75-pc {
    padding-right: 75px!important
  }
  .c-pr80-pc {
    padding-right: 80px!important
  }
  .c-pr85-pc {
    padding-right: 85px!important
  }
  .c-pr90-pc {
    padding-right: 90px!important
  }
  .c-pr95-pc {
    padding-right: 95px!important
  }
  .c-pr100-pc {
    padding-right: 100px!important
  }
  .c-pl00-pc {
    padding-left: 0!important
  }
  .c-pl05-pc {
    padding-left: 5px!important
  }
  .c-pl10-pc {
    padding-left: 10px!important
  }
  .c-pl15-pc {
    padding-left: 15px!important
  }
  .c-pl20-pc {
    padding-left: 20px!important
  }
  .c-pl25-pc {
    padding-left: 25px!important
  }
  .c-pl30-pc {
    padding-left: 30px!important
  }
  .c-pl35-pc {
    padding-left: 35px!important
  }
  .c-pl40-pc {
    padding-left: 40px!important
  }
  .c-pl45-pc {
    padding-left: 45px!important
  }
  .c-pl50-pc {
    padding-left: 50px!important
  }
  .c-pl55-pc {
    padding-left: 55px!important
  }
  .c-pl60-pc {
    padding-left: 60px!important
  }
  .c-pl65-pc {
    padding-left: 65px!important
  }
  .c-pl70-pc {
    padding-left: 70px!important
  }
  .c-pl75-pc {
    padding-left: 75px!important
  }
  .c-pl80-pc {
    padding-left: 80px!important
  }
  .c-pl85-pc {
    padding-left: 85px!important
  }
  .c-pl90-pc {
    padding-left: 90px!important
  }
  .c-pl95-pc {
    padding-left: 95px!important
  }
  .c-pl100-pc {
    padding-left: 100px!important
  }
}

@media print, screen and (max-width:768px) {
  .c-pr00-sp {
    padding-right: 0!important
  }
  .c-pr05-sp {
    padding-right: 1.33333333vw!important
  }
  .c-pr10-sp {
    padding-right: 2.66666666vw!important
  }
  .c-pr15-sp {
    padding-right: 4vw!important
  }
  .c-pr20-sp {
    padding-right: 5.33333333vw!important
  }
  .c-pr25-sp {
    padding-right: 6.66666666vw!important
  }
  .c-pr30-sp {
    padding-right: 8vw!important
  }
  .c-pr35-sp {
    padding-right: 9.33333333vw!important
  }
  .c-pr40-sp {
    padding-right: 10.66666666vw!important
  }
  .c-pr45-sp {
    padding-right: 12vw!important
  }
  .c-pr50-sp {
    padding-right: 13.33333333vw!important
  }
  .c-pr55-sp {
    padding-right: 14.66666666vw!important
  }
  .c-pr60-sp {
    padding-right: 16vw!important
  }
  .c-pr65-sp {
    padding-right: 17.33333333vw!important
  }
  .c-pr70-sp {
    padding-right: 18.66666666vw!important
  }
  .c-pr75-sp {
    padding-right: 20vw!important
  }
  .c-pr80-sp {
    padding-right: 21.33333333vw!important
  }
  .c-pr85-sp {
    padding-right: 22.66666666vw!important
  }
  .c-pr90-sp {
    padding-right: 24vw!important
  }
  .c-pr95-sp {
    padding-right: 25.33333333vw!important
  }
  .c-pr100-sp {
    padding-right: 26.66666666vw!important
  }
  .c-pl00-sp {
    padding-left: 0!important
  }
  .c-pl05-sp {
    padding-left: 1.33333333vw!important
  }
  .c-pl10-sp {
    padding-left: 2.66666666vw!important
  }
  .c-pl15-sp {
    padding-left: 4vw!important
  }
  .c-pl20-sp {
    padding-left: 5.33333333vw!important
  }
  .c-pl25-sp {
    padding-left: 6.66666666vw!important
  }
  .c-pl30-sp {
    padding-left: 8vw!important
  }
  .c-pl35-sp {
    padding-left: 9.33333333vw!important
  }
  .c-pl40-sp {
    padding-left: 10.66666666vw!important
  }
  .c-pl45-sp {
    padding-left: 12vw!important
  }
  .c-pl50-sp {
    padding-left: 13.33333333vw!important
  }
  .c-pl55-sp {
    padding-left: 14.66666666vw!important
  }
  .c-pl60-sp {
    padding-left: 16vw!important
  }
  .c-pl65-sp {
    padding-left: 17.33333333vw!important
  }
  .c-pl70-sp {
    padding-left: 18.66666666vw!important
  }
  .c-pl75-sp {
    padding-left: 20vw!important
  }
  .c-pl80-sp {
    padding-left: 21.33333333vw!important
  }
  .c-pl85-sp {
    padding-left: 22.66666666vw!important
  }
  .c-pl90-sp {
    padding-left: 24vw!important
  }
  .c-pl95-sp {
    padding-left: 25.33333333vw!important
  }
  .c-pl100-sp {
    padding-left: 26.66666666vw!important
  }
}


/* =======================

2025.07.14 add

=========================*/
@media print, screen and (max-width:768px) {

}
@media print, screen and (min-width:769px) {

}


/* contents */
@media print, screen and (max-width:768px) {
  /* #mainv {
    background: #F1F3F6;
  } */
  #contents-cv,
  #contents-01,
  #contents-02,
  #contents-03,
  #contents-06,
  #final {
    background: #F1F3F6;
  }
}
@media print, screen and (min-width:769px) {
  /* #mainv {
    background: #F1F3F6;
  } */
  #contents-cv,
  #contents-01,
  #contents-02,
  #contents-03,
  #contents-06,
  #final {
    background: #F1F3F6;
  }
}

/* 共通 */
@media print, screen and (max-width:768px) {
  a:hover {
    opacity: .7 !important;
  }
  .m-heading--simple, .m-heading--simple--border, .m-heading--simple--red {
    color: #2C2C2C;
    font-size: 5.3333vw;
    font-weight: 700;
    padding-left: 5.3333vw;
    position: relative;
    line-height: 1.4;
    margin-bottom: 4vw;
  }
  .m-modal__offer {
    position: relative;
    padding-left: 1.2em;
    color: #777;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
    align-items: baseline;
    width: 100%;
  }
  .m-modal__offer::before {
    content: "※";
    position: absolute;
    /* top: 0; */
    left: 0;
  }
  .m-modal__offer--01,
  .m-modal__offer--02 {
    padding-left: 2em;
  }
  .m-modal__offer--01::before {
    content: "※1";
  }
  .m-modal__offer--02::before {
    content: "※2";
  }
  a.m-modal__offer {
    text-decoration: underline;
  }
  a.m-modal__offer::after {
    content: "";
    background-image: url(../img/250714/modal-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin-left: 5px;
  }
  .underline {
    text-decoration: underline;
  }
  .m-notice .white {
    color: #fff;
  }
}
@media print, screen and (min-width:769px) {
  a:hover {
    opacity: .7 !important;
  }
  .m-heading--simple, .m-heading--simple--border, .m-heading--simple--red {
    color: #2C2C2C;
    font-size: 28px;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  .m-modal__offer {
    position: relative;
    padding-left: 1.2em;
    color: #777;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
    align-items: baseline;
    width: 100%;
  }
  a.m-modal__offer {
    text-decoration: underline;
  }
  .m-modal__offer::before {
    content: "※";
    position: absolute;
    /* top: 0; */
    left: 0;
  }
  .m-modal__offer--01,
  .m-modal__offer--02 {
    padding-left: 2em;
  }
  .m-modal__offer--01::before {
    content: "※1";
  }
  .m-modal__offer--02::before {
    content: "※2";
  }
  a.m-modal__offer::after {
    content: "";
    background-image: url(../img/250714/modal-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin-left: 5px;
  }
  .underline {
    text-decoration: underline;
  }
  .m-notice .white {
    color: #fff;
  }
}



/* header新規 */
.m-hamburger-menu {
  position: relative;
}
.m-hamburger-menu__input {
  display: none;
}
#hamburger:checked ~ .m-hamburger-menu__bg {
  /* display: block; */
  visibility: visible;
  opacity: 0.4;
  transition: opacity 0.3s ease-out, visibility 0s;
}
.m-hamburger-menu__button {
  display: none;
}
.m-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}
@media print, screen and (max-width: 768px) {
  body {
      padding-top: 97px;
  }
  /* #contents-04,
  #about,
  #pack,
  #kou,
  #faq,
  #dl {
    padding-top: 97px;
    margin-top: -97px;
  } */
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 97px;
  }
  .btn-gray {
    pointer-events: none;
    filter: grayscale(100%);
  }
}

@media print, screen and (min-width: 769px) {
  body {
    padding-top: 194px;
  }
  /* #price,
  #about,
  #pack,
  #kou,
  #faq,
  #dl {
    padding-top: 194px;
    margin-top: -194px;
  } */
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 194px;
  }
  .btn-gray {
    pointer-events: none;
    filter: grayscale(100%);
  }
}

@media print, screen and (max-width:768px) {
  .m-header .m-dl__btn--brochure p {
    color: #2C2C2C;
  }
  .m-header .m-dl__btn--brochure {
    position: relative;
  }
  .m-header .m-dl__btn--brochure::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 0;
    border-bottom: 2px solid #2C2C2C;
    border-right: 2px solid #2C2C2C;
    transform: rotate(-45deg);
    right: 0;
  }
  .m-header .m-cvarea__btn-link .m-cvarea__main-text {
    font-size: calc((16 / 375) * 100vw);
  }
  .m-header__btn--cost {
    position: relative;
    color: #004FA2;
    text-align: center;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    padding-right: 17px;
    margin-top: 15px;
    display: inline-block;
  }
  .m-header__btn--cost::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 5px 0 5px 0;
    border-bottom: 2px solid #004FA2;
    border-right: 2px solid #004FA2;
    transform: rotate(45deg);
    right: 0;
  }
  .m-header {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  .m-header__head {
    display: flex;
    flex-direction: column;
  }
  .m-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
  }
  .m-header__cp-logo {
    width: 120px;
    height: auto;
  }
  .m-header__cp-logo-inner {
    position: absolute;
    top: 36px;
    right: 90px;
    width: 130px;
    height: auto;
  }
  .m-hamburger-menu__list {
    width: 100%;
    width: 100%;
    gap: 15px;
    display: flex;
    flex-direction: column;
  }
  .m-hamburger-menu__list-head {
    width: 100%;
    padding-bottom: 40px;
  }
  .m-header__list-item {
    border-bottom: solid 1px #2C2C2C;
    width: 100%;
  }
  .m-header__list-item--gray {
    background: #F1F3F6;
    padding-top: 10px;
  }
  .m-header__list-link {
    color: #2C2C2C;
    display: inline-block;
    text-decoration: none;
    padding: 10px 35px 10px 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    /* font-family: "Noto Sans JP", sans-serif; */
    position: relative;
    width: 100%;
    justify-content: space-around;
    display: flex;
    align-items: center;
  }
  .m-header__list-link::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px 0;
    border-bottom: 2px solid #2C2C2C;
    border-right: 2px solid #2C2C2C;
    transform: rotate(45deg);
    right: 0;
  }
  /* .m-hamburger-menu__list {
    background-color: #fff;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    right: 0;
    padding: 2rem;
    position: absolute;
    transform: translateX(100%);
    transition: 0.3s;
    top: 100%;
    width: 80%;
    z-index: 1000;
  } */
  .m-hamburger-menu__contents {
    background-color: #fff;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    right: 0;
    padding: 120px 30px 60px 30px;
    border-radius: 8px 0px 0px 8px;
    position: fixed;
    transform: translateX(100%);
    top: 0;
    width: 300px;
    height: auto;
    z-index: 1000;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.3s ease-out, visibility 0s 0.3s, opacity 0.3s ease-out;

  }

  #hamburger:checked ~ .m-hamburger-menu__contents {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }

  .m-hamburger-menu__bg {
    background-color: #000;
    cursor: pointer;
    display: block;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    visibility: hidden;
  }
  
  @media screen and (max-width: 768px) {
    .m-hamburger-menu__button {
      align-items: center;
      appearance: none;
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      gap: 5px; /* カスタマイズしてください */
      height: 32px; /* カスタマイズしてください */
      justify-content: center;
      width: 32px; /* カスタマイズしてください */
    }
  }
  
  .m-hamburger-menu__button-mark {
    background-color: #014FA3;
    display: block;
    height: 3px;
    transition: 0.3s;
    width: 20px;
    border-radius: 3px;
  }

  #hamburger:checked
    ~ .m-hamburger-menu__button
    .m-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  #hamburger:checked
    ~ .m-hamburger-menu__button
    .m-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked
    ~ .m-hamburger-menu__button
    .m-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(2px, 3px) rotate(-45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  /* 閉じるボタンの基本スタイル */
  .m-hamburger-menu__close-button {
    position: absolute;
    top: 32px;
    right: 16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: transparent;
    border: none;
    padding: 0;
  }

  /* バツ印の線のスタイル */
  .m-hamburger-menu__close-button span {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #014FA3;
    position: absolute;
    border-radius: 3px;
    transition: transform 0.3s ease;
  }

  .m-hamburger-menu__close-button span:first-child {
    transform: rotate(45deg);
  }

  .m-hamburger-menu__close-button span:last-child {
    transform: rotate(-45deg);
  }

}
@media print, screen and (min-width:769px) {
  .m-header .m-dl__btn--brochure p {
    color: #2C2C2C;
    font-size: 14px;
  }
  .m-header .m-dl__btn--brochure {
    position: relative;
    margin: 0;
    padding-right: 30px;
  }
  .m-header .m-dl__btn--brochure::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 0;
    border-bottom: 2px solid #2C2C2C;
    border-right: 2px solid #2C2C2C;
    transform: rotate(-45deg);
    right: 0;
  }
  .m-header__btn--cost {
    position: relative;
    color: #004FA2;
    text-align: center;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    padding-right: 17px;
  }
  .m-header__btn--cost::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 5px 0 5px 0;
    border-bottom: 2px solid #004FA2;
    border-right: 2px solid #004FA2;
    transform: rotate(45deg);
    right: 0;
  }
  .m-header .m-cvarea__btn-link {
    max-width: 180px;
    padding: 10px 30px;
    margin: 0;
  }
  .m-header .m-cvarea__main-text {
    font-size: 14px;
  }
  .m-header .m-cvarea__head-text {
    color: #FFF;
    text-align: center;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding: 0 15px;
  }
  .m-header .m-cvarea__head-text::before,
  .m-header .m-cvarea__head-text::after {
    width: 20px;
  }
  .m-header .m-cvarea__btn-link::after {
    width: 10px;
    height: 10px;
  }

  .m-header {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  .m-header__inner {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .m-header__head {
    display: flex;
    flex-direction: column;
  }
  .m-header__cp-logo {
    width: 140px;
    height: auto;
    margin: 0 auto;
  }
  .m-header__list {
    box-sizing: border-box;
    display: flex;
    margin: 0;
    padding: 0;
    /* gap: 10px; */
    align-items: center;
  }
  .m-hamburger-menu__list-head {
    width: 100%;
    /* display: flex; */
    max-height: 75px;
    /* align-items: center; */
    /* justify-content: right; */
    /* gap: 15px !important; */
  }
  .m-hamburger-menu__list-head a {
    margin-left: 15px !important;
  }
  .m-header__list-link::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px 0;
    border-bottom: 2px solid #2C2C2C;
    border-right: 2px solid #2C2C2C;
    transform: rotate(45deg);
    right: 3px;
  }
  
  .m-header__list-item {
    list-style: none;
    text-decoration: none;
    color: #000000;
    /* position: relative; */
    /* max-height: 40px; */
    border-right: solid 1px #2C2C2C;
    height: 89px;
  }
  .m-header__list-item--gray {
    background: #F1F3F6;
    padding-top: 10px;
  }
  /* .m-header__list-item::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 5px 10px 0;
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
    transform: rotate(45deg);
  } */
  .m-header__list-link {
    color: #2C2C2C;
    display: inline-block;
    text-decoration: none;
    padding: 10px 30px 10px 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* font-family: "Noto Sans JP", sans-serif; */
    position: relative;
    justify-content: left;
    gap: 10px;
    display: flex;
    align-items: center;
    height: 89px;
  }
  .m-header__list-link.height-auto {
    height: auto !important;
  }
  .m-header__list-link:hover {
    filter: opacity(0.6); /* カスタマイズしてください */
  }
}

/* mainv */
@media print, screen and (max-width:768px) {
  .mainv__ttl {
    width: calc((300 / 375) * 100vw);
    position: absolute;
    top: calc((22 / 375) * 100vw);
    left: calc((38 / 375) * 100vw);
    display: flex;
    flex-direction: column;
    /* gap: 2.6667vw; */
  }
  .mainv__ttl-img-item{
    width: 100%;
  }
  .mainv__ttl-img--01{
    width: calc((300 / 375) * 100vw);
  }
  .mainv__ttl-img--02{
    width: calc((149 / 375) * 100vw);
    margin-top: 2.6667vw;
  }
  .mainv {
    position: relative;
    z-index: -1;
    /* background-image: url(../img/251002/kv_bg_sp.svg); */
    background: #F1F3F6;
    height: 169.6vw;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mainv__inner {
    position: relative;
  }
  .mainv__bg-img{
    position: absolute;
  }
  .mainv__bg-img-item{
    width: 100%;
  }
  .mainv__bg-img--01{
    width: calc((161 / 375) * 100vw);
    height: calc((319 / 375) * 100vw);
    left: calc((30 / 375) * 100vw);
    top: calc((196 / 375) * 100vw);
  }
  .mainv__bg-img--02 {
    width: calc((143 / 375) * 100vw);
    height: calc((176 / 375) * 100vw);
    z-index: 1;
    right: calc((30 / 375) * 100vw);
    top: calc((209 / 375) * 100vw);
  }
  .mainv__bg-img--03 {
    width: calc((113 / 375) * 100vw);
    height: calc((26 / 375) * 100vw);
    z-index: 1;
    right: calc((18 / 375) * 100vw);
    top: calc((333 / 375) * 100vw);
  }
}

@media print, screen and (min-width:769px) {
  .mainv__ttl {
    position: absolute;
    top: 78px;
    left: 164px;
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
    z-index: 1;
  }
  .mainv__ttl-item {
    width: 100%;
  }
  .mainv__ttl-img--01 {
    width: calc((600 / 1440) * 100vw);
    /* left: calc(50% - 720px); */
    /* left: 0;
    top: 112px; */
  }
  .mainv__ttl-img--02 {
    width: 363px;
    margin-top: 20px;
    /* left: calc(50% - 720px); */
    /* right: 0;
    top: 51px; */
  }
  .mainv {
    position: relative;
    background-image: url(../img/251002/kv_bg_pc.svg);
    /* max-width: 1440px; */
    background: #F1F3F6;
    width: 100%;
    /* min-height: 570px; */
    height: auto;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mainv__inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
  }
  .mainv__bg-img {
    position: absolute;
  }
  .mainv__bg-img-item {
    width: 100%;
  }
  .mainv__bg-img--01 {
    width: calc((177 / 1440) * 100vw);
    max-width: 177px;
    /* left: calc(50% - 720px); */
    right: 447px;
    top: 88px;
  }
  .mainv__bg-img--02 {
    width: calc((281 / 1440) * 100vw);
    max-width: 281px;
    height: 347px;
    z-index: 1;
    right: 142px;
    top: 88px;
  }
}
/* タブレット調整_mainv */
@media print, screen and (min-width: 769px) and (max-width: 1380px) {
  .mainv__ttl {
    top: calc((78 / 1440) * 100vw);
    left: calc((164 / 1440) * 100vw);
  }
  .mainv__bg-img--01 {
    right: calc((447 / 1440) * 100vw);
    top: calc((88 / 1440) * 100vw);
  }
  .mainv__bg-img--02 {
    right: calc((142 / 1440) * 100vw);
    top: calc((88 / 1440) * 100vw);
  }
}
/* m-cvarea */
@media print, screen and (max-width:768px) {
  .m-cvarea__white-box {
    background: #fff;
    padding: 2.6667vw;
  }
  .m-cvarea__btn-area--inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .m-cvarea__btn-area--inner img {
    width: 125px;
    height: auto;
  }
  .m-cvarea__btn-area {
    padding: 15px;
  }
  .m-cvarea__btn-area--text {
    color: #004FA2;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
  }
  .m-cvarea__btn-area--text .date {
    color: #004FA2;
    font-size: 5.8667vw;
  }
  .m-cvarea__btn-area--text .dow {
    color: #004FA2;
    font-size: 4.2667vw;
  }
  .m-cvarea__btn-area--text .strong {
    color: #004FA2;
    font-size: 23px;
  }
  .m-cvarea__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m-cvarea__main-text {
    font-weight: 700;
    font-size: calc((18 / 375) * 100vw);
    line-height: 1.4;
    text-align: center;
  }
  .m-cvarea__head-text {
    font-weight: 700;
    font-size: calc((14 / 375) * 100vw);
    line-height: 1.4;
    text-align: center;
    position: relative;
    padding: 0 calc((20 / 375) * 100vw);
  }
  .m-cvarea__head-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc((20 / 375) * 100vw);
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
  .m-cvarea__head-text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: calc((20 / 375) * 100vw);
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: right bottom;
  }
  .m-cvarea__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc((50/375) * 100vw);
    background-color: #FC244F;
    font-size: calc((18/375) * 100vw);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    padding: calc((14/375) * 100vw) calc((22/375) * 100vw) calc((13/375) * 100vw);
    position: relative;
    width: 100%;
    box-shadow: 0 calc((3/375) * 100vw) calc((20/375) * 100vw) rgba(0, 29, 108, 0.15);
    margin-top: calc((10/375) * 100vw);
  }
  .m-cvarea__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: calc((15/375) * 100vw);
    height: calc((15/375) * 100vw);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: calc((15/375) * 100vw);
    background-size: contain;
  }
  .m-cvarea__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width:769px) {
  .m-cvarea__btn-area--inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
  }
  .m-cvarea__btn-area--inner img {
    width: 125px;
    height: auto;
  }
  .m-cvarea__btn-area {
    /* padding: 30px 40px; */
  }
  .m-cvarea__btn {

  }
  .m-cvarea__white-box {
    background: #fff;
    padding: 10px;
  }
  
  .m-cvarea__btn-area--text {
    color: #004FA2;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
  }
  .m-cvarea__btn-area--text .date,
  .m-cvarea__btn-area--text .dow,
  .m-cvarea__btn-area--text .strong {
    color: #004FA2;
    font-size: 28px;
  }
  .m-cvarea__head-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
  }
  .m-cvarea__head-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    padding: 0 30px;
    margin: 0 auto;
    max-width: 350px;
  }
  .m-cvarea__head-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    transform-origin: left bottom;
  }
  .m-cvarea__head-text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 0;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    transform-origin: right bottom;
  }
  .m-cvarea__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #FC244F;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none!important;
    line-height: 1.333333;
    padding: 14px 22px 13px;
    position: relative;
    width: 460px;
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    margin: 0 auto;
    margin-top: 15px;
  }
  .m-cvarea__btn-link:hover {
    opacity: 0.7;
  }
  .m-cvarea__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    background-size: contain;
  }
  .m-cvarea__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
}



/* m-flow */
@media print, screen and (max-width:768px) {
  .m-flow {
    position: relative;
  }
  .m-flow__inner {
    position: relative;
  }
  .m-flow__bg-img {
    position: absolute;
  }
  .m-flow__bg-img-item {
    width: 100%;
  }
  .m-flow__bg-img--01 {
    width: calc((75 / 375) * 100vw);
    height: calc((77 / 375) * 100vw);
    left: calc((-30 / 375) * 100vw);
    top: calc((313 / 375) * 100vw);
  }
  .m-flow__bg-img--02 {
    width: calc((71 / 375) * 100vw);
    height: calc((100 / 375) * 100vw);
    right: calc((-22 / 375) * 100vw);
    top: calc((430 / 375) * 100vw);
  }
  h2.m-flow__title {
    padding-top: calc((70 / 375) * 100vw);
    padding-bottom: calc((60 / 375) * 100vw);
    margin: 0;
    text-align: center;
  }
  .m-flow__title-sub {
    color: #004FA2;
    font-size: calc((26 / 375) * 100vw);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.04px;
  }
  .m-flow__title-main {
    color: #004FA2;
    font-size: calc((40 / 375) * 100vw);
    font-weight: 700;
    line-height: 1.2;
  }
  .m-flow__content--video {
    width: 100%;
    max-width: 260px;
    margin: 15px 0;
    margin: 0 auto;
  }
}
@media print, screen and (min-width:769px) {
  .m-flow {
    position: relative;
  }
  .m-flow__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
  }
  .m-flow__bg-img {
    position: absolute;
  }
  .m-flow__bg-img-item {
    width: 100%;
  }
  .m-flow__bg-img--01 {
    width: 191px;
    height: 198px;
    /* left: calc(50% - 720px); */
    left: -198px;
    top: -168px;
  }
  .m-flow__bg-img--02 {
    width: 180px;
    height: 228px;
    /* left: calc(50% - 720px); */
    right: -180px;
    top: -160px;
  }
  h2.m-flow__title {
    padding-top: 70px;
    padding-bottom: 40px;
    margin: 0;
    text-align: center;
  }
  .m-flow__title-sub {
    color: #004FA2;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.0;
    letter-spacing: 1.04px;
  }
  .m-flow__title-main {
    color: #004FA2;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-flow__content--video {
    width: 100%;
    max-width: 260px;
    margin: 15px 0;
    margin: 0 auto;
  }
}



/* animation */
.fadeIn {
  transform: translate3d(0, 50px, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}



/* m-acordion */
@media print, screen and (max-width:768px) {
  .m-acordion {
    border-radius: 10.6667vw 10.6667vw 0vw 0vw;
    padding: 10.6667vw 4vw 32vw 4vw;
    background: #D9E1EF;
    margin-top: -10.6667vw;
    position: relative;
  }
  .m-acordion__inner {
    position: relative;
  }
  .m-acordion__title {
    border-radius: 0.8vw;
    border: 0.8vw solid #FFF;
    background: #1F2762;
    box-shadow: 1.6vw 1.6vw 0vw 0vw #1F2762;
    color: #FFF;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 7.4667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 4.8vw 0;
    text-align: center;
    width: 78.6667vw;
    margin: 0 auto;
  }
  .m-acordion .m-heading--simple.small {
    font-size: 4.5333vw;
  }
  .m-acordion .m-acc__btn.small {
    font-size: 6.6667vw;
  }
  .m-acc--styled > .m-acc__btn, .m-acc--styled--white > .m-acc__btn, .m-acc--styled--pink > .m-acc__btn {
    width: 100%;
    position: relative;
    display: block;
    background-color: #fff;
    color: #1F2762;
    box-sizing: border-box;
    text-align: center;
    font-size: 7.4667vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 8vw 10vw 8vw 7.2vw;
    border-radius: 0vw 2.6667vw 0vw 0vw;
    cursor: pointer;
  }
  .m-acc__btn.gold {
    color: #DCB23A !important;
  }
  .m-acc--styled > .m-acc__content, .m-acc--styled--white > .m-acc__content, .m-acc--styled--pink > .m-acc__content {

  }
  .m-acc--styled > .m-acc__btn.is-active, .m-acc--styled--white > .m-acc__btn.is-active, .m-acc--styled--pink > .m-acc__btn.is-active {
    border-radius: 0vw 2.6667vw 0vw 0vw;
  }
  .m-acc--styled--white > .m-acc__content {
    background-color: #fff;
  }
  .m-acc .m-acc__content, .m-acc--icon .m-acc__content, .m-acc--icon--white .m-acc__content, .m-acc--styled .m-acc__content, .m-acc--styled--white .m-acc__content, .m-acc--styled--pink .m-acc__content {
    display: none;
    /* padding: 10px 0; */
  }
  .m-acc.m-acc-only-sp .m-acc__content, .m-acc-only-sp.m-acc--icon .m-acc__content, .m-acc-only-sp.m-acc--icon--white .m-acc__content, .m-acc-only-sp.m-acc--styled .m-acc__content, .m-acc-only-sp.m-acc--styled--white .m-acc__content, .m-acc-only-sp.m-acc--styled--pink .m-acc__content {
    display: block;
    padding: 0px 10px 10px;
  }
  .m-acc--styled > .m-acc__btn:after, .m-acc--styled--white > .m-acc__btn:after, .m-acc--styled--pink > .m-acc__btn:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
  }
  .m-acc--styled > .m-acc__btn:after, .m-acc--styled--white > .m-acc__btn:after, .m-acc--styled--pink > .m-acc__btn:after {
    background-image: url(../img/250714/acordion-icon_plus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 18px;
    width: 27px;
    height: 27px;
  }
  .m-acc--styled--white > .gold.m-acc__btn:after {
    background-image: url(../img/251002/acordion-icon_plus_gold.svg);
  }
  .m-acc--styled > .m-acc__btn.is-active:after, .m-acc--styled--white > .m-acc__btn.is-active:after, .m-acc--styled--pink > .m-acc__btn.is-active:after {
    background-image: url(../img/250714/acordion-icon_minus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 18px;
    width: 27px;
    height: 27px;
  }
  .m-acc--styled--white > .gold.m-acc__btn.is-active:after {
    background-image: url(../img/251002/acordion-icon_minus_gold.svg);
  }
  .m-acc--styled--white > .m-acc__btn.is-active:after {

  }
  .m-acc__content--wrap {
    display: flex;
    padding: 5.3333vw;
    flex-direction: column;
    align-items: flex-start;
    /* gap: 10.6667vw; */
    align-self: stretch;
  }
  .m-acc__content--wrap .g-text {
    color: #2C2C2C;
    text-align: center;
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 1.4;
  }
  .m-acc__content--wrap .flex-pc {
    display: flex;
    flex-direction: column;
    /* gap: 10.6667vw; */
  }

  .m-acordion__item-wrap {
    display: flex;
    flex-direction: column;
    /* gap: 10.6667vw; */
  }

  .m-acc__tag {
    background-image: url(../img/250714/acordion-top_bg_sp.svg);
    background-size: contain;
    width: 67.7333vw;
    height: 10.4vw;
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.2;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .m-acc__tag.gold {
    background-image: url(../img/251002/acordion-top_bg_gold_sp.svg);
    color: #2C2C2C;
  }
  .m-acc__content--item {
    width: 100%;
  }
  .m-acc__content--item + .m-acc__content--item,
  .flex-pc + .m-acc__content--item,
  .g-text + .flex-pc  {
    margin-top: 10.6667vw;
  }
  .m-acc__content--wrap .flex-pc > .m-acc__content--item + .m-acc__content--item {
    margin-top: 10.6667vw;
  }
  .m-acc__content--item:last-child {
    margin-bottom: 10.6667vw;
  }
  .m-acordion__item + .m-acordion__item {
    margin-top: 10.6667vw;
  }
  .flex-pc .m-acc__content--item:last-child {
    margin-bottom: 0 !important;
  }
  .m-acc__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-acc__content--img.pr-pl-30 {
    padding: 0 30px;
  }
}
@media print, screen and (min-width:769px) {
  .m-acordion {
    border-radius: 60px 60px 0px 0px;
    background: #D9E1EF;
    margin-top: -60px;
    position: relative;
    padding: 80px 0px 180px 0px;
  }
  .m-acordion__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
  }
  .m-acordion__title {
    border-radius: 3px;
    border: 3px solid #FFF;
    background: #1F2762;
    box-shadow: 6px 6px 0px 0px #1F2762;
    color: #FFF;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px 0px;
    text-align: center;
    width: 500px;
    margin: 0 auto;
  }
  .m-acc--styled > .m-acc__btn, .m-acc--styled--white > .m-acc__btn, .m-acc--styled--pink > .m-acc__btn {
    width: 100%;
    position: relative;
    display: block;
    background-color: #fff;
    color: #1F2762;
    box-sizing: border-box;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    padding: 40px 40px 40px 60px;
    border-radius: 0px 30px 0px 0px;
    cursor: pointer;
  }
  .m-acc__btn.gold {
    color: #DCB23A !important;
  }
  .m-acc--styled > .m-acc__content, .m-acc--styled--white > .m-acc__content, .m-acc--styled--pink > .m-acc__content {

  }
  .m-acc--styled > .m-acc__btn.is-active, .m-acc--styled--white > .m-acc__btn.is-active, .m-acc--styled--pink > .m-acc__btn.is-active {
    border-radius: 0px 30px 0px 0px;
  }
  .m-acc--styled--white > .m-acc__content {
    background-color: #fff;
  }
  .m-acc .m-acc__content, .m-acc--icon .m-acc__content, .m-acc--icon--white .m-acc__content, .m-acc--styled .m-acc__content, .m-acc--styled--white .m-acc__content, .m-acc--styled--pink .m-acc__content {
    display: none;
    /* padding: 10px 0; */
  }
  .m-acc.m-acc-only-sp .m-acc__content, .m-acc-only-sp.m-acc--icon .m-acc__content, .m-acc-only-sp.m-acc--icon--white .m-acc__content, .m-acc-only-sp.m-acc--styled .m-acc__content, .m-acc-only-sp.m-acc--styled--white .m-acc__content, .m-acc-only-sp.m-acc--styled--pink .m-acc__content {
    display: block;
    padding: 0px 10px 10px;
  }
  .m-acc--styled > .m-acc__btn:after, .m-acc--styled--white > .m-acc__btn:after, .m-acc--styled--pink > .m-acc__btn:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
  }
  .m-acc--styled > .m-acc__btn:after, .m-acc--styled--white > .m-acc__btn:after, .m-acc--styled--pink > .m-acc__btn:after {
    background-image: url(../img/250714/acordion-icon_plus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 18px;
    width: 27px;
    height: 27px;
  }
  .m-acc--styled--white > .gold.m-acc__btn:after {
    background-image: url(../img/251002/acordion-icon_plus_gold.svg);
  }
  .m-acc--styled > .m-acc__btn.is-active:after, .m-acc--styled--white > .m-acc__btn.is-active:after, .m-acc--styled--pink > .m-acc__btn.is-active:after {
    background-image: url(../img/250714/acordion-icon_minus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 18px;
    width: 27px;
    height: 27px;
  }
  .m-acc--styled--white > .gold.m-acc__btn.is-active:after {
    background-image: url(../img/251002/acordion-icon_minus_gold.svg);
  }
  .m-acc__content--wrap {
    display: flex;
    padding: 40px 60px 60px 60px;
    flex-direction: column;
    align-items: center;
    /* gap: 40px; */
    align-self: stretch;
  }
  .m-acc__content--wrap .g-text {
    color: #2C2C2C;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
  }
  .m-acc__content--wrap .flex-pc {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
  }
  .m-acc__content--wrap .flex-pc .m-acc__content--item {
    max-width: 390px;
  }
  .m-acordion__item-wrap {
    display: flex;
    flex-direction: column;
    /* gap: 60px !important; */
  }
  .m-acc__tag {
    background-image: url(../img/250714/acordion-top_bg_pc.svg);
    background-size: contain;
    width: 373px;
    height: 53px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .m-acc__tag.gold {
    background-image: url(../img/251002/acordion-top_bg_gold_pc.svg);
    color: #2C2C2C;
  }
  .m-acc__content--item {
    width: 100%;
  }
  .m-acc__content--item:last-child {
    margin-bottom: 40px;
  }
  .m-acc__content--item + .m-acc__content--item,
  .flex-pc + .m-acc__content--item,
  .g-text + .flex-pc {
    margin-top: 40px;
  }
  .m-acc__content--wrap .flex-pc > .m-acc__content--item + .m-acc__content--item {
    margin-left: 40px;
    margin-top: 0;
  }
  .m-acordion__item + .m-acordion__item {
    margin-top: 60px;
  }
  .flex-pc .m-acc__content--item:last-child {
    margin-bottom: 0 !important;
  }
  .m-acc__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-acc__content--img.pr-pl-30 {
    padding: 0 30px;
  }
  .m-acc__content--img-01 {
    padding: 0px 60px;
  }
  .m-acc__content--img-02 {
    height: 372px;
    width: auto;
  }
  .m-acc__content--img-03,
  .m-acc__content--img-04 {
    height: 439px;
    width: auto;
  }
  .m-acc__content--img-05 {
    height: 209px;
    width: auto;
  }
  .m-acc__content--img-06 {
    height: 660px;
    width: auto;
  }
}

/* m-taiken */
@media print, screen and (max-width:768px) {
  .m-taiken {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
  /* .m-taiken::before,
  .m-taiken::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 8px;
    border-color: #1F2762;
    border-style: solid;
  }
  .m-taiken::before {
    top: 0;
    border-width: 4px 0 2px 0;
  }
  .m-taiken::after {
    bottom: 0;
    border-width: 2px 0 4px 0;
  } */
  .m-taiken__title {
    color: #1F2762;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
  }
  .m-taiken__item {
    display: flex;
    align-items: end;
    flex: 1;
  }
  .m-taiken__item:not(:last-child) {
    margin-bottom: 40px;
  }
  .m-taiken__item--wrap {
    display: flex;
    /* gap: 40px; */
    justify-content: center;
    flex-direction: column;
  }
  .m-taiken__item > img {
    width: 79px;
    margin-right: -20px;
    /* position: absolute; */
    bottom: 0;
    right: 266px;
    z-index: 1;
  }
  .m-taiken__blockquote {
    display: inline-block;
    padding: 20px 15px 20px 30px;
    background-color: #D9E1EF;
    height: 100%;
    color: #2C2C2C;
    font-size: 16px;
    font-weight: 500;
    position: relative;
  }
  .m-taiken__blockquote b {
    color: #1F2762;
  }
  .m-taiken__blockquote::before {
    content: "";
    background-image: url(../img/251002/voice_icon-left.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: -10px;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
  }
  .m-taiken__blockquote::after {
    content: "";
    background-image: url(../img/251002/voice_icon-right.svg);
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
  }
}
@media print, screen and (min-width:769px) {
  .m-taiken {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
  /* .m-taiken::before,
  .m-taiken::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 8px;
    border-color: #1F2762;
    border-style: solid;
  }
  .m-taiken::before {
    top: 0;
    border-width: 4px 0 2px 0;
  }
  .m-taiken::after {
    bottom: 0;
    border-width: 2px 0 4px 0;
  } */
  .m-taiken__title {
    color: #1F2762;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
  }
  .m-taiken__item {
    display: flex;
    align-items: end;
    flex: 1;
  }
  .m-taiken__item:not(:last-child) {
    margin-right: 40px;
  }
  .m-taiken__item--wrap {
    display: flex;
    /* gap: 40px; */
    justify-content: center;
  }
  .m-taiken__item > img {
    width: 91px;
    margin-right: -20px;
    /* position: absolute; */
    bottom: 0;
    right: 320px;
    z-index: 1;
  }
  .m-taiken__blockquote {
    display: inline-block;
    padding: 34px 15px 34px 30px;
    background-color: #D9E1EF;
    color: #2C2C2C;
    font-size: 18px;
    font-weight: 500;
    position: relative;
  }
  .m-taiken__blockquote b {
    color: #1F2762;
  }
  .m-taiken__blockquote::before {
    content: "";
    background-image: url(../img/251002/voice_icon-left.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: -10px;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
  }
  .m-taiken__blockquote::after {
    content: "";
    background-image: url(../img/251002/voice_icon-right.svg);
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
  }
}


/* m-start */
@media print, screen and (min-width:769px) {
  .m-start {
    /* border-radius: 60px 60px 0px 0px; */
    background: #0180FF;
    /* margin-top: -60px; */
    position: relative;
    padding: 30px 0px 60px 0px;
  }
  .m-start__inner {
    position: relative;
    max-width: 770px;
    margin: 0 auto;
  }
  .m-start .m-notice {
    color: #fff;
  }
  .m-start__thumb {
    max-width: 500px;
    width: 100%;
    height: auto;
    margin:  0 auto;
  }
  .m-start__title {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .m-start__title-sub {
    border-radius: 3px;
    border: 3px solid #FFF;
    background: #0180EA;
    box-shadow: 5px 5px 0px 0px #0180EA;
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    padding: 12px 0px;
    text-align: center;
    width: 345px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
  }
  .m-start__title-main {
    color: #0180FF;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.48px;
  }
  .m-start__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #004fa2;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none!important;
    line-height: 1.333333;
    padding: 14px 22px 13px;
    position: relative;
    width: 100%;
    box-shadow: 0 3px 20px rgba(0, 29, 108, 0.15);
    margin: 0 auto;
    margin-top: 15px;
  }
  .m-start__btn-link:hover {
    opacity: 0.7;
  }
  .m-start__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 15px;
    background-size: contain;
  }
  .m-start__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
  .m-start__content {
    position: relative;
  }
  .m-start__content--img {
    position: relative;
    z-index: 1;
  }
  .m-start__content .circle-01 {
    position: absolute;
    top: 48px;
    right: 249px;
  }
  .m-start__content .circle-02 {
    position: absolute;
    bottom: -19px;
    left: 195px;
  }
  .m-start__content--circle {
    width: 345px;
    height: 345px;
    border-radius: 345px;
    background: linear-gradient(180deg, #2E9FCC 0%, #105FB4 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 12px; */
  }
  .m-start__content--circle h3 {
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
  }
  .m-start__content--circle p {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px;
  }
  .m-start__bg-img {
    position: absolute;
  }
  .m-start__bg-img-item {
    width: 100%;
  }
  .m-start__bg-img--01 {
    width: 215px;
    height: 215px;
    left: -198px;
    top: 143px;
  }
  .m-start__bg-img--02 {
    width: 205px;
    height: 195px;
    right: -198px;
    top: 199px;
  }
  .m-start__bg-img--03 {
    width: 132px;
    height: 132px;
    right: 164px;
    top: 493px;
    z-index: -1;
  }
  .m-start__bg-img--04 {
    width: 221px;
    height: 200px;
    left: -114px;
    bottom: 85px;
    transform: rotate(90deg);
  }
  .m-start__bg-img--05 {
    width: 215px;
    height: 215px;
    right: -175px;
    bottom: 40px;
  }
}
/* タブレット調整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .m-start__content .circle-01 {
    right: 150px;
  }
  .m-start__content .circle-02 {
    left: 150px;
  }
}
@media print, screen and (max-width:768px) {
  .m-start {
    /* border-radius: 10.6667vw 10.6667vw 0vw 0vw; */
    padding: 8vw 4vw 16vw 4vw;
    background: #0180FF;
    /* margin-top: -10.6667vw; */
    position: relative;
  }
  .m-start__inner {
    position: relative;
  }
  .m-start__thumb {
    width: 100%;
    height: auto;
  }
  .m-start__title {
    margin-bottom: 8vw;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .m-start__title-sub {
    border-radius: 0.8vw;
    border: 0.8vw solid #FFF;
    background: #0180EA;
    box-shadow: 1.3333vw 1.3333vw 0vw 0vw #0180EA;
    color: #FFF;
    font-size: 5.3333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 3.2vw 0;
    text-align: center;
    width: 78.6667vw;
    margin: 0 auto;
    margin-bottom: 5.3333vw;
    display: block;
  }
  .m-start__title-main {
    color: #0180FF;
    text-align: center;
    font-size: 8vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.2667vw;
    width: 100%;
    display: block;
  }
  .m-start__btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc((50/375) * 100vw);
    background-color: #004fa2;
    font-size: calc((18/375) * 100vw);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    padding: calc((14/375) * 100vw) calc((22/375) * 100vw) calc((13/375) * 100vw);
    position: relative;
    width: 100%;
    box-shadow: 0 calc((3/375) * 100vw) calc((20/375) * 100vw) rgba(0, 29, 108, 0.15);
    margin-top: calc((10/375) * 100vw);
  }
  .m-start__btn-link::after {
    content: "";
    display: block;
    background-image: url(../../_share23/img/231117_50502_btn_icon_arrow_white.svg);
    background-repeat: no-repeat;
    width: calc((15/375) * 100vw);
    height: calc((15/375) * 100vw);
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: calc((15/375) * 100vw);
    background-size: contain;
  }
  .m-start__btn-link.flex-column {
    display: flex;
    flex-direction: column;
  }
  .m-start__content {
    position: relative;
  }
  .m-start__content--img {
    margin: 0 -4vw;
    position: relative;
    z-index: 1;
  }
  .m-start__content .circle-01 {
    position: absolute;
    top: -24vw;
    left: -8vw;
  }
  .m-start__content .circle-02 {
    position: absolute;
    bottom: -60.3333vw;
    right: -4vw;
  }
  .m-start__content--circle {
    width: 73.0667vw;
    height: 73.3333vw;
    border-radius: 73.3333vw;
    background: linear-gradient(180deg, #2E9FCC 0%, #105FB4 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 3.2vw; */
  }
  .m-start__content--circle h3 {
    color: #FFF;
    text-align: center;
    font-size: 5.8667vw;
    font-weight: 700;
    line-height: 1.4;
}
  .m-start__content--circle p {
    color: #FFF;
    text-align: center;
    font-size: 4.2667vw;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 3.2vw;
  }
  .m-start__bg-img {
    position: absolute;
  }
  .m-start__bg-img-item {
    width: 100%;
  }
  .m-start__bg-img--01 {
    width: calc((96 / 375) * 100vw);
    height: calc((96 / 375) * 100vw);
    left: calc((-26 / 375) * 100vw);
    top: calc((40 / 375) * 100vw);
  }
  .m-start__bg-img--02 {
    width: calc((110/ 375) * 100vw);
    height: calc((110 / 375) * 100vw);
    right: calc((-30 / 375) * 100vw);
    top: calc((242 / 375) * 100vw);
  }
  .m-start__bg-img--03 {
    width: calc((136/ 375) * 100vw);
    height: calc((136 / 375) * 100vw);
    left: calc((-41 / 375) * 100vw);
    top: calc((526 / 375) * 100vw);
    z-index: -1;
  }
  .m-start__bg-img--04 {
    width: calc((139 / 375) * 100vw);
    height: calc((109 / 375) * 100vw);
    left: calc((-10 / 375) * 100vw);
    bottom: -226px;
    transform: rotate(90deg);
  }
  .m-start__bg-img--05 {
    display: none;
  }
}
/* iPad mini (第6世代など) 縦持ち向け - 744px から 768px まで */
@media screen and (min-width: 744px) and (max-width: 768px) {
  .m-cost__content--fuki {
    font-size: 3vw !important;
  }
  .m-cost__content--table .fuki-img {
    width: 300px !important;
  }
  .m-start__content .circle-01 {
    z-index: 1;
  }
  
}


/* m-cost */
@media print, screen and (max-width:768px) {
  .m-cost {
    padding: 80px 15px 120px 15px;
    position: relative;
  }
  .m-cost__inner {
    position: relative;
  }
  h2.m-cost__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-cost__title::before {
    border-radius: 0.5333vw;
    content: "";
    width: 26.6667vw;
    display: block;
    position: absolute;
    bottom: -5.3333vw;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .m-cost__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    display: block;
  }
  .m-cost__title-main {
    color: #004FA2;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
  }
  .m-cost__content--fuki {
    color: #2C2C2C;
    text-align: center;
    font-size: 4.5333vw;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    margin-bottom: 2.6667vw;
  }
  .m-cost__content--fuki::before,
  .m-cost__content--fuki::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 13.3333vw;
    height: 0.5333vw;
    background-color: #2C2C2C;
    transform: translateY(-50%) rotate(25deg);
    transform-origin: center center;
  }
  .m-cost__content--fuki::before {
    left: 0;
    transform: translateY(-50%) rotate(60deg);
  }
  .m-cost__content--fuki::after {
    right: 0;
    transform: translateY(-50%) rotate(-60deg);
  }
  .m-cost__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-cost__content--text p {
    color: #2C2C2C;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2.6667vw;
  }
  .m-cost__content--otoku {
    margin-bottom: 10.6667vw;
    display: flex;
    flex-direction: column;
    gap: 2.6667vw;
    /* width: 78.6667vw; */
    margin: 0 auto;
    margin-bottom: 10.6667vw;
  }
  .m-cost__content--table {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: end;
  }
  .m-cost__content--table .fuki-img {
    width: 175px;
    padding: 0 18px;
    margin: 0;
  }
}
@media print, screen and (min-width:769px) {
  .m-cost {
    border-radius: 60px 60px 0px 0px;
    position: relative;
    padding: 80px 0px 120px 0px;
  }
  .m-cost__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
  }
  h2.m-cost__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-cost__title::before {
    border-radius: 2px;
    content: "";
    width: 100px;
    display: block;
    position: absolute;
    bottom: -20px;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  h2.m-cost__title::before {
    content: "";
    width: 100px;
    stroke-width: 4px;
    stroke: #004FA2;
  }
  .m-cost__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
  }
  .m-cost__title-main {
    color: #004FA2;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-cost__content {
    max-width: 770px;
    margin: 0 auto;
  }
  .m-cost__content--fuki {
    color: #2C2C2C;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    margin-bottom: 10px;
  }
  .m-cost__content--fuki::before,
  .m-cost__content--fuki::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #2C2C2C;
    transform: translateY(-50%) rotate(25deg);
    transform-origin: center center;
  }
  .m-cost__content--fuki::before {
    left: -10px;
    transform: translateY(-50%) rotate(60deg);
  }
  .m-cost__content--fuki::after {
    right: -10px;
    transform: translateY(-50%) rotate(-60deg);
  }
  .m-cost__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-cost__content--text p {
    color: #2C2C2C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 10px;
  }
  .m-cost__content--otoku {
    max-width: 541px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
  }
  .m-cost__content--otoku .m-cost__content--link {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: auto;
  }
  .m-cost__content--table {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
  }
  .m-cost__content--table .fuki-img {
    width: 416px;
    padding: 0 93px;
    margin: 0;
    margin-bottom: -10px;
  }
}

/* m-comp */
@media print, screen and (max-width:768px) {
  .m-comp {
    padding: 0 15px 120px 15px;
    position: relative;
  }
  .m-comp__inner {
    position: relative;
  }
  h2.m-comp__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-comp__title::before {
    border-radius: 0.5333vw;
    content: "";
    width: 26.6667vw;
    display: block;
    position: absolute;
    bottom: -5.3333vw;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .m-comp__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    display: block;
  }
  .m-comp__title-main {
    color: #004FA2;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
  }
  .m-comp__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-comp__content--text p {
    color: #2C2C2C;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 2.6667vw;
  }
  .m-comp__content--table {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: end;
  }
  .m-comp__content--table .fuki-img {
    width: 175px;
    padding: 0 18px;
    margin: 0;
  }
}
@media print, screen and (min-width:769px) {
  .m-comp {
    border-radius: 0 60px 0px 0px;
    position: relative;
    padding: 0 0px 120px 0px;
  }
  .m-comp__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
  }
  h2.m-comp__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-comp__title::before {
    border-radius: 2px;
    content: "";
    width: 100px;
    display: block;
    position: absolute;
    bottom: -20px;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  h2.m-comp__title::before {
    content: "";
    width: 100px;
    stroke-width: 4px;
    stroke: #004FA2;
  }
  .m-comp__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
  }
  .m-comp__title-main {
    color: #004FA2;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-comp__content--img {
    margin: 0 auto;
    text-align: center;
  }
  .m-comp__content--text p {
    color: #2C2C2C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 10px;
  }
  .m-comp__content--table {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
    max-width: 770px;
    margin: 0 auto;
  }
  .m-comp__content--table .fuki-img {
    width: 175px;
    padding: 0 18px;
    margin: 0;
  }
}


/* m-dl */
@media print, screen and (max-width:768px) {
  .m-dl {
    padding: 21.3333vw 4vw;
    position: relative;
  }
  .m-dl__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* gap: 10.6667vw; */
  }
  .m-dl__item {
    display: flex;
    width: 100%;
    padding: 16vw 4vw;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center;
  }
  .m-dl__item:nth-of-type(2) {
    margin-top: 10.6667vw;
  }
  .m-dl__item p,
  .m-dl__item a,
  .m-dl__item .m-dl__item--img {
    position: relative;
    z-index: 1;
  }
  .m-dl__item--left {
    border-radius: 10.6667vw;
    background: linear-gradient(180deg, #0080C8 0.19%, #005BB1 99.81%);
  }
  .m-dl__item--left .m-dl__item--text {
    color: #FFF;
    text-align: center;
    font-size: 5.8667vw;
    font-weight: 700;
    line-height: 1.4;
  }
  .m-dl__item--right {
    border-radius: 10.6667vw;
    background: linear-gradient(0deg, #7D5FEB 0.01%, #3D59E4 99.99%);
  }
  .m-dl__item--right .flex-pc {
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
    justify-content: center;
    align-items: center;
  }
  .m-dl__item--right .flex-pc > div + div {
    margin-top: 20px;
  }
  .m-dl__item--right .m-dl__item--text {
    color: #FFF;
    text-align: center;
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 1.5;
  }
  .m-dl__item--img {
    width: 100px;
    height: 99px;
    margin-bottom: 15px;
  }
  .m-dl__bg-img {
    position: absolute;
  }
  .m-dl__bg-img-item {
    width: 100%;
  }
  .m-dl__bg-img--01 {
    width: calc((142 / 375) * 100vw);
    height: calc((157 / 375) * 100vw);
    left: calc((0 / 375) * 100vw);
    top: calc((0 / 375) * 100vw);
    /* z-index: -1; */
  }
  .m-dl__bg-img--02 {
    width: calc((109 / 375) * 100vw);
    height: calc((86 / 375) * 100vw);
    left: calc((0 / 375) * 100vw);
    bottom: calc((0 / 375) * 100vw);
    /* z-index: -1; */
  }
  .m-dl__bg-img--03 {
    width: calc((86 / 375) * 100vw);
    height: calc((125 / 375) * 100vw);
    right: calc((0 / 375) * 100vw);
    bottom: calc((75 / 375) * 100vw);
    /* z-index: -1; */
  }
  .m-dl__btn--brochure {
    display: flex;
    padding: 5.3333vw 8vw 5.3333vw 4vw;
    /* flex-direction: column; */
    align-items: center;
    /* gap: 2.1333vw; */
    align-self: stretch;
    border-radius: 2.6667vw;
    background: #FFF;
    color: #004FA2;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.2;
    justify-content: space-around;
  }
  .m-dl__btn--brochure > p + svg {
    margin-left: 2.1333vw;
  }

}
@media print, screen and (min-width:769px) {
  .m-dl {
    padding: 80px 0px;
    position: relative;
  }
  .m-dl__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    /* gap: 40px; */
    align-items: stretch;
  }
  .m-dl__item {
    display: flex;
    width: 100%;
    padding: 60px 15px;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    justify-content: center;
  }
  .m-dl__item:nth-of-type(2) {
    margin-left: 40px;
  }
  .m-dl__item
  .m-dl__item p,
  .m-dl__item a,
  .m-dl__item .m-dl__item--img {
    position: relative;
    z-index: 1;
  }
  .m-dl__item--left {
    border-radius: 40px;
    background: linear-gradient(180deg, #0080C8 0.19%, #005BB1 99.81%);
  }
  .m-dl__item--left .m-dl__item--text {
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
  }
  .m-dl__item--right {
    border-radius: 40px;
    background: linear-gradient(0deg, #7D5FEB 0.01%, #3D59E4 99.99%);
    padding: 40px 15px;
  }
  .m-dl__item--right .m-dl__item--text {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
  }
  .m-dl__item--right .flex-pc {
    padding: 0 50px;
    display: flex;
    /* gap: 20px; */
    justify-content: center;
    align-items: center;
  }
  .m-dl__item--right .flex-pc > div + div {
    margin-left: 20px;
  }
  .m-dl__item--img {
    width: 82px;
    height: 82px;
    margin-bottom: 15px;
  }
  .m-dl__bg-img {
    position: absolute;
  }
  .m-dl__bg-img-item {
    width: 100%;
  }
  .m-dl__bg-img--01 {
    width: 140px;
    height: 137px;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .m-dl__bg-img--02 {
    display: none;
  }
  .m-dl__bg-img--03 {
    width: 125px;
    height: 78px;
    right: 81px;
    bottom: 0;
    z-index: -1;
  }
  .m-dl__btn--brochure {
    display: flex;
    padding: 20px 15px 20px 15px;
    /* flex-direction: column; */
    align-items: center;
    /* gap: 10px; */
    align-self: stretch;
    border-radius: 10px;
    background: #FFF;
    color: #004FA2;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 15px;
    justify-content: space-around;
  }
  .m-dl__btn--brochure > p + svg {
    margin-left: 10px;
  }
}




/* m-faq */
@media print, screen and (max-width:768px) {
  .m-faq {
    padding: 21.3333vw 4vw;
    position: relative;
  }
  .m-faq__inner {
    position: relative;
  }
  h2.m-faq__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-faq__title::before {
    border-radius: 0.5333vw;
    content: "";
    width: 26.6667vw;
    display: block;
    position: absolute;
    bottom: -5.3333vw;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .m-faq__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
    display: block;
  }
  .m-faq__title-main {
    color: #004FA2;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
  }
  .m-faq .m-acc__content {
    padding: 0 10px 20px;
  }


  .m-faq .js-acc__btn::before,
  .m-faq .js-acc__btn.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 15px;
    height: 15px;
  }
  .m-faq .js-acc__btn::before {
    background-image: url(../img/250714/faq-icon_plus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    width: 15px;
    height: 15px;
  }
  .m-faq .js-acc__btn.is-active::before {
    background-image: url(../img/250714/faq-icon_minus.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    z-index: 2;
  }
  .m-faq .red {
    color: #FF2E17;
    font-weight: 700;
  }
  .m-faq .m-acc__content a {
    text-decoration: underline;
    color: #777;
  }
}
@media print, screen and (min-width:769px) {
  .m-faq {
    border-radius: 0 60px 0px 0px;
    position: relative;
    padding: 80px 0px 120px 0px;
  }
  .m-faq__inner {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
  }
  h2.m-faq__title {
    margin-bottom: 70px;
    text-align: center;
    position: relative;
  }
  h2.m-faq__title::before {
    border-radius: 2px;
    content: "";
    width: 100px;
    display: block;
    position: absolute;
    bottom: -20px;
    border: solid 2px #004FA2;
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  h2.m-faq__title::before {
    content: "";
    width: 100px;
    stroke-width: 4px;
    stroke: #004FA2;
  }
  .m-faq__title-sub {
    color: #004FA2;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 120%;
  }
  .m-faq__title-main {
    color: #004FA2;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-faq .m-acc__content {
    padding: 0 10px 20px;
  }

  .m-faq .js-acc__btn::before,
  .m-faq .js-acc__btn.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 15px;
    height: 15px;
  }
  .m-faq .js-acc__btn::before {
    background-image: url(../img/250714/faq-icon_plus.svg);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    width: 15px;
    height: 15px;
  }
  .m-faq .js-acc__btn.is-active::before {
    background-image: url(../img/250714/faq-icon_minus.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    width: 15px;
    height: 15px;
  }
  .m-faq .red {
    color: #FF2E17;
    font-weight: 700;
  }
  .m-faq .m-acc__content a {
    text-decoration: underline;
    color: #777;
  }
  .m-faq .m-qalist__item > a {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-right: 15px;
    color: #2C2C2C;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
  }
  .m-faq .m-qalist__item > a.is-active {
    margin-bottom: 14px;
  }
  .m-faq .m-qalist__item > a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../img/250714/faq-icon_q.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 24px;
    left: 0;
    top: 0;
  }
}


/* m-final */
@media print, screen and (max-width:768px) {
 .m-final__inner {
    background: #FCF8EB;
    border-radius: 2.6667vw;
    border: 0.5333vw solid #D9A715;
    padding-top: 2.6667vw;
    padding-bottom: 2.6667vw;
  }
  .m-final {
    max-width: 200vw;
    width: 100%;
    margin: 0 auto;
    padding: 16vw 4vw 0;
    position: relative;
  }
  .m-acordion__item--final {
    position: absolute;
    top: 13.3333vw;
    left: 1vw;
  }
  .m-final__btn {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 2.6667vw;
    flex-direction: column;
    /* gap: 2.6667vw; */
  }
  .m-final__btn p {
    color: #2C2C2C;
    font-size: 5.3333vw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 2.6667vw;
  }
  .m-acc__btn--s {
    color: #2C2C2C;
    font-size: 3.4667vw;
    font-weight: 500;
    line-height: 1.4;
  }
  .m-final__btn img {
      width: 81.3333vw;
      height: auto;
  }
  .m-acc__tag--final {
    background: linear-gradient(107deg, #DCB23A 18.38%, #F7ECC2 80.91%);
    background-size: contain;
    border-radius: 13.3333vw;
    width: 18.9333vw;
    height: 18.9333vw;
    text-align: center;
    color: #2C2C2C;
    font-size: 5.8667vw;
    font-weight: 700;
    line-height: 1.4;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .m-final__line {
    display: flex;
    padding: 1.8667vw 0;
    justify-content: center;
    align-items: center;
    /* gap: 2.6667vw; */
    align-self: stretch;
    color: #FFF;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 6.4vw;
    font-weight: 600;
    line-height: 1.2;
  }
  .m-final__line.black {
    background: #000;
  }
  .m-final__line.red {
    background: #DE0011;
  }
  .m-final__line.green {
    background: #00838B;
  }
  .m-final__item {
    display: flex;
    align-items: center;
    /* gap: 5.3333vw; */
    align-self: stretch;
    margin-bottom: 5.3333vw;
    flex-direction: column;
  }
  .m-final__item > *:not(:last-child) {
    margin-bottom: 5.3333vw;
  }
  .m-final__img {
    flex: 1;
  }
  .m-final__content--wrap {
    display: flex;
    flex-direction: column;
    /* gap: 5.3333vw; */
  }
  .m-final__content--wrap > *:not(:last-child) {
    margin-bottom: 5.3333vw;
  }
  .m-final__cont {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 5.3333vw; */
  }
  .m-final__cont > *:not(:last-child) {
    margin-bottom: 5.3333vw;
  }
  .m-final__cont .blue {
    color: #004FA2;
  }
  .m-final__cont .red {
    color: #DE0011;
  }
  .m-final__cont .green {
    color: #00838B;
  }
  .m-final__ttl {
    color: #2C2C2C;
    /* font-family: "Noto Sans JP"; */
    font-size: 7.4667vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }
  .m-final__ttl.small {
    font-size: 6.6667vw;
  }
  .m-final__ttl--sub {
    color: #2C2C2C;
    text-align: center;
    /* font-family: "Noto Sans JP"; */
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-final__ttl--02 {
    border-top: 0.2667vw solid #2C2C2C;
    padding-top: 5.3333vw;
  }
  .m-final__bloon {
    padding: 2.6667vw 4vw;
    background: #F0F0F0;
    margin-bottom: 1.3333vw;
    border-radius: 2.6667vw;
  }
  .m-final__bloon--wrap {
    position: relative;
    margin-top: 2.6667vw;
  }
  .m-final__bloon--wrap svg {
    position: absolute;
    top: -3.4667vw;
    left: 26.6667vw;
  }
  .m-final__redcont {
    color: #FFF;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 4.2667vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    padding: 5.0667vw 4vw;
    color: #FF2E17;
    width: 100%;
    border-top: 2px solid #FF2E17;
    border-bottom: 2px solid #FF2E17;
  }
  .btn-more {
    text-align: center;
    background: linear-gradient(107deg, #DCB23A 6.32%, #EDD88B 99.75%);
    padding: 2.1333vw 0;
    border-radius: 0 0 2.6667vw 2.6667vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2C2C2C;
    /* font-family: "Noto Sans JP"; */
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.4;
  }
  .btn-more::after {
    content: "";
    display: inline-block;
    width: 2.1333vw;
    height: 2.1333vw;
    margin: 0 2.6667vw 0;
    border-bottom: 0.5333vw solid #2C2C2C;
    border-right: 0.5333vw solid #2C2C2C;
    transform: rotate(45deg);
    transition: all .3s ease;
    margin-right: 2.1333vw;
    color: #2C2C2C;
  }
  .btn-more.close::before {
    transform: rotate(0deg);
  }
  .btn-more:hover {
    opacity: .7;
  }
  .dropdown {
    background-color: #FCF8EB;
    padding: 0 4vw 4vw;
  }
  .m-acc__content--wrap .m-final__inner {
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
  }
}
@media print, screen and (min-width:769px) {
  .m-final__inner {
    background: #FCF8EB;
    border-radius: 10px;
    border: 2px solid #D9A715;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-final {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
  }
  .m-acordion__item--final {
    position: absolute;
    top: 23px;
    left: -23px;
  }
  .m-final__btn {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
  }
  .m-final__btn p {
    color: #2C2C2C;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }
  .m-acc__btn--s {
    color: #2C2C2C;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
  }
  .m-final__btn img {
    width: 195px;
    height: auto;
  }
  .m-acc__tag--final {
    background: linear-gradient(107deg, #DCB23A 18.38%, #F7ECC2 80.91%);
    background-size: contain;
    border-radius: 50px;
    width: 86px;
    height: 86px;
    text-align: center;
    color: #2C2C2C;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    background-repeat: no-repeat;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .m-final__line {
    display: flex;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    align-self: stretch;
    color: #FFF;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  }
  .m-final__line.black {
    background: #000;
  }
  .m-final__line.red {
    background: #DE0011;
  }
  .m-final__line.green {
    background: #00838B;
  }
  .m-final__item {
    display: flex;
    align-items: center;
    /* gap: 20px; */
    align-self: stretch;
    margin-bottom: 20px;
  }
  .m-final__item > *:not(:last-child){
    margin-right: 20px;
  }
  .m-final__img {
    flex: 1;
  }
  .m-final__content--wrap {
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
  }
  .m-final__content--wrap > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .m-final__cont {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 20px; */
  }
  .m-final__cont > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .m-final__cont .blue {
    color: #004FA2;
  }
  .m-final__cont .red {
    color: #DE0011;
  }
  .m-final__cont .green {
    color: #00838B;
  }
  .m-final__ttl {
    color: #2C2C2C;
    /* font-family: "Noto Sans JP"; */
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }
  .m-final__ttl.small {
    font-size: 25px;
  }
  .m-final__ttl--sub {
    color: #2C2C2C;
    text-align: center;
    /* font-family: "Noto Sans JP"; */
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  .m-final__ttl--02 {
    border-top: 1px solid #2C2C2C;
    padding-top: 20px;
  }
  .m-final__bloon {
    padding: 10px 15px;
    background: #F0F0F0;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .m-final__bloon--wrap {
    position: relative;
    margin-top: 10px;
  }
  .m-final__bloon--wrap svg {
    position: absolute;
    top: -13px;
    left: 100px;
  }
  .m-final__redcont {
    color: #FFF;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Std";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding: 19px 15px;
    color: #FF2E17;
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #FF2E17;
    border-bottom: 2px solid #FF2E17;
  }
  .btn-more {
    text-align: center;
    background: linear-gradient(107deg, #DCB23A 6.32%, #EDD88B 99.75%);
    padding: 8px 0;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2C2C2C;
    /* font-family: "Noto Sans JP"; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
  }
  .btn-more::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px 0;
    border-bottom: 2px solid #2C2C2C;
    border-right: 2px solid #2C2C2C;
    transform: rotate(45deg);
    transition: all .3s ease;
    margin-right: 8px;
    color: #2C2C2C;
  }
  .btn-more.close::before {
    transform: rotate(0deg);
  }
  .btn-more:hover {
    opacity: .7;
  }
  .dropdown {
    background-color: #FCF8EB;
    padding: 15px 60px;
  }
  .m-acc__content--wrap .m-final__inner {
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
  }
}

/* ======================

2025.12.01 add

=======================*/


@media print, screen and (max-width:768px) {
  .tag--orange {
    background: linear-gradient(107deg, #FF1C12 18.38%, #FE8443 80.91%);
    color: #fff;
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 1.1;
  }
  .orange__inner {
    background: #FFF4F2;
    border: solid 0.5333vw #FF2818;
  }
  .orange__inner .dropdown {
    background: #FFF4F2;
  }
  .orange__inner .trigger .btn-more {
    color: #fff;
    background: linear-gradient(107deg, #FF1C12 18.38%, #FE8443 80.91%);
  }
  .orange__inner .trigger .btn-more::after {
    border-bottom: 0.5333vw solid #fff;
    border-right: 0.5333vw solid #fff;
  }
  .m-final .g-text {
    color: #2C2C2C;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    font-size: 4.2667vw;
  }
  .m-final .m-heading--simple {
    font-size: 5.3333vw;
    font-weight: 600;
  }
  .dropdown .flex-pc .m-acc__content--item:last-child {
    margin-top: 5.3333vw;
  }
  .m-acordion__h2 {
    margin: 0 auto;
  }
  .h2-fuki {
    color: #1F2762;
    text-align: center;
    font-size: 3.7333vw;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    margin-bottom: 2.1333vw;
  }
  .h2-fuki::before,
  .h2-fuki::after {
      position: absolute;
      bottom: 0;
      height: 1.8rem;
      content: '';
  }
  .h2-fuki::before {
    border-left: solid 0.5333vw;
    left: 8vw;
    transform: rotate(-30deg);
  }
  .h2-fuki::after {
    border-right: solid 0.5333vw;
    right: 8vw;
    transform: rotate(30deg);
  }
  .m-acordion__white--area {
    padding: 10.6667vw 5.3333vw;
    border-radius: 2.6667vw;
    background: #FFF;
  }
  .m-acordion__white--area .g-text {
    color: #2C2C2C;
    text-align: center;
    font-weight: 600;
    font-size: 4.2667vw;
  }
  .m-taiken__title.small {
    font-size: 6.9333vw;
  }
}
@media print, screen and (min-width:769px) {
  .tag--orange {
    background: linear-gradient(107deg, #FF1C12 18.38%, #FE8443 80.91%);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
  }
  .orange__inner {
    background: #FFF4F2;
    border: solid 2px #FF2818;
  }
  .orange__inner .dropdown {
    background: #FFF4F2;
    padding: 15px 26px 60px;
  }
  .orange__inner .trigger .btn-more {
    color: #fff;
    background: linear-gradient(107deg, #FF1C12 18.38%, #FE8443 80.91%);
  }
  .orange__inner .trigger .btn-more::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .m-final .m-heading--simple {
    font-size: 24px;
    font-weight: 600;
  }
  .m-final .g-text {
    color: #2C2C2C;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    font-size: 22px;
  }
  .m-final .m-flow__content--img {
    margin-left: 30px;
  }
  .dropdown .flex-pc {
    display: flex;
  }
  .dropdown .flex-pc .m-acc__content--item:last-child {
    margin-top: 0;
    margin-left: 30px;
  }
  .dropdown .flex-pc .m-acc__content--img img {
    width: auto;
    height: 169px;
  }
  #contents-cv {
    padding-top: 40px;
  }
  .m-acordion__h2 {
    margin: 0 auto;
  }
  .h2-fuki {
    color: #1F2762;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    margin-bottom: 8px;
  }
  .h2-fuki::before,
  .h2-fuki::after {
      position: absolute;
      bottom: 0;
      height: 1.8rem;
      content: '';
  }
  .h2-fuki::before {
    border-left: solid 2px;
    left: 0;
    transform: rotate(-30deg);
  }
  .h2-fuki::after {
    border-right: solid 2px;
    right: 0;
    transform: rotate(30deg);
  }
  .m-acordion__white--area {
    padding: 60px 40px;
    border-radius: 30px;
    background: #FFF;
  }
  .m-acordion__white--area .g-text {
    color: #2C2C2C;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
  }
}