@charset "utf-8";


/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */


/* 基本フォント ------------------------------ */

body {
	color: #1F1F1F;
	line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 500;
	margin: 0px;
	font-size: 18px;
}

.title-font { font-family: "IBM Plex Sans JP", sans-serif; font-style: normal; }
.en { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; }

a { color: #1F1F1F; text-decoration: none; transition-property: all; transition: 0.2s linear; }
a:hover {color: #555;}
a:active {}
a:visit {}

.flex {
    display: flex;
}

.pc {display:block !important;}
.sp { display:none !important; }

.inner {max-width: 1200px;margin: 0 auto;padding: 0 50px;}
#TOP {position: absolute;top: 0px;}
main {}
main>p {display: none;}
main article>p {display: initial;}
section { min-width:1300px; }
.bg-outer {
    background: url(../images/bg.webp);
}
.c-white {color: #FFF !important;}

.title-box {
    margin-bottom: 50px;
    position: relative;
    z-index: 5;
}
.title-box .cont-title {
    color: #0F2940;
    font-size: 20px;
    margin: 0;
    position: relative;
    margin-left: 18px;
}
.title-box .cont-title::before {content:"";display: block;width: 10px;height: 10px;border-radius: 100%;background: #e6ab3a;position: absolute;top: 50%;transform: translateY(-50%);left: -18px;}
.title-box h2.title {
    margin: 0px;
    color: #0F2940;
    font-size: 42px;
    line-height: 42px;
    margin: -50px 0 20px;
    padding-top: 60px;
}
.title-box h2.title::before {content:"";}
.title-box h2.title::after {content:"";}
.title-box .title-text {
    margin: 0px;
    font-size: 18px;
    font-weight: 400;
}
h3.title {
}
h4.title {}

p { font-size: 18px; }

ul {padding-left:0px;list-style: none;margin: 0px;}

@media only screen and (max-width: 768px){
.flex {}
.pc {display: none !important;min-width: initial !important;}
.sp {display:block !important;}
.inner {
    width: 100%;
    padding: 0%;
}
section {min-width:initial;padding: 0 4%;}
.title-box {
    margin-bottom: 8vw;
}
.title-box .cont-title {}
.title-box .cont-title::before {content:"";width: 2.5vw;height: 2.5vw;left: -4.5vw;}
.title-box h2.title {
    font-size: 7vw;
    margin: -12vw 0 4vw;
    padding-top: 12vw;
}
.title-box h2.title::before {content:"";}
.title-box h2.title::after {content:"";}
.title-box .title-text {
    font-size: 4vw;
}
h3.title {}
h4.title {}

p { font-size: 4vw; margin: 2vw 0; }

.flex { display: block;}
}

/* --------------------------------------------------------------------------------------
 HEADER
--------------------------------------------------------------------------------------- */

header {}
header.header-nav {height: 50px;position: fixed;z-index: 999;width: 100%;margin-top: 24px;min-width: 1200px;}

header.header-nav .header-inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

header.header-nav .header-inner a.logo {
    display: block;
    transition-property: all;
    transition: 0.3s linear;
    position: relative;
    top: 8px;
    left: 25px;
    font-size: 40px;
    color: #FFF;
    font-weight: bold;
    line-height: 1;
}
header.header-nav .header-inner a.logo:hover { opacity:0.7; }
header.header-nav.scrollhead .header-inner a.logo {/* color: #0b2a3a; */background: #0f2940c9;font-size: 38px;padding: 6px 6px 3px;backdrop-filter: blur(8px);}
header.header-nav .header-inner a.logo.is-visible {display: block;opacity:1;pointer-events: auto;margin: 0;}

header.header-nav .header-inner a.logo img {
    width: 270px;
    /* position: absolute; */
    left: 0px;
    top: 30px;
    background: #ffffffd4;
    padding: 2px 4px;
}

header.header-nav .header-inner .head-menu {
    display: flex;
    width: 450px;
    justify-content: space-between;
}
header.header-nav .header-inner .head-menu .contact {
    color: #0F2940;
    background: #f6a800;
    display: block;
    width: 256px;
    padding: 19px 0 17px 40px;
    text-align: center;
    line-height: 1;
    position: fixed;
    top: 25px;
    right: 120px;
    font-size: 20px;
    border-radius: 6px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #f6a800;
}
header.header-nav .header-inner .head-menu .contact:hover { background:#FFF; }
header.header-nav .header-inner .head-menu .contact::before {content:"";background: url( ../images/mail_b.png );display: block;background-size: 26px;width: 26px;height: 19px;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}
header.header-nav .header-inner .head-menu #gloval-nav .contact::before {
    display: none;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact {
    background: none;
    padding: 0;
    margin-top: 12px;
    border: none;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact a::after {content:"";width: 9px;height: 9px;margin: auto;border-top: 2px solid #0F2940;border-right: 2px solid #0F2940;display: block;top: 50%;transform: translateY(-50%) rotate(45deg);right: 30px;position: absolute;}
header.header-nav .header-inner .head-menu #nav-toggle {
    position: fixed;
    top: 47px;
    right: 45px;
    cursor: pointer;
    z-index: 1000;
    width: 40px;
    height: 16px;
    backdrop-filter: blur(4px);
    \: 100px;
    }
    
header.header-nav .header-inner .head-menu #nav-toggle div {
    position: relative;
  }
  
header.header-nav .header-inner .head-menu #nav-toggle div span {
    width: 100%;
    height: 4px;
    left: 0;
    display: block;
    background: #f6a800;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
    }
    
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(1) {top: 0;}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(2) {top: 12px;}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(3) {top: 24px; display:none;}

header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(1):hover {/* top: 4px; */}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(3):hover {/* top: 23px; */}

.open header.header-nav .header-inner .head-menu #nav-toggle  span {}
    
.open header.header-nav .header-inner .head-menu #nav-toggle  span:nth-of-type(1) {top: 6px;transform: rotate(45deg);}
.open header.header-nav .header-inner .head-menu #nav-toggle span:nth-of-type(2) {top: 6px;transform: rotate(-45deg);}
/* z-index */
#container { z-index: 900; }

header.header-nav .header-inner .head-menu #gloval-nav {
    background: #0000006e;
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    font-size: 29px;
     /* 初期状態：画面の外に隠す */
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
    width: 450px;
    backdrop-filter: blur(15px);
}
header.header-nav .header-inner .head-menu #gloval-nav nav {
    width: 80%;
    margin-top: 100px;
}
header.header-nav .header-inner .head-menu #gloval-nav a {
    display: block;
    color: #f6a800;
    /* text-decoration: none; */
    padding: 8px 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 20px;
    18px:
    left;
    text-align: left;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    text-shadow: 2px 3px 5px rgb(0 0 0 / 50%);
    }
header.header-nav .header-inner .head-menu #gloval-nav a:hover { background:none; opacity:0.7; }
header.header-nav .header-inner .head-menu #gloval-nav .contact a {
    color: #0F2940;
    text-shadow: none;
    width: 196px;
    display: block;
    background: #f6a800;
    text-align: center;
    padding: 14px 20px 12px 0;
    border-radius: 6px;
    position: relative;
    font-weight: 600;
    border: 2px solid #f6a800;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact a:hover { background:#FFF; opacity:1; }
  
header.header-nav .header-inner .head-menu #gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding: 0;}

header.header-nav .header-inner .head-menu #gloval-nav ul li {
    margin-right: 0;
    width: 100%;
    position: initial;
}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact {
    margin-top: 20px;
    width: 80%;
}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a {
    color: #000;
    width: 95%;
    /* background: #FFF; */
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding-left: 5%;
    border: 1px solid #48ac38;
    font-size: 18px;
    padding: 16px 34px 16px 14px;
}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a::before {content:"→";color: #1f1f1f;font-size: 14px;position: absolute;right: 25px;width: 35px;text-align: center;border-radius: 100px;background: #FFF;top: 50%;transform: translateY(-50%);}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a:active {}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a:hover { opacity:0.75; text-decoration:none; background:#48ac38 }


/* open */
.open {
    /* overflow: hidden; */
    }
  
  #gloval-nav {
  }

  #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
  }

.open header.header-nav .header-inner .head-menu #gloval-nav {
    opacity: 1;
    left: initial;
    transform: translateX(0);
    pointer-events: auto;
}

@media only screen and (max-width: 1400px){
header.header-nav .header-inner .head-menu {}
header.header-nav .header-inner {
}
}

@media only screen and (max-width: 1200px){
header.header-nav .header-inner .head-menu {width: auto;}
header.header-nav .header-inner {
    /* width: 1100px; */
    /* margin: 0 auto; */
    /* padding: 0 10px; */
}
}


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

header.header-nav .header-inner {
    width: 100%;
    height: 15vw;
    display: block;
}
    
header {}
header.header-nav {
    height: initial;
    /* position: absolute; */
    top: 0;
    z-index: 999;
    min-width: initial;
    margin-top: 0;
}
header.header-nav a {
    float: none;
    display: initial;
}
header.header-nav .header-inner .head-menu .contanct {
    width: 10vw;
    padding: 0;
    height: 10vw;
    top: 3vw;
    right: 16vw;
}
header.header-nav .header-inner .head-menu .contanct::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/mailicon.webp) no-repeat;
    background-size: 6.5vw;
    width: 6.5vw;
    height: 4.7vw;
}
header.header-nav .header-inner a.logo {
    height: auto;
    left: 3vw;
    top: 5vw;
    font-size: 6.5vw;
    width: 50vw;
}
header.header-nav.scrollhead .header-inner a.logo {
    font-size: 6vw;
    background: #0f294091;
    padding: 1vw 1vw 0;
    width: 45vw;
}
header.header-nav .header-inner a.logo img {
    width: 100%;
    background: #ffffffc2;
    padding: 1vw;
}

header.header-nav nav {
    float: none;
    width: 80%;
    padding-top: 27vw;
}
header.header-nav .header-inner .head-menu #gloval-nav nav {
    width: 90%;
    margin-top: 0px;
}
header.header-nav .header-inner .head-menu .contact {
    display: none;
}
header.header-nav .header-inner .head-menu #nav-toggle {
    position: fixed;
    top: 25px;
    right: 25px;
    height: 32px;
    cursor: pointer;
    }
    
header.header-nav .header-inner .head-menu #nav-toggle div {
    position: relative;
    width: 7vw;
  }
  
header.header-nav .header-inner .head-menu #nav-toggle div span {
    width: 100%;
    height: 0.5vw;
    left: 0;
    display: block;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
    }
    
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(1) {top: 0;}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(2) {top: 2vw;}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(3) {top: 6vw;}

.open header.header-nav .header-inner .head-menu #nav-toggle span:nth-of-type(1) {
    top: 1.2vw;
}
.open header.header-nav .header-inner .head-menu #nav-toggle span:nth-of-type(2) {
    top: 1.2vw;
}
	
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(1):hover {/* top: 4px; */}
header.header-nav .header-inner .head-menu #nav-toggle div span:nth-of-type(3):hover {/* top: 23px; */}

header.header-nav .header-inner .head-menu .open #nav-toggle span { background: #fff; }
    
.open #nav-toggle span:nth-of-type(1) {top: 3vw;transform: rotate(45deg);}
.open #nav-toggle span:nth-of-type(2) { top: 15px; width: 0; left: 50%; }
.open #nav-toggle span:nth-of-type(3) {top: 3vw;transform: rotate(-45deg);}

/* z-index */
header.header-nav .header-inner .head-menu #nav-toggle {z-index: 1000;top: 3vw;right: 3vw;height: 2.3vw;padding: 3.85vw 1.5vw;width: 7vw;/* background: #00000029; */backdrop-filter: blur(4px);}
#container { z-index: 900; }

header.header-nav .header-inner .head-menu #gloval-nav {}
header.header-nav .header-inner .head-menu #gloval-nav a {
    display: block;
    padding: 2.4vw 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 4vw;
    }
header.header-nav .header-inner .head-menu #gloval-nav a:hover { color: #666; }
  
header.header-nav .header-inner .head-menu #gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding: 0;}

header.header-nav .header-inner .head-menu #gloval-nav ul li {
    margin-right: 0;
    width: 100%;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact {
    display: block;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact a {
    font-size: 4vw;
    width: 43vw;
    padding: 4vw;
    padding-right: 8vw;
}
header.header-nav .header-inner .head-menu #gloval-nav .contact a::after {content:"";width: 2.5vw;height: 2.5vw;margin: auto;border-top: 0.5vw solid #0F2940;border-right: 0.5vw solid #0F2940;right: 8vw;}
	header.header-nav .header-inner .head-menu #gloval-nav .contact a::before {}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact {
    margin-top: 20px;
    width: 100%;
    margin-top: 4vw;
}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a {
    color: #FFF;
    width: 84%;
    /* background: #FFF; */
    margin: 0 auto;
    background: #48ac38;
    position: relative;
    z-index: 10;
    padding-left: 5%;
    padding: 3vw 12% 3vw 4%;
    font-size: 3.8vw;
}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a::before {display: block;position: absolute;top: initial;transform: initial;width: 7vw;height: 4.8vw;background-size: 5.3vw;left: initial;right: 3vw;bottom: 3.5vw;}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a:active {}
header.header-nav .header-inner .head-menu #gloval-nav ul li.head-contact a:hover { opacity:0.75; }

/* open */
.open {
    overflow: hidden;}
  
  #gloval-nav {
  }

  #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
  }


header.header-nav .header-inner .head-menu #gloval-nav {
    width: 75vw;
    height: 100%;
    justify-content: flex-start;
}
.open #gloval-nav {
}

.open header.header-nav .header-inner .head-menu #gloval-nav {}
}

/* ---------------
 header scroll
------------------

header.header-nav.scrollhead {}
header.header-nav.scrollhead .header-inner {}
header.header-nav.scrollhead .header-inner .logo {}
header.header-nav.scrollhead .header-inner .logo:hover {}

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

header.header-nav.scrollhead {}
header.header-nav.scrollhead .header-inner {}
header.header-nav.scrollhead .header-inner .logo {}
header.header-nav.scrollhead .header-inner .logo:hover {}

}


/* --------------------------------------------------------------------------------------
 MV
--------------------------------------------------------------------------------------- */

.mv-section {}
.mv-section .mv-inner {
    position: relative;
}
.mv-section .mv-inner .slide-outer {}
.mv-section .mv-inner .slide-outer .mv-slider {
    width: 100%;
    height: 100vh;
    min-height: 850px;
    position: relative;
}
.mv-section .mv-inner .slide-outer .mv-slider .slick-list {
    height: 100vh;
    min-height: 850px;
}
.mv-section .mv-inner .slide-outer .mv-slider .slick-list .slick-track {
    height: 100vh;
    min-height: 850px;
    position: relative;
}
.mv-section .mv-inner .slide-outer .mv-slider::before { content:""; }
.mv-section .mv-inner .slide-outer .mv-slider::after {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;background-image: linear-gradient(90deg, #00000078, #00000021 65%);}
.mv-section .mv-inner .slide-outer .mv-slider .slick-img {  background: url(../images/slider01.webp) no-repeat; background-size:cover; background-position: center; }
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img01 { background: url(../images/slider01.webp) no-repeat; background-size:cover; background-position: center; }
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img02 { background: url(../images/slider02.webp) no-repeat; background-size:cover; background-position: center; }
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img03 { background: url(../images/slider03.webp) no-repeat; background-size:cover; background-position: center; }
.mv-section .mv-inner .copy-box {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 4%;
}
.mv-section .mv-inner .copy-box .main-copy {
    color: #F6A800;
    font-size: 61px;
    font-weight: 900;
    line-height: 136%;
    text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.6);
    margin: 0;
}
.mv-section .mv-inner .copy-box .main-copy span {
    font-size: 70px;
}
.mv-section .mv-inner .copy-box .sub-title {
    color: #F6A800;
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.6);
    line-height: 150%;
    margin-top: 8px;
}
.mv-section .mv-inner .copy-box .mv-list {
    max-width: 575px;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}
.mv-section .mv-inner .copy-box .mv-list li {
    width: 175px;
    height: 175px;
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    backdrop-filter: blur(4px);
    position: relative;
}
.mv-section .mv-inner .copy-box .mv-list li span {
    display: block;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 135%;
    font-size: 22px;
}
.mv-section .mv-inner .copy-box .mv-list li:nth-last-of-type(1) {}
.mv-section .mv-inner .copy-box .mv-btn {
    position: relative;
    width: 400px;
    display: block;
    text-align: center;
    font-size: 20px;
    backdrop-filter: blur(4px);
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 6px;
    line-height: 1;
    padding: 20px 0 18px;
}
.mv-section .mv-inner .copy-box .mv-btn:hover { background:#0f294091; backdrop-filter: blur(4px); }
.mv-section .mv-inner .copy-box .mv-btn::before {content:"";background: url(../images/mail_w.png);display: block;background-size: 26px;width: 26px;height: 19px;position: absolute;top: 50%;transform: translateY(-50%);left: 60px;}
.mv-section .mv-inner .mv-text {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

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

.mv-section {}
.mv-section .mv-inner {}
.mv-section .mv-inner .slide-outer {}
.mv-section .mv-inner .slide-outer .mv-slider .slick-list {
    height: 130vw;
    min-height: initial;
}
.mv-section .mv-inner .slide-outer .mv-slider .slick-list .slick-track {
    height: 130vw;
    min-height: initial;
}
.mv-section .mv-inner .slide-outer .mv-slider {
    height: 130vw;
    min-height: initial;
}
.mv-section .mv-inner .slide-outer .mv-slider::before { content:""; }
.mv-section .mv-inner .slide-outer .mv-slider::after {content:"";background: #00000094;}
.mv-section .mv-inner .slide-outer .mv-slider .slick-img {}
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img01 {}
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img02 {}
.mv-section .mv-inner .slide-outer .mv-slider .slick-img.img03 {}
.mv-section .mv-inner .copy-box {
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mv-section .mv-inner .copy-box .main-copy {
    font-size: 6.5vw;
    text-align: center;
    line-height: 150%;
}
.mv-section .mv-inner .copy-box .main-copy span {
    font-size: 7vw;
}
.mv-section .mv-inner .copy-box .sub-title {
    font-size: 4.8vw;
    text-align: center;
}
.mv-section .mv-inner .copy-box .mv-list {
    max-width: 80vw;
    margin: 5vw auto;
}
.mv-section .mv-inner .copy-box .mv-list li {
    width: 24vw;
    height: 24vw;
}
.mv-section .mv-inner .copy-box .mv-list li span {
    font-size: 3.5vw;
}
.mv-section .mv-inner .copy-box .mv-list li:nth-last-of-type(1) {}
.mv-section .mv-inner .copy-box .mv-btn {
    font-size: 4vw;
    width: 80vw;
    padding: 4vw 0 4vw 4vw;
}
.mv-section .mv-inner .copy-box .mv-btn::before {content:"";background-size: 5vw;width: 5vw;height: 3.6vw;left: 12vw;}
.mv-section .mv-inner .mv-text {
}

}

/* --------------------------------------------------------------------------------------
 FEATURES
--------------------------------------------------------------------------------------- */

.features {
    padding-top: 100px;
    position: relative;
}
.features::before {content:"";display: block;position: absolute;width: 550px;height: 500px;background: #F2F2f2;top: 0;left: 0;}
.features::after {content:"";display: block;position: absolute;width: 755px;height: 880px;background: #F2F2f2;right: 0;bottom: -530px;z-index: 5;}
.features .inner {
    position: relative;
}
.features .inner .right-line {
    width: 1px;
    height: 100%;
    background: #f6a800;
    position: absolute;
    right: -50px;
    top: -100px;
}
.features .inner .title-box {
    margin-bottom: 8vw;
}
.features .inner .title-box .cont-title {}
.features .inner .title-box h2.title {}
.features .inner .title-box .title-text {}
.features .inner .features-cont {
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.features .inner .features-cont .box-in {
    width: 30%;
}
.features .inner .features-cont .box-in:nth-last-of-type(1) {}
.features .inner .features-cont .box-in img {
    width: 100%;
}
.features .inner .features-cont .box-in h3.title {
    font-size: 24px;
    margin: 16px 0 12px;
    line-height: 24px;
    font-weight: bold;
}
.features .inner .features-cont .box-in p {
    font-size: 18px;
}

@media only screen and (max-width: 1500px){
.features .inner .right-line { right:0px; }
}

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

.features {
    padding-top: 10vw;
}
.features::before {content:"";width: 60vw;height: 60vw;}
.features::after {content:"";width: 40vw;height: 140vw;bottom: -70vw;}
.features .inner {}
.features .inner .right-line {
    top: -10vw;
    right: -2%;
}
.features .inner .title-box {}
.features .inner .title-box .cont-title {
}
.features .inner .title-box h2.title {
}
.features .inner .title-box .title-text {}
.features .inner .features-cont {}
.features .inner .features-cont .box-in {
    width: 99%;
    margin-bottom: 6vw;
}
.features .inner .features-cont .box-in:nth-last-of-type(1) {}
.features .inner .features-cont .box-in img {}
.features .inner .features-cont .box-in h3.title {
    font-size: 5.5vw;
    margin: 3vw 0 2vw;
}
.features .inner .features-cont .box-in p {
    font-size: 4vw;
}

}

/* --------------------------------------------------------------------------------------
 FLOW
--------------------------------------------------------------------------------------- */

.flow {
    position: relative;
    overflow-x: clip; /* 念のため（clipが無理なら hidden） */
    --inner-max: 1100px; /* .inner の max-width と揃える */
    --line-offset: 150px; /* コンテンツ幅の左へ何px出すか */
    --line-y: 44px; /* 線のY位置（調整） */
}
.flow::before {content:"";display: block;/* width: 100%; */position: absolute;height: 1px;background: #f6a800; /* 例 */left: calc(50% - (min(100%, var(--inner-max)) / 2) - var(--line-offset));right: 0; /* ←ブラウザ右端まで伸びる（100vw不要） */top: -100px;z-index: 10;}
.flow::after {content:"";display: block;position: absolute;width: 420px;height: 150px;background: #F2F2f2;left: 0;bottom: 0;}
.flow .inner {
    margin-top: 200px;
    position: relative;
}
.flow .gray-box {
    background: #F2F2F2;
    display: block;
    width: 755px;
    height: 530px;
    position: absolute;
    right: 0;
    top: -200px;
    z-index: 1;
}
.flow .inner .left-line {
    width: 1px;
    height: 100%;
    background: #f6a800;
    position: absolute;
    top: -100px;
    left: -50px;
    overflow-x: hidden;
}
.flow .inner .left-line::before {content:"";display: block;}
.flow .inner .right-line {
    width: 1px;
    height: 100%;
    background: #f6a800;
    position: absolute;
    top: 0px;
    right: -50px;
    overflow-x: hidden;
}
.flow .inner .title-box {}
.flow .inner .title-box .cont-title {}
.flow .inner .title-box h2.title {}
.flow .inner .title-box .title-text {}
.flow .inner .flow__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
    z-index: 5;
    padding-bottom: 40px;
    margin-bottom: 0;
}
.flow .inner .flow__list .flow__item {
    width: 27%;
    list-style: none;
    margin-bottom: 60px;
}
.flow .inner .flow__list .flow__item:nth-of-type(3n) {}
.flow .inner .flow__list .flow__item .flow__figure {
    margin: 0;
    line-height: 1;
    position: relative;
    margin-bottom: 16px;
    position: relative;
}
.flow .inner .flow__list .flow__item .flow__figure::before {content:"";height: 33px;width: 100%;display: block;background: #ffe6b1;position: absolute;top: 50%;transform: translateY(-50%);right: -220px;}
.flow .inner .flow__list .flow__item .flow__figure::after {content:"";position: absolute;display: block;width: 24px;height: 31px;background: url(../images/arrow.svg);top: 50%;transform: translateY(-50%);right: -60px;}
.flow .inner .flow__list .flow__item:nth-of-type(2) .flow__figure::before { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(2) .flow__figure::after { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(3) .flow__figure::before {content:"";width: 100px;right: 0;}
.flow .inner .flow__list .flow__item:nth-of-type(3) .flow__figure::after {content:"";right: 30px;}
.flow .inner .flow__list .flow__item:nth-of-type(4) .flow__figure::before {content:"";right: initial;}
.flow .inner .flow__list .flow__item:nth-of-type(4) .flow__figure::after {content:"";right: initial;left: 30px;}
.flow .inner .flow__list .flow__item:nth-of-type(5) .flow__figure::before {content:"";right: initial;left: -220px;}
.flow .inner .flow__list .flow__item:nth-of-type(5) .flow__figure::after {content:"";right: initial;left: -80px;}
.flow .inner .flow__list .flow__item:nth-of-type(6) .flow__figure::before {content:"";right: initial;left: -220px;}
.flow .inner .flow__list .flow__item:nth-of-type(6) .flow__figure::after {content:"";right: initial;left: -80px;}
.flow .inner .flow__list .flow__item .flow__figure img {
    display: block;
    margin: 0 auto;
    position: relative;
}
.flow .inner .flow__list .flow__item .flow__step {
    width: 80px;
    display: block;
    text-align: center;
    background: #0F2940;
    margin: 0 auto;
    color: #FFF;
    font-size: 18px;
    line-height: 1;
    padding: 6px 0;
}

.flow .inner .flow__list .flow__item h3.title {
    margin: 10px 0 12px;
    text-align: center;
    font-size: 24px;
}
.flow .inner .flow__list .flow__item .flow__text {
    margin: 0;
}

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

.flow .inner .left-line {
    left: 0;
    left: 0px;
}
.flow .inner .right-line {
    right: 0;
}
.flow::before {
}
.flow {
    overflow-x: clip;
    --inner-max: 1100px;
    --line-offset: 100px;
    --line-y: 44px;
}	
}

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

.flow {}
.flow::before {
    top: -10vw;
    left: 2vw;
}
.flow::after {
    width: 50vw;
    height: 25vw;
}
.flow .gray-box {
    width: 40vw;
    top: -20vw;
    height: 72vw;
}
.flow {
    overflow-x: clip;
    --inner-max: 1100px;
    --line-offset: 0vw;
    --line-y: 44px;
}
.flow .inner {
    margin-top: 20vw;
    padding-left: 2vw;
}
.flow .inner .left-line {
    left: -2vw;
    top: -10vw;
}
.flow .inner .right-line {}
.flow .inner .title-box {}
.flow .inner .title-box .cont-title {}
.flow .inner .title-box h2.title {}
.flow .inner .title-box .title-text {}
.flow .inner .flow__list {
    display: block;
}
.flow .inner .flow__list .flow__item {
    width: 88vw;
    /* margin-left: auto; */
    display: flex;
    justify-content: space-between;
    margin-bottom: 8vw;
}
.flow .inner .flow__list .flow__item:nth-of-type(3n) {}
.flow .inner .flow__list .flow__item .flow__figure {
    width: 25vw;
    display: block;
}
.flow .inner .flow__list .flow__item .text-box {
    width: 59vw;
}
.flow .inner .flow__list .flow__item .flow__figure::before {content:"";top: 13vw;left: 50%;transform: translateX(-50%);width: 6vw;height: 75vw;}
.flow .inner .flow__list .flow__item .flow__figure::after {content:"";top: initial;left: 50%;transform: translateX(-50%) rotate(90deg);bottom: -2vw;width: 4.5vw;height: 5.5vw;background-size: 100%;background-repeat: no-repeat;}
.flow .inner .flow__list .flow__item:nth-of-type(2) .flow__figure::before { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(2) .flow__figure::after { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(3) .flow__figure::before {content:"";width: 6vw;}
.flow .inner .flow__list .flow__item:nth-of-type(3) .flow__figure::after { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(4) .flow__figure::before { content:""; }
.flow .inner .flow__list .flow__item:nth-of-type(4) .flow__figure::after {content:"";left: 50%;}
.flow .inner .flow__list .flow__item:nth-of-type(5) .flow__figure::before {content:"";left: 50%;height: 50vw;}
.flow .inner .flow__list .flow__item:nth-of-type(5) .flow__figure::after {content:"";left: 50%;bottom: 4vw;}
.flow .inner .flow__list .flow__item:nth-of-type(6) .flow__figure::before {content:"";display: none;}
.flow .inner .flow__list .flow__item:nth-of-type(6) .flow__figure::after {content:"";display: none;}
.flow .inner .flow__list .flow__item .flow__figure img {
    width: 100%;
}
.flow .inner .flow__list .flow__item .flow__step {
    margin: 0;
    font-size: 4vw;
    width: 15vw;
    padding: 1.5vw 0 1vw;
}
.flow .inner .flow__list .flow__item h3.title {
    text-align: left;
    font-size: 5.5vw;
    margin: 2vw 0 0;
}
.flow .inner .flow__list .flow__item .flow__text {}

}

/* --------------------------------------------------------------------------------------
 AREA CONTACT
--------------------------------------------------------------------------------------- */

.contact-section {
    background: #f6a800;
    position: relative;
}
.contact-section .inner {
    padding: 45px 50px;
}
.contact-section .inner .contact-box {
    justify-content: space-between;
}
.contact-section .inner .contact-box .text-box {
    position: relative;
}
.contact-section .inner .contact-box .text-box p {
    font-size: 25px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    line-height: 1;
    position: relative;
    top: 18px;
}
.contact-section .inner .contact-box .box-in {}
.contact-section .inner .contact-box .box-in .contact-btn {
    color: #FFF;
    background: #0F2940;
    display: block;
    width: 356px;
    padding: 19px 0 17px 40px;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    border-radius: 6px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #0F2940;
}
.contact-section .inner .contact-box .box-in .contact-btn::before {content:"";background: url(../images/mail_w.png);display: block;background-size: 26px;width: 26px;height: 19px;position: absolute;top: 50%;transform: translateY(-50%);left: 60px;}
.contact-section .inner .contact-box .box-in .contact-btn:hover { color:#0F2940; background:#FFF; }
.contact-section .inner .contact-box .box-in .contact-btn:hover:before { content:""; background: url( ../images/mail_b.png ); display: block;background-size: 26px;width: 26px;height: 19px; }

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

.contact-section {}
.contact-section .inner {
    padding: 8vw 0;
}
.contact-section .inner .contact-box {}
.contact-section .inner .contact-box .text-box {
    width: 100%;
    margin-bottom: 3vw;
}
.contact-section .inner .contact-box .text-box p {
    font-size: 5.4vw;
    line-height: 135%;
    top: initial;
}
.contact-section .inner .contact-box .box-in {
    width: 100%;
}
.contact-section .inner .contact-box .box-in .contact-btn {
    width: 75%;
    padding: 4.2vw 0 3.8vw 10%;
    font-size: 4.5vw;
}
.contact-section .inner .contact-box .box-in .contact-btn::before {content:"";background-size: 5vw;width: 5vw;height: 3.6vw;left: 10vw;}
.contact-section .inner .contact-box .box-in .contact-btn:hover {
}

}

/* --------------------------------------------------------------------------------------
 CASES
--------------------------------------------------------------------------------------- */

.cases {
    position: relative;
}
.cases .gray-bg {
    width: 100%;
    height: 800px;
    background: #f2f2f2;
    position: absolute;
    top: 400px;
}
.cases .inner {
    margin-top: 100px;
}
.cases .inner .title-box {}
.cases .inner .title-box .cont-title {}
.cases .inner .title-box h2.title {}
.cases .inner .cases-box {
    display: flex;
    flex-wrap: wrap;
}
.cases .inner .cases-box::after { content:""; display:block; clear:both; }
.cases .inner .cases-box .case-card {
    width: 500px;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
    margin-right: 40px;
    margin-bottom: 40px;
    background: #FFF;
}
.cases .inner .cases-box .case-card:nth-of-type(2n) {
    margin-right: 0px;
}
.cases .inner .cases-box .case-card .case-card__badge {
    width: 80px;
    display: block;
    text-align: center;
    background: #0F2940;
    margin: 0;
    color: #FFF;
    font-size: 18px;
    line-height: 1;
    padding: 6px 0;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.cases .inner .cases-box .case-card .case-card__title {
    font-size: 23px;
    margin: 16px 0;
}
.cases .inner .cases-box .case-card .case-card__body {}
.cases .inner .cases-box .case-card .case-card__body p {
    margin: 0;
}
.cases .inner .cases-box .case-card .case-card__tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: -16px;
}
.cases .inner .cases-box .case-card .case-card__tags li {
    background: #CCC;
    margin-right: 16px;
    padding: 4px 20px;
    border-radius: 100px;
    margin-bottom: 16px;
}
.cases .inner .cases-box .case-card .case-card__tags li span {
    color: #FFF;
}

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

.cases {
    padding: 0;
}
.cases .gray-bg {
    top: initial;
    bottom: -5vw;
    height: 100vh;
}
.cases .inner {
    padding: 0 4%;
    width: 92%;
    margin-top: 10vw;
}
.cases .inner .title-box {}
.cases .inner .title-box .cont-title {}
.cases .inner .title-box h2.title {}
.cases .inner .cases-box {
    display: block;
}
.cases .inner .cases-box::after { content:""; display:block; clear:both; }
.cases .inner .cases-box .case-card {
    width: 90%;
    padding: 6vw 5%;
    margin-bottom: 5vw;
}
.cases .inner .cases-box .case-card .case-card__badge {
    font-size: 4vw;
    width: 15vw;
    padding: 1.5vw 0 1vw;
}
.cases .inner .cases-box .case-card .case-card__title {
    font-size: 5.5vw;
    margin: 4vw 0;
    line-height: 135%;
}
.cases .inner .cases-box .case-card .case-card__body {}
.cases .inner .cases-box .case-card .case-card__body p {}
.cases .inner .cases-box .case-card .case-card__tags {
    margin-top: 4vw;
}
.cases .inner .cases-box .case-card .case-card__tags li {
    padding: 1vw 3vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
}
.cases .inner .cases-box .case-card .case-card__tags li span {
    font-size: 3.5vw;
}


}

/* --------------------------------------------------------------------------------------
 SCROLL
--------------------------------------------------------------------------------------- */

.scroll-section .title-slide {
    background: #f2f2f2;
    padding: 40px 0;
}
.scroll-section .title-slide .in-box {padding: 0 12px;}
.scroll-section .title-slide .in-box img {
    width: 100%;
}

@media only screen and (max-width: 768px){
.scroll-section {
    padding: 0;
}
.scroll-section .title-slide {
    padding: 5vw 0;
}
.scroll-section .title-slide .in-box {}
.scroll-section .title-slide .in-box img {}

}

/* --------------------------------------------------------------------------------------
 POINT
--------------------------------------------------------------------------------------- */

.point {
    position: relative;
}
.point .gray-bg {
    width: 100%;
    height: 350px;
    background: #f2f2f2;
    position: absolute;
    top: 0;
}
.point .bg-box {
    width: 650px;
    height: 560px;
    background: url(../images/bg02.webp) no-repeat;
    background-size:cover;
    background-position: center;
    position: absolute;
    right: 0;
    top: 350px;
}
.point .inner {
    padding-top: 50px;
}
.point .inner .title-box {}
.point .inner .title-box .cont-title {}
.point .inner .title-box .cont-title::before { cotent:""; }
.point .inner .text-box {
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
    background: #FFF;
}
.point .inner .text-box p.point-text {}

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

.point {
    padding: 0;
}
.point .gray-bg {
    height: 100vw;
}
.point .bg-box {
    height: 85vw;
    top: 100vw;
    background-position-x: left;
    background-position-y: center;
}
.point .inner {
    padding: 10vw 4%;
    width: 92%;
}
.point .inner .title-box {}
.point .inner .title-box .cont-title {}
.point .inner .title-box .cont-title::before { cotent:""; }
.point .inner .text-box {
    padding: 5%;
    background: #ffffff70;
    backdrop-filter: blur(8px);
}
.point .inner .text-box p.point-text {}

}

/* --------------------------------------------------------------------------------------
 GUIDE
--------------------------------------------------------------------------------------- */

.guide {
    position: relative;
}
.guide .bg-box {
    width: 500px;
    height: 620px;
    background: url(../images/bg01.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.guide .inner {
    padding-top: 100px;
}
.guide .inner .title-box {}
.guide .inner .title-box p.cont-title {}
.guide .inner .title-box h2.title {
    text-shadow: 2px 3px 10px rgb(255 255 255 / 80%);
}
.guide .inner .title-box h2.title::before {}
.guide .inner .text-box {
    padding: 40px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20);
    background: #ffffff70;
    backdrop-filter: blur(8px);
}
.guide .inner .text-box .guide-text {}

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

.guide {
    padding: 0;
}
.guide .bg-box {
    width: 70vw;
    height: 70vw;
    bottom: initial;
    left: initial;
    right: 0;
    top: 10vw;
}
.guide .inner {
    padding: 10vw 4% 0;
    width: 92%;
}
.guide .inner .title-box {}
.guide .inner .title-box p.cont-title {
}
.guide .inner .title-box h2.title {}
.guide .inner .title-box h2.title::before {}
.guide .inner .text-box {
    padding: 5%;
}
.guide .inner .text-box .guide-text {}

}

/* --------------------------------------------------------------------------------------
 ABOUT
--------------------------------------------------------------------------------------- */

.about {
    background: url(../images/bg05.webp) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    background-position: center;
}
.about::before {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;background-image: linear-gradient(90deg, #000000b0, #00000021 85%);}
.about .inner {
    padding: 100px 50px;
}
.about .inner .title-box {}
.about .inner .title-box p.cont-title {
    color: #FFF;
}
.about .inner .title-box h2.title {
    color: #FFF;
}
.about .inner .title-box h2.title::before {}
.about .inner .text-box {
    width: 650px;
}
.about .inner .text-box .about-text {
    color: #FFF;
}
.about .inner .text-box .about-text:nth-last-of-type(1) {}

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

.about {
    padding: 0;
    background: url(../images/bg05.webp) no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    position: relative;
    background-position: center;
}
.about::before {content:"";background: #000000a6;}
.about .inner {
    padding: 10vw 4%;
    width: 92%;
}
.about .inner .title-box {}
.about .inner .title-box p.cont-title {}
.about .inner .title-box h2.title {
    font-size: 5vw;
}
.about .inner .title-box h2.title::before {}
.about .inner .text-box {
    width: 100%;
}
.about .inner .text-box .about-text {}
.about .inner .text-box .about-text:nth-last-of-type(1) {}

}

/* --------------------------------------------------------------------------------------
 FAQ
--------------------------------------------------------------------------------------- */

.faq {
}
.faq .inner {
    padding: 100px 50px;
}
.faq .inner .title-box {}
.faq .inner .title-box p.cont-title {}
.faq .inner .title-box h2.title {}
.faq .inner .title-box h2.title::before {}
.faq .inner .title-box p.title-text {}
.faq .inner .faq-box {}
.faq .inner .faq-box .faq-list {}
.faq .inner .faq-box .faq-list .faq-item {
    margin-bottom: 4px;
}
.faq .inner .faq-box .faq-list .faq-item details {}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary {
    list-style: none;
    background: #FFE6B1;
    padding: 15.5px 20px 9.5px;
    position: relative;
    border-radius: 6px;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary::after {content:"";position: absolute;right: 35px;display: block;width: 10px;height: 10px;margin: auto;border-top: 2px solid #e6ab3a;border-right: 2px solid #f6a800;-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);top: 50%;transform: translateY(-50%) rotate(135deg);}
.faq .inner .faq-box .faq-list .faq-item details[open] .faq-summary::after {content:"";transform: rotate(-45deg);}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q {}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q .faq-chip {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 30px;
    color: #FFF;
    background: #e6ab3a;
    width: 40px;
    display: block;
    line-height: 1;
    text-align: center;
    padding: 5px 0;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q .title-font {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-left: 60px;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer {
    border-bottom: 1px dotted #F6A800;
    position: relative;
    padding: 20px;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer .faq-a {margin: 0;margin-left: 62px;}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer .faq-a .faq-chip {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 30px;
    color: #FFF;
    background: #0f2940;
    width: 40px;
    display: block;
    line-height: 1;
    text-align: center;
    padding: 5px 0;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 20px;
}
.faq .inner .faq-box .faq-list .faq-item:nth-last-of-type(1) {}

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

.faq {}
.faq .inner {
    padding: 10vw 0;
}
.faq .inner .title-box {}
.faq .inner .title-box p.cont-title {}
.faq .inner .title-box h2.title {}
.faq .inner .title-box h2.title::before {}
.faq .inner .title-box p.title-text {}
.faq .inner .faq-box {
    width: 100%;
}
.faq .inner .faq-box .faq-list {}
.faq .inner .faq-box .faq-list .faq-item {
    margin-bottom: 1vw;
}
.faq .inner .faq-box .faq-list .faq-item details {}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary {
    padding: 4.5vw 7vw 4vw 3vw;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary::after {content:"";width: 2.5vw;height: 2.5vw;border-top: 0.5vw solid #e6ab3a;border-right: 0.5vw solid #e6ab3a;right: 4vw;}
.faq .inner .faq-box .faq-list .faq-item details[open] .faq-summary::after { content:""; }
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q {}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q .faq-chip {
    font-size: 6vw;
    width: 8vw;
    padding: 1vw 0;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-summary .faq-q .title-font {
    font-size: 4vw;
    line-height: 135%;
    margin-left: 10.5vw;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer {
    padding: 2.5vw 5vw 1vw 3vw;
}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer .faq-a {margin-left: 10.5vw;}
.faq .inner .faq-box .faq-list .faq-item details .faq-answer .faq-a .faq-chip {
    font-size: 6vw;
    width: 8vw;
    padding: 1vw 0;
    left: 3vw;
}
.faq .inner .faq-box .faq-list .faq-item:nth-last-of-type(1) {}

}

/* --------------------------------------------------------------------------------------
 CONTACT
--------------------------------------------------------------------------------------- */

.footer-contact {}
.footer-contact .contact-box {
    justify-content: space-between;
}
.footer-contact .contact-box .left-box {
    width: 50%;
    background: #0F2940;
    position: relative;
}
.footer-contact .contact-box .left-box .in-box {width: 450px;margin: 100px auto;}
.footer-contact .contact-box .left-box .in-box .title-box {}
.footer-contact .contact-box .left-box .in-box .title-box .cont-title {
    color: #FFF;
}
.footer-contact .contact-box .left-box .in-box .title-box .cont-title::before { content:""; }
.footer-contact .contact-box .left-box .in-box .title-box h2.title {
    color: #FFF;
}
.footer-contact .contact-box .left-box .in-box .title-box .title-text {
    color: #FFF;
}
.footer-contact .contact-box .left-box .in-box .contact-btn {
    color: #0F2940;
    background: #f6a800;
    display: block;
    width: 256px;
    padding: 19px 0 17px 40px;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    border-radius: 6px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #f6a800;
    position: relative;
}
.footer-contact .contact-box .left-box .in-box .contact-btn::before {content:"";background: url(../images/mail_b.png);display: block;background-size: 26px;width: 26px;height: 19px;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}
.footer-contact .contact-box .left-box .in-box .contact-btn:hover { background:#FFF; }
.footer-contact .contact-box .right-box {
    width: 50%;
    background: url(../images/bg03.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.footer-contact .contact-box .right-box .in-box {}
.footer-contact .contact-box .right-box .in-box .title-font {
    font-size: 40px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
}
.footer-contact .contact-box .right-box .in-box .title-font span {}

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

.footer-contact {
    padding: 0;
}
.footer-contact .contact-box {
}
.footer-contact .contact-box .left-box {
    width: 100%;
}
.footer-contact .contact-box .left-box .in-box {padding: 10vw 4%;width: 92%;margin: 0;}
.footer-contact .contact-box .left-box .in-box .title-box {}
.footer-contact .contact-box .left-box .in-box .title-box .cont-title {}
.footer-contact .contact-box .left-box .in-box .title-box .cont-title::before { content:""; }
.footer-contact .contact-box .left-box .in-box .title-box h2.title {}
.footer-contact .contact-box .left-box .in-box .title-box .title-text {}
.footer-contact .contact-box .left-box .in-box .contact-btn {
    width: 75%;
    padding: 4.2vw 0 3.8vw 10%;
    font-size: 4.5vw;
}
.footer-contact .contact-box .left-box .in-box .contact-btn::before {content:"";background-size: 5vw;width: 5vw;height: 3.6vw;left: 10vw;}
.footer-contact .contact-box .left-box .in-box .contact-btn:hover {}
.footer-contact .contact-box .right-box {
    width: 100%;
    height: 60vw;
}
.footer-contact .contact-box .right-box .in-box {
}
.footer-contact .contact-box .right-box .in-box .title-font {
    font-size: 6vw;
    width: 67vw;
}
.footer-contact .contact-box .right-box .in-box .title-font span {}

}

/* --------------------------------------------------------------------------------------
 FOOTER
--------------------------------------------------------------------------------------- */

footer {
    background: #f6a800;
    /* color: #FFF; */
    min-width: 1300px;
}
footer .footer-menu {/* max-width: 1200px; */padding: 39px 50px;margin: 0 auto;justify-content: space-between;}
footer .footer-menu .footer-box {}
footer .footer-menu .footer-box .related_navi {
    display: flex;
    flex-wrap: wrap;
}
footer .footer-menu .footer-box .related_navi li {
    margin-right: 16px;
}
footer .footer-menu .footer-box .related_navi li a {
    /* color: #FFF; */
    font-weight: normal;
    font-size: 16px;
}
footer .footer-menu .footer-box .related_navi li a:hover { opacity:0.7; }
footer .footer-menu .footer-box .related_navi li:nth-last-of-type(1) {}
footer .footer-menu .footer-box:nth-of-type(2) {}
footer .footer-menu .footer-box:nth-of-type(2) .footer-copy {
    margin: 0;
    font-weight: 100;
    font-size: 16px;
    font-weight: 300;
}

@media only screen and (max-width: 768px){
footer {
    min-width: initial;
}
footer .footer-menu {
    padding: 7vw 4% 5vw;
}
footer .footer-menu .footer-box {}
footer .footer-menu .footer-box .related_navi {
    display: block;
}
footer .footer-menu .footer-box .related_navi li {
    text-align: center;
    margin-right: 0;
    margin-bottom: 1vw;
}
footer .footer-menu .footer-box .related_navi li a {
    font-size: 3.5vw;
}
footer .footer-menu .footer-box .related_navi li a:hover {}
footer .footer-menu .footer-box .related_navi li:nth-last-of-type(1) {}
footer .footer-menu .footer-box:nth-of-type(2) {}
footer .footer-menu .footer-box:nth-of-type(2) .footer-copy {
    text-align: center;
    font-size: 3.15vw;
    margin-top: 5vw;
}

}


.fol-img {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 980;
}

.fol-img .fol-img-in {}
.fol-img .fol-img-in a {display: block;width: 120px;text-align: center;padding: 36px 0;border-radius: 120px;color: #7d2f20;border: 2px solid #7d2f20;font-weight: bold;background: #ffffffdd;display: none;}
.fol-img .fol-img-in a:hover { background: #7d2f20dd; color:#FFF; }

@media only screen and (max-width: 768px){
.fol-img {
    position: fixed;
    bottom: 6vw;
    right: 4vw;
    z-index: 9999;
}

.fol-img .fol-img-in {
    display: none;
}
.fol-img .fol-img-in a {opacity: 0.9;display: block;width: 18vw;text-align: center;padding: 4vw 0;border-radius: 120px;font-weight: bold;font-size: 3.5vw;}
.fol-img .fol-img-in a:hover { opacity:0.8; }

}

/* --------------------------------------------------------------------------------------
 地域ページ
--------------------------------------------------------------------------------------- */

section#SMV {background: url(../images/smv.webp);background-position: center;background-size: cover;min-width: 1300px;}
section#SMV .bg-outer {}
section#SMV .bg-outer .copy-box {
    height: 700px;
    position: relative;
}
section#SMV .bg-outer .copy-box h1.main-copy {
    margin: 0;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 45px;
    text-shadow: 1px 2px 3px #000000b0;
    text-align: center;
    width: 100%;
    font-weight: 500;
}

section#SMV .bg-outer .copy-box h1.main-copy span.font-mini {
}
section#SMV .bg-outer .copy-box h1.main-copy span.font-big {
    font-size: 55px;
    font-weight: bold;
    padding: 0 8px;
}
section#SMV .bg-outer .copy-box h1.main-copy span.sub-title {
    display: block;
    font-size: 45px;
    font-weight: 500;
    margin-top: 90px;
}

section.top-section.loewr-section .box3-cont .box-in .font-big {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 60px;
}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn {
    display: block;
    margin-left: auto;
    width: 456px;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 150%;
    color: #fff;
    text-align: center;
    padding: 28px 0;
    background: #7d2f20;
    border-radius: 8px;
    position: relative;
    padding-left: 30px;
    margin-right: auto;
    border: 2px solid #7d2f20;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-top: 40px;
}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn::before {content:"";-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);content: "";position: absolute;width: 33px;height: 24px;top: 20px;left: 85px;background: url(../images/mailicon.png) no-repeat center center;background-size: 33px;opacity: 0.4;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn::after { content:""; }
section.top-section.loewr-section .box3-cont .box-in a.contact-btn:hover { color: #7d2f20;
    background: #FFF; }
.bg-gray {background: #f5f5f5;}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn:hover::before {background: url(../images/mailicon_2.png) no-repeat center center;background-size: 33px; opacity:1; top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);}
section.top-section.loewr-section.bg-gray {}
section.top-section.loewr-section.bg-gray .guide-text {
    line-height: 175%;
    background: #FFF;
    border-radius: 30px 70px;
    padding: 50px;
}
.wp_social_bookmarking_light,
.wp_social_bookmarking_light_clear {
    display: none;
}
section.top-section.loewr-section.about-section {}
section.top-section.loewr-section.about-section .inner {}
section.top-section.loewr-section.about-section .about-inner {}
section.top-section.loewr-section.about-section .about-inner .box-in {
    width: 50%;
    margin-right: 3%;
}
section.top-section.loewr-section.about-section .about-inner .box-in img {
    width: 100%;
}
section.top-section.loewr-section.about-section .about-inner .box-in p {
    margin-top: 0;
}    
section.top-section.loewr-section.about-section .about-inner .box-in:nth-of-type(2) {max-width: 550px;padding-right: 50px;width: 40%;}

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

section#SMV {
    width: 100%;
    padding: 0px;
    min-width: initial;
    background: url(../images/smv.webp);
    background-position: center;
    background-size: cover;
    background-position-x: -25vw;
}
section#SMV .bg-outer {}
section#SMV .bg-outer .copy-box {
    height: 80vw;
}
section#SMV .bg-outer .copy-box h1.main-copy {
    font-size: 6vw;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 94%;
}

section#SMV .bg-outer .copy-box h1.main-copy span.font-mini {
}
section#SMV .bg-outer .copy-box h1.main-copy span.font-big {
    font-size: 7vw;
    display: block;
    padding: 0;
}
section#SMV .bg-outer .copy-box h1.main-copy span.sub-title {
    font-size: 5.5vw;
    margin-top: 3vw;
}
    
section.top-section.loewr-section .box3-cont .box-in .font-big {
    font-size: 5vw;
    margin-top: 9vw;
}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn {
    width: 70vw;
    font-size: 4vw;
    padding: 4vw 0;
    padding-left: 5vw;
    margin: 0 auto;
    margin-top: 4vw;
}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn::before {content:"";width: 6vw;height: 5vw;background-size: 6vw;left: 8vw;opacity: 1;}
section.top-section.loewr-section .box3-cont .box-in a.contact-btn::after { content:""; }
section.top-section.loewr-section .box3-cont .box-in a.contact-btn:hover {}
.bg-gray {  }
section.top-section.loewr-section.bg-gray {}
section.top-section.loewr-section.bg-gray .guide-text {
    padding: 5vw 4vw;
    border-radius: 5vw 11vw;
}
section.top-section.loewr-section.about-section {
    padding: 4vw 0 8vw;
}
section.top-section.loewr-section.about-section .inner {}
section.top-section.loewr-section.about-section .about-inner {}
section.top-section.loewr-section.about-section .about-inner .box-in {
    width: 100%;
    margin-right: 0;
}
section.top-section.loewr-section.about-section .about-inner .box-in img {}
section.top-section.loewr-section.about-section .about-inner .box-in p {}    
section.top-section.loewr-section.about-section .about-inner .box-in:nth-of-type(2) {
    width: 92%;
    padding: 0;
    margin: 4vw auto 0;
}

    
}

/* --------------------------------------------------------------------------------------
 下層共通
--------------------------------------------------------------------------------------- */


section.under-section:nth-of-type(1) {
}

#SMV.contact-bg {

}
#SMV.company-bg {

}
#SMV.privacy-bg {

}

#SMV .smv-outer {max-width: 1200px;margin: 0 auto;padding: 0 50px;}
#SMV .smv-outer .smv-inner {
}
#SMV .smv-outer .smv-inner .smv-cont-outer {margin: 0 auto;position: relative;padding: 0 50px;height: 540px;}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box .smv-title {
    margin: 0px;
    color: #FFF;
    font-size: 50px;
    line-height: 1;
    margin-bottom: 16px;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box .en-title {
    color: #FFF;
    margin: 0;
    font-size: 24px;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box::before {content:"";width: 400px;height: 4px;background: #FFF;display: block;position: absolute;bottom: -20px;}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box::after {content:"";width: 200px;height: 4px;background: #f6a800;display: block;position: absolute;bottom: -20px;left: 200px;}

#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title {}

#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title span.ramp {}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::before { content:""; }
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::after { content:""; }

.breadcrumbs {
    max-width: 1100px;
    margin: 24px auto;
    padding: 0 50px;
    font-size: 16px;
}
.breadcrumbs span.breadcrumbs-outer {}
.breadcrumbs span.breadcrumbs-outer span.breadcrumbs-inner {}
.breadcrumbs span.breadcrumbs-outer a {
    text-decoration: underline;
}
.breadcrumbs span.breadcrumbs-outer a:hover {}
.breadcrumbs span.breadcrumbs-outer a span {}
.breadcrumbs span.breadcrumbs-outer a span.breadcrumbs-inner {}

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

#SMV {
    /* height: 50vw; */
    /* margin-top: 15vw; */
}
#SMV .smv-outer {
    height: 70vw;
    padding: 0 4%;
}
#SMV.contact-bg {}
#SMV.company-bg {}
#SMV.privacy-bg {}
#SMV .smv-outer .smv-inner {
    height: 60vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer {
    height: 70vw;
    padding: 0;
    width: 100%;
    max-width: initial;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title {
    font-size: 7vw;
    width: 100%;
}


#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title span.ramp {
    font-size: 7vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::before { content:""; }
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::after { content:""; }

.breadcrumbs {
    padding: 0 4%;
    max-width: initial;
    margin: 5vw 0;
    font-size: 3.5vw;
}
.breadcrumbs span.breadcrumbs-outer {}
.breadcrumbs span.breadcrumbs-outer span.breadcrumbs-inner {}
.breadcrumbs span.breadcrumbs-outer a {}
.breadcrumbs span.breadcrumbs-outer a:hover {}
.breadcrumbs span.breadcrumbs-outer a span {}
.breadcrumbs span.breadcrumbs-outer a span.breadcrumbs-inner {}
section.under-section:nth-of-type(1) {
    padding-top: 4vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box {}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box .smv-title {
    font-size: 7vw;
    margin-bottom: 2vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box .en-title {
    font-size: 4vw;
    line-height: 1;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box::before {content:"";width: 60vw;bottom: -5vw;height: 1vw;}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title-box::after {content:"";width: 30vw;left: 30vw;bottom: -5vw;height: 1vw;}
}

/* --------------------------------------------------------------------------------------
 お問い合わせ
--------------------------------------------------------------------------------------- */

section.under-section .under.inner .formtab {
    margin: 0 auto 24px auto;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

section.under-section.contact-section {
    padding-bottom: 40px;
    background: none;
}
section.under-section.contact-section.bg-gray {
    padding-bottom: 80px;
    padding-top: 40px;
    /* background: #f5f5f5; */
}

section.under-section .under.inner .formtab li {
    width: 31%;
    padding: 0 8px 20px 8px;
    border: solid 1px #666;
    border-style: none none solid none;
    position: relative;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0.2;
    list-style: none;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    padding-bottom: 14px;
}
section.under-section .under.inner .formtab li::after {content:"";right: -16px;top: 10px;content: '';display: block;position: absolute;width: 0;height: 0;border: 6px solid transparent;border-top: 8px solid #e2e2e2;transform: rotate(-90deg);}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after {content:"";display: none;}
section.under-section .under.inner .formtab li span.nav-number {
    width: 31px;
    /* height: 32px; */
    border-radius: 50%;
    background: #333;
    color: #FFF;
    display: block;
    padding: 9px 0;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
section.under-section .under.inner .formtab li span.nav-text {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 7px 0 0 27px;
    color: #131c23;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
}
section.under-section .under.inner .formtab li.on {
    opacity: 1;
    border: solid 1px #f6a800;
    border-style: none none solid none;
}
section.under-section .under.inner .formtab li.on::after {content:"";width: 20px;height: 20px;background: url(../images/arrow.svg);transform: initial;border: none;background-size: 100%;}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li.on span.nav-number {
    background: #f6a800;
    color: #0f2940;
}
section.under-section .under.inner .formtab li.on span.nav-text {}

section.under-section {
    padding: 100px 0;
}
section.under-section.access {
    padding-bottom: 20px;
}
iframe.company-map {
    line-height: 1;
    margin: 0;
    padding: 0;
    margin-bottom: -8px;
}
section.under-section:nth-of-type(2n-1) {
    background: #f2f2f2;
}
section.under-section p {
    font-size: 15px;
    line-height: 175%;
    font-weight: normal;
}
section.under-section .under.inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
    width: initial;
}
section.under-section .under.inner .form-box {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}
section.under-section .under.inner .form-box .box-in {
    width: 48%;
}
section.under-section .under.inner dl.form-cont {}
section.under-section .under.inner dl.form-cont div {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
    justify-content: space-between;
}
section.under-section .under.inner dl.form-cont div dt {
    width: 43%;
    position: relative;
}
section.under-section .under.inner dl.form-cont div dt span.required,
section.under-section .under.inner dl.form-cont div dt span.no-required {
    position: absolute;
    font-size: 15px;
    text-align: center;
    width: 40px;
    padding: 2px 4px;
    right: 0;
    top: 0;
    border-radius: 3px;
    color: #ffffff;
}
section.under-section .under.inner dl.form-cont div dt span.required {
    background: #f6a800;
    /* border: 1px solid #d43f3a; */
}


section.under-section .under.inner dl.form-cont div dt span.no-required {
    background: #BBBBBB;
    /* border: 1px solid #143d87; */
}
section.under-section .under.inner dl.form-cont div dt p {
    font-size: 13px;
    width: 80%;
    margin: 0;
    margin-top: 8px;
    font-weight: normal;
}
section.under-section .under.inner dl.form-cont div dd {
    width: 53%;
    margin: 0;
    position: relative;
}
section.under-section .under.inner dl.form-cont div dd::after {content:"";display: block;clear: both;}

section.under-section .under.inner dl.form-cont div dd input {
    padding: 2%;
    width: 85%;
}
section.under-section .under.inner dl.form-cont div dd input+span {}
section.under-section .under.inner dl.form-cont div dd span.mwform-tel-field {}
section.under-section .under.inner dl.form-cont div dd span.mwform-tel-field input {
    width: 21%;
}
section.under-section .under.inner dl.form-cont div dd span.error {
    position: absolute;
    bottom: -22px;
}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field {
    display: flex;
    float: left;
    margin: 0;
    margin-right: 16px;
    margin-bottom: 4px;
}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label {
    display: block;
}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label input.radio {
    width: initial;
    padding: initial;
    position: absolute;
    opacity: 0;
    display: none;
}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label span.mwform-radio-field-text {
    cursor: pointer;
    padding: 0;
    display: block;
    margin: 0;
    font-family: fot-cezanne-pron,sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 31px;
    letter-spacing: 1px;
    color: #131c23;
}
section.under-section .under.inner dl.form-cont div dd input[type="radio"]+.mwform-radio-field-text::before {content:"";background: #fff;border-radius: 100%;display: inline-block;width: 25px;height: 25px;position: relative;top: 1px;margin-right: 8px;vertical-align: top;cursor: pointer;text-align: center;transition: all .3s ease;border: 1px solid #CCC;}
section.under-section .under.inner dl.form-cont div dd input[type="radio"]:checked+.mwform-radio-field-text::before { content:""; background-color: #32ad3b;
    box-shadow: inset 0 0 0 5px #fff; }
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field:nth-last-of-type(1) {
    margin-right: 0;
}
section.under-section .under.inner dl.form-cont div dd select.select {
    padding: 2%;
    width: 80%;
}
section.under-section .under.inner dl.form-cont div dd select.select option {}
section.under-section .under.inner dl.form-cont div dd textarea.textarea {
    padding: 2%;
    width: 90%;
    min-height: 196px;
    line-height: 175%;
}
section.under-section .under.inner .btn-box {
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}
section.under-section .under.inner .btn-box input.btn.contact-btn {
    display: block;
    width: 100%;
    padding: 19px 0px 17px 0px;
    text-align: center;
    background: #f6a800;
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-top: 25px;
    border: none;
    color: #0f2940;
    border-radius: 8px;
    transition-property: all;
    transition: 0.3s linear;
    cursor: pointer;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #f6a800;
    position: relative;
}

section.under-section .under.inner .mw_wp_form_confirm .btn-box {
    width: 650px;
    display: flex;
    justify-content: space-between;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn {
    display: block;
    width: 300px;
    padding: 19px 0;
    border-radius: 15px;
    text-align: center;
    background: #AAA;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 25px;
    border: none;
    color: #FFF;
    /* border-bottom: solid 8px #777; */
    border-radius: 8px;
    transition-property: all;
    transition: 0.3s linear;
    cursor: pointer;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn:hover {opacity:0.8;}
section.under-section .under.inner .mw_wp_form_confirm .btn-box input.btn.contact-btn {
    width: 300px;
}

section.under-section .under.inner .btn-box input.btn.contact-btn::before { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn::after {content:"";width: 9px;height: 9px;margin: auto;border-top: 2px solid #0F2940;border-right: 2px solid #0F2940;display: block;top: 50%;transform: translateY(-50%) rotate(45deg);right: 30px;position: absolute;}
section.under-section .under.inner .btn-box input.btn.contact-btn:hover { background:#FFF; }

section.under-section .mw_wp_form_confirm dl.form-cont div dt span.required,
section.under-section .mw_wp_form_confirm dl.form-cont div dt span.no-required {
    /* display: none; */
}

section.under-section p.contact-lead {
    text-align: center;
}
section.under-section p.contact-lead span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
section.under-section a.to-top-btn {
    margin: 0 auto;
    display: block;
    width: 296px;
    display: block;
    padding: 15px 0;
    border-radius: 15px;
    text-align: center;
    background: #0f2940;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 40px;
    border: none;
    color: #FFF;
    border-radius: 8px;
    transition-property: all;
    transition: 0.3s linear;
    border:2px solid #0f2940;
}
section.under-section a.to-top-btn::before { content:""; }
section.under-section a.to-top-btn::after { content:""; }
section.under-section a.to-top-btn:hover { color:#0f2940; background:#FFF; }

section.under-section .form-cont div dd.checkbox-dd {
    display: flex;
    flex-wrap: wrap;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field {
    display: block;
    width: auto;
    margin: 0;
    margin-right: 12px;
    margin-bottom: 4px;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label {
    display: flex;
    cursor: pointer;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label input {
    width: 18px;
    margin: 0;
    margin-right: 6px;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label .mwform-checkbox-field-text {
    font-size: 16px;
}
section.under-section .form-cont div dd.images-box {}
section.under-section .form-cont div dd.images-box .cont-images-box {
    display: block;
    padding: 0;
    border: none;
}
section.under-section .form-cont div dd.images-box .cont-images-box div {
    justify-content: left;
    display: block;
    padding: 0;
    border: none;
    margin-bottom: 12px;
}
section.under-section .form-cont div dd.images-box .cont-images-box div:nth-last-of-type(1) {
    /* margin-bottom: 0px; */
}
section.under-section .form-cont div dd.images-box .cont-images-box div input {padding: 0;}
section.under-section .form-cont div dd.images-box .cont-images-box div input[type="file"]::file-selector-button {}
section.under-section .form-cont div dd.images-box input[type="file"]::file-selector-button {}
section.under-section .form-cont div dd.images-box .cont-images-box div span {}
section.under-section .form-cont div dd.images-box .cont-images-box div p {
    margin: 0;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 135%;
}
section.under-section .form-cont div dd.images-box .note {}
section.under-section .form-cont div dd.images-box .note li {
    font-size: 14px;
    position: relative;
    margin-left: 16px;
    color: #555;
}
section.under-section .form-cont div dd.images-box .note li::before {content:"※";position: absolute;left: -16px;}

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

section.under-section .under.inner .formtab {}
section.under-section .under.inner .formtab li {
    padding-bottom: 2vw;
}
section.under-section .under.inner .formtab li::after {content:"";right: -2.5vw;top: 2vw;}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li span.nav-number {
    font-size: 3vw;
    width: 7.135vw;
    padding: 2vw 0;
    line-height: 100%;
    letter-spacing: initial;
}
section.under-section .under.inner .formtab li span.nav-text {
    font-size: 3.7vw;
    line-height: 150%;
    padding: 0 0 0 2.5vw;
    position: relative;
    top: 1vw;
}
section.under-section .under.inner .formtab li.on {}
section.under-section .under.inner .formtab li.on::after {content:"";background: url(../images/arrow.svg);background-size: 100%;width: 3.5vw;height: 3.5vw;}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li.on span.nav-number {}
section.under-section .under.inner .formtab li.on span.nav-text {}

section.under-section {
    padding: 10vw 0;
}
section.under-section.access {
    padding-bottom: 2vw;
}
iframe.company-map {
    margin-bottom: -2vw;
}
section.under-section.contact-section {
    padding-bottom: 5vw;
}
section.under-section.contact-section.bg-gray {
    padding-top: 5vw;
    padding-bottom: 10vw;
}
section.under-section p {
    font-size: 3.5vw;
}
section.under-section .under.inner {max-width: initial;padding: 0 4%;width: 92%;}
section.under-section .under.inner .form-box {
    display: block;
    font-size: 3.5vw;
}
section.under-section .under.inner .form-box .box-in {
    width: 100%;
}
section.under-section .under.inner dl.form-cont {}
section.under-section .under.inner dl.form-cont div {
    display: block;
    padding: 3vw 0px 6vw;
}
section.under-section .under.inner .mw_wp_form_confirm dl.form-cont div {
    padding-bottom: 3vw;
}
section.under-section .under.inner dl.form-cont div dt {
    width: 100%;
    margin-bottom: 2vw;
    font-weight: bold;
}
section.under-section .under.inner dl.form-cont div dt span.required,
section.under-section .under.inner dl.form-cont div dt span.no-required {
    font-size: 3.5vw;
    padding: 0.5vw 0;
    width: 10vw;
    top: -1.5vw;
    position: absolute;
}
section.under-section .under.inner dl.form-cont div dt span.required {}
section.under-section .under.inner dl.form-cont div dt span.no-required {}
section.under-section .under.inner dl.form-cont div dt p {
    font-size: 3.5vw;
    margin-top: 2vw;
    display: none;
}
section.under-section .under.inner dl.form-cont div dd {
    width: 100%;
}
section.under-section .under.inner dl.form-cont div dd input {
    width: 87%;
}
section.under-section .under.inner dl.form-cont div dd input+span {}
section.under-section .under.inner dl.form-cont div dd span.mwform-tel-field {}
section.under-section .under.inner dl.form-cont div dd span.mwform-tel-field input {
    width: 23%;
}
section.under-section .under.inner dl.form-cont div dd span.error {}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field {}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label {}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label input.radio {}
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field label span.mwform-radio-field-text {}
section.under-section .under.inner dl.form-cont div dd input[type="radio"]:checked+.mwform-radio-field-text::before { content:""; }
section.under-section .under.inner dl.form-cont div dd span.mwform-radio-field:nth-last-of-type(1) {}
section.under-section .under.inner dl.form-cont div dd select.select {}
section.under-section .under.inner dl.form-cont div dd select.select option {}
section.under-section .under.inner dl.form-cont div dd textarea.textarea {}
section.under-section .under.inner .btn-box {
    margin-top: 10vw;
    width: 60vw;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box {
    width: 100%;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn {
    width: 48%;
    margin-top: 0;
    padding: 3vw 0 2vw;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box input.btn.contact-btn {
    width: 48%;
}
section.under-section .under.inner .btn-box input.btn.contact-btn {
    font-size: 4vw;
    margin-top: 0vw;
    padding: 4vw 0;
}
section.under-section .under.inner .btn-box input.btn.contact-btn::before { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn::after { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn:hover {}

section.under-section .mw_wp_form_confirm dl.form-cont div dt span.required,
section.under-section .mw_wp_form_confirm dl.form-cont div dt span.no-required {}

section.under-section p.contact-lead {}
section.under-section p.contact-lead span {
    font-size: 4.5vw;
    margin-bottom: 5vw;
}
section.under-section a.to-top-btn {
    width: 60vw;
    font-size: 4vw;
    padding: 4vw 0;
    margin-bottom: 8vw;
}
section.under-section a.to-top-btn::before { content:""; }
section.under-section a.to-top-btn::after { content:""; }
section.under-section a.to-top-btn:hover {}

section.under-section .form-cont div dd.checkbox-dd {}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field {
    margin-right: 3vw;
    margin-bottom: 1vw;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label {}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label input {
    width: 4.5vw;
    margin-right: 1.5vw;
    font-size: 3.5vw;
}
section.under-section .form-cont div dd.checkbox-dd .mwform-checkbox-field label .mwform-checkbox-field-text {
    position: relative;
    top: -1vw;
}
section.under-section .form-cont div dd.images-box {}
section.under-section .form-cont div dd.images-box .cont-images-box {
    padding: 0;
}
section.under-section .form-cont div dd.images-box .cont-images-box div {
    margin-bottom: 3vw;
}
section.under-section .form-cont div dd.images-box .cont-images-box div input {}
section.under-section .form-cont div dd.images-box .cont-images-box div span {}
section.under-section .form-cont div dd.images-box .cont-images-box div p {
    font-size: 3.8vw;
    margin-bottom: 0.5vw;
}
section.under-section .form-cont div dd.images-box .note {}
section.under-section .form-cont div dd.images-box .note li {
    font-size: 3.5vw;
    margin-left: 4vw;
}
section.under-section .form-cont div dd.images-box .note li::before {content:"※";left: -4vw;}
}

/* --------------------------------------------------------------------------------------
 個人情報
--------------------------------------------------------------------------------------- */

.mb-30 {
    margin-bottom: 30px;
}
section.under-section p {
    margin: 16px 0;
}
section.under-section .under.inner .privacy-cont {}
section.under-section .under.inner .privacy-cont p {}
section.under-section .under.inner .privacy-cont h2 {
    position: relative;
    margin: 30px 0 20px;
    /* margin-left: 30px; */
    border-bottom: 2px solid #7d2f20;
    padding-bottom: 20px;
}
section.under-section .under.inner .privacy-cont h2::before {content:"";/* position: absolute; *//* width: 18px; *//* height: 18px; *//* background: #3eb135; *//* display: block; *//* left: -30px; *//* top: 4px; */}
section.under-section .under.inner .privacy-cont h2::after { content:""; }
section.under-section .under.inner .privacy-cont ol {}
section.under-section .under.inner .privacy-cont ol li {
    font-size: 16px;
    line-height: 175%;
    margin-bottom: 16px;
}
section.under-section .under.inner .privacy-cont ol li:nth-last-of-type(1) {
    margin-bottom: 0;
}
section.under-section .under.inner .privacy-cont .contactgroup {background: #FFF;padding: 40px;display: flex;justify-content: space-between;margin-top: 60px;}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l {
    width: 55%;
    position: relative;
    /* margin-bottom: 4vw; */
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2 {
    margin: 0;
    border: none;
    padding: 0;
    font-size: 18px;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2::before {
    width: initial;
    height: initial;
    position: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.pc {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.sp {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r {
    width: 40%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2 {
    margin: 0;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2::before {
    width: initial;
    height: initial;
    position: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.pc {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.sp {}


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

.mb-30 {
    margin-bottom: 6vw;
}
section.under-section p {}
section.under-section .under.inner .privacy-cont {}
section.under-section .under.inner .privacy-cont p {}
section.under-section .under.inner .privacy-cont h2 {
    font-size: 4vw;
    margin: 5vw 0 3vw;
    padding: 3vw 0;
}
section.under-section .under.inner .privacy-cont h2::before {content:"";width: 4vw;height: 4vw;left: -6vw;top: 0.5vw;}
section.under-section .under.inner .privacy-cont h2::after { content:""; }
section.under-section .under.inner .privacy-cont ol {
    padding-left: 8vw;
}
section.under-section .under.inner .privacy-cont ol li {
    font-size: 3.5vw;
    margin-bottom: 3vw;
}
section.under-section .under.inner .privacy-cont ol li:nth-last-of-type(1) {}
section.under-section .under.inner .privacy-cont .contactgroup {
    display: block;
    padding: 6%;
    margin-top: 6vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l {
    width: 100%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content {
    position: initial;
    transform: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2 {
    font-size: 4vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2::before {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h2::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p {
    margin-bottom: 0;
    margin-top: 2vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.pc {
    display: none !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.sp {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r {
    width: 100%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2 {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2::before {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h2::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p {
    margin-bottom: 0;
    margin-top: 2vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.pc {
    display: none !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p a.sp {
    display: initial !important;
}

}

/* --------------------------------------------------------------------------------------
 運営会社
--------------------------------------------------------------------------------------- */


section.under-section .under.inner .company-list {
    padding: 0;
    margin: 0;
}
section.under-section .under.inner .company-list li {
    list-style: none;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #0f2940;
}
section.under-section .under.inner .company-list li h2 {
    font-size: 16px;
    width: 200px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
}
section.under-section .under.inner .company-list li p {}
section.under-section .under.inner .company-list li p label.pc {}
section.under-section .under.inner .company-list li p label.sp {}
section.under-section .under.inner .company-list li::nth-last-of-type(1) {}
section.under-section .under.inner h2.section_header {
    background: #7d2f20;
    border-left: 8px solid #ae7165;
    color: #FFF;
    padding: 16px;
    margin-top: 0;
}
section.under-section .under.inner h2.section_header::before {content:"";}
section.under-section .under.inner h2.section_header::after {content:"";}
section.under-section .under.inner p.section_text {}
section.under-section .under.inner p.section_text span.pc {
    display: initial !important;
}
section.under-section .under.inner p.section_text span.sp {}
section.under-section .under.inner iframe.company-map {
    width: 100%;
}

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

section.under-section .under.inner .company-list {}
section.under-section .under.inner .company-list li {
    padding: 1vw 4vw;
}
section.under-section .under.inner .company-list li h2 {
    width: 25%;
    font-size: 3.5vw;
}
section.under-section .under.inner .company-list li p {
    width: 75%;
}
section.under-section .under.inner .company-list li p label.pc {}
section.under-section .under.inner .company-list li p label.sp {}
section.under-section .under.inner .company-list li::nth-last-of-type(1) {}
section.under-section .under.inner h2.section_header {
    border-left: 2vw solid #333;
    padding: 4vw;
    font-size: 4.5vw;
}
section.under-section .under.inner h2.section_header::before {content:"";}
section.under-section .under.inner h2.section_header::after {content:"";}
section.under-section .under.inner p.section_text {}
section.under-section .under.inner p.section_text span.pc {
    display: none !important;
}
section.under-section .under.inner p.section_text a.sp {
    display: initial !important;
}
section.under-section .under.inner iframe.company-map {}

}

/* --------------------------------------------------------------------------------------
 prefectures
--------------------------------------------------------------------------------------- */

.map-bg.type2 {
    background: url(../images/top-img02.webp) no-repeat;
    background-size: 90%;
    background-position-x: center;
    background-position-y: 30px;
    padding-top: 80px;
}
section.top-section.area-section {
    background: url(../images/bg04.webp) no-repeat;
    background-size:cover;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}
section.top-section.area-section .inner {
    padding: 100px 50px;
}
section.top-section.area-section .title-box .cont-title {
    color: #FFF;
}
section.top-section.area-section .title-box h2.title {
    color: #FFF;
}
section.top-section.area-section .title-box h2.title::before {content:"";}
section.top-section.area-section .title-box h2.title::after {content:"";}
section.top-section.area-section .title-box .title-text {
    color: #FFF;
}
section.top-section.area-section .area-box {}
section.top-section.area-section .area-box .area_link {
    color: #0F2940;
    text-shadow: none;
    width: 196px;
    display: block;
    background: #f6a800;
    text-align: center;
    padding: 14px 20px 12px 0;
    border-radius: 6px;
    position: relative;
    font-weight: 600;
    border: 2px solid #f6a800;
    transition: 0.2s linear;
    margin-right: 16px;
}
section.top-section.area-section .area-box .area_link::after {content:"";width: 9px;height: 9px;margin: auto;border-top: 2px solid #0F2940;border-right: 2px solid #0F2940;display: block;top: 50%;transform: translateY(-50%) rotate(45deg);right: 30px;position: absolute;}
section.top-section.area-section .area-box .area_link:hover { background:#FFF; }
section.top-section.area-section::before {content:"";display: block;position: absolute;width: 100%;height: 100%;background: #0000004f;backdrop-filter: blur(6px);top: 0;left: 0;}
section.top-section.area-section ul.area-box {
    width: 700px;
    justify-content: initial;
}
section.top-section.area-section ul.area-box li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
section.top-section.area-section ul.area-box li:nth-of-type(3n) {margin-right: 0;}
section.top-section.area-section ul.area-box li a.area_link {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
section.top-section.area-section ul.area-box li a.area_link::after {}
section.top-section.area-section ul.area-box li a.area_link:hover {}
section.top-section.area-section ul.area-box li a.area_link:hover::after {}
section.top-section.area-section .font-big {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 50px;
    color: #FFF;
}
section.top-section.area-section .contact-btn {
    display: block;
    color: #0F2940;
    background: #f6a800;
    display: block;
    width: 356px;
    padding: 21px 0 19px 40px;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    border-radius: 6px;
    font-family: "IBM Plex Sans JP", sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #f6a800;
    margin: 40px auto;
	position:relative;
}
section.top-section.area-section .contact-btn:hover {
    background: #FFF;
    }
section.top-section.area-section .contact-btn::before {content:"";background: url( ../images/mail_b.png );display: block;background-size: 26px;width: 26px;height: 19px;position: absolute;top: 50%;transform: translateY(-50%);left: 60px;}

@media only screen and (max-width: 768px){
section.top-section.area-section .inner {
    padding: 10vw 0;
}
.map-bg.type2 {
    background-position-y: 5vw;
    background-size: 120vw;
    padding-top: 10vw;
}
section.top-section.area-section {
    background: url(../images/bg04.webp) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* background-attachment: fixed; */
}
section.top-section.area-section ul.area-box {
    width: 100%;
}
section.top-section.area-section ul.area-box li {
    width: 48%;
    margin-bottom: 4vw;
    margin-right: 4%;
}
section.top-section.area-section ul.area-box li:nth-of-type(2n) {
    margin-right: 0;
}
section.top-section.area-section ul.area-box li:nth-of-type(3n) {}
section.top-section.area-section ul.area-box li a.area_link {}
section.top-section.area-section ul.area-box li a.area_link::after {}
section.top-section.area-section ul.area-box li a.area_link:hover {}
section.top-section.area-section ul.area-box li a.area_link:hover::after {}
section.top-section.area-section .area-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
section.top-section.area-section .area-box .area_link {
    margin-right: 0;
    font-size: 4vw;
    padding: 2vw;
    padding-right: 8vw;
    width: 32vw;
    margin-bottom: 4vw;
}
section.top-section.area-section .area-box .area_link::after {content:"";width: 2.5vw;height: 2.5vw;margin: auto;border-top: 0.5vw solid #0F2940;border-right: 0.5vw solid #0F2940;right: 8vw;}
	section.top-section.area-section .font-big {
    font-size: 4.3vw;
    margin-top: 7vw;
}
section.top-section.area-section .contact-btn {
    width: 65vw;
    font-size: 4vw;
    padding: 4vw 0;
    padding-left: 5vw;
    margin: 0 auto;
    margin-top: 4vw;
}
section.top-section.area-section .contact-btn::before {content:"";width: 6vw;height: 4.3vw;background-size: 6vw;left: 8vw;opacity: 1;}
section.top-section.area-section .contact-btn:hover {}
section.top-section.area-section .contact-btn:hover::before { content:""; }

}

/* --------------------------------------------------------------------------------------
 404
--------------------------------------------------------------------------------------- */
	#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title.error-title {
    margin: 0;
    color: #FFF;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
}
.e404-bg {
    position: relative;
}
.e404-bg::before {content:"";display: block;width: 100%;height: 100%;background: #0000008c;position: absolute;top: 0;left: 0;}
#e404 {
    padding: 90px 0;
}
#e404 .inner.e404 {}
#e404 .inner.e404 p {
    text-align: center;
    margin-bottom: 20px;
    line-height: 175%;
}
#e404 .inner.e404 p a.btn {
    width: 350px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    background: #f6a800;
    padding: 20px 0;
    margin-top: 30px;
    font-size: 18px;
    border-radius: 8px;
    color: #0f2940;
}
#e404 .inner.e404 p a.btn:hover { opacity:0.6; }

@media only screen and (max-width: 768px){
	#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title.error-title {
    margin: 0;
    color: #FFF;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
}
#e404 {
    padding: 12vw 0;
}
#e404 .inner.e404 {
    width: 92%;
}
#e404 .inner.e404 p {}
#e404 .inner.e404 p a.btn {
    width: 70vw;
    padding: 3vw 0 3vw;
    font-size: 4.5vw;
    margin-top: 6vw;
}
#e404 .inner.e404 p a.btn:hover {}
}

/* --------------------------------------------------------------------------------------
 animation
--------------------------------------------------------------------------------------- */

/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
	transform: translateY(0);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#wpadminbar {
    top: initial !important;
    bottom: 0px;
    position: fixed !important;
}