@charset "utf-8";
/*
Theme Name: kanamachi
Description: original theme
*/
/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;background:whitesmoke; &.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible; opacity: 1;} .spinner-border { width: 5rem;height: 5rem;color:var(--Og);}}
/*** Settings ***/
body {font-family: -apple-system, "Noto Sans JP", "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: .85rem;letter-spacing: .1rem;line-height: 1.75;color: var(--Db);word-break: break-word;-webkit-text-size-adjust: 100%;}html {scroll-behavior: smooth;}a {-webkit-tap-highlight-color: var(--tra);touch-action: manipulation;color: var(--Og);text-decoration: none; transition: color 0.2s ease, outline 0.2s ease;}a:hover,a:focus { color: var(--Og); outline: none;}a:active { color: var(--Og);}a:focus-visible {outline: 2px dashed var(--Og); outline-offset: 4px;}ul{margin-bottom: .5rem;}li{list-style: none;}header { display: inline;background:var(--tra);}section {padding:5rem 0;}img { max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem;}main {max-width: 1400px;margin: auto;}
:root {
  --Og:#ff6742;
  --fOg:#fc7453; 
  --Wh:white;
  --WhA:rgba(255,255,255,.7);
  --Bl:#1f2021;
  --Gr:#eceef3;
  --Db:#39406c;
  --Pb:#5d83c0;
  --Sk:#eff4f8;
  --Be:#f7f1ed;
  --Ye:#e5fe72;
  --Pk:#f34d76;
  --Pk01:#f34d76;
  --senior:#7fb8a4;
  --paper:#f987a4;
  --manager:#456591;
  --aptitude:#80a4db;
--fix:fixed;
--abs:absolute;
--rel: relative;
--flx: flex;
--ce:center;
--tr5: .5s;
}
/******* Commons *******/
.card {border:none;}
.card-img-top {border-radius: 1.5rem;box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);}
.number {font-family: Century Gothic, sans-serif;font-weight: 900;}
.img-shadow {border-radius: 4rem;box-shadow: 0px 35px 50px -25px rgba(70, 84, 109, .6);}
.radius4 {border-radius: 4rem;padding:1rem;}
/*** Phone ***/
.phone {text-align: var(--ce);color:var(--Db);padding:0 .1rem;font-size:1.2rem;font-family: Century Gothic, sans-serif;font-weight: 900;letter-spacing: .05rem;}
.phone span{font-size: 1rem;}
.phone p {font-size:.7rem;font-weight: normal;margin-bottom:0;line-height: 0.5rem;}
/*** BG colors  ***/
.bg-O {background:var(--Og);color:var(--Wh);}
.bg-Sk {background:var(--Sk);}
.bg-Wh {background:var(--Wh);}
.bg-Be {background:var(--Be);}
.bg-Gr {background:var(--Gr);}
.bg-Pb {background:var(--Pb);}
/*** Text colors  ***/
.tx-Db {color:var(--Db);}
/***  Dotted Line ***/
.dot-x { background-image: radial-gradient(circle, var(--Db) 1px, transparent 1px);background-position: left bottom; background-repeat: repeat-x; background-size: 8px 2px;}
.dot-y,.dot-yC { background-image: radial-gradient(circle, var(--Db) 1px, transparent 1px); background-position: right top; background-repeat: repeat-y; background-size: 2px 8px;}
 /***  deco ***/
.deco { position: var(--rel); display: inline-block; display: table;margin: 0 auto 2rem;color:var(--Db);
&::before { content: ""; top: calc(100% + 1rem);left: 50%;transform: translateX(-50%); position: var(--abs);width: 3px;height: 3px;background-color: #3f4044;border-radius: 50%;transform: translateX(-50%);box-shadow:0 -6px 0 #3f4044, 0 -12px 0 #3f4044;  }
&::after {content: "";position: var(--abs);top: calc(100% + 1.4rem);left: 50%;transform: translateX(-50%);width: 8px;height: 8px;border: 2px solid #3f4044;background-color: var(--Wh);border-radius: 50%;transform: translate(-50%, 0);}}
 /***  decoBg ***/
.decoBg {border: 2rem solid #0000;border-radius: calc(1rem + 3rem); background: border-box var(--Wh);   border-top-left-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;mask:radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 2rem 0/2rem 2rem no-repeat border-box,radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 100% calc(100% - 2rem)/2rem 2rem no-repeat border-box,linear-gradient(#000 0 0) padding-box;}
.decoBgCr {position: var(--rel);}
.decoBgCr::before{position: var(--abs);content: "";bottom:5%; right:2%;height:150px;aspect-ratio: 1;border-radius: 50%;border: 45px solid var(--Ye);box-sizing: border-box;z-index:-1;}
.decoBgCr01 {position: var(--rel);}
.decoBgCr01::before{position: var(--abs);content: "";top:1%;left:-5%;height:250px;aspect-ratio: 1; border-radius: 50%;box-sizing: border-box;z-index:-1;}
.decoBgCr01::after{position: var(--abs);content: "";bottom:10%;right:5%;height:150px;aspect-ratio: 1;border-radius: 50%;border:45px solid var(--Ye); box-sizing: border-box;z-index:-1;}

.camBg {background: url(../img/camBg.webp) no-repeat bottom center / cover;margin:3rem 5% 3rem 0;border-radius: 0 5rem 5rem 0;position: var(--rel);width: 95%;}
.camBg::before {position: var(--abs);content:"";bottom:-6rem;right: 0;width:50%;height:400px;border-width: 6rem 0 0 6rem;border-style: solid;border-color: #0000;border-radius: calc(3rem + 6rem);background: border-box white;   border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
  mask:radial-gradient(100% 100% at 0% 0%,#0000 99%,#000 100%) calc(100% - 0rem) 0rem /6rem 6rem no-repeat border-box, radial-gradient(100% 100% at 0% 0%,#0000 99%,#000 100%) 0% calc(100% - 6rem) /6rem 6rem no-repeat border-box, linear-gradient(#000 0 0) padding-box;}
.camBg .cam-box {margin-top: 15rem;}
.camBg .cam-box .col-8 {width: fit-content;height: auto; background:var(--Ye);  border-radius: 50%;aspect-ratio: 1;box-shadow: 0px 35px 50px -25px rgba(70, 84, 109, .8);}
.camBg div {z-index: 2;}
.camBg .cam-box p {background: var(--Pb);padding: .5rem;text-align: center;border-radius: 1rem;font-size: .8rem;display: table;margin:.8rem auto 0;color:var(--Wh);font-size:.8rem;}
.camBg .cam-box p:last-child {background: var(--Wh);color:var(--Db);font-size:.7rem;}

.cam-fuki {position: relative;display: table;margin:-1rem auto 3rem;padding: 10px 14px 10px 25px; rotate: -20deg;line-height: 1.8rem;color: var(--Db);font-weight: 600;}
.cam-fuki span{font-size:2rem;font-weight:900;letter-spacing: 0.05rem;-webkit-text-stroke: 2px white;text-stroke: 2px white; paint-order: stroke;}
.cam-fuki::before {content: "";position: var(--abs);top: -2px;left: 0; width: 100px; height: 3.5px;transform: rotate(-14deg);box-sizing: border-box; background-image: radial-gradient(circle, var(--Db) 1.5px, transparent 1.5px);background-position: left bottom; background-repeat: repeat-x; background-size: 8px 4px;}
.cam-fuki::after {content: "";position: var(--abs);bottom: -4px;left: 0;width: 120px;height: 3.5px;transform: rotate(14deg);box-sizing: border-box; background-image: radial-gradient(circle, var(--Db) 1.5px, transparent 1.5px);background-position: left bottom; background-repeat: repeat-x; background-size: 8px 4px;}
.cam-ttl {text-align: center;font-size:1rem;font-weight: 700;padding:0rem 2rem 0;}
.cam-ttl span {font-size:1.5rem;display: block;}
.camInfo img {border-radius: 2rem;box-shadow: 0px 35px 50px -25px rgba(70, 84, 109, .6);}
.period {padding:1rem;font-weight: 600;border-radius: 2rem;border: 1px solid var(--Db);}
.itemB {background: var(--Db);color:var(--Wh);border-radius: 1rem;padding: .2rem 1rem;margin-right: .5rem;}

.privilege {padding: 1rem;color:var(--Db);}
.privilege div {padding: 1rem 1.5rem .5rem;margin-bottom: 1rem;background: var(--Gr);border-radius: 2rem;text-align: center;}
.privilege h3 {font-size: 1rem;font-weight: 700;padding: .5rem 0 1rem;border-bottom: 2px dotted var(--Db);}
.privilege div div {padding:.5rem;background: var(--Wh);margin: 1rem 0;}
.privilege div div span {display: block;padding:0;font-size: 1.8rem;}
.privilege p {text-align:left;}
#li01,#li02,#li03,#li04,#li05,#li06,#li07,#li08,#li09,#li10{display: block; padding-top: 120px;margin-top: -120px;}
.voiceBg {margin:3rem 5% 3rem 0;border-radius: 5rem;position: var(--rel);width: 50%;}
.v1 {background: url(../img/camBg.png) var(--Be) no-repeat bottom center / cover;}
.voiceBg::before { position: var(--abs);content:"";bottom:-6rem;right: 0;width:70%;height:200px;border-width: 6rem 0 0 6rem;border-style: solid;border-color: #0000;border-radius: calc(3rem + 6rem);background: border-box white;  border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;mask:radial-gradient(100% 100% at 0% 0%,#0000 99%,#000 100%)  calc(100% - 0rem) 0rem /6rem 6rem no-repeat border-box, radial-gradient(100% 100% at 0% 0%,#0000 99%,#000 100%)  0% calc(100% - 6rem) /6rem 6rem no-repeat border-box, linear-gradient(#000 0 0) padding-box;}

.floorDa {border-left:10px solid var(--Og);padding:0 1rem;}
.floorDa span {color:var(--Og);display: block;font-size:2rem;font-weight: 700;margin-bottom: 1rem;}

.p-p h3 {font-size:1.1rem;margin: 2.5rem 0 1rem;}
.p-p p {padding:1rem 0;}
.p-p span {display: block;}

.bnArea div {position: var(--rel);margin:1rem 0;padding:0 1rem;}
.bnArea div a {color:var(--Db);}
.bnArea div img {border-radius: 2rem;}
.bnArea div span {position: var(--abs);content:"";bottom:-2rem;left:-1.3rem; z-index: 10;width: auto;padding: 1rem 5rem 1rem 1rem;font-weight: 700;
border: 2rem solid #0000;border-radius: calc(1rem + 3rem);background: border-box var(--Wh); border-top-left-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;mask:
 radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%)  2rem 0/2rem 2rem no-repeat border-box, radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 100% calc(100% - 2rem)/2rem 2rem no-repeat border-box,linear-gradient(#000 0 0) padding-box;}
.bnArea div span:before { font-family: "Font Awesome 5 Free";font-weight: 900; line-height: 1;content: "\f061";font-size: .7rem;position: var(--abs); top: calc(50% - 1.2rem); right: .8rem;background-color: #e0edff; padding: .8rem; border-radius: 50%; z-index: 2;}
.bnArea div a:is(:hover, :active) {color:var(--Og);border: var(--Og);}
/*** container-design ***/
.decoLay-1 {position: var(--rel);background:url(../img/decoLoadW.svg) no-repeat var(--Be) right top -1px / 150px;border-radius: 5rem 0 0 5rem;padding:5rem 0 3rem;margin-left: 2rem;}
.decoLay-1::before { position: var(--abs);content:"";bottom:-2rem;left:-2rem;width: 33.3%;height:200px;border: 2rem solid #0000; border-radius: calc(1rem + 3rem); background: border-box var(--Wh); border-top-left-radius: 0;  border-bottom-right-radius: 0; border-bottom-left-radius: 0;mask: radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%)  2rem 0/2rem 2rem no-repeat border-box, radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 100% calc(100% - 2rem)/2rem 2rem no-repeat border-box,linear-gradient(#000 0 0) padding-box;}
.decoLay-1 .card {background: var(--Wh);padding:1.2rem;border-radius: 4rem;
box-shadow: 0px 20px 30px -25px rgba(204, 168, 153, 0.5);}
.decoLay-1 .card .card-img-top {border-radius: 3rem;box-shadow: none;}
.decoLay-1 .card-body {padding:0; .deco {margin-bottom: 3rem;}}
.decoLay-1 .col {margin-bottom:1rem;}
.decoLay-1 .card-text {font-size:.8rem;padding:1.5rem .5rem .5rem;letter-spacing: 0.5px;}
.decoLay-1 .img-icon { position:var(--rel); span{position: var(--abs);bottom:0;left:0;width: 33%;}}
.decoLay-1 .btnArea {padding-right:2.5rem;}

.decoLay-2 {margin: 5rem 0;}
.decoLay-2 .col:nth-child(odd) {margin: 3rem 0 1rem;}
.decoLay-2 .img-icon { position:var(--rel);span{position:var(--abs);bottom:0;left:0;width: 40%;}}

.decoLay-3,.decoLay-3B,.decoLay-5 {border-radius: 0 6rem 6rem 0;padding:10rem 0 2rem;position: var(--rel);}
.decoLay-3::before,.decoLay-3B::before,.decoLay-5::before {background: var(--Wh);border-radius: 0 0 0 6rem;position: var(--abs);content: "";width: 100%;height:6rem;top:0;}
.decoLay-3 {background: var(--Gr);}

.decoLay-4 {padding:0;position: var(--rel);}
.decoLay-5 {background: var(--Sk);margin: 0 0 5rem;}
.decoLay-5 .h-10 {margin: 2rem 0;}

.intArea .row {margin-bottom: 8rem;padding-bottom: 3rem;background: linear-gradient(transparent 45%, var(--Be) 45%);border-radius: 0 0 5rem 5rem;}

.intbox {padding:2rem;border-radius: 2rem;margin: 3rem 1.5rem 0;}
.intbox h2 {font-size:1rem;font-weight: 600;line-height: 1.8rem;display:block;}
.intbox h2 b {font-size:1.2rem;font-weight: 600;text-decoration: underline;text-decoration-thickness: 15px; text-decoration-color: var(--Ye);text-underline-offset: -8px;text-decoration-skip-ink: none;}
.intbox p {padding:1rem 0 0;}
.intbox span {font-size: .9rem;padding:.5rem 0 1rem;font-style: italic;}
.intbox span {position: var(--rel);
font-size: .8rem;padding:.5rem 0 2rem;font-style: italic;margin-bottom: 2rem;display: flex;}
.intbox span::before { content: '';z-index:1;bottom:0;width: 100px;height:4px; left: 50%;transform: translateX(-50%); position: var(--abs); background-image: radial-gradient(circle, #bac2e2 2px, transparent 2px);background-position: left center;  background-repeat: repeat-x; background-size: 15px 5px;}
/*** attn ***/
.attn{font-size: .85rem;color:var(--Db);}
.attnW{font-size: .85rem;color:var(--Db);background: var(--Wh);padding:1rem;border-radius: 2rem;}
.attn-fluid{font-size: .85rem;color:var(--Db);margin:2rem;padding:2rem;background: var(--Be);border-radius: 3rem;}
.attn-fluidB{color:var(--Db);margin:2rem;padding:2rem;background: var(--Gr);border-radius: 3rem;}
.attn-fluidW{color:var(--Db);margin:2rem;padding:2rem;background: var(--Wh);border-radius: 3rem;}
/* Side */
.side {position: var(--fix);top: 15%;right: 0;display: var(--flx);flex-direction: column;align-items: var(--ce);z-index: 99;}
.side-links {display: var(--flx); flex-direction: column; margin-bottom: 1rem;}
.side-link { display: var(--flx); align-items: var(--ce); writing-mode: vertical-rl; text-orientation: upright;background: var(--Wh); color: var(--Og);padding: .5rem; margin: .5rem 0;border-radius: .8rem 0 0 .8rem;text-decoration: none;font-weight: 500;font-size: .7rem;box-shadow: 3px 8px 10px 0px rgba(0,0,0,.3);  & .fa-solid { margin: 0 .2rem .2rem;font-size: .9rem;}}
.side-link:is(:hover, :active) { background:var(--Db);color:var(--Wh);}
/* Back to Top */
.back-to-top { display: var(--flx); align-items: var(--ce);
 justify-content: var(--ce); width: 3.5rem; height: 3.5rem; background: var(--Db); color: var(--Wh); border-radius: 50%;  text-decoration: none;font-size: 1rem;}
.back-to-top:hover {background:var(--Bl);color:var(--Wh);}

.numbering {text-align:center;font-family: Arial, Helvetica, sans-serif;line-height: 1.3rem;background:#599fd1;color:var(--Wh);padding:1rem;aspect-ratio: 1;width: 100px;border-radius: 50%;margin: 1rem auto 0;text-align: center;}
.numbering span {font-size:1.5rem;display: block;font-weight: 700;}

.route div:nth-child(even) {margin-top: 5rem;}
.route img {margin-top: -2.5rem;border-radius: 3rem;}
.route p {padding:1rem 0;background: var(--Gr);padding:.8rem;border-radius: 1rem;color:var(--Db);}

.staffItem .row {border:1px solid var(--Db);background:rgb(231, 231, 248, .3);margin:2rem 0;padding:1rem;border-radius: 6rem;}
.staffItem .row img {border-radius: 50%;border:1px solid var(--Db);box-shadow: 0px 5px 10px -2px rgba(70, 84, 109, .6);}

.f-pink {color:var(--Pk);font-weight: 600;}
:root {--tra:transparent;}
.accordion {border-radius: 3rem;padding:1rem;color:var(--Db);background:var(--tra);}
.accordion-item {border:none;background: var(--tra);}
.accordion-header {font-size: 1.3rem;margin: 0 1rem 1rem;}
.accordion-button {background: var(--Gr);color:var(--Db);padding:1rem 2rem;border-radius: 2rem !important;}
.accordion-button:not(.collapsed) {color: var(--Wh);background: var(--Db);box-shadow: none;}
.accordion-button::after {background-color:var(--Wh);border-radius:50%;width: 40px;height: 40px;background-position: center center;}
.accordion-body {font-size:.9rem;padding:1rem 1rem 3rem 3rem !important;color:var(--Db);}
.accordion-body span:first-child {font-weight: 600;display: block;padding-bottom: 1rem;}
@media (width <= 768px) {
.intArea .row {margin-bottom: 3rem;padding-bottom: 1rem;background: linear-gradient(var(--tra) 25%, var(--Be) 25%);}
.intArea .row .col-11 {padding:0 2rem;}
.staffItem .row {border-radius: 3rem;}
}
/*arrow right*/
.ic-arR::before,.topbar-nav a::before {font-family: "Font Awesome 6 Free";content: "\f105"; font-weight: 900; margin-right: .2rem;}
/*** Topbar Start ***/
.topbar-nav li{font-size:.78rem;margin-right: .7rem;padding-top: .7rem;}
.topbar-btn a {font-size:.78rem;margin:0 .5rem 0 .1rem;padding: 0rem .8rem !important;}
.topbar-btn-sp {width: 70%;text-align: center;}
.topbar-btn-sp a {letter-spacing: 0;font-size: .78rem;margin-left:.2rem;padding:.5rem;display: inline-block; & span { display: block;font-size:.8rem;}}

header .container-fluid:first-child {background:rgba(240, 244, 247, 0.8);border-radius: 0 0 3rem 3rem;}
.nav-bar {transition: 1s;}
.navbar-light .navbar-brand img {height: 58px;transition: var(--tr5);}
.navbar .navbar-nav .nav-item .nav-link { padding: 0;color:var(--Db);}
.navbar .navbar-nav .nav-item { display: var(--flx);align-items: var(--ce);color:var(--Db);font-size: .75rem; font-weight: 500; padding: .5rem; }
.navbar-light .navbar-nav .nav-item:hover,.navbar-light .navbar-nav .nav-item.active,.navbar-light .navbar-nav .nav-item:hover .nav-link,.navbar-light .navbar-nav .nav-item.active .nav-link { color: var(--fOg);}
.navbar-toggler {padding:.5rem .6rem;color:var(--Wh);background-color: var(--Db);border:none;border-radius: 50%;font-weight: 500;margin-left:.8rem;font-size:1rem;}
.navbar .dropdown-toggle::after { border: none; content: "\f13a"; font-family: "Font Awesome 5 Free"; font-weight: 600; vertical-align: middle; margin-left: 5px;color:var(--aptitude);}
.dropdown .dropdown-menu {border:none;}
.dropdown .dropdown-menu .dropdown-item{color:var(--Db);letter-spacing: .1rem;}
.dropdown .dropdown-menu .dropdown-item:is(:hover, :active) {background: var(--Og);color: var(--Wh);border-radius: 1rem;}
@media (width >= 1000px) {.navbar {width: 90%;margin:0 auto;}}
@media (768px < width < 831px) {.navbar .navbar-nav .nav-item {font-size: clamp(0.65rem, -0.589rem + 2.581vw, 0.75rem);}}
@media (width <= 768px) {
.nav-bar > .container { max-width: fit-content;}
.sBtnArea {width: 100%;}
.navbar .navbar-nav .nav-item {display: block;}
.topbar-btn-sp a {padding:.2rem;margin:auto 0;}
.topbar-btn-sp > .btn {border-radius: .5rem;}
.navbar-light .navbar-brand img { height: 50px;}
.navbar-collapse {width:100%;}
.phone {padding:1rem 0!important;font-size: 1.8rem;}
.phone span {font-size: 1.5rem;}
.phone p {font-size: .9rem;}
}
@media (width <= 576px) {
  .topbar-btn-sp {width:65%;}.nav-bar {padding:0 .25rem;}
}

.mSlider,.second-hero {position: var(--rel);padding-left:2rem;
& .prediction {position: var(--abs);bottom: -2rem;left: 0;color: var(--Db);padding:1rem 1.5rem; z-index: 10;}}
.prediction {
  h2 {font-size: 1.2rem;font-weight: 700;padding:2rem;}
  p {color: var(--Db);font-size: .85rem;padding: .2rem .5rem;margin-bottom: .5rem;display: block;background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px); background-position: left bottom; background-repeat: repeat-x;background-size: 8px 2px;position: var(--rel); }}

 .prediction ul {font-size: .85rem;padding-left: 0; margin-bottom: 0;letter-spacing:0.05rem;}
  .prediction li strong {font-size: 1rem;
    & .text-line {background:var(--Ye);font-size:1.2rem;}
  }


.text-line {background:var(--Ye);}
.mainBn{position: var(--abs);bottom: -1rem;left: 320px;width: calc(96% - 320px);z-index: 10;font-size: .85rem;letter-spacing: .05rem;}
.mainBn .col div{position: var(--rel); text-align: center;}
.mainBn .col div a {color:var(--Db);border-radius: 1rem;border:1px solid var(--Gr);display: block;padding:.5rem .5rem 1rem;box-shadow: 0 .5rem 1rem -.1rem rgba(7, 15, 56, .5); background: var(--Wh);}
.mainBn .col div a:hover {color:var(--Wh);background: var(--Db);}
.mainBn .col div::before {font-family: 'Font Awesome 5 Free';font-weight: 900; line-height: 1; position: var(--abs); margin: 0;padding: .5rem; content: '\f061';color:var(--Wh);bottom:0;right: 0;border-radius: 1rem 0 1rem 0;}
.mainBn .col div span {font-size:1.8rem;display: block;padding-bottom:.5rem;}
.mainBn .col div b {font-size:1rem;display: block;}
.mainBn .col div.seniorBtn b,.mainBn .col div.seniorBtn span {color: var(--senior);}
.mainBn .col div.seniorBtn::before {background: var(--senior);}
.mainBn .col div.paperBtn b,.mainBn .col div.paperBtn span {color: var(--paper);}
.mainBn .col div.paperBtn::before {background: var(--paper);}
.mainBn .col div.unkoukanriBtn b,.mainBn .col div.unkoukanriBtn span {color: var(--manager);}
.mainBn .col div.unkoukanriBtn::before {background: var(--manager);}
.mainBn .col div.tekiseiBtn b,.mainBn .col div.tekiseiBtn span {color: var(--aptitude);}
.mainBn .col div.tekiseiBtn::before {background: var(--aptitude);}
@media (width <= 768px) {
.mainBn {width: 100%;left:0;top:420px;}
.topLay {margin-top: 250px;}
}
.spefs {font-size: .8rem!important;letter-spacing: 0;padding-bottom:.5rem;}
@media (992px < width < 1090px) {.spefs {font-size: .6rem!important;}}
.busiBn div {padding:1rem;}
.busiBn div a {display: block;border-radius:1rem;padding:0 0 1rem;position: var(--rel);box-shadow: 0 1rem 1.5rem -.1rem rgba(7, 15, 56, .4);}
.busiBn div a::before {font-family: 'Font Awesome 5 Free';font-weight: 900; line-height: 1;position: var(--abs);margin: 0;padding: .5rem; content: '\f061';color:var(--Db);background:var(--Ye);bottom:0;right: 0;border-radius: 1rem 0 1rem 0;}
.busiBn div a.consulting {background:url(../img/busi01.webp) no-repeat center left / cover;}
.busiBn div a.skill {background:url(../img/busi02.webp) no-repeat center left / cover;}
.busiBn div a h2 {font-weight: 600;text-align: center;padding:2rem 0;color:white;font-size: 1rem;}
.busiBn div a span {display: inline-block;background:rgba(255,255,255,.7);font-weight: 900;font-size:.6rem;border-radius:0 0 1rem 0;padding:.5rem;}

.second-hero {height: 350px;margin-left:2rem;padding: 3rem;background-color:var(--tra);
 background:url(../img/decoWh.svg) no-repeat center right / cover;
 & .prediction {left:-2rem;}}
.second-hero h1 {font-size: 1.5rem;color:var(--Db);padding:5rem 0 0;font-weight: 700;}
.second-hero div.disNav {padding: 1rem;width: 80%;}
.second-hero div.disNav a {color: var(--Db);font-weight: 600;margin:.5rem;}
.second-hero div.disNav a:hover {color: var(--Og);}
.second-hero div.disNav p {color: var(--Db);padding:.5rem;font-weight: 600;}

.hero-Be {background-color: var(--Be);}
.hero-Gr {background-color:var(--Gr);}

.breadcrumb a,.breadcrumb-item.active {color:var(--Db);font-size:.85rem;padding-bottom: .2rem;}
.breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, "―‥");color:var(--Db);}
.breadcrumb a {border-bottom: .5px solid var(--Db);}
.breadcrumb a:hover {border-bottom: .5px solid var(--Og);color:var(--Og);}

.flow {padding:2rem;}
.flow p {background-color: var(--Wh);padding:1rem;border-radius: 2rem;margin:.5rem 0 1rem;color:var(--Db);}

.priceD1 { color:var(--Db);padding:3rem 0;}
.priceD1 div.col-md-6 {background: url(../img/road.svg) no-repeat var(--Gr) top left -1rem / contain;}
.priceD1 div.col-md-6:first-child,.priceD1 div.col-md-6:last-child {padding:2rem 0 2rem 10%;}
.priceD1 div.col-md-6 div {margin-bottom: 1rem;}
.priceD1 .number {font-size: 2.4rem;color:var(--Pk);font-weight: bold;letter-spacing: .05rem;}
.priceD1 p,.priceD4 p {padding:.2rem .8rem;background: var(--Wh);border-radius: 1rem;margin:0 auto;}
.priceD1 b,.priceD4 b {color: var(--Wh);background: var(--Db);border-radius: .5rem;display: inline-block;padding:.2rem .5rem;font-weight: 400;line-height: 1rem;margin-right: .2rem;}
.priceD1 .guide b {font-size: .8rem;padding: .5rem 1rem;border-radius: 2rem;}
.priceD1 .guide i {font-size: 1rem;padding:0 .2rem;}
.priceD1 .guide p {margin: 0 .5rem;}
.priceD1 .guide .color {font-size: 2rem;}

.priceD2 {margin: 5rem 0;text-align: var(--ce);}
.priceD2 .col-11 p {color:var(--Wh);padding: 0 4rem;}
.priceD2 .col-md-6{padding:2rem;margin: 1.5rem 0;}
.priceD2 b {color: var(--Db);background: var(--Gr);border-radius: 1.5rem;padding:0 2rem .5rem; display: inline-flex;font-size: .8rem;font-weight: 800; align-items: var(--ce);justify-content: var(--ce);letter-spacing: .05rem;margin:1rem 0;}
.priceD2 b span {font-size: 1.1rem;font-weight:600;}
.priceD2 b span::before {content: "/";font-size: 25px;font-weight: 100;margin: 0 .5rem;}
.priceD2 .h-06 {text-align: left;}
.number {font-size: clamp(2.4rem, 2.114rem + 1.429vw, 2.8rem);color:var(--Pk);font-weight: bold;letter-spacing: .05rem;}
.priceD2 p {padding:.8rem;color: var(--Db);border-radius: 1rem;margin:1rem;text-align: left;}

.priceD3 {text-align: var(--ce);margin-bottom: 8rem;}
.priceD3 span {font-size: 2rem;color:var(--Db);padding: 1rem;}
.priceD3 a.btnLa {justify-content: var(--ce);padding:2rem 0;margin: .5rem 0;}
.priceD3 a strong {font-size: 1.2rem;} 

.priceD4 {background: var(--Gr);border-radius: 3rem;padding:2rem;}

.mSlider .carousel-item {max-height: 550px;height:550px;}
.mSlider .carousel-caption {position: var(--abs);width: clamp(17.5rem, 12.500rem + 25vw, 24.25rem); height:100%; left: 50%; transform: translateX(-50%); display: var(--flx); top:6rem;}
.mSlider .carousel-caption h1 {width: 100%;height:auto;}
.mSlider .car01 {background:url(../img/mainImg01.webp) no-repeat top right / cover;}
.mSlider .car02 {background:url(../img/mainImg02.webp) no-repeat top center / cover;}
.imgS {max-width: 100%;height:auto;}

.iten {font-size:1.5rem;font-weight: 700;
  text-shadow:5px 5px 10px #252529,5px 5px 10px #252529,5px 5px 10px #252529;}
.iten span:first-child {font-size:1.5rem;display: block;}
.iten span:last-child {font-size:1rem;color:var(--Ye);display: block;}

.mapBtn {font-weight: normal;font-size:.8rem; transition: var(--tr5);border-radius: 1rem;display: var(--flx);width: 80%; align-items: var(--ce);background: var(--Wh); justify-content: var(--ce);border:1px solid var(--Db);padding:.1rem;margin-bottom: .1rem;}
/*** Button  ***/
.btn {font-weight: normal;font-size:.8rem; transition: var(--tr5);border-radius: 1rem;margin-bottom:1rem;display: var(--flx);align-items: var(--ce); justify-content: var(--ce);}
.btn:is(:hover, :active) {transform: translateY(-2px); box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%), 0 0 5px rgb(0 0 0 / 30%);}
.btn-O, .btn-Be:is(:hover, :active) { background:var(--Og);color:var(--Wh);}
.btn-Be,
.btn-O:is(:hover, :active),
.btn-Y:is(:hover, :active),
.btn-P:is(:hover, :active),
.btn-senior:is(:hover, :active),
.btn-paper:is(:hover, :active),
.btn-manager:is(:hover, :active),
.btn-aptitude:is(:hover, :active),
.mapBtn:is(:hover, :active),
.btn-Wl:is(:hover, :active){ background:var(--Db);color:var(--Wh);}
.btn-Y { background:var(--Ye);color:var(--Db);}
.btn-P { background:var(--Pb);color:var(--Wh);}
.btn-Be { background:var(--Be);color:var(--Db);}
.btn-D { background:var(--Db);color:var(--Wh);}
.btn-W { background:var(--Wh);color:var(--Db);}
.btn-Wl { background:var(--Wh);color:var(--Db);border:1px solid var(--Db);}
.btn-D:is(:hover, :active), .btn-P:is(:hover, :active),.btn-W:is(:hover,:active) { background:var(--Og);color:var(--Wh);}
.btnSm {font-size:.7rem; padding:.4rem 1.5rem .4rem 1rem;}
.btnMi {font-size:.8rem; padding: 1rem 2rem 1rem;border-radius: 2rem;}
.btnLa,.btnDl {font-size:.85rem; padding:1.5rem 2.8rem 1.5rem 1rem;border-radius: 4rem;}
.btn:is(.btnSm, .btnMi, .btnLa,.btnDl) {position: var(--rel);}
.btn:is(.btnSm, .btnMi)::before {font-family: 'Font Awesome 5 Free';font-weight: 900;line-height: 1; position: var(--abs); margin: 0;padding: 0;}
.btnSm:before {font-size: .7rem;top: calc(50% - .3rem);right: .5rem;content: '\f054';}
.btnMi:before {font-size: .75rem;top: calc(50% - .3rem);right: 1rem;content: '\f061';border-radius:50%;}
.btnLa,.btnDl { z-index:0;padding-left:2rem; overflow: hidden;align-items: left;justify-content: left;
& span:before { font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1;position: var(--abs);  right: .8rem; background: var(--Wh);color:var(--Db);padding: 1rem;border-radius: 50%;z-index: 2;}}
.btnLa { & span:before { content: "\f061";top: calc(50% - 1.4rem);}}
.btnDl { & span:before {content: "\f019";font-size:1.2rem;top: calc(50% - 1.6rem);}}
.btnLa span:is(:hover, :active):before {color:var(--Og);}
.btnDl span:is(:hover, :active):before {color:var(--Og);}
.btn-Y:is(.btnLa),.btn-Y:is(.btnDl) {border:1px solid var(--Db);
  & span:before{border:1px solid var(--Db);}}
/*** horizontal ***/
.horizontal-carousel .owl-stage-outer {margin:5rem 0;}
.horizontal-item {margin:0 1.2rem;}
.horizontal .owl-nav .owl-prev { position: var(--abs); top: -5rem;transform: translateY(50%);transition: var(--tr5);right: -1rem;& i {    color: var(--Db)!important;font-size:1.5rem;}}
.horizontal .owl-nav .owl-next {position: var(--abs); top: -5rem;transform: translateY(50%); transition: var(--tr5);left: 0;& i { color: var(--Db)!important;font-size:1.5rem;}}
/*** Simulator & Campaign ***/
.SimCam {background:url(../img/simcamBg.webp) no-repeat right top / 80%;}
.SimCam > div:first-child {margin-left: 6%;width:45%;}
.campaignBn div {margin-top:5rem;padding:.5rem 1.5rem;background: var(--Gr);border-radius: 2rem;}
.campaignBn p {color: var(--Db);padding:.5rem 1rem;}
/*** SubNav ***/
.underNav {background: url(../img/road.svg) no-repeat var(--Gr) top right 5% / contain;margin: 3rem 0 0;padding:2rem 8rem 2rem 1rem;}
.underNav .col {text-align: var(--ce);}
.underNav .col a {color:var(--Db);font-size:.8rem;font-weight: 700;display: inline-block;line-height: 1.4rem;}
.underNav .col a span {display: block;font-size:1.6rem;padding-bottom: .5rem;}
.underNav .col a:hover{color:var(--Og);}
.underNav .col { background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px);background-position: right top;background-repeat: repeat-y;background-size: 2px 8px;}
.underNav .col:last-child{background-image: none;} 

.license {--radius: 2rem;--accent: var(--Og);}
.license .license-item { border-radius: var(--radius);background: var(--Gr);transition: var(--tr5);box-shadow: 0px 20px 30px -25px rgba(108, 111, 135, 0.5);
  h3 {font-size:1.2rem;margin:1rem 0;}}
.license .license-item:is(:hover, :active) {background: var(--Og);}
.license .license-item .license-icon {position: var(--rel);width: 80px;font-size: calc(1.2rem + .6vw);; display: inline-flex; align-items: var(--ce); justify-content: var(--ce);border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;  background: var(--Wh);color: var(--accent);transition: var(--tr5);}
.license .license-item .license-icon::after {content: "";position: var(--abs);top: 0;left: 0;width: 100%;height: 0;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background:var(--Db);transition: var(--tr5);z-index: 1;}
.license .license-item:is(:hover, :active) .license-icon {color: var(--Wh);}
.license .license-item:is(:hover, :active) .license-icon::after { height: 100%;}
.license .license-item .license-icon span {transition: var(--tr5);}
.license .license-item:is(:hover, :active) .license-icon span {z-index: 9;}
.license .license-item h3,.license .license-item p { transition: var(--tr5);}
.license .license-item:is(:hover, :active) h3,
.license .license-item:is(:hover, :active) p {color: var(--Wh);}
.license .license-item a.btn {transition: var(--tr5)}
.license .license-item:is(:hover, :active) a.btn { background: var(--Wh); color: var(--accent);}
.license .license-item:is(:hover, :active) a.btn:is(:hover, :active) { background: var(--Db); color: var(--Wh);}
/*** training Start ***/
.training .card {--radius: 1rem;--img-overlay: rgba(255, 166, 134, 0.2);--body-overlay: var(--Og);border-radius: var(--radius);overflow: hidden;}
.training .card img,.training .card h3,.training .card p,.training .card .training-img::after,.training .card .card-body::after { transition: var(--tr5);}
.training .card .training-img {position: var(--rel);overflow: hidden;border-top-left-radius: var(--radius); border-top-right-radius: var(--radius);}
.training .card .training-img img { display: block; width: 100%; height: auto;}
.training .card .training-img::after {content: "";position: var(--abs);inset-inline-start: 0; inset-block-start: 0;width: 100%;height: 0; background: var(--img-overlay); border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); z-index: 1;}
.training .card .card-body {position: var(--rel);border-bottom-left-radius: var(--radius);border-bottom-right-radius: var(--radius);}
.training .card .training-content-inner { position: var(--rel);z-index: 9;}
.training .card .card-body::after {content: "";position: var(--abs); inset-inline-start: 0; inset-block-end: 0;width: 100%;height: 0;background: var(--body-overlay);border-bottom-left-radius: var(--radius);border-bottom-right-radius: var(--radius);z-index: 1;}
.training .card h3 { font-size: 1rem;}
.training .card:is(:hover, :active) { .training-img img { transform: scale(1.1); }  .training-img::after, .card-body::after { height: 100%; }  h3,p { color:var(--Wh);}
}
.card-footer { border: none;}
.training .row .col:nth-child(odd) {margin-top: 5rem;}
/*** Footer ***/
footer {background:var(--fOg);border-radius: 3rem 3rem 0 3rem;padding:2rem 3rem .5rem;margin-top: 1rem;color:var(--Wh); position: var(--rel);}
footer::before {position: var(--abs);content:"";bottom:0;left:0;width: 33.3%;height:150px;border-style: solid;border-color: #0000;border-width: 2rem 2rem 0 0;border-top-right-radius: calc(1rem + 3rem);background: border-box var(--Wh);  
mask:radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%)  0 0/2rem 2rem no-repeat border-box,radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 100% 100%/2rem 2rem no-repeat border-box,linear-gradient(#000 0 0) padding-box;}
footer .flogo {text-align: var(--ce);padding:2rem 2rem 0 2rem;}
footer .flogo img{width:260px;}
footer a {color:var(--Wh);}
footer a:is(:hover, :active) {color:var(--Db);}
footer .fsub {background: #f8ebe3;border-radius: 2rem;color:var(--Db);margin:1.8rem 1rem 0;}
footer .fsub a {color:var(--Db);}
footer .snsArea {padding:0 .5rem;font-weight: 700;text-align: var(--ce);font-size: .8rem;margin:1rem 0;background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px);background-position: right top;background-repeat: repeat-y;background-size: 2px 8px;}
footer .snsArea a {font-size: 1.8rem;padding:0 .8rem;}
footer .addArea {padding: 1rem 2rem;}
address{margin-bottom: 0;font-size: .75rem;}
small {font-size: .6rem;text-align: var(--ce);display: block;padding:.5rem 0 0;}

/*--------*/
.order{padding:1rem 3rem;}
.order input[type="radio"] {display: none;}

.wpcf7-radio { display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;}
.wpcf7-list-item-label {padding: .5rem .8rem;text-align: var(--ce);border-radius: 2rem;border:1px solid var(--Db);background:var(--Wh);color:var(--Db); display: flex; align-items: center; justify-content: center;}
.wpcf7-list-item-label:is(:hover, :active){box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);background:var(--Db);color:var(--Wh);}
.order input:checked + .wpcf7-list-item-label{box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);background:var(--Ye);}
.order .wpcf7-submit {padding:1rem 2rem;border-radius: 2rem;font-weight: 600;font-size: .9rem;display: block;margin:auto;width: 80%;}
.order button span {padding-right: 1rem;}



.order input:checked + span {box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);background:var(--Ye);}
label{display: block;}
.red {color:#e51b1b;font-weight: bold;padding:1rem 0 .5rem;}
form {padding-bottom: 5rem;}
.order label div {margin:.5rem 0;padding: .5rem;text-align: var(--ce);border-radius: 2rem;border:1px solid var(--Db);background:var(--Wh);color:var(--Db);}
.order label div:is(:hover, :active),.wpcf7-list-item-label:is(:hover, :active) {box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);background:var(--Db);color:var(--Wh);}
.order input:checked + div{box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);background:var(--Ye);}
.privacy-check {background:var(--Wh);margin:1.5rem 0;border-radius: 2rem;text-align: center;padding:1rem 3rem;}

#simulation-form label input {display: none;}
#simulation-form label.staffInp input {display: block;}

#simulation-form label div {margin:2rem;padding: .5rem 2rem;text-align: var(--ce);border-radius: 3rem;background:var(--Gr);color:var(--Db);}
#simulation-form label input {display: none; }
#simulation-form label div:is(:hover, :active){box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);}
#simulation-form input:checked + div{
background:var(--Db);box-shadow: 0 .5rem 1rem -.1rem rgb(0 0 0 / 30%);color:var(--Wh);
}
#simulation-form label b {display: block;font-size:1rem;}
#simulation-form label span.number {font-size:1.5rem;}

.attn-note {margin:2rem 1rem;background:var(--Be);color:var(--Db);padding:1rem 2rem;border-radius: 2rem;}
.totalArea {position: sticky;bottom:0;background: rgb(248, 235, 227,.8);color:var(--Db);border-radius: 3rem;padding:1rem 1.5rem .2rem;text-align: var(--ce);margin-bottom: 1rem;}
.totalArea b {color:var(--Db);font-size:1rem;font-weight: 600;}
.totalArea p {font-size: .8rem;padding:.5rem 1rem;margin-bottom: 0;text-align: center;}
/*--------*/
.decoLay-1 {position: var(--rel);background:url(../img/decoLoadW.svg) no-repeat var(--Be) right top -1px / 150px;border-radius: 5rem 0 0 5rem;padding:5rem 0 3rem;
margin-left: 2rem;}
.decoLay-1::before {position: var(--abs);content:"";bottom:-2rem;left:-2rem;width: 33.3%;height:200px;border: 2rem solid #0000;border-top-right-radius: calc(1rem + 3rem);background: border-box var(--Wh);  
mask:radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 
    2rem 0/2rem 2rem no-repeat border-box,radial-gradient(100% 100% at 100% 0,#0000 99%,#000 102%) 100% calc(100% - 2rem)/2rem 2rem no-repeat border-box,linear-gradient(#000 0 0) padding-box;
}

.contactM {border-radius: 3rem;padding:1rem;color:var(--Db);background:var(--Wh);}
.contactM h3 {font-size: 1.3rem;background: var(--Gr);padding:.5rem;border-radius: 2rem;display: block;text-align: var(--ce);margin: 0 1rem 1rem;}
.contactM div {font-size:1.8rem;font-family: Century Gothic, sans-serif;font-weight: 600;text-align: var(--ce);}
.contactM div span {padding:0 .5rem;}
.contactM p {text-align:var(--ce);}

/*** blog-list ***/
.blog-list {padding:4rem 1rem;position: var(--rel);}
.blog-list::before{position: var(--abs);content: ""; bottom:5%; right:2%; height:150px;aspect-ratio: 1;border-radius: 50%;border: 45px solid var(--Ye); box-sizing: border-box;}
.blog-list figure {margin:1rem;}
.blog-list img {border-radius: 1.5rem; width: 100%;aspect-ratio: 1.9 / 1;object-fit: cover;}
.blog-list h3 {font-size:1rem;line-height: 1.5rem;}
.blog-list article{padding:0 1rem;margin: .5rem 0;}
.blog-list p {color:var(--Db);padding: 1rem 2rem;}
.blog-list p span {font-weight: 600;padding:0 .5rem;font-size:.9rem;color:var(--Og);}
/*- infoArea -*/
.infoArea {background:#f7f7fc;border-radius: 2rem;padding:1rem 2rem;box-shadow: 0px 10px 50px -30px rgba(108, 111, 135, 0.5);}

h2 {font-size:1.2rem;}

.h-01 {font-size: 1.6rem;font-weight: bold;display: flex;align-items: var(--ce);}
.h-01 span {font-size: .8rem;font-weight: normal;}
.h-01 span::before {content: "/";font-size: 20px;margin: 0 14px;}

.h-02 {position: var(--rel);display: inline-block;font-size: 1.2rem;text-align: center;letter-spacing: 0.05em;display: table;margin: 0 auto 5rem;color:var(--Db);font-weight:600;letter-spacing: .1rem;
&::before { top: calc(100% + 1.6rem);   left: 50%;transform: translateX(-50%);content: "";
position: var(--abs);width: 3px;height: 3px;background-color: #3f4044;border-radius: 50%;transform: translateX(-50%);box-shadow: 0 -6px 0 #3f4044, 0 -12px 0 #3f4044;}
&::after {content: "";position: var(--abs);top: calc(100% + 1.9rem);left: 50%;transform: translateX(-50%);width: 8px;height: 8px;border: 2px solid #2a2c32;background-color: #fff; border-radius: 50%;transform: translate(-50%, 0);}
}
.h-02 span:nth-child(odd) {display:block;text-align: var(--ce);font-size: 1rem;font-weight: 700;color:var(--Og);padding-bottom:1.2rem;}
.h-02 span:nth-child(even) { font-size: 1.5rem;}

.h-03 {position: var(--rel);padding-bottom:.8rem;color:var(--Og);text-align: var(--ce);font-size: 1.2rem;font-weight: 700;
& span{color:var(--Db);font-size:.85rem;}}
.h-03::before{ position: absolute; bottom: -1rem;left: 50%;transform: translateX(-50%);content: '';height: 1px;width: calc(100% - 35%);background-color: var(--Bl);}

.h-04 {font-size: 1.1rem;text-align: var(--ce);line-height: 2rem;font-weight: 700;color:var(--Db);position:var(--rel);margin: 0 0 1rem;padding-left:2.5rem;}
.h-04 span {display: block;font-size: .8rem;color:var(--Og);font-weight: 500;}
.h-04 span span {display: inline-block;font-size: 1rem;}
.h-04::before { font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 2.5rem;line-height: 1rem;position: var(--abs);top: calc(50% - 0.5rem);left: calc(50% - 9rem);margin: 0;padding: 0;content: "\f1ec"; }

.h-05 {color:var(--Db);font-size: 1.5rem;text-align: var(--ce);position:var(--rel);padding: 1rem 0;margin: 0 .5rem .5rem;letter-spacing: .5px;display: block;font-weight: 600; background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px);background-position: left bottom;background-repeat: repeat-x; background-size: 8px 2px;}
.h-05 span {display: block;font-size: .8rem;padding:.5rem 0;font-weight: 500;}
.h-05 span span {display: inline-block;font-size: 1rem;}
.h-05::before { font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 3rem; line-height: 1rem;position: var(--abs);top: -1rem;left: 50%;transform: translateX(-50%);margin: 0; padding: 0; content: "\e1a8";}

.h-06 {position: var(--rel);padding-bottom:.8rem;line-height:2.2rem; color:var(--Og);text-align: var(--ce);font-size: 1.2rem;font-weight: 600;
& span{color:var(--Db);font-size:.9rem;display: block;}}

.h-07 { position: var(--rel);padding:1rem 0 1rem 5rem;z-index:1;margin: 4rem 0 0;
font-size: 1.3rem; display: block;color:var(--Og);box-sizing: border-box;font-weight: 600;margin-inline: auto;}
.h-07::before {content: attr(data-en);color:var(--Db);position: var(--abs);font-family: 'Noto Serif JP', serif;font-size: 4rem; display: block;font-weight: 300; box-sizing: border-box;text-align: var(--ce); margin-inline: auto;width: fit-content; top: -4rem;left: 0; height: 80px;z-index:-1;}
.h-07::after {content: '';z-index:-1;position: var(--abs);top:-1rem;left: 3rem;width: 20px;height: 80px;border-left: .5px solid var(--Db);rotate: 45deg;background-color: var(--Be);}

.h-08 {position: var(--rel);color:var(--Db);margin:2rem 0 3rem;padding:3rem 0 0;font-size: 1.5rem;font-weight: bold;display: flex;align-items: var(--ce); justify-content:var(--ce);line-height: 2.6rem;}
.h-08::before { content: '';z-index:-1;bottom:-2rem;width: 100px;height:5px;position: var(--abs); background-image: radial-gradient(circle, var(--Db) 2px, var(--tra) 2px);background-position: left center; background-repeat: repeat-x;  background-size: 20px 10px;}

.h-09 { color:var(--Wh);padding:4rem 0;
border-radius:0 2rem 2rem 0;text-align: var(--ce); background:url(../img/decoLoadW.svg) no-repeat var(--Db) right top -1px / 80px;
  & span:first-child {display: block;font-size:1.3rem;font-weight: 600;text-align: var(--ce);padding-bottom: 1rem;}
& p {padding:1rem;text-align: center;}}

.h-10 {font-size: 1.2rem;text-align: var(--ce);color:var(--Db);font-weight: 600;margin:5rem 0 3rem;line-height: 2.2rem;}
.h-10m {font-size: 1.2rem;color:var(--Db);font-weight: 600;margin:2rem;}
.h-10 span{font-size: .9rem;margin:0;display: block;}

.h-11 {font-size: .9rem;text-align: var(--ce);color:var(--Db);margin:1rem auto;border-radius: 2rem;border:1px solid var(--Db);padding:.5rem 1.2rem;display: table;}
.h-12 {font-size: .9rem;text-align: var(--ce);color:var(--Wh);margin:1rem auto;border-radius: 2rem;padding:.5rem 1.2rem;display: table;background:var(--Db);}

form > .h-10 {margin: 1rem 0;}

.h-13 {display: flex; justify-content: center; align-items: center; color: var(--Db);font-weight: 700;}
.h-13::before,.h-13::after { width: 1px; height: 25px;margin-top: 1rem; background:var(--Db); content: '';}
.h-13::before {transform: rotate(-35deg);margin-right: 30px;}
.h-13::after { transform: rotate(35deg); margin-left: 30px;}

.fuk-num {position: var(--rel);font-size:1.1rem;font-family: Century Gothic, sans-serif;font-weight: 600; display: block;padding: .1rem .8rem; border: solid 1px var(--Db); border-radius: 50px;color: var(--Db);background: var(--Ye);margin: 5rem 0 .5rem; margin-inline: auto;width: fit-content;
   span {font-size:.8rem;}}
.fuk-num::before,.fuk-num::after { content: ""; position: var(--abs);bottom: -5px;left: 50%; box-sizing: border-box; rotate: 135deg;translate: -50%;}
.fuk-num::before {width: 18px;height: 18px;}
.fuk-num::after {width: 10px;height: 10px; border: solid 1px; border-color: var(--Db) var(--Db) transparent transparent; background-color: var(--Ye);}
.decoList-1 {margin:1rem 2rem;color:var(--Db);padding-bottom: 3rem;}
.decoList-1 .itemNa{position: var(--rel);text-align: center;padding:.5rem;font-weight: 600;}
.decoList-1 .itemNa:after {content: var(--bs-breadcrumb-divider, "―‥");position: var(--abs);right:0;}
.decoList-1 .itemNa .itemSt {padding:.5rem;border-bottom: 1px solid var(--Db);text-align: var(--ce);}
.decoList-1 .itemDi {padding:.5rem 1rem;font-size:.9rem;line-height: 1.9rem;}
.decoList-2 {background:var(--Ye);border-radius: 2rem;padding:1rem .5rem 0;margin:1rem 0;border:1px solid var(--Db);}
.movie {overflow: auto;background:var(--Wh);padding:1rem;border-radius: 3rem;}
.movie .col-md-6 {padding:1rem 2rem;}
.ratio-16x9 {--aspect-ratio: calc(9 / 16 * 100%);}
.ratio { position: var(--rel);width: 100%;}
/*-- Blog --*/
.blogList {padding:5rem 3rem;}
.blogList img {border-radius: .5rem;width:100%;height:auto;object-fit: cover;aspect-ratio: 16 / 9;}
.blogList h2 {font-weight: 600;line-height: 2rem;font-size: 1.1rem;letter-spacing: .2rem;padding-top:1rem;color:#39406c;}
.blogList h2:is(:hover, :active) {color:var(--Og);}
.blogList .card-body {padding-bottom:0;}

.catLink {color:#6a7b92;padding: .2rem .8rem;margin:.1rem 0;font-size: .8rem;background: #eceef3;display: inline-block;border-radius: .5rem;}
.catLink:is(:hover, :active) {color:var(--Og);background:#ffe3dc;}
.date {font-size: .8rem;padding:.2rem 0;color:#76869c;text-align: right;display: block;font-weight: 500;}

.pagination {text-align: center;margin:0 auto;display: block;}
.pagination li {border: 1px solid #76869c;margin: 0 .2rem; padding: 0;display: inline-block;width: 40px;height: 40px;text-align: center;position: var(--rel);border-radius: 50px;aspect-ratio: 1;font-weight: 500;font-size: .8rem;}
.pagination li a{color:#76869c;position: var(--abs);top: 0;left: 0;width: 100%;height: 100%;text-align: center;vertical-align: middle;display:table;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pagination li a span{display:table-cell;vertical-align:middle;}
.pagination li a:is(:hover, :active),.pagination li a.active {color: white;background:#39406c;border-radius: 50px;}
.pagination .next,.pagination .pre {border:0;font-size:1rem;}

aside > section {padding:2.5rem 0;}
.post > aside h2 {padding:0;}
aside .snsArea {padding:0 .5rem;font-weight: 700;text-align: var(--ce);font-size: .8rem;}
aside .snsArea a {font-size: 1.8rem;padding:0 .8rem;color:var(--Db);}

.blog-sublist h5 {color: var(--Db);font-size:.8rem;margin-bottom:1rem;}
.blog-sublist img {max-height:100px;width:100%;object-fit: cover;aspect-ratio: 16 / 9;margin:.2rem auto .5rem;height:auto;border-radius: 1rem;}
.blog-sublist h5:is(:hover, :active){color:var(--Og);}

.post-hero {max-height: 550px;margin:0 auto;padding:0 3rem;
 & .prediction {left:0;}}
 .post-hero img {max-height:500px;width:100%;object-fit: cover;aspect-ratio: 16 / 9;margin:.2rem auto .5rem;height:auto;}
 
.post {font-weight: 500;color:var(--Db);font-size: 1rem;}
.post h1.h-08 {font-size: 1.8rem; line-height: 3rem;}
.post h2,.post h3,.post h4 {color:var(--Db);font-weight: 600;}
.post p {padding: .5rem 0;line-height: 2rem;}

.post h2 {font-size: 1.4rem;line-height: 2.4rem;padding: 5rem 0 3rem;}
.post h3 {font-size: 1.2rem;border-left:.3rem solid #bac2e2;padding:.8rem;margin:2rem 0;}
.post h4 {font-size: 1.1rem;line-height: 1.9rem;padding:.8rem 0;margin:1.5rem 0;background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px);background-position: left bottom; background-repeat: repeat-x; background-size: 8px 2px;}

.wp-block-image{margin:.5rem auto;text-align: center;}
.wp-block-image img{border-radius: 1rem;height: auto;max-height: 400px;width: 100%;}
.wp-block-button a {background:var(--Db);}
.wp-block-button a:is(:hover, :active) { background:var(--Og);color:var(--Wh);}

.shareBtn {margin: 2rem 0 3rem;padding: 1rem;font-size: 1rem;color:#0c0f20;}
.shareBtn img {width: 21px;}
.shareBtn a {margin: 0 .6rem;}
.shareBtn a:hover img,.shareBtn a:active img,.shareBtn a:focus img{opacity: .5}

.postlink {padding: 1rem 0;color:#76869c;}
.postlink li {font-size: .8rem;position: relative;font-weight: 500;line-height:1.4rem;margin:.8rem 0;}
.postlink li span{display: block;text-align: center;padding: .2rem;background:#eceef3;border-radius: 1rem;margin-bottom: .5rem;}
.postlink li:first-child,.postlink li:last-child {padding: 0 3rem;}
.postlink li:first-child a::before,.postlink li:last-child a::after {font-family: "WindSong", cursive;position: absolute;font-size: 1.5rem;font-weight: 400;top: 10%;color: #76869c;}
.postlink li a:is(:hover, :active) {color:var(--Og);}
.postlink li:first-child a::before {content: "<";left: 1rem;}
.postlink li:last-child a::after {content: ">";right: 1rem;}
.postlink a {margin: 0 .5rem;color:#76869c;}
.notFound div {margin: 4rem 0;}
.notFound div a {margin: .5rem 0;display: inline-block;}
/*Author*/
.authorArea {margin:3rem 0;border-radius: 1rem;color:#76869c;}
.authorArea .row {background:#fff0ec;padding:0 1rem;}
.author-name {font-size: 1rem;margin:0;}
.author-name span{font-size: .9rem;display: block;}
.author-image {text-align: right;font-size:2.5rem;}
.author-descrption {font-size: .8rem;line-height:1.3rem!important;margin:0;}

@media (width <= 768px) {
}

@media (width <= 991px) {
.topbar-nav {margin:.8rem 0;background: var(--Gr);border-radius: 1rem;}  
.topbar-nav li{font-size:.8rem;margin: 0;padding: .5rem;}
}
@media (width >= 769px) {
.back-to-top { position: var(--fix); bottom: .5rem; right: .5rem;}
}
@media (width <= 768px) {
.decoList-1 .itemNa{text-align:left;padding-left:2rem;}
.decoList-1 .itemNa:after {left:0;}
.decoList-1 .itemDi {padding:.5rem 1rem 1rem 2rem;font-size:.9rem;line-height: 1.9rem;}

.dot-yC,.dot-xC {background-image: radial-gradient(circle, var(--Db) 1px, var(--tra) 1px);background-position: left bottom; background-repeat: repeat-x; background-size: 8px 2px;}

.priceD1 div.col-md-6:first-child {padding:2rem 2rem 2rem 6rem;margin-bottom: 2rem;}
.priceD1 div.col-md-6:last-child {padding:2rem 6rem 2rem 2rem;background: url(../img/road.svg) no-repeat var(--Gr) top right / contain;}
.priceD1 div.col-md-6 {padding:2rem 0 2rem 6rem;}
.priceD1 b {border-radius: 1rem;display: block;margin: 0 2.5rem;padding:.5rem;line-height: 1.5rem;}
.priceD1 b br {display:none;}
.priceD1 .guide p {margin: 0;font-size: .85rem;}
.priceD4 b {line-height: 1.5rem;}
.mSlider .carousel-caption { height: 110%;}
.iten span:first-child {font-size:1.6rem;}
.mSlider .carousel-item {  height: 400px; }
.mSlider .carousel-caption {top:2rem; }
.mSlider .imgS {height: 400px;border-bottom-right-radius: 2rem;}
.mSlider .car01 {background:url(../img/mainImg01.webp) no-repeat top center / cover;}
.second-hero {height: fit-content;padding:1rem 2rem 5.5rem;}
.blog-list figure {margin:0;padding:0;}
.second-hero div.disNav a {font-size:.9rem;}
.underNav .col:nth-child(even){background: none;}
.h-09 span.sim{text-align: left;padding-left:1.5rem;}
.h-09 > p {padding:1.5rem 1rem 0 !important;text-align: left;}
footer .col {margin-top: 2rem;}
footer .snsArea {background-position: left bottom; background-repeat: repeat-x; background-size: 8px 2px;margin-bottom: 0;}
footer {padding-bottom:5rem;}
footer::before {height:250px;}
footer .fsub {margin:1.5rem 0 1rem;}
.attn-note {margin:2rem 0;}
.totalArea {bottom:4.5rem;}
.attn-fluid,.attn-fluidB,.attn-fluidW{margin:1rem 0;}
.SimCam {background:url(../img/simcamBg.webp) no-repeat right top / 150%;}
.SimCam > div:first-child {width:90%;padding-top:6rem;}
.side {width: 100vw; bottom: 0; top: auto; flex-direction: row; justify-content: space-around; background: rgba(255,255,255,0.95);box-shadow: 0 -1px 4px rgba(0,0,0,0.1); padding: .5rem 0;}
.side-links { flex-direction: row; margin: 0;}
.side-link { writing-mode: horizontal-tb; margin: 0 .2rem; background: none;border:none;box-shadow: none;}
.side-link .fa-solid { margin-right: .25rem; transform: none;}
.back-to-top { position: static;font-size:1.2rem; width: 3.1rem; height: 2.8rem;} 
.fuk-num {span {font-size:.9rem;}}
.contactM {padding:1rem .5rem;color:var(--Db);}
.contactM h3 {font-size: 1rem;margin: 0 1rem .5rem;}
.contactM div {font-size:1.5rem;}
.contactM p {padding:.5rem 1.5rem;}
.movie .col-md-6 {padding:1rem;}
.blogList {padding:5rem 1rem;}
.blogList h2 {letter-spacing: .1rem;line-height: 2rem;font-size: 1rem;}
.post-hero {padding:.5rem;}
.post-hero img {max-height:400px;}
.blog-list article {
    padding: 0 .25rem;
}
.btnLa, .btnDl {
    font-size: .9rem;
}
.navbar .navbar-nav .nav-item {
    font-size: 1rem;
}
#simulation-form label div {
    margin: 2rem .5rem;
    padding: .5rem 0rem;
}
}
@media (width <= 576px) {
body{font-size: .9rem;}
.bnArea div {margin:2rem 0 0;padding:.5rem 1rem;}
.side-link .fa-solid { display: none;}
.side-link { font-size: .8rem;letter-spacing:0; padding: 0 .25rem;}
.iten span:first-child {font-size:1.4rem;}
.iten span:last-child {font-size:.8rem;}
.breadcrumb a,.breadcrumb-item.active {color:var(--Db);padding-bottom: .2rem;line-height:1.7rem;}
.horizontal .h-02 span:nth-child(even) {display: block;line-height: 2.5rem;}
footer .addArea { padding: 1rem;}
.second-hero div.disNav { padding: 1rem .5rem; width: 98%;}
.priceD1 div.col-md-6 {background: url(../img/road.svg) no-repeat var(--Gr) top left -4rem / contain;}
.priceD1 div.col-md-6:last-child {background: url(../img/road.svg) no-repeat var(--Gr) top right -4rem / contain;}
.totalArea {bottom: 4rem;padding: 1rem .5rem .2rem;}
.attn-note {padding: 1.5rem 1rem;border-radius: 1.5rem;line-height: 1.8rem;font-size: .85rem;}
.order button { padding: 1rem;width: 98%;}
.decoList-1 {margin:1rem .5rem;color:var(--Db);padding-bottom: 3rem;}
}
/*** Animate ***/
:root { --animate-duration: 1s; --animate-delay: 1s;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay);}
.animated.delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2);}
.animated.delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3);}
.animated.delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4);}
.animated.delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5);}
@media print, (prefers-reduced-motion: reduce) {
  .animated { -webkit-animation-duration:   1ms !important; animation-duration:   1ms !important; -webkit-transition-duration:  1ms !important; transition-duration:  1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}
  .animated[class*="Out"] { opacity: 0;}}
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);}}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1;}}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1;}}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}