@charset "utf-8";
/*===============================================
 *	ブラウザリセット
===============================================*/
a:hover img {filter: alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
html {overflow-x: hidden;overflow-y: scroll;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {font-size: 100%;font-family: "Shippori Mincho B1", serif, 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;letter-spacing: 0;height: 100%;}
table {font-size: inherit;}
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
pre, code {font: 115% monospace; *font-size: 100%;}
br {letter-spacing: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-style: normal;font-weight: normal;}
address, em {font-style: normal;}
strong, th {font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;border: none;}
th, td {text-align: left;border: none;font-weight: normal;}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;vertical-align: bottom;}
li {list-style-type: none;}
ul, ol, dl {margin: 0;list-style-position: outside;list-style-type: none;}
li, dt, dd {font-size: 100%;}
dt {font-weight: normal;}
a {text-decoration: underline;outline: none;}
a:hover {text-decoration: none;}
form, input {padding: 0;margin: 0;}
iframe{border:none;}
picture{display: block;}
figure{margin: 0;}
img{display:block;height:auto;width:100%;}
/* --------------このサイトオリジナル設定--------------- */
a {color: #444;outline: none;text-decoration:none;}
:root {
  --site-primary: #B7AA00;
  --site-secondary: #231815;
  --site-bodycolor: #E2E3E2;
  --site-contentscolor: #faf1e2;
}
/*====================== clearFix ======================*/
.clearfix:before, .clearfix:after {content: "";display: block;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*=============================================== *
	パターン
===============================================*/
.base-fl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.row-rev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.space-btw {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.space-around {-ms-flex-pack: distribute;justify-content: space-around;}
.js-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.al-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.al-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.al-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.al-base {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
/*===============================================

 *	common

===============================================*/
html body {background: var(--site-bodycolor);color: var(--site-primary);font-size: 16px;line-height: 1.6;-webkit-text-size-adjust: 100%;letter-spacing: .1em;margin-top: 127px;}
em {font-weight: bold;}
#main-wrap {background: #fff;max-width: 750px;min-width: 320px;margin: 0 auto;overflow: hidden;width: 100%;}
.sp {display: none;}
.inner {padding: 30px;}
.bg-color{background: var(--site-contentscolor);}
.aside-logo, .aside-item {display: flex;align-items: center;}
.aside-logo {height: 100vh;align-items: center;justify-content: center;position: fixed;left: 0;top: 0;font-size: 30px;letter-spacing: .3em;margin-right: -0.3em;width: calc((100vw - 750px)/2);}
.aside-logo img,.aside-item img{max-width: 94px;}
.aside-item {height: 100vh;align-items: center;justify-content: center;position: fixed;right: 0;top: 0;font-size: 30px;letter-spacing: .3em;margin-left: -0.3em;width: calc((100vw - 750px)/2);}

@media screen and (min-width: 769px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
html body {font-size: 15px;}
.aside-logo, .aside-item {display: none;}

}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {font-size: 14px;letter-spacing: 0;margin-top: 76px;}
.inner {padding: 30px 20px;}
.pc {display: none;}
.sp {display: block;}
}
/*===============================================
 *	br
===============================================*/
@media screen and (min-width:1021px){
.br-pc{display:block;}
.br-tb{display:none;}
.br-sp{display:none;}
}
@media screen and (min-width:481px) and (max-width: 1020px) {
.br-pc{display:none;}
.br-tb{display:block;}
.br-sp{display:none;}
}
@media screen and (max-width: 480px) {
.br-pc{display:none;}
.br-tb{display:none;}
.br-sp{display:block;}
}
/*===============================================
 *	header
===============================================*/
#header-area{background: url(../img/uniform/common/bg_header.png) left center no-repeat;background-size: cover;padding: 0 40px;width: 100%;position: fixed;left: 50%;transform: translateX(-50%);top:0;z-index: 99999;max-width: 672px;margin: 0 auto;}
#header-wrap {padding: 15px 0 15px;max-width: 1120px;margin: 0 auto;}
#header-wrap .logo{max-width: 80px;margin-right: auto;}
#header-wrap  h1{color:#fff;font-size: 22px;text-align: center;}
#header-wrap  h1 em{display: block;font-size: 32px;}
@media only screen and (max-width:1024px) {
#header-wrap {padding: 15px 20px;}
#header-wrap .logo{max-width: 269px;}

}
@media only screen and (max-width: 768px) {
#header-wrap {padding: 10px 2%;}
#header-wrap .logo{max-width: 175px;}
}
@media only screen and (max-width: 568px) {
#header-area{padding: 0 2%;width: 96%;}
#header-wrap .logo{max-width: 45px;}
#header-wrap  h1{font-size: 15px;}
#header-wrap  h1 em{font-size: 20px;}
}
/*=============================================== *
	SP Menu
===============================================*/
.menu_box {width: 60px;height: 60px;margin-left: auto;}
.menu_btn {position: relative;height: 60px;}
.menu_btn span {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 6px;border:#fff 1px solid;-webkit-transition: all 0.4s;transition: all 0.4s;}
.menu_btn span:nth-child(1) {top: 0;}
.menu_btn span:nth-child(2) {top: 15px;}
.menu_btn span:nth-child(3) {top: 30px;}
.menu_btn span:not(.txt) {width: 60px;}
.menu_btn p.txt {width: 100%;background: none;bottom: -5px;text-align: center;position: absolute;}
.menu_btn p.txt::after {content: 'MENU';font-size: 16px;color: #fff;}
.menu_box.active span:nth-child(1) {-webkit-transform: translate(-30px, 10px) rotate(-45deg);transform: translate(-30px, 10px) rotate(-45deg);}
.menu_box.active span:nth-child(2) {opacity: 0;}
.menu_box.active span:nth-child(3) {-webkit-transform: translate(-30px, -18px) rotate(45deg);transform: translate(-30px, -18px) rotate(45deg);}
.menu_box.active p.txt::after {content: 'CLOSE';}
.menu_content {background: #fff;width: 100%;height: 100vh;position: fixed;z-index: 200;-webkit-transition: all 0.5s;transition: all 0.5s;top: -120%;max-width: 750px;}
.menu_content ul {border-top: 1px solid #e2e2e2;}
.menu_content li {width: 100%;}
.menu_content li a {font-size: 16px;font-weight: bold;display: block;position: relative;padding: 18px 0 18px 3%;border-bottom: 1px solid #e2e2e2;}
.menu_content li a::after {content: "";display: block;position: absolute;right: 5%;top: 50%;width: 8px;height: 8px;border: 2px solid var(--site-primary);border-left: 0;border-bottom: 0;transform: translateY(-50%) rotate(45deg);}
.menu_content.open {top: 127px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.menu_box {display: block;height: 46px;width: 50px;}
.menu_btn span:nth-child(2) {top: 13px;}
.menu_btn span:nth-child(3) {top: 25px;}
.menu_btn p.txt {bottom: 6px;}
.menu_btn span:not(.txt) {height: 4px;width: 35px;}
.menu_btn p.txt::after {font-size: 13px;}
.menu_content.open {background: rgba(255, 255, 255, .9);top: 75px;}
.menu_box.active span:nth-child(1) {transform: translate(-20px, 10px) rotate(-45deg);}
.menu_box.active span:nth-child(3) {transform: translate(-20px, -15px) rotate(45deg);}
.menu_content li a {padding: 11px 0 11px 5.3vw;}
.menu_content li a::after {right: 5.3vw;}

}
/*===============================================
 *	FV visual
===============================================*/
#fv-wrap {position: relative;}
#fv-wrap .fv-txt{position: absolute;top: 50%;transform: translateY(-50%);left:9%;width: 326px;}
#fv-wrap .fv-main_catch{font-weight: bold;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto;gap: 0;margin: 0 0 20px 0;}
#fv-wrap .fv-main_catch span{background: #fff;display: inline-block;line-height: 1.25;}
#fv-wrap .fv-main_catch span:nth-of-type(1){font-size: 42px;grid-column: 1 / 3;grid-row: 1;text-align: center;}
#fv-wrap .fv-main_catch span:nth-of-type(2){font-size: 78px;margin-left: auto;grid-column: 1 / 3;}
#fv-wrap .fv-sub_catch {font-size: 36px;color: #fff;}
#fv-wrap .fv-sub_catch span{background: var(--site-primary);display: block;text-align: center;line-height: 1.1;padding: 0 0 4px 0;}
#fv-wrap .fv-sub_catch span:nth-of-type(3){letter-spacing: 7px;}

#fv-wrap .fv-sub_catch span:nth-child(-n+2){margin-bottom: 10px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
#fv-wrap .fv-main_catch span:nth-of-type(1) {font-size: 22px;}
#fv-wrap .fv-main_catch span:nth-of-type(2) {font-size: 40px;}
#fv-wrap .fv-sub_catch {font-size: 20px;}
#fv-wrap .fv-txt {left: 7%;width: 176px;}
#fv-wrap .fv-sub_catch span:nth-of-type(3) {letter-spacing: 3px;}
#fv-wrap .fv-sub_catch span:nth-child(-n+2) {margin-bottom: 5px;}
}
/*===============================================
 *	intro-wrap
===============================================*/
.intro-wrap{padding: 5% 8%;}
.intro-wrap img{max-width:94px;margin: 0 6% 0 0;}
.intro-txt p{font-size: 31px;line-height: 1.8;}
.intro-txt span{background: rgb(240,241,238);background: linear-gradient(90deg, rgba(240,241,238,1) 0%, rgba(252,249,231,1) 25%, rgba(243,239,224,1) 45%, rgba(243,243,243,1) 75%, rgba(228,226,207,1) 100%);}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.intro-wrap{padding: 6%;}
.intro-wrap img{max-width:54px;margin: 0 4% 0 0;}
.intro-txt p{font-size: 18px;}
}
@media only screen and (max-width: 375px) {
  .intro-txt p{font-size: 17px;}
}
/*===============================================
 *	onayami
===============================================*/
.onayami-wrap{background: url(../img/uniform/top/bg-onayami.png) left top no-repeat;background-size: cover;padding: 12% 0;}
.onayami-ttl{max-width: 548px;margin: 0 auto 5%;}
.onayami-contents{width: 100%;}
.onayami-contents li{color:#fff;width: 38%;}
.onayami-contents li img {margin-bottom: 20px;}
.onayami-contents li dt {text-align: center;margin-bottom: 20px;font-size: 32px;line-height: 1.4;}
.onayami-contents li dd {text-align: center;font-size: 20px;font-family: "Helvetica Neue",
  Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.onayami-ttl {max-width: initial;margin: 0 auto 5%;width: 80%;}
.onayami-contents li{width: 40%;}
.onayami-contents li img{width: 80%;margin: 0 auto 10px;}
.onayami-contents li dt {margin-bottom: 10px;font-size: 18px;}
.onayami-contents li dd {font-size: 13px;}
}
/*===============================================
 *	Step
===============================================*/
.step-wrap{padding: 5% 0;}
.step-ttl{max-width: 430px;margin:0 auto 4%;}
.step-contents {width: 78%;margin: 0 auto;}
.step-contents li{display: flex;}
.step-contents li:first-child{margin-bottom: 3%;}
.step-contents li img{max-width: 110px;margin-right: 8%;}
.step-contents li dt{font-size: 40px;font-weight: bold;}
.step-contents li dd{color: #595757;font-size: 20px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.step-ttl {max-width: 170px;}
.step-contents {width: 86%;}
.step-contents li img{max-width: 75px;}
.step-contents li dt {font-size: 22px;}
.step-contents li dd {font-size: 17px;}
}
/*===============================================
 *	teian-wrap
===============================================*/
.teian-wrap {position: relative;}
.teian-wrap .teian-txtbox{position: absolute;top: 50%;transform: translateY(-45%);right:6%;width: 326px;}
.teian-wrap .teian-main_catch{font-weight: bold;margin: 0 0 30px 0;letter-spacing: 0;}
.teian-wrap .teian-main_catch span{background: #fff;display: inline-block;line-height: 1.25;}
.teian-wrap .teian-main_catch span:nth-of-type(1){font-size: 38px;text-align: center;}
.teian-wrap .teian-main_catch span:nth-of-type(2){font-size: 38px;text-align: center;}
.teian-wrap .teian-main_catch span:nth-child(-n+2){margin-bottom: 10px;}
.teian-wrap .teian-main_catch span:nth-of-type(3){font-size: 76px;margin-left: auto;}

.teian-wrap .teian-sub_catch {font-size: 36px;color: #fff;margin-bottom: 20px;}
.teian-wrap .teian-sub_catch span{display: block;line-height: 1.1;padding: 0 0 4px 0;}
.teian-wrap .teian-sub_catch span:nth-of-type(2){padding-left: 1em;}
.teian-wrap .teian-sub_catch span:nth-child(1){margin-bottom: 10px;}
.teian-normal_txt{color:#fff;font-size: 23px;line-height: 1.4;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.teian-wrap .teian-main_catch span:nth-of-type(1) {font-size: 22px;}
.teian-wrap .teian-main_catch span:nth-of-type(2) {font-size: 22px;}
.teian-wrap .teian-main_catch span:nth-of-type(3){font-size: 36px;}
.teian-wrap .teian-main_catch span:nth-child(-n+2){margin-bottom: 5px;}
.teian-wrap .teian-main_catch {margin: 0 0 15px 0;}
.teian-wrap .teian-sub_catch span:nth-child(1) {margin-bottom: 0;}
.teian-wrap .teian-sub_catch {font-size: 20px;margin-bottom: 10px;}
.teian-wrap .teian-txtbox {right: 3%;width: 176px;}
.teian-normal_txt{font-size: 15px;line-height: 1.3;}
}
@media only screen and (max-width: 375px) {
.teian-wrap .teian-main_catch span:nth-of-type(3){font-size: 32px;}
}
/*===============================================
 *	about-wrap
===============================================*/
.about-us{background: url("../img/uniform/top/bg-about01.jpg") left top no-repeat;padding: 9% 5% 12%;}
.about-ttl{max-width: 285px;margin:0 auto 12%;}
.about-txt{display: flex;flex-direction: column;align-items: flex-start;width: 53%;}
.about-txt dt{max-width: 225px;margin: 0 auto 40px;}
.about-txt dd{text-align: center;color: #232323;}
.about-txt dd p{line-height: 1.8;margin-bottom: 12%;}
.about-txt dd li:first-child {margin-bottom: 60px;background: url("../img/uniform/top/dot_line.png") bottom center no-repeat;padding-bottom: 60px;}

.about-txt dd li img {max-width: 121px;margin: 0 auto 30px;}
.about-txt dd li a{position: relative;display: block;font-size: 18px;font-weight: bold;}
.about-txt dd li a span{border-bottom: #b7aa00 3px solid;}
.about-txt dd li a:before {content:"";background: url("../img/uniform/top/about-link_arrow.png") left center no-repeat;background-size: contain;display: inline-block;width: 14px;height: 28px;vertical-align: middle;margin-right: 10px;}
@media only screen and (max-width: 568px) {
.about-us{background: url("../img/uniform/top/bg-about01.jpg") left top no-repeat;background-size: cover;}
.about-ttl {max-width: 195px;margin: 0 auto 10%;}
.about-txt {width: 65%;}
.about-txt dt {max-width: 155px;margin: 0px auto 30px;}
.about-txt dd li:first-child {margin-bottom: 20px;background: url(../uniform/top/dot_line.png) bottom center no-repeat;background-size: 35%;padding-bottom: 30px;}
.about-txt dd li a {font-size: 16px;}
.about-txt dd li a:before {width: 10px;height: 20px;}
.about-txt dd li img {margin: 0 auto 20px;}

}

/*===============================================
 *	strengths-wrap
===============================================*/
.strengths-wrap{background: url(../img/uniform/top/bg-strengths.png) left top no-repeat;background-size: contain;padding: 9% 10% 12%;margin-bottom: 5%;}
.strengths-ttl{max-width: 355px;margin:0 auto 4%;}
.strengths-contents {width: 100%;margin: 0 auto;}
.strengths-contents li{display: flex;}
.strengths-contents li:nth-child(-n+2){margin-bottom: 7%;}
.strengths-contents li img{max-width: 110px;margin-right: 8%;}
.strengths-contents li dt{color: #F3E100;font-size: 42px;font-weight: bold;margin-bottom: 10px;}
.strengths-contents li dd{color: #fff;font-size: 18px;font-family: "Helvetica Neue",
  Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-weight: bold;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.strengths-wrap{background: url(../img/uniform/top/bg-strengths.png) left top no-repeat;background-size: contain;padding: 8% 8% 12%;}
.strengths-wrap {padding: 10% 6% 15% 6%;margin-bottom: 2%;}
.strengths-ttl {max-width: 150px;}
.strengths-contents li dl{width: 100%;}
.strengths-contents li:nth-child(-n+2) {margin-bottom: 4%;}
.strengths-contents li img {max-width: 35px;margin-right: 4%;}
.strengths-contents li dt {font-size: 18px;margin-bottom: 5px;}
.strengths-contents li dd {font-size: 14px;line-height: 1.4;}
}
@media only screen and (max-width: 375px) {
.strengths-contents li dd {font-size: 13px;}
}
/*===============================================
 *	merit-wrap
===============================================*/
.merit-wrap{margin-bottom: 5%;}
.merit-ttl{max-width: 381px;margin:0 auto 4%;}
.merit-li{width: 88%;margin: 0 auto;}
.merit-li li{text-align:center;line-height: 1.4;color: #727171;max-width: 155px;}
.merit-li li img{max-width: 146px;margin: 0 auto 10px;}
.merit-li li p{font-size: 16px;font-family: "Helvetica Neue",
  Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-weight: bold;}
.merit-li li:nth-child(3) img{margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.merit-li li {max-width: 100px;}
.merit-li li img{max-width: 70px;}
.merit-li li p{font-size: 12px;}
}
/*===============================================
 *	faq
===============================================*/
.faq-wrap{background: url(../img/uniform/top/bg-faq.png) left top no-repeat;background-size: auto;padding: 9% 10% 6%;}
.faq-ttl{max-width: 380px;margin:0 auto 4%;}
.faq-dl dt,.faq-dl dd{font-size:24px;padding-left:4.0em;font-family: "Helvetica Neue",Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-weight: bold;}
.faq-dl dt{color: #fff;position: relative;margin-bottom: 15px;}
.faq-dl dd{color: #fff100;background: url(../img/uniform/top/faq-a.png) 3% no-repeat;background-size: 8%;margin-bottom: 50px;}
.faq-dl dt:nth-of-type(1){background: url(../img/uniform/top/faq-q1.png) no-repeat;background-size: 10%;}
.faq-dl dt:nth-of-type(2){background: url(../img/uniform/top/faq-q2.png) no-repeat;background-size: 10%;}
.faq-dl dt:nth-of-type(3){background: url(../img/uniform/top/faq-q3.png) no-repeat;background-size: 10%;}
.faq-dl dt:nth-of-type(2)::before,.faq-dl dt:nth-of-type(3)::before {content: "";display: block;background: url(../img/uniform/top/faq-border.png) center no-repeat;background-size: 90%;padding-top: 15px;position: absolute;height: 5px;width: 60%;left: 50%;top: -35px;transform: translateX(-50%);}
.faq_ic{max-width: 100px;display: inline;}
@media only screen and (max-width: 568px) {
  .faq-wrap{background: url(../img/uniform/top/bg-faq.png) left top no-repeat;background-size: contain;padding: 8% 6% 8%;margin-bottom: 0;}
  .faq-ttl {max-width: 150px;margin-bottom: 20px;}
  .faq-dl dt{margin-bottom: 10px;}
  .faq-dl dd {margin-bottom: 35px;}
  .faq-dl dt, .faq-dl dd {font-size: 14px;padding-left: 3em;}
  .faq-dl dt:nth-of-type(2)::before, .faq-dl dt:nth-of-type(3)::before {top: -28px;}
  .faq_ic{max-width: 50px;}
}
/*===============================================
 *	fixed-footer
===============================================*/
#fixed-footer_wrap {margin: 0 auto;max-width: 750px;width: 100%;position: fixed;bottom: -2px;left: 50%;transform: translateX(-50%);}
#fixed-footer_wrap ul{display: flex;justify-content: space-between;margin-left: auto;width: 36%;}
#fixed-footer_wrap li {max-width: 135px;}
@media only screen and (max-width: 568px) {
#fixed-footer_wrap ul {width: 60%;}
}
/*===============================================

 *	footer

===============================================*/
footer {background: var(--site-primary);font-size: 13px;color: #fff;padding: 10px 0;text-align: center;}
footer small{font-size: 13px;}
@media only screen and (max-width: 568px) {
footer {font-size: 10px;}
footer small{font-size: 11px;}
}