/* ------------------------------------------------------------
   common.css
------------------------------------------------------------ */
body {
   font-family: 'Noto Sans JP', sans-serif;
}
p {
   line-height: 1.8;
}
a {
   transition: .2s;
}
.bgc-blue {
    background-color: #145095;
    color: #fff;
}
.bgc-Lblue {
   background-color: #F5F8F9;
   padding: 80px 0 ;
}
.bgc-orange {
   background-color: #FFA200;
   color: #fff;
}
.txt-y {
    color: #FFE600;
}
.dis-sp {
   display: none;
}
.flex {
   display: flex;
   justify-content: space-between;
}
.common-ttl34 {
   text-align: center;
   font-family: 'Noto Serif JP', serif;
   font-size: 34px;
   color: #145095;
   margin-bottom: 24px;
   font-weight: 400;
}
.common-ttl30 {
   text-align: center;
   font-family: 'Noto Serif JP', serif;
   font-size: 30px;
   color: #145095;
   font-weight: 400;
}
.common-ttl26 {
   text-align: center;
   font-family: 'Noto Serif JP', serif;
   font-size: 26px;
   color: #145095;
   font-weight: 400;
}
.subtitle02 {
   font-family: 'Noto Serif JP', serif;
   font-size: 26px;
   color: #145095;
   font-weight: 400;
}
.container {
   max-width: 1240px;
}
#free_area_1 > .container {
   max-width: 100%;
   padding-left: 0;
   padding-right: 0;
}
section > .common-bg:first-child {
   transform: rotate(180deg) scale(-1, 1);
}
.common-bg-sp {
   display: none;
}
.common-btn01, .common-btn02 {
   position: relative;
   background-color: #145095;
   max-width: 383px;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
   height: 80px;
   color: #fff;
   font-size: 18px;
}
.common-btn02 {
   background-color: #A1A1A1;
}
.common-btn01:hover, .common-btn02:hover {
   background-color: #2074D5;
   color: #fff;
}
.common-btn02:hover {
   background-color: #afafaf;
}
.common-btn01::before, .common-btn02::before {
   position: absolute;
   content: url(../../../../storage/custom/top/arrow1.png);
   margin: auto;
   right: 16px;
   color: #fff;
}
.common-btn02::before {
   content: url(../../../../storage/custom/top/arrow2.png);
   left: 16px;
   right: none;
}
.reform-order-panel {
   margin: 5% auto;
   max-width: 1240px;
}
.reform-order-panel ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   list-style-type: none;
   margin: 0 0 6em 0;
   padding: 0;
}
.reform-order-panel ul li {
   border: 5px solid #EFEFEF;
   margin: 1.5% 0;
   padding: 0;
   width: 48%;
}
.reform-order-panel ul li:hover {
   border: 5px solid #7eabdf;
   cursor: pointer;
}
.reform-order-panel ul li.check {
   border: 5px solid #145095;
}
.reform-order-panel ul li a,
.reform-order-panel ul li label {
   border-bottom: none;
   display: block;
   height: 100%;
   width: 100%;
}
.reform-order-panel .image-box, .image-box-eye-catch {
   padding: 16px;
   float: left;
}
.reform-order-panel .image-box img {
   height: 140px;
   width: 140px;
}
.reform-order-panel .image-box-eye-catch img {
   width: 140px;
}
.reform-order-panel .text-box {
   float: right;
   padding: 16px 16px 16px 0;
   width: 64%;
}
.reform-order-panel .text-box h4 {
   color: #145095;
   font-size: 110%;
   font-weight: normal;
}
.reform-order-panel .text-box p {
   margin-bottom: 0;
}
.reform-order-panel .reform-name {
   background-color: #F5F8F9;
   color: #145095;
   font-size: 150%;
   margin: 0.5em 0;
   padding: 8px 16px;
}
.reform-order-panel .reform-description {
   padding: 16px 0;
}
.reform-order-h {
   text-align: center;
}
.reform-order-h::before {
   content: url(../../../../storage/upload_images/common/course_01.png);
   left: 0;
   width: 16px;
}
.reform-order-list {
   background-color: #F5F8F9;
   padding: 1.5em;
}
.reform-order-list h5 {
   border-bottom: 1px solid #ddd;
   font-size: 110%;
   padding-bottom: 1em;
}
.reform-order-list dl {
   display: inline-block;
}
.reform-order-list dt {
   float: left;
   clear: left;
}
.reform-order-list dd {
   float: left;
   margin-left: 1em;
}
#main-wrapper {
   margin-top: 96px;
}
.under-mp {
   margin-top: 200px;
}
.contact-complete {
   margin-top: 260px;
}
.page_title {
   background-color: #F5F8F9;
   min-height: 154px;
   display: flex;
   align-items: center;
   margin-bottom: 100px;
}
.page_title h1 {
   text-align: left;
   margin-bottom: 0;
}
.page_title .common-ttl34 {
   text-align: left;
   margin-bottom: 0;
}
.breadcrumb li a {
   color: #005DFF;
   text-decoration: underline;
   border: none;
}
.breadcrumb li {
   padding-right: 18px;
   margin-right: 0;
   padding-left: 8px;
}
.breadcrumb li::after {
   content: url(../../../storage/custom/common/breadcrumb-arrow.png);
}
.subhead__innar .page_title {
   margin-bottom: 60px;
}
.item__categorylist .read {
   background: #F5F8F9 !important;
   border-radius: 13px !important;
}
.buttons__categorylist li .no-image p {
   font-size: 18px;
}
.item_list .btn--outline {
   box-shadow: none;
   color: #fff;
   background: #145095;
   border-radius: 0;
}
.under-cart-mp {
   margin-top: 270px;
}
.login-page_title {
   margin-bottom: 40px;
}
.register-comp-mp,
.auth-under-mp {
   margin-top: 300px !important;
   margin-bottom: 100px !important;
}
.mypage-under-mp {
   margin-top: 240px;
}


@media (max-width: 991px) {
   #main-wrapper {
      margin-top: -2px;
   }
   .under-mp {
      margin-top: 104px;
  }
  .under-cart-mp {
      margin-top: 150px;
   }
   .register-comp-mp,
   .auth-under-mp {
      margin-top: 210px !important;
   }
   .mypage-under-mp {
      margin-top: 140px;
   }
   .header-main-navi .parent-list > li > a {
      font-weight: bold;
   }
}
@media (max-width: 768px) {
   [class*=col-] {
      float: inherit;
   }
   .reset-tit {
      width: 100%;
   }
}
@media (max-width: 767.98px) {
   .common-bg {
      display: none;
   }
   .common-bg-sp {
      display: block;
   }
   #main-wrapper.padding-bottom--100 {
      margin-top: 0;
      padding-top: 76px !important;
   }
   .breadcrumb ul {
      padding-bottom: 10px;
   }
   .page_title {
      min-height: 100px;
      margin-bottom: 50px;
   }
   .subtitle02 {
      font-size: 20px;
   }
   .under-mp {
      margin-top: 76px !important;
   }
   .subhead__innar .page_title {
      margin-bottom: 50px;
   }
   .contact-complete {
      margin-top: 120px !important;
   }
   .under-cart-mp {
      margin-top: 120px !important;
   }
   .login-page_title {
      margin-bottom: 0px !important;
   }
   .register-comp-mp,
   .auth-under-mp {
      margin-top: 150px !important;
      margin-bottom: 70px !important;
   }
   .mypage-under-mp {
      margin-top: 100px;
   }
   .reform-order-panel .reform-name {
      font-size: 120%;
   }
   .reform-order-panel .image-box img {
      height: 80px;
      width: 80px;
   }
   .reform-order-panel ul li {
      width: 100%;
   }
   .reform-order-h {
      font-size: 120%;
   }
   .reform-order-h::before {
      width: 12px;
   }
}


/* ------------------------------------------------------------
   header.css
------------------------------------------------------------ */
.header {
   margin-top: -2px;
}
.header--fixed {
   box-shadow: none;
}
.header-hidden {
   height: 196px;
}
.header-sub {
   padding: 8px 0;
}
.header-sub ul {
   align-items: center;
   list-style: none;
   padding: 0;
   margin: 0;
}
.header-sub ul img {
   width: 17px;
   margin-right: 10px;
}
.header-sub li {
   padding-left: 36px;
}
.header-sub p {
   margin: 0;
}
.header-sub a {
   display: flex;
   align-items: center;
}
.header-main-navi ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
.header-main-navi a {
   position: relative;
   border: none;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 400;
}
.header-main-navi a:hover {
   color: #FFA200;
}
.header-main-navi a::before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #BCBCBC;
   right: -24px;
   transition: .2s;
}
.header-main-navi a.no-child::before {
   content: none;
}
.header-main-navi a:hover::before {
   border-top: 10px solid #FFA200;
}
.header-main-navi .bgc-orange {
   padding-left: 22px;
   padding-right: 22px;
   margin-right: -40px;
}
.header-main-navi .bgc-orange::before {
   content: none;
}
.header-main-navi .bgc-orange:hover {
   background-color: #FFB83B;
   color: #fff;
}
.header-main-navi li {
   position: relative;
   padding: 0;
}

.dropdown-menu-ul {
   overflow: scroll;
   max-height: 60vh!important;
}
.parent-list ul {
   position: absolute;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: .2s ease;
   transition: .2s ease;
   background-color: #fff;
   min-width: 300px;
   box-shadow: 0px 3px 6px -3px rgb(0 0 0 / 40%);
   left: -22px;
   padding: 10px 0;
}
.parent-list > li:hover ul {
   visibility: visible;
   opacity: 1;
}
.parent-list ul ul {
   box-shadow: unset;
}
.header-main-navi .parent-list ul a {
   justify-content: flex-start;
   padding-left: 60px;
}
.header-main-navi .parent-list ul a::before {
   right: auto;
   left: 30px;
   transform: rotate(-90deg);
}
.header-main-navi .parent-list ul ul a::before {
   content: "●";
   border: none;
   font-size: 10px;
   color: #BCBCBC;
   top: 33px;
}
.header-main-navi .parent-list ul ul a:hover::before {
   color: #FFA200;
}
.header-main-navi .parent-list ul ul {
   position: inherit;
   background-color: inherit;
   padding: 0 0 0 48px;
}
.header-main-navi {
   border-top: 2px dotted #D4D4D4;
   border-bottom: 1px solid #D4D4D4;
}
.header-main-navi ul.parent-list {
   margin: -2px auto 0;
   padding-right: 20px;
   padding-left: 20px;
}
.header-tel {
   margin: 8px 0 0;
}
.header-tel a {
   border: none;
   font-weight: bold;
}
.header-tel a:hover {
   color: #000;
}
.header-tel span {
   display: block;
}
.header__logo {
   padding: 10px 0;
}
.header__logo + .search {
   display: flex;
   align-items: center;
}
.header-tel-top {
   font-size: 14px;
}
.header-tel-middle {
   font-size: 30px;
   margin-bottom: -4px;
   margin-top: -12px;
}
.header-tel-bottom {
   font-size: 12px;
   margin-bottom: 10px;
}
.header-tel-middle img {
   margin-right: 5px;
}
.fa-search:before {
   content: "\f002";
   filter: brightness(0.6);
   font-size: 16px;
}
.search .btn--primary {
   background-color: #fff;
   padding-right: 14px;
   padding-top: 3px;
}
.search form input {
   border: none;
   font-size: 18px;
   color: #B7B7B7;
   width: 370px;
}
.search form {
   border: 1px solid #D4D4D4;
   border-radius: 5px;
}
.header-main-sp {
   visibility: hidden;
   opacity: 0;
   display: none;
}
.footer-telBtn {
   color: #000;
}
@media (max-width: 1200px) and (min-width: 992px) {
   .header-main-navi a {
      font-size: 16px;
   }
   .header-main-navi .bgc-orange {
      padding-left: 12px;
      padding-right: 12px;
   }
   .header-main-navi .bgc-orange {
      margin-right: -30px;
   }
   .header-main-navi a::before {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #BCBCBC;
      right: -18px;
   }
   .search form input {
      width: 230px;
   }
}
@media (max-width: 991px) {
   .header-hidden {
      height: 64px;
   }
   .header-pc {
      display: none!important;
   }
   .header-main-sp {
      position: fixed;
      width: 100%;
      z-index: 11;
      top: 96px;
      background-color: #fff;
      -webkit-transition: .2s ease;
      transition: .2s ease;
      display: block;
   }
   .header-main-navi {
      border: none;
   }
   .login-navi-sp {
      flex-wrap: wrap;
   }
   .login-navi-sp li {
      width: 50%;
      border-bottom: 1px solid #D4D4D4;
   }
   .login-navi-sp li:nth-child(odd) {
      border-right: 1px solid #D4D4D4;
   }
   .login-navi-sp img {
      width: 17px;
      margin-right: 8px;
   }
   .login-navi-sp a {
      display: flex;
      align-items: center;
      font-size: 18px;
   }
   .header--fixed {
      box-shadow: rgb(33 42 47 / 9%) 0px 2px 24px 0px;
   }
   .header-main-navi .login-navi-sp a::before {
      content: none;
   }
   .header-main-sp .search {
      padding: 11px 15px;
   }
   .header-main-sp .search form input {
      width: 100%;
   }
   .header-main-navi .bgc-orange-btn {
      height: 68px;
      margin-left: 15px;
      margin-right: 15px;
      font-size: 18px;
   }
   .header-main-navi a::before {
      border-width: 0;
   }
   .header-main-navi .parent-list > li > .has-child::before {
      position: absolute;
      content: "＋";
      font-size: 18px;
      font-weight: bold;
      right: 30px;
      top: 10px;
   }
   .header-main-navi .parent-list > li > a.no-child::before {
      content: none;
      font-weight: bold;
      border: none;
      right: 30px;
      top: 15px;
   }
   .header-main-navi ul.parent-list {
      display: block;
      margin: 24px auto 0;
      padding-right: 0;
      padding-left: 0;
   }
   .header-main-navi ul.parent-list > li {
      background-color: #EFEFEF;
      border-top: 1px solid #D4D4D4;
      border-bottom: 1px solid #D4D4D4;
      font-weight: bold;
      margin-bottom: -1px;
   }
   .header-main-navi ul.parent-list > li:last-child {
      border-bottom: 2px solid #D4D4D4;
   }
   .parent-list .nav__link_sp a {
      justify-content: flex-start;
      padding-left: 15px;
      font-weight: bold;
   }
   .parent-list ul {
      position: inherit;
      left: 0;
      display: none;
   }
   .parent-list ul.open-main-navi,
   .parent-list ul.open-main-navi ul {
      display: block;
      visibility: inherit;
      opacity: 1;
   }
   .parent-list ul.open-main-navi ul a {
      padding-left: 20px;
   }
   .header-main-navi .parent-list ul ul a::before {
      left: -10px;
   }
   .header-main-navi .parent-list > li > .open-item::before {
      content: "－";
   }
   .header-main-navi .parent-list > li > a {
      justify-content: flex-start;
      padding-left: 15px;
   }
   .header-sub {
      font-size: 16px;
      text-align: center;
   }
   .header-main-navi a {
      color: #212a2f;
      font-size: 18px;
   }
   .header-sub .container {
      display: block;
   }
   .menu-button {
      background-color: inherit;
   }
   .header-main-navi a:hover {
      color: #212a2f;
   }
   .header-main-navi .parent-list ul a {
      padding-left: 40px;
      font-weight: 400;
   }
   .header-main-navi .parent-list ul a::before {
      left: 15px;
   }
   .active-navi.header-main-sp {
      visibility: inherit;
      opacity: 1;
      overflow-y: scroll;
      height: 100%;
   }
   .header-main-navi .footer a {
      height: 96px;
      margin: 0;
      width: 100%;
   }
   .header-main-navi .footer a::before {
      content: none;
   }
   .header-main-navi .footer {
      padding-bottom: 120px;
   }
   .header-main-navi .footer a.footer-telBtn {
      margin-bottom: 16px;
   }
}
@media (max-width: 767.98px) {
   .header-main-navi .parent-list > li > a::before {
      right: 30px;
   }
   .header__logo {
      padding: 6px 0!important;
   }
   .menu-button {
      right: 12px!important;
      top: 4px!important;
   }
   .header__logo img {
      height: 50px !important;
   }
   .header-main-sp {
      top: 63px;
   }
   .header-hidden {
      height: 64px!important;
   }
}


/* ------------------------------------------------------------
   footer.css
------------------------------------------------------------ */
.footer {
   background-color: #F5F8F9 !important;
   color: #000;
   font-size: 18px;
   padding-top: 36px!important;
}
.footer address {
   padding-top: 16px;
   color: #000;
   text-align: left;
   font-size: 18px;
}
.footer__copyright {
   margin-top: 36px;
}
.footer__copyright .container > .flex {
   flex-flow: row-reverse;
}
.footer__copyright ul {
   margin: 0;
   padding: 0;
   list-style: none;
   align-items: center;
}
.footer__copyright li {
   padding-left: 0;
   padding-right: 32px;
}
.footer__copyright small {
   font-size: 16px;
}
.footer-telBtn,
.footer-contactBtn {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-flow: column;
   width: 324px;
   height: 107px;
   border: none;
}
.footer-telBtn {
   background-color: #fff;
   border: 1px solid #D4D4D4;
   line-height: 1.4;
}
.footer-telBtn:hover {
   color: #000;
   border-bottom-color: #D4D4D4;
}
.footer-contactBtn {
   background-color: #FFA200;
   color: #fff;
   padding-bottom: 5px;
   margin-left: 16px;
}
.footer-contactBtn:hover {
   color: #fff;
   background-color: #e89600;
}
.footer-contactBtn img {
   width: 30px;
}
.footer-telBtn span {
   color: #145095;
   font-family: 'Noto Serif JP', serif;
   font-size: 34px;
}
.footer__logo {
   border: none;
}

@media (max-width: 1200px) {
   .footer .container > .flex {
      display: block;
   }
   .footer address + .flex {
      justify-content: center;
      margin-top: 24px;
   }
   .footer__copyright ul {
      justify-content: center;
      margin-top: 10px;
   }
   .footer__copyright ul + div {
      text-align: center;
   }
   .footer__copyright .container > .flex {
      display: flex;
      flex-flow: column-reverse;
      align-items: center;
   }
}
@media (max-width: 767.98px) {
   .footer address + .flex {
      display: block;
   }
   .footer-telBtn, .footer-contactBtn {
      width: 100%;
      margin: 0;
   }
   .footer-telBtn {
      margin-bottom: 16px;
   }
   .footer__copyright ul {
      display: block;
      margin-top: 16px;
   }
   .footer__copyright li {
      padding-bottom: 10px;
   }
   .footer address {
      text-align: left;
      font-size: 16px;
   }
   
}
@media (min-width: 767.98px) {
   .footer__logo img {
      width: auto;
   }
}



/* ------------------------------------------------------------
   top.css
------------------------------------------------------------ */
/* fv slider */
#top_slider {
   max-width: 100%;
   padding: 0!important;
}
.top-slider .slick-dots li button::before {
   width: 12px;
   height: 12px;
   border: 1px solid #145095;
}
.top-slider .slick-dots li.slick-active button::before {
   background-color: #145095;
}
.top-slider .slick-dots li {
   width: 40px;
}


/* news */
#news {
   border-top: 1px solid #D4D4D4;
   border-bottom: 1px solid #D4D4D4;
}
#news h2 {
   margin-bottom: 0;
   font-size: 18px;
   padding: 16px 12px;
   width: 107px;
   letter-spacing: inherit;
   align-items: center;
   display: flex;
}
#news .news-content {
   width: 100%;
   font-size: 18px;
   align-items: center;
   padding-left: 16px;
}
#news .news-content p span {
   color: #145095;
   padding-right: 16px;
}
#news .news-content p {
   margin: 5px 0 5px 0;
}
#news .news-content p a {
   border: none;
}
#news .news-content > a {
   padding-right: 16px;
   border: none;
   text-decoration: underline;
   color: #005DFF;
}

/* sec01 */
.top-sec01 {
   font-size: 18px;
   background: url(../../../storage/custom/top/sec01-bg.png);
   background-repeat: no-repeat;
   background-position: top center;
   background-size: contain;
   padding: 40px 0 136px;
}
.top-sec01 ul {
   list-style: none;
   margin: 0;
   padding: 20px;
   line-height: 2;
   background-color: #EFEFEF;
}
.top-sec01 ul + p {
   margin-top: 28px;
}
.top-sec01 ul li img {
   width: 11px;
   margin-right: 10px;
}
.top-sec01-desc {
   max-width: 662px;
   margin: auto;
   width: 100%;
}
.top-sec01 h2 + p {
   text-align: center;
}
.top-sec01 h2 + p + img {
   max-width: 680px;
   width: 100%;
   margin: 0 auto 30px;
   display: block;
}
.top-sec01 h3 {
   text-align: left;
   margin-top: 120px;
}
.campaign {
   display: flex;
   justify-content: space-between;
   padding: 22px 55px;
   border: 10px solid #EFEFEF;
   background-color: #fff;
}
.campaign a {
   border: none;
}

/* sec02 */
.sec02-i {
   position: absolute;
   top: -10px;
   right: 20px;
   width: 100px;
}
.top-sec02 {
   font-size: 18px;
}
.top-sec02 h2,
.top-sec02 h3 {
   text-align: left;
}
.top-sec02 h4 {
   margin-top: 120px;
}
.top-sec02 .container {
   position: relative;
}
.top-sec02 .container img.dis-pc {
   margin-left: -5px;
}
.top-sec02 .kento img {
   padding-right: 30px;
}
.top-sec02 .kento article:last-child img {
   padding-right: 0;
}
.top-sec02 .kento p {
   text-align: center;
   font-size: 18px;
   padding-right: 30px;
   margin-top: 12px;
}
.top-sec02 .kento article:last-child p {
   padding-right: 0;
}
.top-sec02 .another {
   background-color: #fff;
   padding: 20px 24px;
   font-size: 18px;
   margin-top: 50px;
}
.top-sec02 .another ul {
   list-style: none;
   align-items: center;
   padding: 0;
   margin-bottom: 0;
}
.top-sec02 .another p {
   margin-bottom: 0;
}
.top-sec02 .another > p {
   font-weight: bold;
   margin-bottom: 8px;
}
.top-sec02 .another li {
   align-items: center;
   display: flex;
   margin-right: 37px;
}
.top-sec02 .another li img {
   width: 11px;
   margin-right: 10px
}
.top-sec02 .common-btn01 {
   margin-top: 120px;
}

/* sec03 */
.top-sec03 {
   padding: 64px 0 0;
}
.top-sec03-desc .left {
   position: relative;
   max-width: 540px;
   width: 100%;
   margin-right: 64px;
}
.top-sec03-desc .right {
   position: relative;
   width: 50%;
}
.top-sec03-desc .right img {
   position: absolute;
   top: -14px;
   right: 0;
}
.top-sec03-desc article:nth-of-type(2) .right img {
   top: 6px;
   right: -5px;
}
.top-sec03-desc article:nth-of-type(3) .right img {
   top: -14px;
}
.top-sec03-desc article:nth-of-type(4) .right img,
.top-sec03-desc article:nth-of-type(5) .right img {
   top: 6px;
}
.top-sec03-desc .left .numItem {
   position: absolute;
   top: -70px;
   right: -40px;
   width: 116px;
}
.top-sec03-desc article {
   margin-bottom: 200px;
   font-size: 18px;
}
.top-sec03 h2 {
   margin-bottom: 96px;
}
.top-sec03 h3 {
   text-align: left;
   margin-bottom: 26px;
   line-height: 1.7;
}
.top-sec03-desc article:nth-of-type(3) {
   margin-bottom: 120px;
}
.top-sec03 h3 span {
   font-size: 26px;
   color: #000;
   display: block;
   text-align: left;
}
.top-sec03 h4 {
   font-family: 'Noto Serif JP', serif;
   font-size: 26px;
   margin-bottom: 20px;
}
.top-sec03 .reform {
   margin-bottom: 90px;
}
.top-sec03 .reform article {
   width: 32%;
   margin-right: 2%;
   margin-bottom: 32px;
   padding: 15px 13px;
   border: 5px solid #EFEFEF;
}
.top-sec03 .reform article h3 {
   font-size: 20px;
   font-weight: bold;
   color: #BE9C62;
   text-align: center;
   margin-top: 0;
}
.top-sec03 .reform article p {
   margin-top: 16px;
   margin-bottom: 0;
   font-size: 18px;
}
.top-sec03 article:nth-of-type(5) h3 {
   letter-spacing: 0.9px;
}
.top-sec03 article a {
   border: none;
   text-decoration: underline;
   color: #005DFF;
}
.top-sec03 article a:hover {
   color: #005DFF;
}
.top-sec03-desc article:last-child {
   margin-bottom: 0;
}

/* sec04 */
.top-sec04 {
   padding-bottom: 0;
   padding-top: 136px;
}
.top-sec04 article {
   position: relative;
   background-color: #fff;
   border: 5px solid #EFEFEF;
   text-align: center;
   font-size: 18px;
   width: 25%;
   margin-right: 8%;
   margin-bottom: 72px;
   padding: 30px 0 24px;
}
.top-sec04 article::before {
   position: absolute;
   content: "";
   right: -22%;
   width: 53px;
   height: 53px;
   border-top: 2px solid #D4D4D4;
   border-right: 2px solid #D4D4D4;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   top: 0;
   bottom: 0;
   margin: auto;
}
.top-sec04 article:last-child:before {
   content: none;
}
.top-sec04 .container > .flex {
   flex-wrap: wrap;
   justify-content: flex-start;
}
.top-sec04 article span {
   font-weight: bold;
   color: #BE9C62;
   font-size: 16px;
   padding-bottom: 4px;
   border-bottom: 3px solid #BE9C62;
   margin: 6px 0 14px;
   display: inline-block;
}
.top-sec04 article:nth-of-type(3) span,
.top-sec04 article:nth-of-type(4) span {
   margin: 16px 0 14px;
}
.top-sec04 article:nth-of-type(6) span {
   margin: 10px 0 14px;
}
.top-sec04 article:nth-of-type(3) img {
   margin-top: 6px;
}
.top-sec04 article:nth-of-type(4) img {
   margin-top: 6px;
}
.top-sec04 article img {
   display: block;
   margin: auto;
}
.top-sec04 article p {
   margin-bottom: 0;
}

/* sec05 */
.top-sec05 {
   font-size: 18px;
   padding: 136px 0;
}
.top-sec05 .common-ttl34 + p {
   text-align: center;
}
.top-sec05 .common-ttl34 + p span {
   color: #BE9C62;
}
.top-sec05 article h3 {
   font-size: 20px;
   font-weight: bold;
   color: #BE9C62;
   text-align: center;
   margin-top: 14px;
   padding-bottom: 14px;
   border-bottom: 1px solid #D4D4D4;
}
.top-sec05 .container > .flex {
   flex-wrap: wrap;
   justify-content: flex-start;
}
.top-sec05 article {
   width: 32%;
   margin-right: 2%;
   margin-bottom: 32px;
   padding: 15px 13px;
   border: 5px solid #EFEFEF;
}
.top-sec05 article:nth-of-type(3n) {
   margin-right: 0;
}
.top-sec05 article p {
   margin-bottom: 8px;
   font-size: 18px;
}
.top-sec05 article a {
   font-size: 18px;
   color: #005DFF;
   text-decoration: underline;
   border: none;
   display: block;
   text-align: right;
}
.top-sec05 .common-btn01 {
   margin-top: 80px;
}

/* sec06 */
.top-sec06 article {
   max-width: 584px;
   box-shadow: 0px 3px 6px -3px rgb(0 0 0 / 40%);
   background: #fff;
   padding: 30px 40px 30px 30px;
   align-items: center;
}
.top-sec06 article img {
   margin-right: 42px;
}
.top-sec06 article p {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 1.8;
}
.top-sec06 article:last-child img {
   margin-left: 30px;
}

/* sec07 */
.top-sec07 {
   padding: 136px 0 0;
}
.top-sec07 .container > .flex {
   flex-wrap: wrap;
   justify-content: flex-start;
}
.top-sec07 article {
   width: 32%;
   margin-right: 2%;
   margin-bottom: 100px;
}
.top-sec07 article:nth-of-type(3n) {
   margin-right: 0;
}
.top-sec07 article h3 {
   font-size: 18px;
   margin-top: 14px;
   padding-bottom: 14px;
   border-bottom: 1px solid #D4D4D4;
}
.top-sec07 article p {
   margin-bottom: 8px;
   font-size: 18px;
}
.top-sec07 article a {
   font-size: 16px;
   color: #005DFF;
   text-decoration: underline;
   border: none;
   display: block;
   text-align: right;
} 
.pc {
   display: block !important;
 }
 
 .sp {
   display: none !important;
 }
.layer_contents .open__list .open__tit,
.layer_contents .open__list .open__bar {
  background: #F5F8F9;
  color: #145095;
  font-weight: bold;
  padding: 15px;
  position: relative;
  transition: background-color 0.2s linear;
}

.layer_contents .open__list .open__tit {
  cursor: pointer;
}

.layer_contents .open__list .open__tit .title {
   margin-left: 45px;
}

.layer_contents .search-form:hover .open__tit,
.layer_contents .search-form:active .open__tit,
.layer_contents .search-form:hover .open__bar,
.layer_contents .search-form:active .open__bar {
  background: #145095;
  color: #fff;
}

.layer_contents .search-form:visited .open__tit,
.layer_contents .search-form:visited .open__bar {
  background: #f6f7f8;
}


.layer_contents .search-form .icon,
.layer_contents .search-form .icon {
   position: absolute;
   top: 18px;
}

.layer_contents .search-form:visited .icon {
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 100px;
  color: #f6f7f8;
}

.layer_contents .open__list .open__tit::after,
.layer_contents .open__list .open__bar::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 7px 6px 0;
  border-color: transparent #F5F8F9 transparent transparent;
  position: absolute;
  right: 15px;
  bottom: 0;
  top: 0;
  margin: auto;
  transform: rotate(270deg);
}

.layer_contents .open__list .open__tit.active::after,
.layer_contents .open__list .open__bar.active::after {
  border-width: 7px 6px 0 6px;
  transform: rotate(180deg);
  border-color: #F5F8F9 transparent transparent transparent;
}

@media (max-width: 1023.98px) and (min-width: 768px) {
   .top-sec03-desc .left {
      max-width: 320px;
   }
   .top-sec03-desc .right img {
      top: -74px;
   }
   .top-sec03-desc article:nth-of-type(3) .right img {
      top: -84px;
   }
   .pc {
      display: none !important;
   }
    .sp {
      display: block !important;
   }
}
@media (max-width: 767.98px) {
   .dis-sp {
      display: block;
   }
   .dis-pc {
      display: none;
   }
   #news h2 {
      font-size: 16px;
      font-weight: 400;
      width: 116px;
   }
   #news .news-content p span {
      display: block;
      margin-bottom: -4px;
   }
   #news .news-content {
      display: block;
   }
   #news .news-content > a {
      display: block;
      text-align: right;
   }
   #news .news-content {
      padding: 5px 0 5px 14px;
   }
   .common-ttl34 {
      font-size: 24px;
      letter-spacing: -.1px;
   }
   .common-ttl30,
   .common-ttl26 {
      font-size: 20px;
   }
   .container {
      padding-left: 15px;
      padding-right: 15px;
   }
   .top-sec01 h2 + p {
      text-align: left;
   }
   .top-sec01 {
      padding: 20px 0 64px;
      background: none;
   }
   .top-sec01 ul {
      padding: 10px 15px 10px 30px;
      text-indent: -21px;
   }
   .top-sec01-desc > .flex {
      display: block;
   }
   .footer-telBtn, .footer-contactBtn {
      height: 96px;
   }
   .top-sec01 h3 {
      margin-top: 64px;
   }
   .campaign {
      padding: 0;
      border: none;
      display: block;
   }
   .campaign a {
      margin-bottom: 14px;
      display: block;
   }
   section > .common-bg-sp {
      transform: rotate(180deg)scale(-1, 1);
   }
   section > .common-bg-sp:last-child {
      transform: inherit;
   }
   .top-sec02 h2 {
      text-align: left;
   }
   .sec02-i {
      width: 67px;
      top: -36px;
   }
   .bgc-Lblue {
      padding: 64px 0;
   }
   .top-sec02 h4 {
      margin-top: 64px;
      font-size: 24px;
      text-align: left;
      margin-bottom: 26px;
   }
   .kento {
      flex-wrap: wrap;
      justify-content: center;
   }
   .kento article {
      width: 47%;
   }
   .top-sec02 .kento article img,
   .top-sec02 .kento article p {
      padding-right: 0;
   }
   .top-sec02 .kento article:nth-child(odd) {
      margin-right: 20px;
   }
   .top-sec02 .kento p {
      margin-top: 8px;
      margin-bottom: 30px;
      letter-spacing: -.9px;
   }
   .top-sec02 .another ul {
      display: block;
   }
   .top-sec02 .another p {
      display: flex;
      align-items: end;
   }
   .top-sec02 .another li {
      padding: 0;
      margin-right: 0;
      margin-bottom: 8px;
   }
   .top-sec02 .another {
      padding: 15px;
      margin-top: 0;
   }
   .top-sec03 {
      padding: 64px 0 0;
   }
   .top-sec03-desc .left .numItem {
      top: -60px;
      right: auto;
      left: -5px;
      width: 95px;
   }
   .top-sec03-desc article {
      display: block;
      margin-bottom: 110px;
   }
   .top-sec03-desc .right {
      width: 100%;
   }
   .top-sec03 h3 {
      font-size: 24px;
      margin-bottom: 16px;
      letter-spacing: -.9px;
   }
   .top-sec03 h3 span {
      font-size: 20px;
      margin-top: 24px;
   }
   .top-sec03 h2 {
      margin-bottom: 63px;
   }
   .top-sec03-desc .right img {
      display: none;
   }
   .top-sec03-desc article:nth-of-type(2) .right img {
      top: 25px;
      right: 0px;
   }
   .top-sec03-desc article:nth-of-type(3) .right img {
      right: -10px;
      top: 6px;
   }
   .top-sec03 h4 {
      font-size: 20px;
      margin-bottom: 14px;
   }
   .top-sec03-desc article:nth-of-type(3) {
      margin-bottom: 64px;
   }
   .top-sec03 .reform {
      display: block;
      margin-bottom: 30px;
   }
   .top-sec03 .reform article {
      width: 100%;
   }
   .top-sec04 .container > .flex {
      display: block;
   }
   .top-sec04 article {
      width: 100%;
      display: flex;
      padding: 20px 0;
      margin-bottom: 40px;
   }
   .top-sec04 article > div {
      text-align: left;
      width: 75%;
   }
   .top-sec04 article span {
      padding-bottom: 0;
      margin: 0 6px 6px 0;
   }
   .top-sec04 article::before {
      right: 0;
      left: 0;
      top: auto;
      bottom: -30px;
      transform: rotate(135deg);
      width: 25px;
      height: 25px;
   }
   .top-sec04 article:nth-of-type(3) span, 
   .top-sec04 article:nth-of-type(4) span,
   .top-sec04 article:nth-of-type(6) span {
      margin: 0 6px 6px 0;
   }
   .top-sec04 article:nth-of-type(4) img {
      margin-top: 24px;
   }
   .top-sec04 article:nth-of-type(3) img {
      margin-top: 15px;
   }
   .top-sec05 {
      padding: 64px 0;
   }
   .top-sec05 .common-ttl34 + p {
      text-align: left;
   }
   .top-sec05 article {
      width: 100%;
      margin-right: 0;
   }
   .top-sec05 .common-btn01 {
      margin-top: 20px;
   }
   .top-sec06 .container > .flex,
   .top-sec06 article {
      display: block;
   }
   .top-sec06 article {
      margin-bottom: 32px;
      padding: 30px 15px 30px 15px;
   }
   .top-sec06 article img {
      margin: 0 auto 10px;
      display: block;
   }
   .top-sec06 article:last-child img {
      margin: 0 auto 10px;
   }
   .top-sec07 .container > .flex {
      display: block;
   }
   .top-sec07 article {
      width: 100%;
      margin-bottom: 30px;
   }
   .top-sec07 {
      padding: 64px 0 0;
   }
   .footer.margin-top--48 {
      margin-top: 62px !important;
   }
   .top-sec02 .common-btn01 {
      margin-top: 32px;
      text-align: center;
      line-height: 1.5;
   }
   .footer__copyright .container > .flex {
      flex-flow: column-reverse;
      display: flex !important;
      align-items: baseline;
   }
   .footer__copyright .container > .flex > div {
      text-align: center;
      width: 100%;
   }
   .top-sec04 {
      padding-top: 64px;
   }
   form.credit_info {
      width: 100% !important;
      min-width: 100% !important;
   }
   .under-mp.payflow {
      margin-top: 26px !important;
   }
   .pc {
      display: none !important;
   }
    
    .sp {
      display: block !important;
   }
}