@charset "utf-8";
/*===============================================
 *	★【重要】関連バナー用-複製ごとに変更★
===============================================*/
.kanren-ihin_tokyo {display: none;}
/*===============================================
 *	ブラウザリセット
===============================================*/
@font-face {font-family: 'Noto Sans JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),url('../fonts/NotoSansJP-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Sans JP';font-style: medium;font-weight: 500;src: url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),url('../fonts/NotoSansJP-Medium.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Serif JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSerifJP-Bold.woff2') format('woff2'),url('../fonts/NotoSerifJP-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'GenEiMGothic';font-style: bold;font-weight: 900;src: url("../fonts/GenEiMGothic2-Heavy.woff") format("woff");font-display: swap;}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 900;src: url("../fonts/Roboto-Black.woff") format("woff");font-display: swap;}
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: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;letter-spacing: 0;height: 100%;}
table {font-size: inherit;}
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
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%;}
summary {display: block;list-style: none;}
summary::-webkit-details-marker {display:none;}
/* --------------このサイトオリジナル設定--------------- */
* {box-sizing: border-box;}
a {color: #333;outline: none;text-decoration:none;}
a:hover {text-decoration:underline;}
:root {
  --site-primary: #2f92c9;/*青色*/
  --site-secondary: #52c0b7;/*薄い緑色*/
  --site-basecolor: #10ad9f;/*緑色*/
  --site-keycolor: #fde900;/*黄色*/
  --site-ecocolor: #50ab5e;/*緑*/
  --site-vicecolor: #6f6f6f;/*glay*/
}
/*====================== 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;}
.std-radius{border-radius: 6px;overflow: hidden;}
.std-radius_top{border-radius: 6px 6px 0 0;overflow: hidden;}
.std-radius_bottom{border-radius: 0 0 6px 6px;overflow: hidden;}
/*===============================================

 *	common

===============================================*/
html body {background: #fff;color: #333;font-size: 17px;line-height: 1.6;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;}
em {font-weight: bold;}
.sp {display: none;}
.inner {max-width: 1120px;margin: 0 auto;width: 100%;}
.inner_contents {max-width: 1120px;margin: 0 auto 60px;width: 100%;}
.txt-small{font-size: 13px;}
.center {text-align: center;}
.right {text-align: right;}
.txt_red{color: #db3238;}
.txt-primary{color: var(--site-primary);}
.txt-keycolor{color: var(--site-keycolor);}
.txt-ecocolor{color: var(--site-ecocolor);}
.txt-vicecolor{color: var(--site-vicecolor);}
.txt-white{color: #fff;}
.txt-caution{font-size:12px;}
.std-fld_pad{padding: 80px 0;}
.caption-fld_pad{padding: 80px 0 90px;}
.caption-fld_pad_btm{padding: 80px 0 0;}
.txt-multiple{line-height: 1.4;}
@media screen and (min-width: 769px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 1024px) {
.inner {margin: 0 auto;max-width: initial;width: 92%;}
.inner_contents {margin: 0 auto;}
}
@media only screen and (max-width: 960px) {
html body {font-size: 16px;line-height: 1.4;}
.std-fld_pad{padding: 60px 0;}
.caption-fld_pad{padding: 60px 0 70px;}
.caption-fld_pad_btm{padding: 60px 0 0;}
}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {margin-top: 65px;}
.inner {margin: 0 auto;width: 100%;padding: 0 4%;}
.inner_contents {margin: 0 auto;width: 92%;}
.std-fld_pad{padding: 50px 0;}
.caption-fld_pad{padding: 50px 0 60px;}
.caption-fld_pad_btm{padding: 50px 0 0;}
.pc {display: none;}
.sp {display: block;}
.txt-multiple {line-height: 1.2;}
}
/*===============================================
 *	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;}
}
/*===============================================
 *	background
===============================================*/
.bg-alternating{background: url("../img/common/bg-alternating.png") repeat;}
/*===============================================
 *	ボタン
===============================================*/
.btn-std{background: var(--site-primary);border-radius: 6px;box-shadow: 0 5px 0 #12628e;color: #fff;font-size: clamp(16px, 1.8vw, 22px);font-weight: bold;text-align: center;max-width: 500px;margin: 0 auto 5px;width: 100%;}
.btn-environment{background: var(--site-ecocolor);border-radius: 6px;box-shadow: 0 5px 0 #1e752b;color: #fff;font-size: clamp(16px, 1.8vw, 22px);font-weight: bold;text-align: center;max-width: 500px;margin: 0 auto 5px;width: 100%;}
.btn-std a,
.btn-environment a{color: #fff;display: block;padding: 20px 0;position: relative;}
a.right-arrow::after{content: "";display: block;position: absolute;right: 4%;top: 45%;width: 10px;height: 10px;border: 2px solid currentColor;border-left: 0;border-bottom: 0;transform: translateX(-50%) rotate(45deg);}
a.btm-arrow::after {content: "";display: block;position: absolute;right: 4%;top: 45%;width: 10px;height: 10px;border: 2px solid currentColor;border-left: 0;border-bottom: 0;transform: translateY(-25%) rotate(135deg);}
.btn-std:hover,
.btn-environment:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.btn-case{margin: 20px auto 0;}
@media only screen and (max-width: 568px) {
.btn-std,
.btn-environment{width: 80%;}
.btn-std a,
.btn-environment a {padding: 15px 0;}
a.right-arrow::after {width: 7px;height: 7px;}
a.btm-arrow ::after {width: 7px;height: 7px;}
}
/*===============================================
 *	大見出し
===============================================*/
.bg-primary {background-color: #2e8dc3;background-image: linear-gradient(45deg, #3695cb 25%, transparent 25%, transparent 75%, #3695cb 75%),linear-gradient(45deg, #3695cb 25%, transparent 25%, transparent 75%, #3695cb 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;padding: 30px 0;position: relative;}
.bg-eco {background-color: #4da65b;background-image: linear-gradient(45deg, #55ae63 25%, transparent 25%, transparent 75%, #55ae63 75%),linear-gradient(45deg, #55ae63 25%, transparent 25%, transparent 75%, #55ae63 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;padding: 30px 0;position: relative;}
.bg-vice {background-color: #747474;background-image: linear-gradient(45deg, #6c6c6c 25%, transparent 25%, transparent 75%, #6c6c6c 75%),linear-gradient(45deg, #6c6c6c 25%, transparent 25%, transparent 75%, #6c6c6c 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;padding: 30px 0;position: relative;}
.bg-primary_mag{margin: 0 0 60px 0;}
.bg-secondary{background-color: #009e90;background-image: linear-gradient(45deg, #08a698 25%, transparent 25%, transparent 75%, #08a698 75%),linear-gradient(45deg, #08a698 25%, transparent 25%, transparent 75%, #08a698 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;position: relative;}
.std-hd_ttl{color: #fff;font-size: 46px;font-weight: bold;}
.primary-bt_arrow::before {display: block;content: "";position: absolute;bottom: -40px;left: 50%;border: 20px solid transparent;border-top: 20px solid #2e8dc3;transform: translateX(-50%);z-index: 2;}
.bg-primary .primary-caption {color: var(--site-primary);border: 4px solid var(--site-primary);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);font-size: 26px;font-weight: bold;border-radius: 100vh;background: #fff;padding: 2px 1em;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);word-break: keep-all;text-align: center;}
.eco-bt_arrow::before {display: block;content: "";position: absolute;bottom: -40px;left: 50%;border: 20px solid transparent;border-top: 20px solid #4da65b;transform: translateX(-50%);z-index: 2;}
.vice-bt_arrow::before {display: block;content: "";position: absolute;bottom: -40px;left: 50%;border: 20px solid transparent;border-top: 20px solid #6f6f6f;transform: translateX(-50%);z-index: 2;}
.bg-eco .eco-caption {color: var(--site-ecocolor);border: 4px solid var(--site-ecocolor);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);font-size: 26px;font-weight: bold;border-radius: 100vh;background: #fff;padding: 2px 1em;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);word-break: keep-all;text-align: center;}
.bg-vice .vice-caption {color: var(--site-vicecolor);border: 4px solid var(--site-vicecolor);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);font-size: 26px;font-weight: bold;border-radius: 100vh;background: #fff;padding: 2px 1em;position: absolute;top: -2rem;left: 50%;transform: translateX(-50%);word-break: keep-all;text-align: center;}
.bg-primary .primary-caption::before,.bg-eco .eco-caption::before,.bg-vice .vice-caption::before,
.bg-primary .primary-caption::after,.bg-eco .eco-caption::after,.bg-vice .vice-caption::after {position: absolute;left: 50%;content: "";transform: translateX(-50%);}
.bg-primary .primary-caption::before,.bg-eco .eco-caption::before,.bg-vice .vice-caption::before{bottom: -10px;border-width: 10px 10px 0 10px;border-style: solid;}
.bg-primary .primary-caption::before{border-color: var(--site-primary) transparent transparent transparent;}
.bg-eco .eco-caption::before{border-color: #5cb169 transparent transparent transparent;}
.bg-vice .vice-caption::before{border-color: #6f6f6f transparent transparent transparent;}
.bg-primary .primary-caption::after,.bg-eco .eco-caption::after,.bg-vice .vice-caption::after {bottom: -7px;border-width: 7px 5px 0 5px;border-style: solid;border-color: #fff transparent transparent transparent;}
@media only screen and (max-width: 960px) {
.std-hd_ttl {font-size: 37px;}
.bg-primary .primary-caption {font-size: 24px;}
.bg-primary_mag{margin: 0 0 50px 0;}
}
@media only screen and (max-width: 568px) {
.std-hd_ttl {font-size: 28px;}
.bg-primary {padding: 25px 0 20px;}
.bg-primary .primary-caption {border: 3px solid var(--site-primary);font-size: 20px;top: -1.25rem;}
.bg-primary_mag{margin: 0 0 40px 0;}
.bg-eco .eco-caption {border: 3px solid var(--site-ecocolor);font-size: 20px;top: -1.25rem;}
.bg-vice .vice-caption {border: 3px solid var(--site-vicecolor);font-size: 20px;top: -1.25rem;}
}
@media only screen and (max-width: 375px) {
.std-hd_ttl {font-size: 26px;}
}
/*===============================================
 *	見出しキャプション
===============================================*/
.top-w_300{width: 300px;}
.top-w_350{width: 350px;}
.top-w_400{width: 400px;}
.top-w_450{width: 450px;}
.top-w_500{width: 500px;}
@media screen and (max-width: 568px) {
.top-w_300{width: 215px;}
.top-w_350{width: 255px;}
.top-w_400{width: 310px;}
.top-w_450{width: 320px;}
.top-w_500{width: 360px;}
}
/*===============================================
 *	レイヤーコンテンツ
===============================================*/
.layer-item{margin: 0 0 40px 0;padding: 0 0 40px 0;}
.layer-item:last-child{margin: 0;padding: 0;}
.layer-item .layer-side_img{max-width: 486px;}
.layer-item .layer-noside_img{max-width: 540px;}
.layer-contents{width: 52%;}
.layer-hd_box{background: #fff;margin: 0 0 .5em -3em;padding: 0 0 1em 2.5em;position: relative;}
.layer-alternate_box{background: url("../img/common/bg-alternating.png") repeat;background-size: contain;margin: 0 0 .5em -3em;padding: 0 0 1em 2.5em;position: relative;}
.layer-ttl{font-size: 34px;font-weight: bold;position: relative;line-height: 1.4;margin: 0 0 1em 0;z-index: 10;}
.layer-ttl:before {content: "";background: var(--site-primary);position: absolute;bottom: -20px;left: 0;width: 60px;height: 5px;}
.layer-sub_ttl{color: var(--site-secondary);font-size: clamp(17px, 1.8vw, 22px);font-weight: bold;}
.layer-txt_box{padding: 0 0 0 5%;}
.layer-sm_txt{font-size: clamp(15px, 1.8vw, 24px);}
@media screen and (max-width: 1024px) {
.layer-item .layer-side_img {max-width: initial;width: 48%;}
.layer-item .layer-noside_img {max-width: initial;width: 48%;}
.layer-ttl {font-size: 28px;}
.layer-ttl:before{bottom: -15px;}
}
@media screen and (max-width: 960px) {
.layer-ttl {font-size: 26px;}
.layer-ttl:before {bottom: -10px;width: 50px;height: 4px;}
.layer-hd_box {margin: 0 0 .5em -2em;padding: 0 0 1em 2em;}
.layer-txt_box {padding: 0 0 0 20px;}
.layer-item {margin: 0 0 30px 0;padding: 0 0 20px 0;}
}
@media screen and (max-width: 568px) {
.layer-ttl {font-size: 22px;}
.layer-item {display: block;}
.layer-item .layer-side_img,
.layer-item .layer-noside_img{width: 100%;}
.layer-contents {width: 100%;}
.layer-hd_box {border-radius: 0 6px 0 0;margin: -2em 0 0 0;padding: 1em 0;width: 96%;}
.layer-alternate_box {border-radius: 0 6px 0 0;margin: -2em 0 0 0;padding: 1em 0;width: 96%;}
.layer-txt_box {padding: 0 0 0 1em;}
}
/*-----------------------------------------------
 *	レイヤーコンテンツーアイコン
-----------------------------------------------*/
.layer-icon::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.icon-bill::after{background:url("../img/common/icon-bill.png") no-repeat;background-size: contain;width: 100px;height: 72px;}
.icon-calculator::after{background:url("../img/common/icon-calculator.png") no-repeat;background-size: contain;width: 66px;height: 89px;}
.icon-purchase::after{background:url("../img/common/icon-purchase.png") no-repeat;background-size: contain;width: 100px;height: 72px;}
.icon-fudousan::after{background:url("../img/common/icon-fudousan.png") no-repeat;background-size: contain;width: 90px;height: 54px;}
.icon-eco::after{background:url("../img/common/icon-eco.png") no-repeat;background-size: contain;width: 80px;height: 80px;}
.icon-cleaning::after{background:url("../img/common/icon-cleaning.png") no-repeat;background-size: contain;width: 82px;height: 108px;}
.icon-burden::after{background:url("../img/common/icon-burden.png") no-repeat;background-size: contain;width: 74px;height: 90px;}
.icon-tree::after{background:url("../img/environment/icon-tree.png") no-repeat;background-size: contain;width: 90px;height: 92px;}
.icon-recycle::after{background:url("../img/environment/icon-recycle.png") no-repeat;background-size: contain;width: 90px;height: 89px;}
.icon-light_bulb::after{background:url("../img/environment/icon-light_bulb.png") no-repeat;background-size: contain;width: 80px;height: 87px;}
.icon-earth::after{background:url("../img/environment/icon-earth.png") no-repeat;background-size: contain;width: 90px;height: 110px;}
.icon-vice_permission::after{background:url("../img/common/icon-vice_permission.png") no-repeat;background-size: contain;width: 74px;height: 99px;}
.icon-vice_gomi::after{background:url("../img/common/icon-vice_gomi.png") no-repeat;background-size: contain;width: 100px;height: 84px;}
.icon-vice_price::after{background:url("../img/common/icon-vice_price.png") no-repeat;background-size: contain;width: 90px;height: 111px;}
.icon-attention::after{background:url("../img/common/icon-attention.png") no-repeat;background-size: contain;width: 99px;height: 89px;}
.icon-bring::after{background:url("../img/common/icon-bring.png") no-repeat;background-size: contain;width: 80px;height: 90px;}
.icon-vacuum::after{background:url("../img/common/icon-vacuum_cleaner.png") no-repeat;background-size: contain;width: 90px;height: 80px;}
.icon-sofa::after{background:url("../img/common/icon-sofa.png") no-repeat;background-size: contain;width: 90px;height: 78px;}
.icon-clothing::after{background:url("../img/common/icon-clothing.png") no-repeat;background-size: contain;width: 90px;height: 93px;}
@media screen and (max-width: 960px) {
.icon-bill::after {width: 70px;height: 52px;}
.icon-calculator::after {width: 46px;height: 69px;}
.icon-purchase::after {width: 70px;height: 52px;}
.icon-fudousan::after {width: 70px;height: 34px;}
.icon-eco::after {width: 60px;height: 60px;}
.icon-cleaning::after {width: 62px;height: 88px;}
.icon-burden::after {width: 54px;height: 70px;}
.icon-tree::after {width: 70px;height: 72px;}
.icon-recycle::after {width: 70px;height: 69px;}
.icon-light_bulb::after {width: 60px;height: 67px;}
.icon-earth::after {width: 70px;height: 90px;}
.icon-vice_permission::after{width: 54px;height: 79px;}
.icon-vice_gomi::after{width: 80px;height: 64px;}
.icon-vice_price::after{width: 70px;height: 91px;}
.icon-attention::after{width: 79px;height: 69px;}
.icon-bring::after{width: 60px;height: 70px;}
.icon-vacuum::after{width: 70px;height: 60px;}
.icon-sofa::after{width: 70px;height: 58px;}
.icon-clothing::after{width: 70px;height: 73px;}
}
@media screen and (max-width: 568px) {
.icon-bill::after {width: 60px;height: 42px;}
.icon-calculator::after {width: 36px;height: 49px;}
.icon-purchase::after {width: 60px;height: 42px;}
.icon-eco::after {width: 40px;height: 40px;}
.icon-cleaning::after {width: 42px;height: 48px;}
.icon-burden::after {width: 34px;height: 50px;}
.icon-tree::after {width: 50px;height: 52px;}
.icon-recycle::after {width: 50px;height: 49px;}
.icon-light_bulb::after {width: 40px;height: 47px;}
.icon-earth::after {width: 50px;height: 70px;}
.icon-vice_permission::after{width: 44px;height: 69px;}
.icon-vice_gomi::after{width: 60px;height: 44px;}
.icon-vice_price::after{width: 50px;height: 71px;}
.icon-attention::after{width: 59px;height: 49px;}
}
/*===============================================
 *	枠、下線-パーツ
===============================================*/
.primary-frame{border:var(--site-primary) 4px solid;max-width: 1120px;margin: 0 auto 60px;width: 100%;}
.secondary-frame{border:var(--site-secondary) 4px solid;max-width: 1120px;margin: 0 auto 60px;width: 100%;}
.underlining{border-bottom: #ccc 2px dashed;}
.pd-inner_space{padding: 40px;}
.nm-sub_ttl{color: #fff;font-size: 37px;font-weight: bold;padding: 15px 0;}
.cancell-radius{border-radius: 6px 6px 0 0;}
@media screen and (max-width: 1024px) {
.primary-frame{width: 92%;}
.secondary-frame{width: 92%;}
.pd-inner_space{padding: 4%;width: 100%;}
}
@media screen and (max-width: 960px) {
.primary-frame{margin: 0 auto 50px;}
.nm-sub_ttl{font-size: 32px;}
}
@media screen and (max-width: 568px) {
.secondary-frame {margin: 0 auto 40px;padding: 0;width: 100%;border: none;}
.nm-sub_ttl{font-size: 25px;}
.cancell-radius{border-radius: 0;}
}
@media screen and (max-width: 375px) {
.nm-sub_ttl{font-size: 24px;}
}
/*===============================================
 *	header CV , fixed CV
===============================================*/
.flag-campaign{margin-right: 7%;max-width: 110px;}
.navi-list{max-width: 840px;width: 100%;}
.navi-cv_box {max-width: 840px;width: 100%;}
.navi-phonebox {max-width: 365px;}
.navi-phonebox img {max-width: 78px;margin-right: 5px;}
.navi-phonebox .phone-num{background: url("../img/common/icon-dial.png") left no-repeat;background-size: 46px;border-bottom: 1px #ccc solid;font-size: 28px;font-weight: bold;line-height: 1;padding: 0 0 5px 1.75em;margin: 0 0 3px 0;letter-spacing: 0;}
.navi-phonebox .phone-txt{font-size: 15px;font-weight: bold;letter-spacing: 1px;}
.navi-phonebox .phone-txt span{background: #fff;border: var(--site-primary) 2px solid;border-radius: 4px;color: var(--site-primary);font-size: 15px;font-weight: bold;padding: 2px 5px;letter-spacing: 2px;}
.navi-contactbox{background: url("../img/common/icon-mail.png") 10px 25px no-repeat #dd7d43;box-shadow: 0 5px 0 #8d4214;}
.navi-linebox{background: url("../img/common/icon-line.png") 10px 25px no-repeat #06c755;box-shadow: 0 5px 0 #0f7d3c;}
.navi-contactbox,
.navi-linebox {border-radius: 6px;background-size: 24px;font-size: 15px;max-width: 230px;position: relative;width: 100%;}
.navi-contactbox span,
.navi-linebox span{font-size: 18px;}
.navi-contactbox a,
.navi-linebox a{color: #fff;font-weight: bold;display: block;padding: 1.25rem 0 .75rem 2.5rem;}
.navi-contactbox p,
.navi-linebox p{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);font-size: 14px;font-weight: bold;border-radius: 100vh;background: #fff;letter-spacing: 0;padding: .1rem .2rem;position: absolute;top: -1.20rem;left: 50%;transform: translateX(-50%);text-align: center;width: 170px;}
.navi-contactbox p {color: #e56600;border: 2px solid #e56600;}
.navi-linebox p {color: #32b16c;border: 2px solid #32b16c;}
.navi-contactbox p::before,
.navi-linebox p:before,
.navi-contactbox p::after,
.navi-linebox p:after {position: absolute;left: calc(50% - 10px);content: "";}
.navi-contactbox p::before ,
.navi-linebox p:before{bottom: -10px;border-width: 5px 5px 0 5px;border-style: solid;}
.navi-contactbox p::before{border-color: #e56600 transparent transparent transparent;}
.navi-linebox p::before{border-color: #32b16c transparent transparent transparent;}
.navi-contactbox p::after,
.navi-linebox p::after {bottom: -7px;border-width: 7px 5px 0 5px;border-style: solid;border-color: #fff transparent transparent transparent;}
.navi-contactbox:hover,.navi-linebox:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
@media only screen and (max-width: 1024px) {
.flag-campaign {margin-right: 2%;width: 110px;}
.navi-phonebox img {display: none;}
}
@media only screen and (max-width: 960px) {
.navi-phonebox .phone-txt {font-size: 14px;}
.navi-phonebox .phone-txt span {font-size: 13px;}
.navi-contactbox,
.navi-linebox {background-size: 18px;font-size: 14px;max-width: 125px;}
.navi-contactbox a,
.navi-linebox a {color: #fff;font-weight: bold;display: block;padding: 1.0rem 0 .5rem 2.0rem;}
.navi-contactbox p,
.navi-linebox p {font-size: 11px;top: -1.0rem;width: 140px;}
.navi-contactbox span,
.navi-linebox span {font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.navi-cv_box {background: var(--site-primary);padding: 10px 5px;}
.navi-txt{display: block;}
.navi-txt{color: var(--site-keycolor);font-size: 18px;text-align: center;font-weight: bold;margin: 0 0 10px;position: relative;}
.navi-txt::before,
.navi-txt::after {content: '';position: absolute;top:5px;width: 1px;height: 20px;background-color: var(--site-keycolor);}
.navi-txt::before {border-left: solid 1px;left: 20px;transform: rotate(-35deg);}
.navi-txt::after {border-right: solid 1px;right: 20px;transform: rotate(35deg);}
.navi-phonebox{border:#d7d7d7 2px solid;background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e1e2 50%,#d5d0d1 100%);border-radius: 6px;box-shadow: 0 5px 0 #4b4a49;}
.navi-phonebox a{padding: 10px;width: 100%;}
.navi-phonebox .phone-num{background: url("../img/common/cv-icon_freedial.png") left no-repeat;background-size: 24px;border-bottom: 1px #ccc solid;font-size: 22px;font-weight: bold;line-height: 1;padding: 0 0 5px 1.25em;margin: 0 0 5px 0;}
.navi-contactbox p::before,
.navi-linebox p:before,
.navi-contactbox p::after,
.navi-linebox p:after {content: none;}
.navi-phonebox img{display: none;}
.ft-logo{display: none;}
.flag-campaign {display: none;}
.navi-contactbox p,
.navi-contactbox p,
.navi-linebox p {box-shadow: none;font-size: 13px;border: none;color: #fff;border-radius: initial;background: none;padding: 0;position: static;transform: none;width: 100%;}
.navi-contactbox a,
.navi-linebox a {padding: 25px 0 10px;}
.navi-contactbox{background: #dd7d43;}
.navi-linebox {background: #06c755;}
.navi-contactbox,
.navi-linebox {font-size: 13px;border-radius: 6px;text-align: center;position: relative;width: 23%;}
.navi-phonebox .phone-num {background: url(../img/common/cv-icon_freedial.png) left no-repeat;background-size: 24px;border-bottom: 1px #ccc solid;font-size: 22px;font-weight: bold;line-height: 1;padding: 0 0 5px 1.25em;margin: 0 0 5px 0;}
.navi-phonebox .phone-txt {font-size: 12px;letter-spacing: 0;    }
.navi-phonebox .phone-txt span {background: none;border: none;border-radius: 0;font-size: 12px;padding: 0;letter-spacing: 0;}
.navi-contactbox::before{content: "";display: block;background: url("../img/common/navi-mail_icon.png") no-repeat;background-size: contain;width: 26px;height: 26px;position: absolute;left:50%;top: -8px;transform: translateX(-50%);}
.navi-linebox::before{content: "";display: block;background: url("../img/common/navi-line_icon.png") no-repeat;background-size: contain;width: 26px;height: 26px;position: absolute;left:50%;top: -8px;transform: translateX(-50%);}
}
@media only screen and (max-width: 390px) {
.navi-phonebox a {padding: 5px;}
.navi-contactbox a,
.navi-linebox a {padding: 20px 3px 5px;}
}
@media only screen and (max-width: 375px) {
.navi-cv_box {padding: 5px 5px 10px;}
.navi-contactbox a,
.navi-linebox a {padding: 20px 0 5px;}
}
/*===============================================
 *	header
===============================================*/
#header-area{background: #fff;border-top: var(--site-primary) 5px solid;width: 100%;z-index: 9999;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .4);position: relative;}
#header-wrap {padding: 5px 0 0;max-width: 1300px;margin: 0 auto;}
#header-wrap .logo{max-width: 180px;margin-right: auto;}
@media only screen and (max-width: 1024px) {
#header-wrap {padding: 15px 0 0;margin: 0 2%;}
#header-wrap .logo {margin: 0 1% 0 0;max-width: 140px;}
}
@media only screen and (max-width: 960px) {
#header-wrap {padding: 0;}
#header-wrap {padding: 15px 0 0 0;}
}
@media only screen and (max-width: 568px) {
#header-area{position: fixed;left: 0px;top:0;width: 100%;transition: all 0.3s ease;z-index: 99999;}
#header-wrap {padding: 0;}
#header-wrap .logo {margin: 2% 7% 2% 2%;}
#header-wrap .flag-campaign{display: block;}
#header-wrap .navi-list {display: none;}
}
/* 新パターン用 H1 */
#header-area:has(.hd_top) {border: none;}
.hd_top {width: 100%;padding-left: min(1.2vw, 30px); color: #fff; background: #2175a3; margin-bottom: 0.5%;}
.hd_top h1 {font-size: 15px;padding: 0.25em 0;}
@media only screen and (max-width: 568px) {
  .hd_top {padding: 0 2%; background: #f5f5f5; color: #333;border-bottom: var(--site-primary) 5px solid;}
  .hd_top h1 {font-size: 10px;}
  html body:has(.hd_top) {margin-top: 96px;}
  html body:has(.hd_top) .sp_menu {top: 96px;padding-bottom: 96px;}
}
/*=============================================== *
	Gnavi
===============================================*/
#navi {background-color: #f6f6f6;}
#navibtn {display: none;}
#navi input {display: none;}
.menu-parent {position: relative;}
.menu-parent .pd {display: none;}
#navi .select a{background: var(--site-primary);color: #fff;}
#navi .menu {border-left: #e2e2e2 1px solid;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;max-width: 1300px;margin: 0 auto;align-items: center;}
#navi .menu > li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;border-right: #e2e2e2 1px solid;}
#navi .menu > li a {font-size: 16px;line-height: 1.4;font-weight: bold;display: block;text-align: center;padding: 20px;}
#navi .select li a {background: none;color: #333;}
#navi .menu > li .txt-multiple a{padding: 8px 20px 9px;}
#navi li a:hover {background: var(--site-primary);color: #fff;transition: all 0.5s;}
#navi li.menu-parent::after{content: "";display: block;color: #333;line-height: 1;width: 10px;height: 10px;border: 2px solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-50%) rotate(135deg);position: absolute;right: 10px;top: 50%;}
#navi .menu > li:last-child a {border-right: 1px solid #e2e2e2;}
#navi li.menu-parent::after{content: "";display: block;color: #333;line-height: 1;width: 10px;height: 10px;border: 2px solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-50%) rotate(135deg);position: absolute;right: 10px;top: 50%;}
#navi li.menu-parent:hover::after{color: #333;}
#navi li.menu-parent.select::after{color: #fff;}
#menu-navibtn {display: none;cursor: pointer;cursor: hand;}
.menu-child li {font-size: 14px;border-bottom: 1px solid #DDD;width: 50%;}
.menu-child li:nth-child(odd){border-right: 1px solid #DDD;}
.menu-child li:nth-last-child(-n + 2){border-bottom: none;}
.menu-parent .menu-child {visibility: hidden;opacity: 0;display: flex;justify-content: space-between;flex-wrap: wrap;position: absolute;top: 62px;left: 50%;transform: translateX(-50%);width: 640px;background: #fff;transition: all 0.2s ease;}
#navi .navi-cv_box{display: none;}
.gnavi-fixed {position: fixed;top: 0;width: 100%;z-index: 999;background: #fff;}
@media screen and (max-width: 960px) {
#navi .menu > li a {font-size: 15px;padding: 20px;}
}
@media screen and (min-width: 620px) {
.menu-parent:hover .menu-child {visibility: visible;opacity: 1;z-index: 10;}
}
@media screen and (max-width: 620px) {
#navi .select a{background: none;color: #333}
.menu-parent .pd {background: var(--site-primary);display: block;position: absolute;right: 0;top: 0;width: 57px;height: 57px;}
#navi .navi-cv_box{display: none;}
#navi .menu {display: none;}
#navi .menu li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;border-right: none;border-bottom: 1px solid #DDD;position: relative;}
#navi .menu li::after{content: "";display: block;position: absolute;right: 15px;top: 50%;width: 8px;height: 8px;border: 2px solid var(--site-primary);border-left: 0;border-bottom: 0;transform: translateY(-50%) rotate(45deg);}
.menu-parent {height: auto;width: 100%;}
#navi .menu li::after:nth-child(3){right: 15px;}
.menu-parent:first-child {border-top: 1px solid #DDD;}
#menu-navibtn:checked ~ #navi {position: fixed;overflow-y: scroll;overflow-x: hidden;height: 100%;width: 100%;top: 64px;}
#menu-navibtn:checked ~ * .menu {display: block; opacity: 1;}
#menu-navibtn:checked ~ * .navi-cv_box {display: block; opacity: 1;}
#menu-navibtn:checked ~ * .menu-parent {max-height: inherit;overflow-y: visible;}
#menu-navibtn:checked ~ * .menu-child {max-height: 0;overflow-y: hidden;visibility: hidden;}
.menu-parent .menu-child {position: relative;opacity: 1;padding: 0;top: 0;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.menu-parent > label:hover {cursor: pointer;cursor: hand;}
#navi .menu > li a {font-size: 17px;text-align: left;padding: 17px 20px;}
#navi .menu > li .menu-child a {font-size: 15px;text-align: left;padding: 15px 10px 15px 20px;}
#navi .menu > li .menu-child .txt-multiple a {padding: 5px 10px 4px 20px;}
#navi .menu > li .menu-child .lines a {padding: 6px 10px 6px 20px;font-size: 15px;line-height: 1.3;}
#navi li.menu-parent::after{content: none;}
#navi input[type="checkbox"]:checked ~ .menu-child {max-height: inherit;overflow-y: visible;visibility: visible;border: none;}
.angletoggle::before,.angletoggle::after  {content: '';display: inline-block;position: absolute;width: 3px;height: 25px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: .2s;}
.angletoggle::after {transform: translate(-50%, -50%) rotate(90deg);}
#navi input[type="checkbox"]:checked ~ * .angletoggle:before {content: '';display: inline-block;position: absolute;width: 3px;height: 25px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(90deg);transition: .2s;}
#navibtn {display: block;position: absolute;top: 0;right: 0;}
#menu-navibtn:checked ~ label#navibtn span span::after {display: none;}
#navibtn {width: 60px;height: 60px;background: var(--site-primary);margin-left: auto;display: block;}
.menu_btn {position: relative;height: 22px;top: 13px;}
.menu_btn span {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 3px;background-color: #fff;-webkit-transition: all 0.4s;transition: all 0.4s;}
.menu_btn span:nth-child(1) {top: 0;}
.menu_btn span:nth-child(2) {top: 10px;}
.menu_btn span:nth-child(3) {bottom: 0;}
.menu_btn span:not(.txt) {width: 25px;}
.menu_btn span.txt {width: 100%;background: none;bottom: 0;text-align: center;}
.menu_btn span.txt::after {content: 'メニュー';font-size: 10px;color: #fff;}
#navibtn.active span:nth-child(1) {-webkit-transform: translate(-12px, 10px) rotate(-45deg);transform: translate(-12px, 10px) rotate(-45deg);}
#navibtn.active span:nth-child(2) {opacity: 0;}
#navibtn.active span:nth-child(3) {-webkit-transform: translate(-12px, -9px) rotate(45deg);transform: translate(-12px, -9px) rotate(45deg);}
#navibtn.active span.txt::after {content: '閉じる';}
}
@media screen and (max-width: 375px) {
#navibtn {width: 58px;height: 58px;}
}
/* 新パターン用 位置調整 */
@media screen and (max-width: 568px) {
  #header-area:has(.hd_top) #navibtn {top: 38px;}
  #header-area:has(.hd_top) #header-wrap {}
  #header-area:has(.hd_top) #menu-navibtn:checked ~ #navi {top: 96px; padding-bottom: 96px;}
}



/*===============================================
 *	Main Visual
===============================================*/
#bg-mv {background: url("../img/top/bg-mv_pc.png") left center no-repeat;background-size: cover;height: 700px;}
.mv-contents{max-width: 1040px;width: 100%;margin: 0 auto;padding: 80px 0 0 0;position: relative;}
.visual-txtbox{max-width: 620px;width: 100%;margin: 0 0 30px 0;}
.mv-staff{position: absolute;right: -210px;width: 649px;top: 87px;z-index: 10;}
.txt-prttl {color: #fff;font-size: 30px;font-weight: bold;padding: 10px 0;background:var(--site-secondary);margin:0 0 20px 0;border-radius: 60px;text-align: center;}
.mv-txt{margin: 0 auto;max-width: 560px;}
.mv-point_contents{background: url("../img/top/mv-bg_point_pc.png") left center no-repeat;position: relative;background-size: contain;max-width: 1040px;margin: 0 auto;}
.mv-point_txt{color: #fff;font-size: 28px;font-weight: bold;text-align: center;position: relative;top: -25px;text-shadow:3px 3px 0 #4b83c7, -3px -3px 0 #4b83c7,-3px 3px 0 #4b83c7, 3px -3px 0 #4b83c7,0px 3px 0 #4b83c7, 0 -3px 0 #4b83c7,-3px 0 0 #4b83c7, 3px 0 0 #4b83c7;z-index: 10;}
.mv-point_txt span{color: var(--site-keycolor);}
.mv-point_contents ul{padding: 0 30px 50px;max-width: 980px;margin: 0 auto;}
.mv-point_contents li{color: #fff;font-size: 20px;font-weight: bold;line-height: 1.4;padding: 0 20px 0 0;text-align: center;}
.mv-point_contents li:nth-child(-n+2) {border-right: #fff 2px dotted;}
.mv-point_contents li:nth-child(-n+2) em,
.mv-point_contents li:nth-child(-n+2) span{display: block;}
.mv-point_contents li em{color: var(--site-keycolor);font-size: 26px;}
.mv-point_contents li em span{font-size: 16px;}
.mv-point_contents li.achievements{background: url("../img/top/icon-bill.png") left no-repeat;background-size: 50px;padding-left: 60px;}
.mv-point_contents li.excellent{background: url("../img/top/icon-staff.png") left no-repeat;background-size: 53px 54px;padding: 11px 25px 11px 65px;}
.mv-point_contents li.room{background: url("../img/top/icon-1k.png") left no-repeat;background-size: contain;font-size: 24px;padding: 0 0 0 50px;}
@media only screen and (max-width: 1024px) {
#bg-mv {height: 590px;}
.mv-contents {max-width: 980px;padding: 50px 0 0 0;}
.mv-staff {width: 499px;top: 80px;right: 0px;}
.mv-txt {max-width: 402px;}
.visual-txtbox {max-width: 500px;}
.txt-prttl {font-size: 24px;}
}
@media only screen and (max-width: 960px) {
#bg-mv {background: url("../img/top/bg-mv_tb.png") left center no-repeat;background-size: cover;height: 460px;}
.mv-contents {max-width: 700px;padding: 40px 0 0 0;}
.mv-staff {width: 350px;top: 110px;right: -30px;}
.visual-txtbox {max-width: 420px;}
.txt-prttl {font-size: 20px;margin: 0 0 10px 0;}
.mv-txt {max-width: 332px;}
.mv-point_txt {font-size: 22px;top: -16px;}
.mv-point_contents {max-width: 700px;}
.mv-point_contents ul {padding: 0 20px 30px;}
.mv-point_contents li {font-size: 16px;}
.mv-point_contents li:nth-child(-n+3) span{display: block;}
.mv-point_contents li em {font-size: 20px;}
.mv-point_contents li em span {font-size: 14px;}
.mv-point_contents li.achievements {background-size: 40px;padding-left: 40px;}
.mv-point_contents li.excellent {background-size: 43px 44px;padding: 11px 15px 11px 55px;}
.mv-point_contents li.room {background-size: 40px;font-size: 20px;padding-left: 50px;}
}
@media only screen and (max-width: 568px) {
#bg-mv {background: url("../img/top/bg-mv_sp.png") left center no-repeat;height: 730px;background-size: cover;}
.mv-txt {max-width: initial;position: relative;z-index: 10;width: 90%;}
.mv-staff {width: 90%;position: relative;right: unset;left: 50%;transform: translateX(-50%);top: -20px;z-index: 0;}
.mv-contents {max-width: initial;padding: 30px 0 0 0;width: 92%;}
.mv-point_contents{background: url("../img/top/mv-bg_point_sp.png") left center no-repeat;background-size: cover;position: relative;z-index: 5;bottom: 30px;width: 92%;}
.mv-point_txt{font-size: 20px;text-shadow:0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c,0 0 4px #00998c;top: -25px;line-height: 1.2;}
.mv-point_txt span {display: block;}
.txt-prttl {font-size: 19px;letter-spacing: 0;}
.visual-txtbox {margin: 0;}
.mv-point_contents ul {display: block;padding: 0 15px 5px 15px;margin: -10px 0 0 0;}
.mv-point_contents li {font-size: 18px;text-align: left;}
.mv-point_contents li em span {font-size: 13px;}
.mv-point_contents li:nth-child(-n+2) {border-right: none;}
.mv-point_contents li:nth-child(1) em{display: block;font-size: 23px;}
.mv-point_contents li:nth-child(1) em span{display: inline;}
.mv-point_contents li:nth-child(2) {border-top: #fff 2px dotted;border-bottom: #fff 2px dotted;}
.mv-point_contents li:nth-child(2) em{font-size: 22px;}
.mv-point_contents li:nth-child(3) em {font-size: 26px;}
.mv-point_contents li:nth-child(3) em span{display: inline;}
.mv-point_contents li.achievements {background: url(../img/top/icon-bill.png) 10px no-repeat;background-size: 40px;padding: 0 0 10px 65px;}
.mv-point_contents li.excellent {background: url("../img/top/icon-staff.png") 10px no-repeat;background-size: 43px 44px;padding: 15px 0 15px 65px;}
.mv-point_contents li.room {background: url("../img/top/icon-1k.png") 10px 10px no-repeat;background-size: 40px;font-size: 20px;padding: 15px 0 10px 65px;}
}
@media only screen and (max-width: 390px) {
.mv-point_contents li em span {font-size: 11px;}
}
@media only screen and (max-width: 375px) {
#bg-mv {height: 670px;}
.txt-prttl {font-size: 18px;}
.mv-point_contents ul {padding: 0 15px;}
.mv-point_contents li:nth-child(1) em {font-size: 21px;}
.mv-point_contents li:nth-child(2) em {font-size: 23px;}
}

/*===============================================
 *	Main Visual 改修 2025.12.15
===============================================*/
#bg-mv-02 {background: url(../img/top/mv-bg-02.jpg) no-repeat center top; }
.mv_inner {padding: 2% 0 3%; position: relative;}
.mv_inner .fukidashi {background: #fff; font-size: clamp(15px, 2.67vw, 30px); font-weight: bold; border-radius: 10px; padding: 0.05em 0.75em 0.1em; width: fit-content; position: relative;filter: drop-shadow(3px 3px 0px rgba(7, 0, 2, 0.2)); margin-bottom: 2%;}
.mv_inner .fukidashi::after {content: '';background: url(../img/top/fukidashi_parts.png) no-repeat;background-size: contain;width: 24px;height: 20px;position: absolute;left: 22px;bottom: -10px; z-index: -1;}
.mv_txt {width: 52%;}
.mv_price {width: 52.3%;margin: 1% 0 3.5%;}
.mv_inner .media_box {border: 4px solid var(--site-primary); border-radius: 15px; padding: 0 0 1.4%;width: 67.4%; background: #fff;}
.mv_inner .media_box .ribbon {text-align: center;font-size: clamp(15px, 2.0vw, 26px);font-weight: 500;color: #fff;background: url(../img/top/bg_ribon.png) no-repeat top 72% center;background-size: 100% auto;width: -moz-fit-content;width: fit-content;padding: 1em 3.3em;margin: -8% auto -1%;display: flex;align-items: center;}
.mv_inner .media_box .ribbon::before {content: "";display: inline-block;background: url(../img/top/media_icon.png) no-repeat;background-size: contain;width: 60px;height: 58px;position: relative;top: 10px;margin-right: 7px;}
.mv_inner .media_box ul {gap: 0 1.2em;}
.mv_inner .media_box li {font-size: clamp(18px, 1.8vw ,30px);font-weight: bold;}
.mv_inner .media_box li::before {content: '';background: #eb6168;width: 8px;height: 8px;display: inline-block;vertical-align: middle;margin-right: 8px;margin-top: -4px;}
.mv_inner .media_box li span {font-size: 0.75em;}
.mv_inner .service_image {width: 38.6%; position: absolute; right: 0; top: 9%;}
.mv_medal {width: 16.9%; position: absolute; right: 0; bottom: 13%; z-index: 1;}
.mv_medal::before {content: '';  background: url(../img/top/medal_ribbon.png) no-repeat top center; background-size: contain; width: 100%; height: 90px; position: absolute; bottom: -34%; left: 50%; transform: translateX(-50%); z-index: -1;}
@media only screen and (max-width: 960px) {
  
}
@media only screen and (max-width: 568px) {
  #bg-mv-02 {background: url(../img/top/mv-bg-02_sp.jpg) no-repeat bottom center; background-size: cover;}
  .mv_inner {width: 89.4vw; padding: 5% 0 23%;}
  .mv_inner .service_image {display: none;}
  .mv_inner .fukidashi {border-radius: 7px; padding: 0.25em 0.75em 0.3em; margin-bottom: 4.5%; filter: drop-shadow(2px 2px 0px rgba(7, 0, 2, 0.2));}
  .mv_inner .fukidashi::after {width: 20px; left: 9px; bottom: -10px;}
  .mv_txt {width: 85%;}
  .mv_price {width: 95%; margin: 2.8% 0 6%;}
  .mv_inner .media_box {border-width: 2px;border-radius: 10px;padding:1% 0 4.5%; width: 100%;}
  .mv_inner .media_box .ribbon {font-size: 4vw;margin-top: -11%;}
  .mv_inner .media_box .ribbon::before {width: 32px;height: 31px;top: 4px;}
  .mv_inner .media_box ul {gap: 0 0.25em;}
  .mv_inner .media_box li {font-size: 4.13vw;}
  .mv_inner .media_box li::before {width: 5px;height: 5px;margin-right: 5px;}
  .mv_medal {width: 28.35%; right: -3%; bottom: -3%;}
  .mv_medal::before {content: none;}
}

/* Google 口コミ */
.google_wrap {background: var(--site-primary); padding: 1.5% 0 1.0%;}
.google_wrap .google_contents {max-width: 1300px; margin: 0 auto;}
.google_wrap .main_txt {color: #fff; font-size: clamp(17px, 2.5vw, 34px); position: relative;}
.google_wrap .main_txt .txt_yellow {font-size: 1.29em; color: #ffd800; filter: drop-shadow(2px 2px 0px rgba(51, 51, 51, 0.45));}
.google_wrap .main_txt::before, .google_wrap .main_txt::after {content: '';background: rgba(255, 255, 255, 0.5);width: 7%;height: 2px;position: absolute;top: 50%;transform: translateY(-50%);}
.google_wrap .main_txt::before {left: 0;}
.google_wrap .main_txt::after {right: 0;}
.google_wrap .main_txt .dot_txt {background-position: top -14px left 0;background-image: radial-gradient(#ffd800 12%, rgba(255, 216, 0, 0) 12%), radial-gradient(#ffd800 13%, rgba(255, 216, 0, 0) 15%);background-size: 1.03em 1.03em;background-repeat: repeat-x;padding-top: 0.2em;}
.google_wrap .google_evidence {font-size: 15px; color: rgba(255, 255, 255, 0.8);text-align: right; margin: -0.5% 8% 0 0;}
@media only screen and (max-width: 960px) {
  .google_wrap {padding: 2.5% 0 2%;}
  .google_wrap .main_txt .dot_txt {background-position: top -10px left 0px;}
}
@media only screen and (max-width: 568px) {
  .google_wrap {padding: 4.5% 0 2.5%;}
  .google_wrap .main_txt {font-size: 4.53vw;line-height: 1.25; filter: drop-shadow(2px 2px 0px rgba(51, 51, 51, 0.45));}
  .google_wrap .main_txt .txt_yellow {filter: none;}
  .google_wrap .main_txt .dot_txt {background-position: top -9px left;}
  .google_wrap .main_txt .size_01 {font-size: 5.3vw;}
  .google_wrap .main_txt .size_02 {font-size: 5.2vw;}
  .google_wrap .google_evidence {font-size: 2.4vw;margin: 1% 15% 0 0;}
  .google_wrap .main_txt::before, .google_wrap .main_txt::after {content: none;}
}

/*===============================================
 *	Head Main
===============================================*/
#head-main{background: var(--site-primary);padding: 30px 0;text-align: center;}
#head-main h1{color: #fff;display: inline-block;font-size: 30px;font-weight: bold;position: relative;}
#head-main h1::before,#head-main h1::after{content: "";display: block;width: 28px;height: 78px;position: absolute;top: 50%;transform: translateY(-50%);}
#head-main h1::before{background: url("../img/top/bg-leaf_y_left.png")left no-repeat;background-size: contain;left: -50px;}
#head-main h1::after{background: url("../img/top/bg-leaf_y_right.png")left no-repeat;background-size: contain;right: -50px;}
#head-main h1 em{color: var(--site-keycolor);font-size: 34px;}
@media only screen and (max-width: 1024px) {
#head-main {padding: 15px 0;}
#head-main h1 {line-height: 1.4;}
#head-main h1::before {left: -40px;}
#head-main h1::after {right: -40px;}
#head-main h1 em{display: block;}
}
@media only screen and (max-width: 960px) {
#head-main h1{font-size: 26px;}
#head-main h1 em{font-size: 30px;}
}
@media only screen and (max-width: 568px) {
#head-main h1{font-size: 24px;}
#head-main h1 span{display: block;font-size: 23px;}
#head-main h1 em{font-size: 26px;}
#head-main h1::before, #head-main h1::after {width: 20px;height: 70px;top: auto;transform: translateY(0);bottom: 0;}
#head-main h1::before {left: -26px;}
#head-main h1::after {right: -26px;}
}
@media only screen and (max-width: 375px) {
#head-main h1{letter-spacing: 0;}
}
/*===============================================
 *	point-box
===============================================*/
.point-box {background-color: #00a395;background-image: linear-gradient(45deg, #009e90 25%, transparent 25%, transparent 75%, #009e90 75%),linear-gradient(45deg, #009e90 25%, transparent 25%, transparent 75%, #009e90 75%);background-size: 80px 80px;background-position: 0 0, 40px 40px;padding: 30px 0;margin: 0 0 60px 0;}
.point-box ul{max-width: 1120px;margin: 0 auto;}
.point-box li{display: grid;gap:5px;background: #fff;border: var(--site-secondary) 5px solid;outline: #fff 4px solid;width:168px;border-radius: 4px;padding: 10px 0 5px;font-size: 20px;font-weight: bold;line-height: 1.2;text-align: center;}
.point-box li img{margin: 0 auto;}
.point-box li:nth-child(1) img{width: 42px;}
.point-box li:nth-child(2) img{width: 39px;}
.point-box li:nth-child(3) img{width: 50px;}
.point-box li:nth-child(4) img{width: 31px;}
.point-box li:nth-child(5) img{width: 55px;}
.point-box li:nth-child(6) img{width: 45px;}
@media only screen and (max-width: 1024px) {
.point-box ul {max-width: initial;width: 92%;}
.point-box li {width: 138px;font-size: 17px;}
}
@media only screen and (max-width: 960px) {
.point-box {margin: 0 0 40px 0;}
.point-box ul{justify-content: space-around;}
.point-box li {letter-spacing: 0;width: 158px;}
.point-box li:nth-child(-n+4) {margin: 0 0 20px 0;}
.point-box li:nth-child(2) img {width: 39px;}
.point-box li:nth-child(4) img {width: 26px;}
.point-box li:nth-child(5) img {width: 50px;}
}
@media only screen and (max-width: 568px) {
.point-box{margin: 0 0 30px 0;padding: 25px 0;}
.point-box ul{margin: 0 3%;}
.point-box li {gap: 0;grid-auto-flow: column;align-items: center;grid-template-columns: 35px auto;width: 47%;font-size: 16px;border: var(--site-secondary) 2px solid;outline: #fff 3px solid;padding: 10px 5px 10px 10px;}
.point-box li img{margin: 0 auto;}
.point-box li:nth-child(1) img{width: 25px;}
.point-box li:nth-child(2) img{width: 25px;}
.point-box li:nth-child(3) img{width: 25px;}
.point-box li:nth-child(4) img{width: 20px;}
.point-box li:nth-child(5) img{width: 30px;}
.point-box li:nth-child(6) img{width: 28px;}
}
@media only screen and (max-width: 375px) {
.point-box li {font-size: 15px;}
}
/*===============================================
 *	bnr-campaign
===============================================*/
.advertising{margin: 60px 0 80px 0;}
.bnr-campaign{max-width: 1120px;margin: 0 auto 30px;}
.bnr-campaign picture{margin: 0 0 5px 0;}
.bnr-campaign p{color: #6f6f6f;font-size: 14px;}
@media only screen and (max-width: 1024px) {
.bnr-campaign {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 960px) {
.advertising{margin: 40px 0 60px 0;}
}
@media only screen and (max-width: 568px) {
.advertising{margin: 30px 0 40px ;}
.bnr-campaign p{font-size: 12px;}
}
/*===============================================
 *	credit-box
===============================================*/
.credit-box{max-width: 1120px;margin: 0 auto 30px;}
.credit-box .ttl {background: var(--site-secondary);color: #fff;font-size: min(2.0vw, 30px);font-weight: bold;padding: 12px 0 14px;border-radius: 6px 6px 0 0;}
.credit-box .box_inner {padding: 30px 40px;border: 6px solid var(--site-secondary);border-top: none;border-radius: 0 0 6px 6px;}
.credit-box ul {width: 58%;}
.credit-box ul li {background: #ddf1ef;border-radius: 6px;width: 31%;display: grid;grid-auto-flow: column;grid-template-columns: 35px auto;gap: 10px;align-items: center;border: 4px solid var(--site-secondary);line-height: 1.4;padding: 20px 5px 20px 15px;font-size: min(1.8vw, 21px);font-weight: bold;text-align: center;}
.credit-box ul li:first-child img {width: 36px;}
.credit-box ul li img {width: 31px;}
.credit-box .card-image {max-width: 400px;width: 100%;}
@media only screen and (max-width: 1024px) {
.credit-box{max-width: initial;width: 92%;}
.credit-box .box_inner {padding: 30px;}
.credit-box ul {width: 64%;}
.credit-box ul li {width: 31%;padding: 20px 5px 20px 10px;}
.credit-box .card-image {max-width: 310px;}
}
@media screen and (max-width: 960px) {
.credit-box .ttl {font-size: 22px;}
.credit-box .box_inner {padding: 20px;border: 3px solid var(--site-secondary);}
.credit-box ul {width: 50%;}
.credit-box ul li {border: 2px solid var(--site-secondary);grid-auto-flow: initial;grid-template-columns: none;gap: 5px;padding: 10px;}
.credit-box ul li span {display: block;width: 100%;}
.credit-box ul li img {width: 28px;margin: 0 auto;}
.credit-box .card-image {max-width: 330px;}
}
@media screen and (max-width: 568px) {
.credit-box .ttl {font-size: 19px;padding: 10px 0 5px;}
.credit-box .box_inner {flex-direction: column;border-width: 4px;padding: 17px 17px 10px;}
.credit-box ul {width: 100%;}
.credit-box ul li {flex-direction: column;font-size: 13px;text-align: center;padding: 10px 0 10px;border-width: 3px;line-height: 1.4;}
.credit-box .card-image {width: 100%;margin-top: 10px;}
}
/*===============================================
 *	対応エリア
===============================================*/
.area-wrap{margin: 0 0 40px 0;position: relative;}
.service-area{background: url("../img/common/bg-map_pc.png") left top no-repeat;background-size: cover;}
.area-contents{width: 670px;position: relative;z-index: 10;}
.area-ttl_box{margin: 0 0 5px 0;}
.area-ttl_box > p{color: var(--site-primary);text-decoration:underline;text-underline-offset: 10px;text-decoration-thickness: 3px;font-size: 25px;font-weight: bold;margin: 0 0 10px 0;}
.area-ttl_box .area-ttl{font-size: 28px;font-weight: bold;}
.area-ttl_box .area-ttl em{color: var(--site-primary);display: block;font-size: 40px;position: relative;}
.area-ttl_box .area-ttl em::before {content: "";display: inline-block;background: url("../img/common/icon-map.png") left no-repeat;background-size: contain;margin-right:10px;position:relative;top:5px;left:0;width: 38px;height: 50px;}
.img-map{max-width: 560px;position: absolute;right: 0;top: -80px;z-index: 0;}
.accordion-map summary {border-radius: 8px;font-size: 28px;font-weight: 900;display: block;padding: 20px 0;text-align: center;cursor: pointer;background: var(--site-primary);color: #fff;box-shadow: 0 5px #195e85;position: relative;z-index: 10;}
.area-note{font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 5px;}
.area-note span{position: relative;background: linear-gradient(transparent 75%, var(--site-keycolor) 0%);padding: 0 .25em;}
.area-note span::before,
.area-note span::after {content: '';display: inline-block;width: 2px;height: 25px;background-color: var(--site-primary);top: 5px;position: relative;}
.area-note span::before {margin-right: 15px;transform: rotate(-35deg);}
.area-note span::after {margin-left: 15px;transform: rotate(35deg);}
.accordion-map details summary::after,.accordion-map details[open] summary::after{content: "";display: inline-block;vertical-align: middle;line-height: 1;width: 15px;height: 15px;border: 3px solid #fff;border-left: 0;border-bottom: 0;position: absolute;right: 2%;top: 50%;}
.accordion-map details summary::after {transform: translateY(-50%) rotate(135deg);}
.accordion-map details[open] summary::after {transform: rotate(-45deg);}
.accordion-map .accordion-contents {background: #fff;border: var(--site-primary) 4px solid;border-top: none;border-radius: 0 0 8px 8px;padding: 20px 30px;}
.accordion-map li {font-weight: bold;width: 16.6%;position: relative;}
.accordion-map li::before,.accordion-map li::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.accordion-map li::before{width: 14px;height: 14px;-webkit-border-radius: 50%;border-radius: 50%;background: #61cfc6;}
.accordion-map li::after{left: 3px;width: 4px;height: 4px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.accordion-map li a{display: block;padding: 5px 5px 5px 1.25em;}
@media screen and (max-width: 1024px) {
.area-contents {width: 550px;}
.accordion-map li {width: 20%;}
}
@media screen and (max-width: 960px) {
.area-wrap {margin: 0 0 20px 0;}
.area-contents {width: 380px;}
.img-map {max-width: 440px;top: -50px;}
.area-ttl_box .area-ttl em {font-size: 36px;}
.accordion-map summary {font-size: 24px;padding: 15px 0;}
.accordion-map li {width: 25%;}
}
@media screen and (max-width: 568px) {
.area-contents {margin: 0 0 20px 0;width: 100%;}
.area-ttl_box{margin: 0 0 10px 0;}
.area-ttl_box > p {text-decoration-thickness: 2px;font-size: 20px;}
.area-ttl_box .area-ttl {font-size: 24px;}
.area-ttl_box .area-ttl em {font-size: 28px;}
.area-ttl_box .area-ttl em::before {width: 26px;height: 35px;}
.img-map {max-width: initial;top: auto;position: relative;}
.area-note{font-size: 15px;}
.accordion-map summary {font-size: 20px;}
.accordion-map details summary::after,
.accordion-map details[open] summary::after {width: 10px;height: 10px;right: 4%;}
.accordion-map .accordion-contents {padding: 0;}
.accordion-map li {width: 50%;border-bottom: #eee 2px solid;}
.accordion-map li:nth-child(odd) {border-right: #eee 2px solid;}
.accordion-map li a {padding: 12px 5px 12px 2em;}
.accordion-map li:nth-child(-n+2) a{padding: 17px 5px 12px 2em;}
.accordion-map li::before {left: 10px;}
.accordion-map li::after {left: 13px;}
.accordion-map li:nth-child(-n+2)::before,
.accordion-map li:nth-child(-n+2)::after{top: 5px;}
}
@media screen and (max-width: 375px) {
.area-ttl_box .area-ttl {font-size: 22px;}
.area-ttl_box .area-ttl em {font-size: 28px;}
}
/*===============================================
 *	導入文
===============================================*/
.intro-ttl_box{max-width: 720px;margin: 0 auto 50px;}
.intro-balloon{position: relative;display: inline-block;border-radius: 60px;margin: 0 auto 10px;padding: 5px 1em;color: #fff;font-size: 24px;font-weight: bold;background: var(--site-primary);text-align: center;left: 50%;transform: translateX(-50%);}
.intro-balloon:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -8px;border: 8px solid transparent;border-top: 8px solid var(--site-primary);}
.intro-hd_ttl{font-size: 34px;font-weight: bold;text-align: center;position: relative;}
.intro-hd_ttl .img-no1{max-width: 686px;margin: 0 auto;}
.intro-hd_ttl::before,.intro-hd_ttl::after{content: "";display: block;width: 43px;height: 119px;position: absolute;top: 50%;transform: translateY(-50%);}
.intro-hd_ttl::before{background: url("../img/top/bg-leaf_b_left.png")left no-repeat;left: -50px;background-size: contain;}
.intro-hd_ttl::after{background: url("../img/top/bg-leaf_b_right.png")left no-repeat;right: -50px;background-size: contain;}
@media screen and (max-width: 960px) {
.intro-ttl_box {max-width: initial;margin: 0 auto 40px;width: 90%;}
}
@media screen and (max-width: 568px) {
.intro-balloon {font-size: 18px;}
.intro-ttl_box {margin: 0 auto 30px;width: 100%;}
.intro-hd_ttl {font-size: 23px;}
.intro-hd_ttl::before, .intro-hd_ttl::after {width: 30px;height: 86px;}
.intro-hd_ttl::before{left: -10px;top: 90px;}
.intro-hd_ttl::after{right: -10px;top: 90px;}
.intro-hd_ttl .img-no1 {max-width: initial;width: 80%;}
}
/*-----------------------------------------------
 *	導入文-コンテンツ
-----------------------------------------------*/
.top-intro_wrap {display: grid;gap: 0 30px;grid-template-columns: 50% 1fr;}
.top-intro_contents{grid-column: 1 / 2;grid-row: 1 / 2;}
.top-intro_contents p{font-size: 16px;}
.intro-point{margin: 0 0 20px 0;}
.intro-point li{border: var(--site-primary) 2px solid;border-radius: 6px;background: #fff;   color: var(--site-primary);font-size: 22px;font-weight: bold;padding: 5px 10px 5px 45px;position: relative;}
.intro-point li::before{content: "";display: block;background: url("../img/common/icon-medal.png") left no-repeat;background-size: contain;width: 26px;height: 30px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} 
.intro-point li:first-child span{font-size: 18px;}
.intro-point li:nth-child(2) span:nth-of-type(1){font-size: 15px;}
.intro-point li:nth-child(2) span:nth-of-type(2){font-size: 12px;}
.intro-sub_ttl{font-size: 30px;font-weight: bold;margin: 0 0 10px 0;}
.intro-sub_ttl em{color: var(--site-primary);}
.intro-note{background: #f5f5f5;padding: 15px;margin: 20px 0 0 0;position: relative;grid-column: 1/2;grid-row: 3 / 4;}
.intro-note p{font-weight: bold;}
.intro-note::after{content: "";display: block;background: url("../img/top/bg-intro-img.png") right no-repeat;background-size: contain;width: 113px;height: 157px;position: absolute;right: 20px;top: 10px;}
.note-ttl{color: var(--site-primary);font-size: 20px;font-weight: bold;margin: 0 0 5px 0;}
.intro-detail{grid-column: 3/4;grid-row: 1 / 4;}
.intro-detail li:nth-child(-n+2){margin: 0 0 30px 0;}
.intro-detail li p{background: var(--site-secondary);color: #fff;font-size: 20px;font-weight: bold;text-align: center;padding: 15px 0;}
@media screen and (max-width: 1024px) {
.top-intro_wrap {gap: 0 20px;grid-template-columns: 54% 1fr;}
.intro-point{align-items: flex-start;margin: 0;}
.intro-point li::before{left: 5px;} 
.intro-point li {font-size: 20px;text-align: center;padding: 5px 10px 5px 35px;}
.intro-point li:first-child {margin: 0 0 10px 0;}
.intro-point li:first-child span {font-size: 16px;}
.intro-sub_ttl {font-size: 26px;}
.intro-point li:nth-child(2) span:nth-of-type(1) {font-size: 14px;}
.intro-point li:nth-child(2) span:nth-of-type(2) {font-size: 11px;}
.note-ttl {font-size: 18px;}
.intro-note::after {width: 93px;height: 127px;right: 0;top: 30px;}
.intro-detail li {width: 48%;}
}
@media screen and (max-width: 960px) {
.top-intro_contents {margin: 0 0 20px 0;width: 100%;}
.intro-sub_ttl {font-size: 30px;}
.top-intro_wrap {display: block;}
.intro-note {grid-row: 2 / 3;}
.intro-note::after {right: -10px;top: 0;}
.intro-point li {width: 65%;}
.intro-point li:first-child {width: 30%;}
.intro-detail li {width: 23%;}
.intro-detail li p {font-size: 18px;}
.intro-detail li:nth-child(-n+4) {margin: 0 0 15px 0;}
}
@media screen and (max-width: 568px) {
.intro-point li {padding: 5px 0 5px 30px;line-height: 1.2;width: auto;}
.intro-point li::before {left: 5px;width: 21px;height: 25px;}
.intro-point li:first-child {width: 35%;}
.intro-point li:first-child span:nth-of-type(1){display: block;text-align: center;}
.intro-point li:nth-child(2) span:nth-of-type(1){display: block;text-align: center;font-size: 16px;}
.intro-sub_ttl {font-size: 23px;text-align: center;}
.intro-detail li:nth-child(-n+4) {width: 48%;}
.intro-note {margin: 20px 0 0 0;}
.intro-note::after {right: 0;width: 63px;height: 89px;top: -20px;}
}
@media screen and (max-width: 375px) {
.intro-point li {font-size: 16px;}
.intro-point li:first-child span {font-size: 14px;}
.intro-point li:nth-child(2) span:nth-of-type(1){font-size: 14px;}
.intro-point li {padding: 5px 10px 5px 30px;}
.intro-point li::before {width: 18px;height: 22px;}
.note-ttl {font-size: 17px;}
.intro-note::after {width: 53px;height: 79px;}
}
/*===============================================
 *	cvエリア
===============================================*/
.cv-wrap{background: #f5f5f5;max-width: 1120px;width: 100%;margin: 80px auto;border-radius: 6px;}
.cv-hd_ttl{background: var(--site-primary);border-radius: 6px 6px 0 0;color: #fff;font-size: 40px;font-weight: bold;padding: 15px 1em;position: relative;}
.cv-hd_ttl::after{content: "";display: block;background: url("../img/common/cv-icon_badge_pc.png") no-repeat;background-size: contain;position: absolute;right: 40px;top: -16px;width: 130px;height: 123px;}
.cv-contents{padding: 40px;}
.cv-txt_box{position: relative;}
.cv-txt_box::after{display: block;content: "";background: url("../img/common/cv-staff.png")right no-repeat;background-size: contain;width: 173px;height: 211px;position:absolute;right: 10px;top: -60px;z-index: 0;}
.cv-bnr_campaign{position: relative;z-index: 5;}
.cv-point{margin: 0 0 20px 0;max-width: 370px;}
.cv-point li{border: var(--site-primary) 2px solid;border-radius: 6px;background: #fff;   color: var(--site-primary);font-size: 20px;font-weight: bold;padding: 5px 10px 5px 45px;position: relative;}
.cv-point li::before{content: "";display: block;background: url("../img/common/cv-icon_crown.png") left no-repeat;background-size: contain;width: 33px;height: 26px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);} 
.cv-point li:first-child {margin: 0 0 10px 0;}
.cv-point li:first-child span{font-size: 18px;}
.cv-point li:nth-child(2) span:nth-of-type(1){font-size: 18px;}
.cv-point li:nth-child(2) span:nth-of-type(2){font-size: 16px;}
@media screen and (max-width: 1024px) {
.cv-wrap {width: 92%;margin: 80px 4%;}
.cv-hd_ttl {font-size: 36px;}
.cv-contents {padding: 40px 30px;}
.cv-txt_box {width: 54%;}
.cv-txt_box::after {width: 143px;height: 172px;}
.cv-point{align-items: flex-start;margin: 0 0 10px 0;}
.cv-point li {font-size: 20px;}
.cv-point li:first-child {margin: 0 0 10px 0;}
.cv-point li:first-child span {font-size: 16px;}
.cv-point li:nth-child(2) span:nth-of-type(1) {font-size: 14px;}
.cv-point li:nth-child(2) span:nth-of-type(2) {font-size: 11px;}
}
@media screen and (max-width: 960px) {
.cv-wrap {width: 100%;margin: 0;}
.cv-contents {padding: 40px 30px 70px;}
.cv-hd_ttl {border-radius: 0;font-size: 30px;}
.cv-txt_box {width: 50%;}
.cv-txt_box::after {display: none;}
.cv-point{max-width: initial;}
.cv-point li {font-size: 19px;width: 100%;}
.cv-point li:first-child {margin: 0 0 10px 0;}
}
@media screen and (max-width: 568px) {
.cv-hd_ttl::after{background: url("../img/common/cv-icon_badge_sp.png") no-repeat;background-size: contain;position: absolute;right: 20px;top: -8px;width: 95px;height: 77px;}
.cv-hd_ttl {font-size: 25px;line-height: 1.4;}
.cv-contents {display: block;padding: 5% 5% 15%;}
.cv-txt_box {margin: 0 0 20px 0;width: 100%;}
.cv-txt_box::after {display: block;width: 85px;height: 106px;right: 0;top: -15px;}
.cv-point li {font-size: 17px;padding: 5px 10px 5px 35px;line-height: 1.2;width: auto;}
.cv-point li::before {left: 5px;width: 21px;height: 25px;}
}
@media screen and (max-width: 390px) {
.cv-hd_ttl {font-size: 23px;}
.cv-point li {font-size: 17px;}
.cv-point li:first-child span {font-size: 14px;}
.cv-point li {padding: 5px 10px 5px 30px;}
.cv-point li::before {width: 18px;height: 22px;}
.cv-txt_box::after {width: 80px;height: 98px;top: -8px;}
}
@media screen and (max-width: 375px) {
.cv-hd_ttl {font-size: 21px;}
.cv-point li {font-size: 16px;}
}
/*-----------------------------------------------
 *	cv-btn
-----------------------------------------------*/
.cv-btn_box{width: 47%;}
.cv-btn_box > li:nth-child(2){margin: 40px 0;}
.cv-phonebox a{width: 100%;}
.cv-phonebox img {display: none;}
.cv-phonebox .phone-num{background: url("../img/common/cv-icon_freedial.png") left no-repeat;background-size: 80px;border-bottom: 1px #ccc solid;font-size: 56px;font-weight: bold;line-height: 1;padding: 0 0 5px 1.75em;margin: 0 0 5px 0;}
.cv-phonebox .phone-txt li{font-size: 20px;font-weight: bold;letter-spacing: 2px;}
.cv-phonebox .phone-txt li:nth-child(n+2){background: #fff2f2;border: #ecacb3 2px solid;border-radius: 6px;color: #333;padding: 2px 4px;}
.cv-contactbox{background: #dd7d43;box-shadow: 0 5px 0 #8d4214;}
.cv-linebox{background: #06c755;box-shadow: 0 5px 0 #0f7d3c;}
.cv-contactbox ,.cv-linebox {border-radius: 6px;position: relative;width: 100%;}
.cv-contactbox a,.cv-linebox a{color: #fff;display: block;padding: 1.75rem 0 1.25rem 4.5rem;}
.cv-balloon{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);font-size: 18px;font-weight: bold;border-radius: 4px;background: #fff;letter-spacing: 0;padding: .1rem .5em;position: absolute;top: -1rem;left: 50%;transform: translateX(-50%);text-align: center;display: inline-block;word-break: keep-all;}
.cv-balloon span{font-size: 20px;}
.cv-txt{font-size: 25px;font-weight: bold;position: relative;}
.cv-contactbox .cv-txt::before,
.cv-linebox .cv-txt::before{content: "";display: block;position: absolute;left: -10%;top: 50%;transform: translateY(-50%);}
.cv-contactbox .cv-txt::before{background: url("../img/common/icon-mail.png") no-repeat;background-size: contain;width: 36px;height: 26px;}
.cv-linebox .cv-txt::before{background: url("../img/common/icon-line.png") no-repeat #06c755;background-size: contain;width: 40px;height: 40px;}
.cv-contactbox .cv-balloon {color: #e56600;border: 2px solid #e56600;}
.cv-linebox .cv-balloon {color: #32b16c;border: 2px solid #32b16c;}
.cv-contactbox:hover,.cv-linebox:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
@media only screen and (max-width: 1024px) {
.cv-btn_box {width: 42%;}
.cv-phonebox .phone-num {background-size: 62px;font-size: 42px;}
.cv-phonebox .phone-txt li {font-size: 15px;}
.cv-contactbox a, .cv-linebox a {padding: 1.75rem 0 1.25rem 3.5rem;}
.cv-txt {font-size: 19px;}
.cv-contactbox .cv-txt::before {width: 28px;height: 20px;}
.cv-linebox .cv-txt::before {width: 30px;height: 30px;}
}
@media screen and (max-width: 960px) {
.cv-btn_box {width: 46%;}
.cv-btn_box > li:nth-child(2) {margin: 30px 0;}
.cv-phonebox .phone-num {background-size: 56px;font-size: 39px;}
.cv-phonebox .phone-txt li {font-size: 15px;letter-spacing: 1px;}
.cv-balloon {font-size: 15px;}
.cv-balloon span {font-size: 17px;}
.cv-txt {font-size: 17px;}
.cv-contactbox a, .cv-linebox a {padding: 1.75rem 0 1.25rem 3rem;}
.cv-contactbox .cv-txt::before,
.cv-linebox .cv-txt::before  {left: -12%;}
}
@media screen and (max-width: 768px) {
.cv-phonebox .phone-num {font-size: 37px;}
}
@media screen and (max-width: 568px) {
.cv-btn_box {width: 100%;}
.cv-phonebox img{display:block;margin: 0 5px 0 0;width: 17vw;}
.cv-phonebox{border:#d7d7d7 2px solid;background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e1e2 50%,#d5d0d1 100%);border-radius: 6px;box-shadow: 0 5px 0 #4b4a49;}
.cv-phonebox .phone-num {background-size: 40px;font-size: clamp(29px, 7.75vw, 35px);padding: 0 0 5px 1.5em;}
.cv-phonebox a{padding: 10px;}
.cv-phonebox .phone-txt li {font-size: 12px;letter-spacing: 0;}
.cv-phonebox .phone-txt ul{width: 100%;}
.cv-phonebox .phone-txt li:nth-child(n+2) {border: #ECACB3 1px solid;padding: 1% 2%;}
.cv-contactbox a, .cv-linebox a {padding: 1.75rem 0 1.25rem 3rem;}
.cv-txt {font-size: 19px;letter-spacing: 0;}
.cv-contactbox .cv-txt::before,
.cv-linebox .cv-txt::before {left: -11%;}
}
@media screen and (max-width: 390px) {
.cv-phonebox .phone-txt li:nth-child(n+2) {font-size: 11px;padding: 1%;word-break: keep-all;}
}
@media screen and (max-width: 375px) {
.cv-phonebox .phone-num {background-size: 35px;padding: 0 0 5px 1.25em;}
.cv-txt {font-size: 18px;}
}

/* CTA改修 20251215 */
.cv-wrap_02 {max-width: 1120px; width: 100%; margin: 80px auto;}
.cv-wrap_02 .cv_ttl_area {background: var(--site-primary); padding: 1.25% 0; border-radius: 6px 6px 0 0;}
.cv-wrap_02 .cv_ttl {font-size: clamp(22px, 3.5vw, 44px); font-weight: bold; color: #fff;}
.cv-wrap_02 .cv_ttl span {border: 2px solid #fff; border-radius: 5px; font-size: 0.56em; padding: 0.25em 0.75em; margin-right: 0.75em; position: relative; top: -5px;}
.cv-wrap_02 .cv_content_area {padding: 2.7% 3.5% 3.8%; background: #f5f5f5; border-radius: 0 0 6px 6px;}
.cv-wrap_02 .cv-phonebox {width: 57%; margin: 1.75% 0 3%;}
.cv-wrap_02 .cv-phonebox .phone-num {font-size: clamp(28px, 6.0vw, 70px); font-family: 'Roboto'; font-weight: 900; padding: 0 0 0.1em 1.5em; width: 100%;background-size: 88px;}
.cv-wrap_02 .cv-phonebox .phone-txt {width: 100%;margin-top: 1%;}
.cv-wrap_02 .cv-phonebox .phone-txt li {font-size: clamp(12px, 2.2vw, 25px);}
.cv-wrap_02 .cv-phonebox .phone-txt li:nth-child(n+2) {padding: 0.1em 0.5em; border-radius: 3px;}
.cv-wrap_02 .cv_btns {gap: 0 3%; position: relative;}
.cv-wrap_02 .cv_btns::before {content: '';background: url(../img/common/cv-staff.png) no-repeat bottom; background-size: contain; width: 18%; height: 290px; position: absolute; top: -287px; right: 8%; }
.cv-wrap_02 .cv_btns a {padding: 1.25em 0;}
.cv-wrap_02 .cv_btns .cv-txt {gap: 0 0.5em;}
.cv-wrap_02 .cv-contactbox .cv-txt::before, .cv-wrap_02 .cv-linebox .cv-txt::before {position: relative; transform: none; left: initial; top: initial;}
.cv-wrap_02 .google_box {background: url(../img/common/google_medal.png) no-repeat;background-size: contain; width: 13.75%; height: 144px; position: relative; z-index: 5; margin: 2% 0 0 6.2%;}
.cv-wrap_02 .google_box .txt {font-size: clamp(12px, 1.85vw, 22px);font-weight: bold;padding-top: 2.5em;line-height: 1.25;text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));}
.cv-wrap_02 .google_box .txt span {color: #f44233;font-size: 1.217em;}
@media screen and (max-width: 1024px) {
  .cv-wrap_02 {width: 92%;}
  .cv-wrap_02 .cv-phonebox {width: 62.5%;}
  .cv-wrap_02 .cv_btns::before {right: 5%;}
}
@media screen and (max-width: 960px) {
  .cv-wrap_02 {margin: 5% auto;}
  .cv-wrap_02 .cv_ttl_area {padding: 2.25% 0;}
  .cv-wrap_02 .cv-phonebox {margin: 3.75% 0 0;}
  .cv-wrap_02 .cv-phonebox .phone-num {background-size: 16%;}
  .cv-wrap_02 .google_box {width: 14.75%;}
}
@media screen and (max-width: 568px) {
  .cv-wrap_02 {width: 100%; margin: 0;}
  .cv-wrap_02 .cv_ttl_area {border-radius: 0; padding: 5.5% 5.0vw 4%; position: relative;}
  .cv-wrap_02 .cv_ttl_area::after {content: '';background: url(../img/common/cv-staff.png) no-repeat bottom right; background-size: contain; width: 31vw; height: 38vw; position: absolute; right: 2%; bottom: 0;}
  .cv-wrap_02 .cv_ttl_area .google_box {position: absolute; right: 12%; bottom: 1.5%; width: 21.5vw; height: 21.5vw;}
  .cv-wrap_02 .cv_ttl_area .google_box .txt {font-size: 3.1vw; padding-top: 2.75em; text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px; filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.3));}
  .cv-wrap_02 .cv_ttl {text-align: left; font-size: 5.86vw;}
  .cv-wrap_02 .cv_ttl span {font-size: 0.68em; display: inline-block;}
  .cv-wrap_02 .cv_content_area {border-radius: 0; padding: 4% 5.3vw 10%;}
  .cv-wrap_02 .cv_ttl span.pc {display: none;}
  .cv-wrap_02 .cv_content_area .google_box {display: none;}
  .cv-wrap_02 .cv_btns::before {content: none;}
  .cv-wrap_02 .cv-phonebox a {display: grid; grid-template-columns: 19% 80%; grid-template-rows: auto auto; padding: 2.5% 3%; column-gap: 1%;}
  .cv-wrap_02 .cv-phonebox img {grid-column: 1;grid-row: 1 / -1; width: 100%;}
  .cv-wrap_02 .cv-phonebox .phone-num {grid-column: 2;grid-row: 1; font-size: 7.7vw; margin-bottom: 2px;}
  .cv-wrap_02 .cv-phonebox .phone-txt {grid-column: 2;grid-row: 2;}
  .cv-wrap_02 .cv-phonebox .phone-txt li {font-size: 3.1vw;}
  .cv-wrap_02 .cv-phonebox {width: 100%; margin-top: 4%;}
  .cv-wrap_02 .cv_btns {flex-direction: column;margin-top: 15px; gap: 15px 0;}
}

/*===============================================
 *	こんなお悩み
===============================================*/
.worries-line_ttl{font-size: 56px;font-weight: bold;margin: 0 0 40px 0;}
.worries-line_ttl span {background:linear-gradient(transparent 75%, #f1de05 0%);}
.txt-basecolor{color: var(--site-basecolor);}
.line-side_y {color: #333;display: flex;justify-content: center;align-items: center;font-size: 37px;text-align: center;line-height: 1.2;}
.line-side_y::before,
.line-side_y::after {content: '';width: 3px;height: 40px;background-color: var(--site-basecolor);}
.line-side_y::before {margin-right: 10px;transform: rotate(-25deg);}
.line-side_y::after {margin-left: 10px;transform: rotate(25deg);}
.chara-list{align-items: flex-start;}
.chara-list li{width: 48%;margin: 0 0 30px 0;display: flex;position: relative;align-items: center;}
.chara-list li:nth-child(even){display: flex;flex-direction: row-reverse;}
.chara-list li img{width: 120px;}
.chara-list li:nth-child(odd) img{margin: 0 25px 0 0;}
.chara-list li:nth-child(even) img{margin: 0 0 0 25px;}
.chara-list li p {color: #fff;position: relative;background: #4097c7;border-radius: 6px;width:75%;font-size: clamp(16px, 1.8vw, 22px);font-weight: bold;padding:3%;line-height: 1.4;}
.chara-list li p span {color: var(--site-keycolor);}
.chara-list li:nth-child(odd) p::before,
.chara-list li:nth-child(even) p::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);border: 15px solid transparent;}
.chara-list li:nth-child(odd) p::before{left: -30px;border-right: 15px solid #4097c7;}
.chara-list li:nth-child(even) p::before{left: 100%;border-left: 15px solid #4097c7;}
@media only screen and (max-width: 1024px) {
.worries-line_ttl{font-size: 50px;}
.line-side_y {font-size: 37px;}
.chara-list li img {width: 25%;}
}
@media only screen and (max-width: 960px) {
.worries-line_ttl{font-size: 40px;}
.line-side_y {font-size: 30px;}
}
@media screen and (max-width: 568px) {
.worries-line_ttl{font-size: 1.647em;}
.line-side_y {font-size: 22px;line-height: 1.4;}
.chara-list li {margin: 0 0 20px 0;width: 100%;}
}
@media screen and (max-width: 375px) {
.line-side_y {font-size: 20px;}
}
/*===============================================
 *	お任せください
===============================================*/
#problem.primary-frame{padding: 40px;}
@media only screen and (max-width: 1024px) {
#problem.primary-frame{padding: 4%;}
}
/*=============================================== *
	他社比較
===============================================*/
.box-heading_wrap{max-width: 1120px;margin: 0 auto 100px;width: 100%;}
.compare-contents{background: #eaf7f6;padding: 40px;border-radius: 6px;}
.compare-tbl {width: 100%;table-layout: fixed;margin: 0 0 40px 0;}
.compare-tbl .none {background: rgba(255, 255, 255, 0);width: 240px;}
.compare-tbl .color {color: var(--site-primary);font-weight: bold;}
.compare-tbl .color img {max-width: 230px;margin: 0 auto;}
.compare-tbl .color span {display: none;}
.compare-tbl span.tbl-tax {display: inline-block;font-size: 16px;}
.compare-tbl .on {border: 4px solid var(--site-secondary);}
.compare-tbl th, .compare-tbl td {text-align: center;background: #fff;}
.compare-tbl thead {font-size: 20px;color: #fff;}
.compare-tbl thead th.color {font-size: 25px;background: #c2eae6;color: var(--site-primary);padding: 25px 0;}
.compare-tbl thead th.gray {vertical-align: bottom;background: rgba(255, 255, 255, 0);}
.compare-tbl thead th.gray div {background: #9e9e9e;padding: 17px 0;display: flex;align-items: center;justify-content: center;font-weight: bold;border-right: 1px solid #ccc;}
.compare-tbl tbody th {font-size: 20px;background: #b6dedb;font-weight: bold;border: 1px solid #ccc;}
.compare-tbl tbody td {font-size: 17px;padding: 18px 0 20px;border: 1px solid #ccc;line-height: 1.45;}
.compare-tbl tbody td.color {font-size: 20px;}
@media only screen and (max-width: 1024px) {
.box-heading_wrap{width: 92%;}
.compare-tbl .none {width: 200px;}
.compare-tbl thead th.color {font-size: 23px;}
}
@media only screen and (max-width: 960px) {
.compare-tbl .none {width: 150px;}
.compare-tbl thead th.color {font-size: 20px;}
.compare-tbl tbody td.color {font-size: 18px;}
.compare-tbl thead th.color span::before, .compare-tbl thead th.color span::after {width: 15px;height: 17px;}
.compare-tbl thead th.color span::before {left: -20px;}
.compare-tbl thead th.color span::after {right: -20px;}
.compare-tbl tbody th {font-size: 18px;}
.compare-tbl span.tbl-tax {font-size: 14px;}
}
@media only screen and (max-width: 568px) {
.box-heading_wrap {width: 100%;margin: 0;}
.compare-contents {padding: 8% 4% 15%;border-radius: 0;}
.compare-tbl {margin: 0 0 20px 0;}
.compare-tbl .on {border-width: 2px;}
.compare-tbl .color img {max-width: 75px;}
.compare-tbl .none {width: 24.7%;}
.compare-tbl thead th.color {font-size: 17px;line-height: 1.35;padding: 6px 0;}
.compare-tbl thead th.color span::before, .compare-tbl thead th.color span::after {content: none;}
.compare-tbl thead th.gray {font-size: 16px;}
.compare-tbl tbody th{font-size: 13px;line-height: 1.4;}
.compare-tbl tbody td {font-size: 12px;line-height: 1.4;padding: 0 !important;height: 54px;}
.compare-tbl tbody td.color {font-size: 13px;}
}
/*===============================================
 *	豊富なサービス
===============================================*/
.bg-white{background: #fff;padding: 2.5% 0;}
.vertical-contents{width: 48%;}
.vertical-contents img{margin: 0 0 20px 0;}
.vertical-contents dt{font-size: 26px;font-weight: bold;line-height: 1.4;margin: 0 0 3% 0; position: relative;}
.abundant-detail{padding: 0 4%;margin: 0 0 4% 0;}
@media only screen and (max-width: 1024px) {
.bg-white {padding: 4% 0;}
.vertical-contents dt {font-size: 24px;}
}
@media only screen and (max-width: 960px) {
.vertical-contents dt {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
.bg-white {padding: 4% 0;width: 92%;}
.abundant-detail{padding: 0 4%;margin: 0 0 30px 0;}
.vertical-contents {width: 100%;}
.vertical-contents:first-child {margin: 0 0 30px 0;}
}
.top-point_wrap{background: #f6f2e8;border-radius: 6px;margin: 0 4%;padding: 30px 40px 40px;position: relative;}
.top-point_caption{background: var(--site-primary);border-radius: 100vh;padding: 5px 1em;color: var(--site-keycolor);font-size: clamp(18px, 1.8vw, 20px);font-weight: bold;position: absolute;left: 20px;top: -20px;}
.top-point_head{font-size: 34px;font-weight: bold;line-height: 1.8;margin: 0 0 3% 0;position: relative;}
.top-point_head span{position: relative;}
.top-point_head span::before{content: "";background: url("../img/common/icon-medal.png") no-repeat;background-size: contain;width: 50px;height: 57px;position: absolute;left: -60px;top: 0;}
.top-point_contents{width: 50%;}
.top-point_contents li{font-size: 20px;font-weight: bold;padding: 0 0 0 1.75em;position: relative;}
.top-point_contents li::before{content: "";display: block;background: url("../img/common/icon-chk.png") no-repeat;background-size: contain;width: 30px;height: 24px;position: absolute;left: 0;top: 5px;}
.top-point_contents li:first-child{margin: 0 0 4% 0;}
.top-point_box{position: relative;}
.top-point_box >p {font-size: 14px;position: absolute;bottom: 10px;right: 0;}
.top-point_ttl{font-size: clamp(22px, 2vw, 30px);font-weight: bold;border-bottom: 2px solid #ddd;margin: 0 0 30px 0;padding: 0 0 5px 0;position: relative;}
.top-point_ttl em{background: var(--site-primary);color: #fff;margin-right: 5px;}
.top-point_ttl::after {content: "";position: absolute;bottom: -2px;left: 0;width: 80px;height: 2px;background: var(--site-primary);}
img.point-bg{max-width: 417px;}
@media only screen and (max-width: 1024px) {
.top-point_contents li{font-size: 18px;}
.top-point_ttl {margin: 0 0 15px 0;}
.top-point_box >p {position: relative;text-align: right;}
img.point-bg {max-width: initial;width: 46%;}
}
@media only screen and (max-width: 960px) {
.top-point_head {font-size: 25px;}
.top-point_head span::before {width: 40px;height: 47px;left: -50px;}
.top-point_contents li {font-size: 17px;}
.top-point_contents li::before {width: 25px;height: 19px;}
}
@media only screen and (max-width: 568px) {
.top-point_wrap {padding: 6%;}
.top-point_head {font-size: 23px;line-height: 1.5;margin: 0 0 20px 0;}
.top-point_head span::before {width: 30px;height: 37px;left: -35px;}
.top-point_ttl {line-height: 1.6;}
.top-point_contents {margin: 0 0 20px 0;width: 100%;}
img.point-bg {width: 100%;}
}
/*-----------------------------------------------
 *	リンク-サービス一覧
-----------------------------------------------*/
.link-service_list.col_3 li{width: 32%;}
.link-service_list.col_3 li img{max-width: 132px;}
.link-service_list.col_4 li{width: 24%;}
.link-service_list.col_4 li img{max-width: 100px;}
.secondary-ttl_no_side{border-radius: 6px;color: #fff;font-size: 32px;font-weight: bold;margin: 0 0 30px 0;padding: 15px 0;}
.link-service_list {width: 92%;margin: 0 auto 5%;}
.link-service_list li{line-height: 1.2;margin: 0 0 20px 0;}
.link-service_list li a > p{font-weight: bold;}
.link-service_list li a.txt-house{font-size: clamp(14px, 1.8vw, 17px);}
.link-service_list li a{background: var(--site-secondary);box-shadow: 0 5px #167f76;border-radius: 6px;color: #fff;display: flex;align-items: center;font-size: clamp(15px, 1.8vw, 20px);position: relative;}
.link-service_list li a::after {border: 2px solid #00998c;border-left: 0;border-bottom: 0;right: 2%;}
.link-service_list li a:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.link-service_list li img{border-radius: 6px 0 0 6px;margin: 0 .5em 0 0;}
.basic-service_list li{background: var(--site-secondary);color: #fff;display: flex;align-items: center;font-size: clamp(15px, 1.8vw, 20px);position: relative;width: 32%;}
.basic-service_list li:nth-child(-n+3){margin: 0 0 20px;}
.basic-service_list li p{letter-spacing: 0;}
.basic-service_list li img{max-width: 132px;margin: 0 .5em 0 0;}
@media only screen and (max-width: 1024px) {
.link-service_list.col_3 li img {max-width: 107px;}
.link-service_list.col_4 li img {max-width: 75px;}
.basic-service_list li img {max-width: 102px;}
}
@media only screen and (max-width: 960px) {
.link-service_list {margin: 0 30px 5%;}
.link-service_list.col_3 li img {max-width: 90px;}
.link-service_list.col_4 li{width: 32%;}
.basic-service_list li:nth-child(-n+3){margin: 0 0 10px;}
.basic-service_list li img {max-width: 82px;}
}
@media only screen and (max-width: 568px) {
.link-service_list {margin: 0 0 12%;width: 100%;}
.secondary-ttl_no_side{font-size: 24px;margin: 0;border-radius: 0;}
.link-service_list li {margin: 0;}
.link-service_list li a{border-radius: 0;border-bottom: #167f76 1px solid;box-shadow: none;}
.link-service_list li a:hover {transform:none;box-shadow: none;}
.link-service_list.col_3 li img {max-width: 98px;}
.link-service_list.col_3 li,.link-service_list.col_4 li{width: 50%;}
.link-service_list.col_3 li img,.col_4 li img{border-radius: 0;}
.basic-service_list li img {max-width: 78px;}
.basic-service_list li{width: 50%;}
.basic-service_list li:nth-child(-n+3){margin: 0;}
.basic-service_list li:nth-child(-n+4){border-bottom: #cfcfcf 1px solid;}
}
@media only screen and (max-width: 375px) {
.basic-service_list li img {max-width: 70px;}
}
/*===============================================
 *	料金体系
===============================================*/
#floor-plan.secondary-frame{padding: 40px;border-radius: 6px;}
#floor-plan .nm-sub_ttl{border-radius: 6px;margin: 0 0 30px;}
@media only screen and (max-width: 1024px) {
#floor-plan.secondary-frame{padding: 4%;}
}
@media only screen and (max-width: 568px) {
#floor-plan.secondary-frame{padding: 0;border-radius: 0;}
#floor-plan .nm-sub_ttl{border-radius: 0;margin: 0;}
#floor-plan .nm-sub_ttl:last-child{font-size: 26px;}
}
/*-----------------------------------------------
 *	コンテンツ
-----------------------------------------------*/
.price-wrap{margin: 0 auto 60px;}
.band-detail_list{max-width: 1120px;margin: 0 auto 30px;width: 100%;}
.band-detail_list.col_3{column-gap:35px;row-gap:35px;}
.band-detail_list.col_3 li{width: calc(92% / 3);}
.band-detail_list{max-width: 1120px;margin: 0 auto 3%;width: 100%;}
.band-detail_list.col_3 li dt{font-size: 20px;}
.band-detail_list li:last-child{margin: 0;}
.band-detail_list li img{border-radius: 6px;}
.band-detail_list li dt{background: var(--site-basecolor);color: #fff;font-size: 22px;font-weight: bold;width: 90%;line-height: 1.4;margin: -20px auto 20px;text-align: center;padding: 10px 0;position: relative;z-index: 10;}
.band-detail_list li dt.pd-height{padding: 25px 0;}
.need-contents{margin: 0 auto 40px;}
.need-ttl {font-size: 34px;font-weight: bold;align-items: center;display: flex;}
.need-ttl::before,
.need-ttl::after {background: #00867a;content: "";flex-grow: 1;height: 5px;}
.need-ttl::before {margin-right: 20px;}
.need-ttl::after {margin-left: 20px;}
.need-detail{width: 54%;margin: 0 auto;}
.need-detail dt {font-size: 34px;font-weight: bold;color: #fff;text-align: center;width: 15%;padding: 5px 0;background: #dc2338;}
.need-detail dd {background: linear-gradient(transparent 75%, #f1de05 0%);font-size: 50px;font-weight: bold;color: #dc2338;width: 84%;padding: 0 0 0 10px;}
.need-detail dd span:first-child{color: #333;font-size: 38px;margin: 0 5px 0 0;}
.need-detail dd span:last-child{font-size: 38px;}
.std-inner_ttl{border-radius: 6px;color: #fff;font-size: 37px;font-weight: bold;margin: 0 0 30px 0;padding: 10px 0;}
@media only screen and (max-width: 1024px) {
.band-detail_list {margin: 0 auto 20px;max-width: initial;width: 92%;}
.need-detail {width: 64%;}
}
@media only screen and (max-width: 960px) {
.std-inner_ttl {font-size: 28px;}
.band-detail_list {width: 92%;}
.band-detail_list.col_3{column-gap:25px;row-gap:25px;}
.band-detail_list.col_3 li dt{font-size: 17px;}
.band-detail_list li dt.pd-height {padding: 20px 0;}
.need-ttl {font-size: 28px;}
.need-detail {width: 72%;}
.need-detail dt {font-size: 30px;}
.need-detail dd {padding: 0 0 0 10px;}
.need-detail dd span:last-child {font-size: 30px;}
}
@media only screen and (max-width: 568px) {
.price-wrap{margin: 0 auto 40px;}
.band-detail_list {width: 100%;}
.band-detail_list.col_3 li{width: 100%;margin: 0 0 20px;}
.band-detail_list.col_3 li dt{font-size: 18px;width: 64%;}
.std-inner_ttl{border-radius: 0;font-size: 24px;margin: 0 0 20px}
.need-ttl {font-size: 24px;}
.need-contents {margin: 0 auto 30px;}
.need-detail {width: 100%;}
.need-detail dt {font-size: 24px;width: 18%;}
.need-detail dd {font-size: 36px;width: 79%;}
.need-detail dd span:first-child {font-size: 26px;}
.need-detail dd span:last-child {font-size: 18px;}
}
@media only screen and (max-width: 393px) {
.need-detail dd {font-size: 32px;}
.need-detail dd span:first-child {font-size: 22px;}
.need-detail dd span:last-child {font-size: 16px;}
}
/*-----------------------------------------------
 *	table
-----------------------------------------------*/
.std-tbl {width: 100%;}
.std-tbl th {border: solid 1px #ccc;color: #fff;padding: 10px;text-align: center;}
.std-tbl td {border: solid 1px #ccc;padding: 10px;text-align: center;}
.price-tbl{margin: 0 0 40px;}
.price-tbl th{font-size: 24px;font-weight: bold;}
.price-tbl th:nth-child(1){background: #aaa69b;}
.price-tbl th:nth-child(2){background: var(--site-basecolor);}
.price-tbl th:nth-child(2) span,
.price-tbl th:nth-child(3) span{font-size: 20px;}
.price-tbl th:nth-child(3){background: #dc2338;}
.price-tbl td{font-size: 20px;font-weight: bold;text-align: center;}
.price-tbl td:nth-child(3){color: #dc2338;font-size: 24px;}
.price-tbl td:nth-child(3) span{font-size: 20px;}
@media only screen and (max-width: 960px) {
.price-tbl th {font-size: 20px;}
.price-tbl th:nth-child(2) span,
.price-tbl th:nth-child(3) span {font-size: 17px;}
}
@media only screen and (max-width: 568px) {
.price-tbl {margin: 4% auto 8%;width: 92%;}
.price-tbl th {font-size: 16px;}
.price-tbl th:nth-child(2) span,
.price-tbl th:nth-child(3) span {display: block;font-size: 14px;}
.price-tbl td {font-size: 17px;}
.price-tbl td:nth-child(3) {font-size: 20px;}
}
/*-----------------------------------------------
 *	下記サービス
-----------------------------------------------*/
.secondary-frame .link-service_list{margin: 0;width: 100%;}
/*===============================================
 *	買取可能な品目
===============================================*/
.box-ttl{color: #fff;font-size: 37px;font-weight: bold;padding: 15px 0;border-radius: 6px 6px 0 0;}
.purchase-point_list{max-width: 1120px;margin: 0 auto 40px;width: 100%;}
.purchase-point_list li{width: calc(92% / 4);}
.purchase-sub_ttl{background: var(--site-basecolor);color: #fff;font-size: 20px;font-weight: bold;width: 90%;line-height: 1.4;margin: -20px auto 20px;text-align: center;padding: 10px 0;position: relative;z-index: 10;}
.purchase-point_list li:last-child{margin: 0;}
.purchase-point_list li img{border-radius: 6px;}
.top-purchase_contents{margin-bottom: 60px;}
.top-purchase_item {border-radius: 0 0 6px 6px;padding: 4% 4% 0;}
.top-purchase_item li{width: 17.858%;margin: 0 0 4%;}
.top-purchase_item li dt{color: #fff;font-size: 20px;font-weight: bold;background: var(--site-basecolor);padding: 10px 0;border-radius: 0 0 6px 6px;text-align: center;margin: 0 0 10px;}
.top-purchase_examples{border-radius: 0 0 6px 6px;padding: 4% 4% 0;}
.top-purchase_examples li{background: #fff5dd;border-radius: 0 0 6px 6px;margin: 0 0 4%;width: 31.057%;display: flex;flex-direction: column;}
.top-purchase_examples li img{border-radius: 6px 6px 0 0;margin: 0 0 10px;}
.top-purchase_examples li > p{font-size: 20px;font-weight: bold;text-align: center;margin: 0 auto 10px;overflow-wrap: break-word;width: 90%;flex-grow: 1;}
.top-purchase_examples li dl {display: flex;flex-wrap: wrap;align-items: center;padding: 0 5% 5%;}
.top-purchase_examples li dt {color: #fff;font-size: 18px;font-weight: bold;width: 38%;padding: 7px 0;background: #dc2338;text-align: center;}
.top-purchase_examples li dd {color: #dc2338;font-size: 28px;font-weight: bold;width: 62%;padding: 5px 0 5px 10px;}
.top-purchase_examples li dd span{font-size: 17px;}
@media only screen and (max-width: 1024px) {
.purchase-point_list {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 960px) {
.box-ttl {font-size: 32px;}
.purchase-point_list li {width: calc(90% / 4);}
.purchase-sub_ttl{font-size: 17px;}
.top-purchase_contents{margin-bottom: 40px;}
.top-purchase_item li {width: 19%;}
.top-purchase_item li dt {font-size: 16px;}
.top-purchase_examples li > p {font-size: 16px;}
.top-purchase_examples li dt {font-size: 16px;}
.top-purchase_examples li dd {font-size: 23px;}
}
@media only screen and (max-width: 568px) {
.box-ttl {font-size: 24px;}
.purchase-point_list {width: 100%;}
.purchase-point_list li{width: 100%;margin: 0 0 20px;position: relative;}
.purchase-point_list li img{border-radius: 6px;margin: 0 0 10px;width: 50%;}
.purchase-sub_ttl{font-size: 20px;width: 55%;position: absolute;top: 40px;right: 0;}
.top-purchase_item,
.top-purchase_examples{padding: 4%;width: 100%;}
.top-purchase_item li {width: 48%;}
.top-purchase_examples li{width: 100%;}
.top-purchase_examples li:nth-child(3){display: none;}
.top-purchase_examples li dd {font-size: 28px;}
}
/*===============================================
 *	作業事例
===============================================*/
#top-case {margin: 0 0 30px;}
#top-case .caption-fld_pad{padding: 80px 0 0;}
.case-box{background: #fff;padding: 40px;}
.case-box dt {font-weight: bold;text-align: center;}
.case-box dd {font-weight: bold;text-align: center;}
.case-box .case-ttl {background: var(--site-secondary);border-radius: 6px;font-size: 32px;font-weight: bold;line-height: 1.4;color: #fff;padding: .5em 1.25em .5em 3.5em;position: relative;margin: 0 0 1.5em;}
.case-box .case-ttl::before {content: "";display: inline-block;width: 114px;height: 114px;position: absolute;left: -20px;top: 50%;transform: translateY(-50%);}
.case-box.case01 .case-ttl::before {background: url("../img/top/case-icon01.png") no-repeat center;background-size: contain;}
.case-box.case02 .case-ttl::before {background: url("../img/top/case-icon02.png") no-repeat center;background-size: contain;}
.case-box.case02 .calc_cost p.purchase_item {right: 42px;}
.case-box.case03 {margin-bottom: 15px;}
.case-box.case03 .case-ttl::before {background: url("../img/top/case-icon03.png") no-repeat center;background-size: contain;}
.case-box .photo {width: 55%;max-width: 560px;}
.case-box .madori-detail {font-size: 18px;margin: 0 0 20px;}
.case-box .madori-detail dt {background: var(--site-secondary);color: #fff;-ms-flex-preferred-size: 135px;flex-basis: 90px;padding: 9px 0 9px;}
.case-box .madori-detail dd {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 9px 0 9px;border: 2px solid var(--site-secondary);border-left: none;}
.case-box .madori-detail dd:nth-of-type(1) {border-right: none;}
.case-box .case_price {width: 42%;max-width: 430px;}
.case-box .calc_cost {position: relative;}
.case-box .calc_cost dl {-ms-flex-preferred-size: 45.4%;flex-basis: 45.4%;}
.case-box .calc_cost dt {font-size: 20px;background: #7a7a7a;color: #fff;padding: 6px 0 9px;}
.case-box .calc_cost dd {font-size: 27px;color: #7a7a7a;border: 2px solid #afafaf;border-top: none;padding: 5px 0 7px 10px;}
.case-box .calc_cost dd .yen {font-size: 15px;}
.case-box .calc_cost dd .tax {font-size: 13px;}
.case-box .calc_cost .purchase_price dt {background: #cf5f64;}
.case-box .calc_cost .purchase_price dd {border: 2px solid #cf5f64;border-top: none;color: #cf5f64;}
.case-box .calc_cost img {width: 25px;height: 6px;bottom: -65px;position: relative;}
.case-box .calc_cost p.purchase_item {font-size: 14px;font-weight: bold;position: absolute;right: 25px;bottom: -30px;}
.case-box .calc_cost::after {content: '';background: url(../img/top/icon_sankaku_down_pink.svg) no-repeat;width: 50px;height: 28px;position: absolute;left: 50%;bottom: -40px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.case-box .total {margin-top: 48px;}
.case-box .total dt {background: #dc2338;color: #fff;font-size: 24px;padding: 3px 0 5px;}
.case-box .total dd {font-size: 40px;color: #dc2338;border: 2px solid #dc2338;border-top: none;padding: 4px 0 6px;}
.case-box .total dd .yen {font-size: 0.7em;}
.case-box .total dd .tax {font-size: 22px;}
.annotation_txt {font-size: 14px;margin-top: 14px;}
.case-box .customer-msg {display: -ms-grid;display: grid;-ms-grid-columns: 130px auto;grid-template-columns: 130px auto;-ms-grid-rows: 130px auto;grid-template-rows: 130px auto;background: #f6f2e8;padding: 32px 40px 16px;margin: 30px 0 30px;border-radius: 6px;}
.case-box .customer-msg .customer_name {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;font-size: 15px;font-weight: bold;margin-top: 5px;}
.case-box .customer-msg .msg_txt {-ms-grid-column: 2;grid-column: 2;grid-row: 1 / -1;padding-left: 30px;margin-top: -3px;}
.case-box .customer-msg img {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;}
.case-box .staff_msg {background: #f5f5f5;padding: 32px 40px 16px;position: relative;border-radius: 6px;}
.case-box .staff_msg .ttl_left_border {font-size: 20px;font-weight: bold;border-left: var(--site-secondary) 6px solid;border-bottom: #afdde7 2px solid;width: 75%;margin-bottom: 18px;padding: 5px 0 5px 10px}
.case-box .staff_msg .msg_txt {width: 75%;}
.case-box .staff_msg img {border-radius: 6px;max-width: 200px;width: 32%;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);}
@media only screen and (max-width: 1024px) {
.case-box .total {margin-top: 40px;}
.case-box .total dt {font-size: 20px;}
.case-box .total dd {font-size: 35px;}
.case-box .calc_cost p.purchase_item {right: 0 !important;}
.case-box .staff_msg .msg_txt {width: 70%;}
.case-box .staff_msg .ttl_left_border {width: 70%;}
}
@media only screen and (max-width: 960px) {
#top-case {margin: 0 0 60px;}
.case-box {padding: 30px;}
.case-box .case-ttl {font-size: 22px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.case-box .case-ttl::before {margin-right: 15px;}
.case-box .case-ttl::before {width: 84px;height: 84px;}
.case-box .madori-detail dt {font-size: 15px;-ms-flex-preferred-size: 30%;flex-basis: 30%;}
.case-box .madori-detail dd {font-size: 15px;}
.case-box .calc_cost dt {font-size: 16px;}
.case-box .calc_cost dd {font-size: 18px;}
.case-box .calc_cost p.purchase_item {font-size: 12px;right: 0;bottom: -25px;}
.case-box .calc_cost img {width: 18px;height: 5px;}
.case-box .calc_cost::after {bottom: -23px;width: 30px;height: 17px;}
.case-box .total {margin-top: 30px;}
.case-box .total dt {font-size: 18px;}
.case-box .total dd {font-size: 28px;}
.case-box .calc_cost dd .tax {display: block;}
.case-box .customer-msg {padding: 20px;margin: 18px 0;}
.case-box .staff_msg {padding: 20px;}
.case-box .staff_msg img {right: 3vw;}
.case-box .staff_msg .msg_txt {width: 64%;}
.case-box .staff_msg .ttl_left_border {margin-bottom: 10px;width: 64%;}
}
@media only screen and (max-width: 568px) {
#top-case{margin: 0 0 50px;}
#top-case .ttl_section_top {margin: -10px 0 20px;}
.case-box {border-radius: 0;padding: 20px;}
.case-box .case-ttl {font-size: 18px;line-height: 1.35;padding: .5em .5em .5em 3em;}
.case-box .case-ttl::before {width: 54px;height: 54px;left: 0;}
.case-box .case-box_content {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.case-box .madori-detail {width: 100%;}
.case-box .madori-detail dt {font-size: 13px;padding: 8px 0 7px;flex-basis: 22%;}
.case-box .madori-detail dd {padding: 4px 0 4px;}
.case-box .case_price {width: 100%;}
.case-box .calc_cost dl {-ms-flex-preferred-size: 43.3%;flex-basis: 43.3%;}
.case-box .calc_cost dt {padding: 5px 0 6px;}
.case-box .calc_cost dd {padding: 10px 0;font-size: 22px;line-height: 20px;}
.case-box .calc_cost img {width: 20px;bottom: -55px;}
.case-box .calc_cost p.purchase_item {font-size: 10px;right: 8px !important;bottom: -23px;}
.case-box .calc_cost::after {width: 50px;height: 29px;bottom: -40px;}
.case-box .total {margin-top: 48px;}
.case-box .total dt {font-size: 20px;padding: 4px 0 5px;}
.case-box .total dd {font-size: 35px;padding: 0 0 4px;}
.case-box .customer-msg {display: block;padding: 22px 22px 20px;margin-top: 20px;}
.case-box .customer-msg img {float: left;width: 85px;margin: 0 15px 8px 0;}
.case-box .customer-msg .customer_name {text-align: left;font-size: 17px;margin: 0 0 10px;}
.case-box .customer-msg .msg_txt {padding: 0;}
.case-box .staff_msg .ttl_left_border {width: 100%;margin-bottom: 20px;}
.case-box .staff_msg img {position: relative;right: initial;top: initial;float: right;width: 47.8%;margin: 0 0 8px 4.4%;transform: none;}
.case-box .staff_msg .msg_txt {width: 100%;margin: -7px 0 0;}
.case-box.case03 {margin-bottom: 10px;}
.annotation_txt {font-size: 12px;}
.case-box .calc_cost dd .yen {font-size: 16px;}
.case-box .calc_cost dd .tax {font-size: 14px;}
}
/*-----------------------------------------------
 *	作業事例 slider
-----------------------------------------------*/
.slider{width: 100%;margin: 0 auto 2%;position: relative;}
.slider .primary-frame {border-radius: 6px;margin: 0;}
.slider-img{height: auto;opacity: .3;transform: scale(.92);transition: opacity .5s, transform .5s;width: 100%;}
.slider .slick-center{opacity: 1;transform: scale(1);max-width: 1120px;}
.slide-arrow{width: 60px;height: 60px;}
.slider button.arrow-common {position: absolute;top: 50%;transform: translateY(-50%);background-size: contain;background-repeat: no-repeat;width: 60px;height: 60px;cursor: pointer;z-index: 5;}
.slider button.arrow-next{background: url(../img/top/slider-next.svg)no-repeat!important;background-size: contain!important;position: absolute;top: 50%;right: 20%;transform: translateY(-50%);z-index: 10;}
.slider button.arrow-prev{background: url(../img/top/slider-prev.svg)no-repeat!important;background-size: contain!important;position: absolute;top: 50%;left: 20%;transform: translateY(-50%);z-index: 10;}
.slider button {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding: 0;border: none;background-color: transparent;}
.slider button:focus {outline: none;}
.case_list_box {margin: 0px 0 20px!important;}
.case-box .calc_cost p.purchase_item{right:0px;font-size: 12px;}
.case-box.case02 .calc_cost p.purchase_item{right:0px;font-size: 12px;}
.case-box .calc_cost dd{padding: 5px 0;text-align:center;font-size: clamp(20px, 1.0vw, 22px);}
.case-box .calc_cost .purchase_price dd{text-align:center;}
@media only screen and (max-width: 1024px) {
.slider .primary-frame {width: 100%;}
.slider button.arrow-next{right: 3%;}
.slider button.arrow-prev{left: 3%;}
}
@media only screen and (max-width: 960px) {
.slider button.arrow-next{right: 2%;}
.slider button.arrow-prev{left: 2%;}
}
@media only screen and (max-width: 568px) {
.slider-img{opacity: .5;transform: scale(.95);}
.slider button.arrow-common{width: 40px;height: 40px;}
.slider button.arrow-next{right: 2%;top:33.5%;}
.slider button.arrow-prev{left: 2%;top:33.5%;}
.case-box .calc_cost::after{width: 40px;height: 29px;bottom: -58px;}
.case-box .total {margin-top: 60px;}
.case_list_box {margin: 20px 0 20px!important;}
.case-box .case_ttl {font-size:16px;padding: 0.6em 3vw 0.6em;}
.case-box .md_inner_space02{padding: 20px 5.3vw;}
.case-box .case_price .ttl_price{font-size: 12px;letter-spacing: 0;}
.case-box .case_price .ttl_price span{margin-right: 10px;}
.case-box .calc_cost dd{font-size: 20px;padding: 5px 0;line-height: 1.2;}
.case-box .calc_cost p.purchase_item {right: 0!important;letter-spacing: 0;font-size: 10px;}
.case-box .total{display: flex;}
.case-box .total dt{width: 20%;line-height: 2;}
.case-box .total dd{font-size: 26px;border-top:2px solid #e2707d;width: 80%;}
.case-box .total dd .tax{font-size: 18px;}
.case-box .calc_cost::after{width: 25px;bottom: -35px;}
.case-box .total {margin-top: 30px;}
.case-box .photo{margin-top: 15px;width: 100%;}
.slider button.arrow-next{top:23%;}
.slider button.arrow-prev{top:23%;}
.case-box .customer_msg{margin-top: 15px;padding: 15px;}
}
/*-----------------------------------------------
 *	作業事例 その他
-----------------------------------------------*/
.case-other_list{margin: 0 auto 60px;}
.case-other_list ul{width: 100%;}
.case-other_list li {background: #f6f2e8;border-radius: 0 0 6px 6px;width: 32%;max-width: 356px;display: flex;flex-direction: column;}
.case-other_list .other-ttl{background: var(--site-secondary);color: #fff;font-size: 22px;font-weight: bold;line-height: 1.5;padding: 15px;}
.top-case_other_inner{padding: 20px 30px 30px;}
.case-other_list .date-time{font-size:16px;font-weight: bold;color:var(--site-secondary);margin-bottom: 5px;}
.case-other_list .date-time time{padding-left: 22px;background: url(../img/common/icon-clock.png) no-repeat left center;background-size: 16px;}
.case-txt-info {font-size: 15px;font-weight: 900;position: relative;display: block;padding: 0.2em 0 0.2em 1.2em;margin: 0 0 10px;}
.case-txt-info::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;display: block;width: 10px;height: 10px;background: var(--site-secondary);}
.madori {font-size: 15px;font-weight: 900;margin: 0 0 10px;}
.madori dt {background: var(--site-secondary);color: #fff;flex-basis: 68px;padding: 9px 0 9px;}
.madori dd {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 9px 0 9px;background: #fff;}
.madori dd:nth-of-type(1) {border-right: none;}
.other-total {margin: 0 0 10px;}
.other-total dt {background: #dc2338;color: #fff;font-size: 15px;font-weight: bold;flex-basis: 48px;border-radius: 6px;padding: 10px 0;margin: 0 10px 0 0; text-align: center;}
.other-total dd {font-size: 28px;font-weight: bold;color: #dc2338;padding: 4px 0 6px;}
.other-total dd .yen {font-size: 15px;}
.other-total dd .tax {font-size: 15px;}
.mag{margin-bottom: 60px;}
.pad{padding: 2%;}
@media only screen and (max-width: 1024px) {
.top-case_other_inner{padding: 20px;}
.case-other_list .other-ttl{font-size: 20px;}
.case-txt-info {font-size: 14px;}
.other-total dd {letter-spacing: 0;}
}
@media only screen and (max-width: 960px) {
.madori dt {font-size: 15px;-ms-flex-preferred-size: 30%;flex-basis: 30%;}
.madori dd {font-size: 15px;}
.case-other_list li{width: 48%;}
.case-other_list li:last-child{display: none;}
}
@media only screen and (max-width: 568px) {
.case-other_ttl{border-radius: 6px;margin: 0 0 20px;}
.case-other_list{margin: 0 auto;}
.case-other_list li{max-width: initial;width: 100%;}
.case-other_list li:first-child{margin: 0 0 30px;}
.madori dl {margin-top: 15px;}
.madori dl dt {font-size: 13px;padding: 8px 0 7px;}
.madori dl dd {padding: 4px 0 4px;}
.other-total dt {font-size: 17px;padding: 10px 0;}
.other-total dd {font-size: 34px;padding: 0 0 4px;letter-spacing: 0.05em;}
.other-total dd .yen,
.other-total dd .tax {font-size: 17px;}
.mag {margin-bottom: 30px;}
.pad{padding: 4%;}
}
/*===============================================
 *	その他ボタン
===============================================*/
.btn-secondary{background: var(--site-secondary);border-radius: 6px;box-shadow: 0 5px 0 #167f76;color: #fff;font-size: clamp(16px, 1.8vw, 17px);font-weight: bold;text-align: center;max-width: 500px;margin: 0 auto 5px;}
.btn-secondary a{color: #fff;display: block;padding: 10px 0;position: relative;}
.btn-secondary a.right-arrow::after{width: 7px;height: 7px;}
.btn-secondary:hover {transform: translate(0, 3px);color: #fff;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
@media only screen and (max-width: 568px) {
.btn-secondary{width: 100%;}
}
/*===============================================
 *	環境に優しい
===============================================*/
.eco-intro_contents{max-width: 1120px;margin: 0 auto 4%;}
#environment-wrap .layer-contents{width: 51%;}
#environment-wrap .layer-item{padding: 0;}
#environment-wrap .layer-ttl{font-size: 32px;}
#environment-wrap .layer-ttl:before {background: var(--site-ecocolor);}
#environment-wrap .layer-sub_ttl{color: #8fc75b;}
.bnr-eco{max-width: 1120px;margin: 0 auto 30px;}
@media screen and (max-width: 1024px) {
#environment-wrap .layer-ttl {font-size: 26px;}
.bnr-eco {max-width: initial;width: 92%;margin: 0 auto;}
}
@media screen and (max-width: 568px) {
#environment-wrap .layer-contents {width: 100%;}
#environment-wrap .layer-item {padding: 0;width: 92%;margin: 4% auto;}
#environment-wrap .layer-ttl {font-size: 21px;}
}
@media screen and (max-width: 375px) {
#environment-wrap .layer-ttl {letter-spacing: 0;}
}
/*-----------------------------------------------
 *	導入文
-----------------------------------------------*/
.eco-intro_contents .eco-other_company {margin: 50px 0;position: relative;}
.eco-intro_contents .eco-other_company::after {content: "";display: block;color: #cf5f64;line-height: 1;width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 20px 25px;border-left-color: currentColor;border-right: 0;position: absolute;left: 49%;top: 50%;transform: translate(-50%, -50%);}
.eco-intro_contents .eco-other_company .other_txt{width: 46%;max-width: 510px;}
.eco-intro_contents .eco-other_company .other_img {width: 49%;max-width: 540px;}
.eco-intro_contents .eco-other_company dl:first-of-type {margin-bottom: 30px;}
.eco-intro_contents .eco-other_company dl {position: relative;}
.eco-intro_contents .eco-other_company dt {background: #8fc75b;border-radius: 6px 6px 0 0;color: #fff;font-size: 25px;font-weight: bold;padding: .75em 0 .75em 3.8em;position: relative;}
.bg-diamond {width: 70px;height: 70px;background: var(--site-ecocolor);background-size: contain;transform: rotate(45deg);position: absolute;left: 0;top: 0;}
.bg-diamond_txt {width: 70px;transform: translateY(-50%) rotate(-45deg);font-size: 23px;font-weight: bold;text-align: center;position: absolute;left: 0;top: 50%;}
.eco-intro_contents .eco-other_company dd {background: #f5f5f5;font-size: 19px;text-align: center;padding: 1.25em 0;border-radius: 0 0 6px 6px;}
.eco-intro_contents .eco-other_company .other_img {position: relative;}
.eco-intro_contents .eco-other_company .other_img p {font-size: 25px;font-weight: bold;background: rgba(51, 51, 51, 0.85);position: absolute;left: 0;bottom: 0;width: 100%;padding: 12px 0 14px;}
@media screen and (max-width: 1024px) {
.eco-intro_contents {margin: 0 auto;max-width: initial;width: 92%;}
.eco-intro_contents .layer-ttl {font-size: 28px;}
.eco-intro_contents .layer-ttl:before{bottom: -15px;}
.eco-intro_contents .eco-other_company dt {font-size: 22px;}
}
@media screen and (max-width: 960px) {
.eco-intro_contents {width: 92%;}
.eco-intro_contents .layer-ttl {font-size: 26px;}
.eco-intro_contents .layer-ttl:before {bottom: -10px;width: 50px;height: 4px;}
.eco-intro_contents .eco-other_company {margin: 30px 0;}
.bg-diamond {width: 50px;height: 50px;transform: translateY(-50%) rotate(45deg);top: 50%;}
.bg-diamond_txt {width: 50px;font-size: 18px;}
.eco-intro_contents .eco-other_company dl:first-of-type {margin-bottom: 15px;}
.eco-intro_contents .eco-other_company dt {font-size: 18px;}
.eco-intro_contents .eco-other_company dd {font-size: 16px;}
.eco-intro_contents .eco-other_company .other_img p {font-size: 19px;}
}
@media only screen and (max-width: 568px) {
.eco-intro_contents .layer-contents {width: 100%;}
.eco-intro_contents .layer-item{margin: 0 0 60px 0;}
.eco-intro_contents {margin: 0 auto;width: 100%;padding: 0 4%;}
.eco-intro_contents .eco-other_company {flex-direction: column;margin-top: 40px;}
.eco-intro_contents .eco-other_company::after {content: none;}
.eco-intro_contents .eco-other_company .other_txt, .eco-intro_contents .eco-other_company .other_img {width: 100%;}
.eco-intro_contents .eco-other_company .other_txt {display: flex;justify-content: space-between;position: relative;margin-bottom: 45px;}
.eco-intro_contents .eco-other_company .other_txt::after {content: "";display: block;color: #cf5f64;line-height: 1;width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 20px 25px;border-top-color: currentColor;border-bottom: 0;position: absolute;left: 50%;top: initial;bottom:-35px;transform: translateX(-50%);}
.eco-intro_contents .eco-other_company .other_txt dl {width: 47.8%;margin-bottom: 0 !important;overflow: visible;}
.eco-intro_contents .eco-other_company dt {font-size: 17px;padding: 2em 0 1em;text-align: center;}
.eco-intro_contents .eco-other_company dd {font-size: 15px;text-align: left;padding: 16px 20px 20px;}
.eco-intro_contents .eco-other_company .other_img p {font-size: 17px;padding: 8px 0 10px;}
.bg-diamond {transform: translateX(-50%) rotate(45deg);top: -30px;left: 50%;}
}
/*-----------------------------------------------
 *	環境コンテンツ
-----------------------------------------------*/
.top-eco_contents{background:#fff;max-width: 1120px;margin: 0 auto 4%;padding: 40px;width: 100%;}
.top-eco_contents .bg-eco::before{content: none;}
.environment-head_ttl{border-radius: 6px;color: #fff;font-size: 37px;font-weight: bold;margin: 0 0 30px 0;padding: 10px 0;}
.img-recycling_rate{max-width: 956px;margin: 0 auto;}
.top-recycle_item {background: #fafeef;padding: 30px;}
.top-recycle_item li{width: 16%;}
.top-recycle_item li img{max-width: 130px;margin: 0 auto 5px;}
.top-recycle_item li p{font-size: 16px;font-weight: 900;text-align: center;}
.sdgs-txt{width: 48%;}
.sdgs-capt_ttl{font-size: 32px;font-weight: bold;text-align: center;line-height: 1.3;margin: 0 0 10px;}
.sdgs-caption_box {display: flex;align-items: center;justify-content: center;}
.sdgs-caption_box:before,
.sdgs-caption_box:after {border-top: 4px solid var(--site-ecocolor);content: "";width: 4.5em;}
.sdgs-caption_box:before {margin-right: .5em;}
.sdgs-caption_box:after {margin-left: .5em;}
.sdgs-sentence{background: #ebf3e3;padding: 20px;margin: 20px 0 0;}
.sentence-ttl{font-size: 20px;font-weight: bold;border-bottom: #c7e2ae 4px solid;margin: 0 0 10px;padding: 0 0 5px;position: relative;}
.sentence-ttl::after {content: "";position: absolute;bottom: -4px;left: 0;width: 65px;height: 4px;background: var(--site-ecocolor);}
.sdgs-image{border-radius: 6px;width: 48%;}
.sdgs-image > p{background: var(--site-ecocolor);padding: 20px 0 10px;color: #fff;font-size: 24px;font-weight: bold;text-align: center;line-height: 1.4;}
.sdgs-image_box{background: #fff;padding: 20px;border: var(--site-ecocolor) 10px solid;}
img.img-sdgs{max-width: 486px;margin: 0 0 1em;}
.sdgs-link_contents{margin: 30px 0;} 
.sdgs-link_ttl {position: relative;display: block;font-size: 26px;font-weight: bold;padding: 0 0 10px 1.75em;border-bottom: #c7e2ae 2px solid;margin: 0 0 30px;}
.sdgs-link_ttl::before {position: absolute;top: 50%;transform: translateY(-50%);left: 5px;display: block;width: 0.8em;height: 0.8em;background: var(--site-ecocolor);box-shadow: 0.4em -0.4em 0 -1px #c7e2ae;content: "";}
.link-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.site_links.link01{width: 50%;}
.site_links.link02{width: 100%;display: flex;flex-wrap: wrap;}
.site_links li{padding: 0 0 0 1em;position: relative;font-size: 17px;font-weight: bold;margin: 0 0 10px;}
.site_links.link02 li{width: 50%;}
.site_links li::before {position: absolute;top: 0.5em;left: 0;display: block;width: 10px;height: 10px;background: var(--site-ecocolor);content: "";-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.site_links span{display: block;font-size: 15px;font-weight: normal;letter-spacing: 0;color: var(--site-ecocolor);overflow-wrap: break-word;}
.site_links li img{display: inline;width: 18px;}
@media screen and (max-width: 1024px) {
.sdgs-caption_box:before, .sdgs-caption_box:after {width: 2.5em;}
.top-eco_contents{padding: 4%;width: 92%;}
.environment-head_ttl {font-size: 30px;}
img.img-sdgs{max-width: 386px;}
.site_links.link01 {width: 52%;}
.site_links ul:nth-child(2) li {width: 48%;}
.sdgs-link_ttl {padding: 0 0 10px 1.45em;}
}
@media screen and (max-width: 960px) {
.top-eco_contents{margin: 0 auto 40px;}
.top-recycle_item {padding: 20px;}
.top-recycle_item li {width: 15%;}
.sdgs-capt_ttl {font-size: 22px;}
.sdgs-image > p {font-size: 18px;}
.sdgs-link_ttl {font-size: 24px;}
img.img-sdgs {margin: 0 20px 1em 0;max-width: 326px;}
.site_links.link01 {width: 46%;}
.site_links li {font-size: 13px;}
.site_links span {font-size: 11px;}
.site_links img {width: 14px;}
}
@media only screen and (max-width: 568px) {
.img-recycling_rate{max-width: initial;margin: 0 auto;width: 92%;}
.top-eco_contents {padding: 0 0 4%;}
.sdgs-image {width: 92%;margin: 0 auto;}
.sdgs-txt {width: 92%;margin: 4% auto 6%;}
.top-recycle_item {padding: 4% 4% 0;width: 92%;margin: 0 auto 40px;}
.environment-head_ttl{border-radius: 0;font-size: 24px;margin: 0;}
.sentence-ttl{font-size: 19px;letter-spacing: 0;}
.top-recycle_item li {width: 48%;margin: 0 0 4%;}
.top-recycle_item li p {letter-spacing: 0;}
.sdgs-image > p {font-size: 20px;letter-spacing: 0;}
.sdgs-link_ttl {font-size: 19px;width: 100%;letter-spacing: 0;margin: 0 auto 20px;padding: 0 0 10px 1.75em;}
.sdgs-link_contents {margin: 30px 0 15px;}
img.img-sdgs {margin: 0 auto 20px;max-width: initial;width: 92%;float: none;}
.site_links{margin: 0 auto;}
.site_links span {display: none;}
.site_links.link01{width: 92%;}
.site_links.link02{width: 92%;}
.site_links li {padding: 0 0 0 1.25em;float: none;width: 100%;font-size: 15px;letter-spacing: 0;}
.site_links.link02 li {width: 100%;}
.site_links ul:nth-child(2) li {width: 100%;}
.sdgs-sentence {padding: 15px;}
}
@media only screen and (max-width: 375px) {
.top-recycle_item li p {font-size: 15px;}
.sdgs-image > p {font-size: 18px;}
}
/*===============================================
 *	サービスの流れ
===============================================*/
.flow-icon_box{position: relative;}
.flow-badge{background: #fff;border-radius: 5px 0 6px 0;color: var(--site-primary);font-size: 20px;font-weight: bold;padding: 3px 7px;position: absolute;left: 0;top: 0;letter-spacing: 0;}
.flow-badge span{font-size: 16px;}
@media screen and (max-width: 960px) {
.flow-badge{font-size: 18px;}
.flow-badge span{font-size: 14px;}
}
@media screen and (max-width: 560px) {
.flow-badge{font-size: 24px;}
.flow-badge span{font-size: 18px;}
#flow-wrap .band-detail_list.col_3 li dt{margin: -20px auto 15px;}
}
/*===============================================
 *	よくある質問
===============================================*/
.faq-wrap{background: #fff;padding: 2%;max-width: 1120px;margin: 0 auto 3%;}
.faq-section .faq_box {border-bottom: 1px solid #c8c8c8;margin: 0 0 15px;}
.faq-section .faq_box dt {display: flex;align-items: center;margin: 0 0 15px;margin: 0;color: var(--site-secondary);font-size: 24px;font-weight: bold;padding: 0 0 10px;width: 100%;}
.faq-section .faq_box:last-of-type {border-bottom: none;margin: 0;}
.faq-section .faq_box dt::before {content: "Q";display: flex;justify-content: center;align-items: center;color: #fff;font-size: 26px;font-weight: bold;background: var(--site-secondary);border-radius: 100vh;margin: 0 15px 0 0;width: 50px;height: 50px;}
.question {display: flex;align-items: center;position: relative;cursor: pointer;font-size: 18px;text-align: left;line-height: 1.4;}
.open-btn {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);background: var(--site-secondary);display: block;width: 25px;height: 25px;text-indent: 100%;white-space: nowrap;overflow: hidden;border-radius: 50%;}
.open-btn:before, .open-btn:after {display: block;content: '';background-color: #fff;position: absolute;width: 10px;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.open-btn:before {width: 2px;height: 10px;}
.question.selected .open-btn:before {content: normal;}
.answer {display: none;background: #f5f5f5;margin:0 3% 10px 3%;padding: 3%;font-size: 16px;line-height: 1.6;}
@media only screen and (max-width: 1024px) {
.faq-wrap {max-width: initial;width: 92%;}
}
@media only screen and (max-width: 960px) {
.faq-section .faq_box dt {font-size: 20px;}
.open-btn {right: 0;}
}
@media only screen and (max-width: 568px) {
.faq-wrap {margin: 0 auto 30px;padding: 4%;}
.faq-section .faq_box dt {font-size: 18px;letter-spacing: 0;}
.faq-section .faq_box dt::before {font-size: 18px;width: 45px;height: 45px;margin: 0 10px 0 0;}
.answer {margin: 0 0 20px 0;padding: 3%;}
.open-btn {right: -10px;}
}
/*===============================================
 *	不用品回収の違い
===============================================*/
#difference {margin: 0 auto 60px;}
#difference .nm-sub_ttl{border-radius: 6px;margin: 0 0 30px;}
.comparison-frame{background: #fff;border:var(--site-secondary) 4px solid;border-radius: 6px;max-width: 1120px;margin: 0 auto 3%;width: 100%;}
@media only screen and (max-width: 1024px) {
.comparison-frame {width: 92%;}
}
@media only screen and (max-width: 568px) {
#difference {margin: 0 auto 50px;}
#difference .nm-sub_ttl{border-radius: 0;margin: 0 0 20px;}
.comparison-frame {width: 100%;border: none;margin: 0 auto;}
}
/*----------------------------------------------
 *	Table
----------------------------------------------*/
.comparison-tbl {border-collapse: collapse;font-size: 16px;}
.comparison-tbl th {border: #ccc solid 1px;font-size: 22px;font-weight: bold;padding: 10px 0;text-align: center;}
.comparison-tbl tr:first-child th:first-child {border: none;}
.comparison-tbl tr:first-child th:nth-child(2) {background: #623ead;}
.comparison-tbl tr:first-child th:nth-child(3) {background: #3ead65;}
.comparison-tbl tr:nth-child(n+2) th:first-child {color: #333;background: #d0e7e5;font-size: 18px;}
.comparison-tbl td img {width: 37px;margin: 0 auto;}
table.merit-tbl{margin-bottom: 20px;width: 100%;}
table.merit-tbl tr:first-child th:first-child {background: none;border: none;}
table.merit-tbl .head th {background: var(--site-primary);color: #fff;font-size: 22px;font-weight: bold;text-align: center;}
table.merit-tbl tr:first-child th:nth-child(2) {background: #623ead;}
table.merit-tbl tr:first-child th:nth-child(3) {background: #3ead65;}
table.merit-tbl tr:nth-child(n+2) th:first-child {color: #333;background: #d0e7e5;font-size: 18px;width: 12%;}
table.merit-tbl th {background: #fffce8;font-size: 18px;font-weight: bold;text-align: center;padding: 15px;}
table.merit-tbl th,.merit-tbl td{border: solid 1px #ccc;box-sizing:border-box;letter-spacing: 0;}
table.merit-tbl td {vertical-align: top;padding: 20px 10px 10px;}
table.merit-tbl td li{padding-left:1em;text-indent:-1em;margin-bottom: 5px;}
table.merit-tbl td li:last-child{margin-bottom: 0;}
.icon-merit{background: url("../img/common/icon-merit.png") center no-repeat #fff;background-size: 100px;}
.icon-demerit{background: url("../img/common/icon-demerit.png") center no-repeat #fff;background-size: 100px;}
@media only screen and (max-width: 1024px) {
.comparison-tbl th {font-size: 20px;}
table.merit-tbl th {padding: 20px 0;width: 12%;}
table.merit-tbl td {width: 30%;}
}
@media only screen and (max-width: 960px) {
.comparison-tbl tr:nth-child(n+2) th:first-child {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.comparison-tbl{margin: 0 auto 6%;width: 92%;}
.comparison-tbl th {font-size: 16px;}
.comparison-tbl tr:nth-child(n+2) th:first-child {font-size: 16px;width: 30%;}
table.merit-tbl {margin: 0 auto 6%;width: 92%;}
table.merit-tbl .head{display:none;}
table.merit-tbl tr:last-child{border-bottom: solid 1px #ccc;}
table.merit-tbl th {padding: 10px 0;width: 100%;}
table.merit-tbl td {display: block;width: 100%;border-bottom:none;padding: 20px 10px 20px;}
table.merit-tbl td::before {content: attr(data-label);font-size: 18px;font-weight: bold;display: block;margin-bottom: 10px;text-align: center;}
table.merit-tbl td:nth-child(even)::before {color: #623ead;}
table.merit-tbl td:nth-child(odd)::before {color: #3ead65;}
table.merit-tbl tr:nth-child(n+2) th:first-child {width: 100%;}
}
/*----------------------------------------------
 *	Contents
----------------------------------------------*/
.summary-dl {margin: 0 0 20px;}
.summary-dl dt{border-radius: 6px;font-size: 22px;font-weight: bold;color: #fff;margin: 0 0 10px;text-align: center;padding: 5px 0;width: 200px;}
.summary-dl dd{border-radius: 6px;font-size: 28px;font-weight: bold;padding: 15px 0;text-align: center;position: relative;}
.summary-dl dd::after{content: "";display: block;position: absolute;right: 0;bottom: 0;}
.ihin-summary dt {background: #623ead;}
.ihin-summary dd {background: #f3eefc;}
.ihin-summary dd::after {background: url("../img/common/summary-bg_ihin.png") no-repeat;background-size: contain;width: 122px;height: 103px;}
.ihin-summary dd span{color: #623ead;}
.huyouhin-summary dt {background: #3ead65;}
.huyouhin-summary dd {background: #f0fcf4;}
.huyouhin-summary dd::after {background: url("../img/common/summary-bg_huyouhin.png") no-repeat;background-size: contain;width: 132px;height: 95px;}
.huyouhin-summary dd span{color: #3ead65;}
.summary-box{background: url("../img/common/summary-box_pc.png") no-repeat;background-size: cover;padding: 37px 0;margin: 40px 0;}
.summary-box p{font-size: 34px;font-weight: bold;text-align: center;}
.summary-box em{color: var(--site-primary);}
.triangle {position: relative;padding: 40px 0 30px;}
.triangle p{color: #fff;font-size: 37px;font-weight: bold;text-align: center;}
.triangle:after {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);box-sizing: border-box;border-right: 10vw solid transparent;border-left: 10vw solid transparent;border-top: 30px solid #fff;}
.association-contents{position: relative;margin: 0 0 30px;}
.association-contents::after{content: "";display: block;background: url("../img/common/catch-staff.png") no-repeat;background-size: contain;width: 206px;height: 275px;position: absolute;right: 0;bottom: -40px;}
.association-contents .intro-balloon{border-radius: 6px;}
.association-txt_box {position: relative;z-index: 10;}
.association-txt_box::before,
.association-txt_box::after{content: "";display: block;width: 53px;height: 133px;position: absolute;bottom: 0;}
.association-txt_box::before{background: url("../img/common/bg-leaf_b_left_shadow.png") no-repeat;background-size: contain;left: 4%;}
.association-txt_box::after{background: url("../img/common/bg-leaf_b_right_shadow.png") no-repeat;background-size: contain;right: 4%;}
.association-txt_box p{font-size: 32px;font-weight: bold;text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);text-align: center;}
.association-txt_box em{color: var(--site-primary);font-size: 38px;}
.association-point dl{width: 48%;}
.association-point dt{background-size: 30px 30px;background-position: 0 0, 15px 15px;font-size: 27px;font-weight: bold;padding: 15px 0;text-align: center;color: #fff;border-radius: 6px 6px 0 0;}
.association-point dd{border: var(--site-secondary) 4px solid;border-top: none;padding: 20px 20px 10px;border-radius: 0 0 6px 6px;}
.association-point dd img{max-width: 200px;margin: 0 20px 10px 0;float: left;}
@media only screen and (max-width: 1024px) {
.summary-box {padding: 28px 0;margin: 40px 0 0;}
.summary-box p {font-size: 30px;}
.summary-dl dd {font-size: 25px;padding: 15px 20px;text-align: left;}
.association-contents::after {width: 186px;height: 248px;}
.association-txt_box p {font-size: 28px;}
.association-txt_box em {font-size: 33px;}
.association-txt_box::before,
.association-txt_box::after{width: 43px;height: 108px;}
.association-txt_box::before {left: 2%;}
.association-txt_box::after {right: 2%;}
.association-point dt {font-size: 21px;padding: 10px 0;}
.association-point dd{padding: 15px 10px 10px;}
.association-point dd img{margin: 0 10px 10px 0;}
}
@media only screen and (max-width: 960px) {
.summary-dl dt {font-size: 18px;}
.summary-dl dd::after{bottom: -30px;}
.ihin-summary dd::after {width: 102px;height: 83px;}
.huyouhin-summary dd::after {width: 104px;height: 75px;}
.summary-box {padding: 24px 0;}
.summary-box p {font-size: 24px;}
.triangle p {font-size: 30px;}
.association-contents::after {width: 156px;height: 208px;}
.association-txt_box p {font-size: 24px;}
.association-txt_box em {font-size: 28px;}
.association-contents .intro-balloon {font-size: 21px;}
.association-txt_box::before {left: 8%;}
.association-txt_box::after {right: 8%;}
.association-point dd img {max-width: 120px;margin: 0 15px 10px 0;}
}
@media only screen and (max-width: 568px) {
.comparison-frame .pd-inner_space {padding: 0;}
.comparison-frame .nm-sub_ttl{margin:0 0 20px;}
.summary-dl {margin: 0 auto 20px;width: 92%;}
.summary-dl dd {font-size: 20px;}
.ihin-summary dd::after {width: 76px;height: 63px}
.huyouhin-summary dd::after {width: 85px;height: 65px;}
.summary-box{background: url("../img/common/summary-box_sp.png") no-repeat;background-size: contain;padding: 18px 24px;margin: 40px auto 30px;width: 92%;}
.summary-box p {font-size: 20px;}
.triangle {padding: 40px 0 20px;margin: 0 0 30px;}
.triangle p {font-size: 24px;}
.association-contents .intro-balloon {font-size: 19px;margin: 0 auto 20px;}
.association-txt_box p {font-size: 20px;text-align: left;padding: 0 0 0 1em;}
.association-txt_box em {font-size: 25px;}
.association-txt_box::before, .association-txt_box::after{display:none;}
.association-contents::after {width: 116px;height: 155px;right: 20px;}
.association-point{width: 92%;margin: 0 auto}
.association-point dl {width: 100%;}
.association-point dl:first-child {margin: 0 0 20px;}
.association-point dt {font-size: 20px;}
.association-point dd{padding: 20px 15px 10px;}
}
@media only screen and (max-width: 568px) {
.association-point dd img {max-width: 110px;margin: 0 10px 10px 0;}
}
/*===============================================
 *	悪徳業者
===============================================*/
#vice .layer-contents{width: 51%;}
#vice .layer-item:last-child {margin: 0;padding: 0;}
#vice .layer-ttl{font-size: 32px;}
#vice .layer-ttl:before {background: var(--site-vicecolor);}
#vice .layer-sub_ttl{color: var(--site-primary);}
@media screen and (max-width: 1024px) {
#vice .layer-ttl {font-size: 26px;}
#vice .band-detail_list {width: 100%;}
}
@media screen and (max-width: 1024px) {
#vice .layer-ttl {font-size: 24px;}
}
@media screen and (max-width: 568px) {
#vice .layer-contents {width: 100%;}
#vice .layer-item {padding: 0 0 20px;width: 92%;margin: 6% auto;}
#vice .top-extension_contents .layer-item {padding: 0 0 20px;width: 100%;margin: 4% auto 6%;}
#vice .layer-item:last-child {padding: 0;}
#vice .layer-ttl {font-size: 22px;}
}
@media screen and (max-width: 375px) {
#vice .layer-ttl {font-size: 21px;}
#vice .layer-sub_ttl{letter-spacing: 0;}
}
/*----------------------------------------------
 *	Contents
----------------------------------------------*/
.top-vice_contents{border:var(--site-vicecolor) 4px solid;border-radius: 6px;background:#fff;max-width: 1120px;margin: 0 auto 4%;padding: 40px;width: 100%;}
.top-vice_contents .bg-vice::before{content: none;}
#vice .band-detail_list li img{margin: 0 0 10px;}
#vice .band-detail_list li dt{margin: 0 auto 10px;}
.extension-wrap{max-width: 1120px;margin: 0 auto;}
.extension-wrap .bg-vice::before{content: none;}
.top-extension_contents{background: #fff;padding: 40px;border-radius: 6px;}
.top-extension_contents .layer-item{padding: 0;}
.top-extension_box{padding: 0 0 30px;margin: 0 0 30px;}
.extension-ttl{border-radius: 6px 6px 0 0;color: #fff;font-size: 37px;font-weight: bold;padding: 10px 0;}
.extension-item{margin: 0 0 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.extension-item li{max-width: 320px;}
.extension-item li img{border-radius: 6px 6px 0 0;}
.extension-item li dl{background: #444;padding: 30px;color: #fff;border-radius: 0 0 6px 6px;height: 50%;}
.extension-item li dt{font-size: 24px;font-weight: bold;margin: 0 0 20px;text-align: center;}
.extension-item li dt span{font-size: 19px;}
.note-box{border:var(--site-primary) 4px solid;padding: 30px;position: relative;display: flex;align-items: center;}
.note-box img{margin: 0 1em 0 0;width: 50px;}
.extension-summary{border-radius: 6px;padding: 30px 30px 30px 14em;position: relative;}
.extension-summary p{font-size: 32px;font-weight: bold;color: #fff;}
.extension-summary::after{content: "";display: block;background: url("../img/common/catch-staff.png") no-repeat;background-size: contain;width: 150px;height: 200px;position: absolute;left: 40px;bottom: 0;}
@media screen and (max-width: 1024px) {
.top-vice_contents,
.extension-wrap{width: 92%;}
#vice .band-detail_list.col_3 li {width: calc(90% / 3);}
.extension-item li {max-width: initial;width: 32%;}
.extension-item li dl{height: 55%;}
}
@media screen and (max-width: 960px) {
.top-vice_contents{margin: 0 auto 40px;padding: 4%;}
.top-extension_contents {padding: 4%;}
.extension-ttl {font-size: 28px;}
.extension-item li dl {padding: 20px;}
.extension-item li dt {font-size: 20px;margin: 0 0 10px;}
.extension-item li dt span {font-size: 15px;}
.extension-summary {padding: 20px 20px 20px 10em;}
.extension-summary::after {width: 130px;height: 170px;left: 20px;}
}
@media only screen and (max-width: 568px) {
.top-vice_contents {padding: 0 0 4%;}
.top-extension_contents {border-radius: 0;width: 100%;margin: 0 auto;}
#vice .band-detail_list.col_3 li {width: 100%;}
#vice .band-detail_list.col_3 li:last-child{margin: 0;}
#vice .band-detail_list li img{margin: 0;}
#vice .band-detail_list.col_3 li .flow-icon_box{margin: 0 0 10px;}
.extension-ttl{border-radius: 6px 6px 0 0;font-size: 24px;}
.extension-item{margin: 0 0 30px;display: block;}
.extension-item li{max-width: initial;margin: 0 0 20px;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;}
.extension-item li picture{width: 43%;}
.extension-item li img{border-radius: 6px;}
.extension-item li dl{padding: 8px 15px;color: #fff;border-radius: 6px;height: auto;width: 53%;}
.extension-item li dt{font-size: 17px;margin: 0 0 5px;letter-spacing: 0;}
.extension-item li dt span{font-size: 14px;}
.extension-item li dd{font-size: 15px;}
.note-box {padding: 20px;display: block;}
.note-box img {float: left;}
.extension-summary {padding: 20px 5px 20px 5.25em;}
.extension-summary p {font-size: 19px;}
.extension-summary::after {width: 80px;height: 107px;left: 0;}
}
@media only screen and (max-width: 375px) {
.extension-item li dl {padding: 7px 15px;}
.extension-summary p {font-size: 18px;}
}
/*===============================================
 *	会社概要
===============================================*/
#company {margin: 0 auto 60px;}
#company .comparison-frame .nm-sub_ttl {border-radius: 6px;margin: 0 0 30px;}
@media only screen and (max-width: 568px) {
#company {margin: 0 auto 50px;}
#company .comparison-frame .pd-inner_space {padding: 4%;}
}
/*----------------------------------------------
 *	Contents
----------------------------------------------*/
.representative_inner{max-width: 1050px;margin: 0 auto 40px;}
.representative-ttl{font-size: 34px;font-weight: bold;margin: 0 0 30px;position: relative;}
.representative-ttl:before {content: "";background: var(--site-primary);position: absolute;bottom: -20px;left: 0;width: 60px;height: 5px;}
.representative-contents .president-name{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 18px;font-weight: bold;text-align: right;margin: 5px 0 0;}
.representative_inner .layer-sub_ttl{color: #333;}
@media screen and (max-width: 1024px) {
.representative_inner{max-width: initial;width: 92%;}
.representative-contents {gap: 2% 4%;}
}
@media screen and (max-width: 960px) {
.representative-contents {grid-template-columns: 280px auto;}
.representative-ttl {font-size: 28px;}
.representative-contents .president-name {font-size: 17px;}
}
@media only screen and (max-width: 568px) {
.representative_inner {margin: 0 auto 20px;width: 92%;}
.representative-contents .ttl-box {margin: 0 0 20px;}
.representative-ttl{font-size: 24px;}
.representative-contents .president-name {font-size: 15px;}
}
/*----------------------------------------------
 *	table
----------------------------------------------*/
.company-tbl {background: #fff;width: 100%;}
.company-tbl th {background: var(--site-secondary);color: #fff;font-size: 17px;font-weight: bold;width: 280px;border: #ccc 1px solid;padding: 28px 15px 28px 46px;line-height: 1.8;vertical-align: text-top;}
.company-tbl td {font-size: 17px;border: #ccc 1px solid;padding: 28px 46px 28px;line-height: 1.8;}
.company-tbl td iframe {width: 100%;height: 300px;margin-top: 15px;}
.company-tbl td a {color: var(--site-primary);border-bottom: 1px solid var(--site-primary);}
.company-tbl td a:hover {border-bottom: none;text-decoration: none;}
.company-tbl td .permit dt {font-weight: bold;color: #fff;background: var(--site-secondary);padding: 8px 14px 10px;margin-bottom: 10px;}
.company-tbl td .permit dd {margin-bottom: 15px;}
.company-tbl td .permit dt a {color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
.company-tbl td .permit dd a {color: #333;border-bottom: 1px solid #aaa;}
.company-tbl td .family {width: 50%;display: block;}
.company-tbl td .business > dt{font-weight: bold;position: relative;margin: 0 0 5px;padding-left: 15px;}
.company-tbl td .business > dt::before {position: absolute;top: 0.5em;left: 0;display: block;width: 10px;height: 10px;background: var(--site-primary);content: "";-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.company-tbl td .business > dd dl dd{padding-left: .5em;}
.company-tbl .sdg_list {gap: 0 13px;}
.company-tbl .sdg_list img {width: 35%;}
.bnrs {gap: 10px 2%;}
.bnrs li {width: 18%;}
.bnrs li a {border: none;}
.bnr-links{gap:10px 2%;}
.bnr-links li {width: 31%;}
.bnr-links li a {border: none;}
@media only screen and (max-width: 960px) {
.company-tbl th {font-size: 16px;width: 30%;padding: 20px 15px;}
.company-tbl td {font-size: 16px;padding: 20px 30px 20px;}
.company-tbl td iframe {height: 250px;}
.company-tbl td .permit .dt {padding: 6px 12px 7px;}
}
@media only screen and (max-width: 568px) {
.company-tbl {border-radius: 0;border: #ccc 1px solid;}
.company-tbl th {font-size: 17px;border: none;width: 100%;display: block;padding: 12px 5.3vw 12px;}
.company-tbl td {font-size: 15px;display: block;border: none;padding: 15px 5.3vw 15px;}
.company-tbl td iframe {height: 200px;}
.company-tbl td .family {width: 80%;margin: 0 auto;}
.company-tbl td .medal_img {display: block;width: 85%;margin: 0 auto 5px;}
.company-tbl .sdg_list {flex-wrap: wrap;gap: 15px 5%;margin-bottom: 10px;}
.company-tbl .sdg_list li {width: 30%;}
.company-tbl .sdg_list img {width: 100%;}
.company-tbl td .business > dd dl dd {letter-spacing: 0;}
.bnrs {gap: 8px 3.5%;margin-top: 5px;}
.bnrs li {width: 31%;}
.bnr-links{gap: 8px 3.5%;margin-top: 5px;}
.bnr-links li {width: 48%;}
}
@media only screen and (max-width: 375px) {
.company-tbl td .business > dd dl dd{padding-left: 0;}
}
/*===============================================
 *	footer bnr
===============================================*/
#footer-bnr_wrap{background: #e6f5f7;padding: 60px 0;}
.footer-bnr_li{max-width: 1040px;margin: 0 auto;}
.footer-bnr_li li:first-child{margin: 0 0 30px;}
.footer-bnr_li li:nth-child(n+2){width: 100%;max-width: 500px;}
@media only screen and (max-width: 1024px) {
.footer-bnr_li {max-width: initial;width: 92%;}
.footer-bnr_li li:nth-child(n+2) {max-width: initial;width: 48%;}
}
@media only screen and (max-width: 960px) {
#footer-bnr_wrap{padding: 40px 0;}
}
@media only screen and (max-width: 568px) {
#footer-bnr_wrap{padding: 30px 0;}
.footer-bnr_li li:first-child{margin: 0 0 20px;}
.footer-bnr_li li:nth-child(2){margin: 0 0 20px;}
.footer-bnr_li li:nth-child(n+2){width: 100%;}
}
/*===============================================
 *	footer
===============================================*/
footer {background: #f5f5f5;padding: 60px 0 93px;}
footer > .inner {display: grid;grid-template-columns: 450px 56%;grid-template-rows: auto auto auto;column-gap: calc(100% - (450px + 56%));margin-bottom: 20px;}
footer .ft-logo {grid-column: 1;grid-row: 1;max-width: 355px;}
footer .company-info {grid-column: 1;grid-row: 2;border-radius: 6px;background: #eaeaea;padding: 22px 28px 25px;margin: 42px 0 30px;}
footer .company-info p{margin: 0 0 10px;}
footer .company-info p, footer .company-info dl {font-size: 16px;}
footer .company-info dt{font-weight: bold;margin: 0 0 5px;}
.ic-diamond_pri{position: relative;padding-left: 1.5em;}
.ic-diamond_pri::before {position: absolute;top: 0.5em;left: 5px;display: block;width: 10px;height: 10px;background: var(--site-primary);content: "";-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
footer .company-info dt img {display: inline-block;margin-left: 5px;width: 18px;}
footer .company-info dd{margin: 0 0 10px;padding-left: 1.5em;}
footer .company-info dd:last-child{margin: 0;}
footer .company-info .shop-name {font-size: 18px;font-weight: bold;margin-bottom: 7px;}
footer .company-info a {border-bottom: 1px solid #aaa;}
footer .ft-menu {grid-column: 2;grid-row: 1 / -1;padding-top: 3px;}
footer .ft-menu .home-link {width: 100%;font-size: 17px;font-weight: bold;margin-bottom: 18px;}
footer .ft-menu .home-link a {position: relative;padding-left: 26px;}
footer .ft-menu .home-link a::before {content: '';background: url("../img/common/icon-home.png") no-repeat;background-size: contain;width: 20px;height: 20px;position: absolute;top: 5px;left: 0;}
footer .ft-menu ul {width: 33%;}
footer .ft-menu li.menu-top {font-size: 17px;font-weight: bold;margin-bottom: 10px;padding-left: 24px;position: relative;}
footer .ft-menu li:not(.menu-top) {font-size: 15px;padding-left: 16px;margin: 0 0 6px 27px;position: relative;}
footer .ft-menu li:not(.menu-top)::after {content: "";display: block;position: absolute;left: 0;top: 50%;width: 6px;height: 6px;border: 2px solid var(--site-secondary);border-left: 0;border-bottom: 0;transform: translateY(-50%) rotate(45deg);}
footer .ft-menu li:not(.menu-top) a:hover {color: var(--site-primary);}
.copy {color: #fff;font-size: 13px;text-align: center;background: var(--site-primary);margin-top: 60px;padding: 20px 0;}
.copy a {color: #fff;}
@media only screen and (max-width: 1024px) {
footer .company-info {padding: 20px 20px 25px;}
footer > .inner {grid-template-columns: 42% 56%;column-gap: 2%;}
footer .ft-menu li:not(.menu-top) {font-size: 14px;margin: 0 0 6px 24px;}
}
@media only screen and (max-width: 960px) {
footer {padding: 5vw 0 13vw;}
footer > .inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
footer .ft-logo {max-width: 265px;}
footer .company-info {padding: 2.5vw 3vw;margin: 25px 0 25px;}
footer .company-info .tel {margin-left: 10px;}
footer .ft-menu {padding: 0;}
footer .ft-menu .home-link {margin-bottom: 2.0vw;}
footer .ft-menu li.menu-top {font-size: 15px;padding-left: 22px;margin: 0px 0 5px 0;}
footer .ft-menu li.menu-top::before {top: 5px;}
}
@media only screen and (max-width: 568px) {
footer {padding: 30px 0 0;}
footer > .inner {grid-template-columns: auto;grid-template-rows: repeat(4, auto);}
footer .ft-logo {grid-column: 1;grid-row: 1;width: 77.3%;display: block;margin: 0 auto 20px;}
footer .company-info {grid-column: 1;grid-row: 3;margin: 25px 0 25px;padding: 12px 19px 16px;}
footer .company-info ul {margin-top: 6px;}
footer .company-info p, footer .company-info dl {font-size: 15px;}
footer .company-info p, footer .company-info li {font-size: 14px;}
footer .company-info .shop-name {margin-bottom: 4px;}
footer .company-info .tel {margin: 0;}
footer .ft-menu {grid-column: 1;grid-row: 2;margin: 0 -4vw;}
footer .ft-menu .row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
footer .ft-menu ul {width: 100%;display: flex;flex-wrap: wrap;}
footer .ft-menu ul li.menu-top {font-size: 18px;background: var(--site-primary);color: #fff;text-align: center;padding: 9px 0 13px;width: 100%;margin: 0;}
footer .ft-menu ul li.menu-top::before {content: none;}
footer .ft-menu ul li:nth-child(even):not(.menu-top) {border-right: 1px solid #e2e2e2;}
footer .ft-menu ul li:not(.menu-top) {width: 50%;margin: 0;padding: 0;border-bottom: 1px solid #e2e2e2;line-height: 1.4;font-weight: bold;}
footer .ft-menu ul li:not(.menu-top)::before {content: none;}
footer .ft-menu ul li:not(.menu-top) a {width: 100%;height: 50px;display: flex;align-items: center;padding-left: 35px;}
footer .ft-menu ul li:not(.menu-top) a::before {right: 10px;}
footer .ft-menu li:not(.menu-top)::after{left: 15px;}
.copy {margin: 0 0 105px;font-size: 11px;padding: 13px 0;}
}
@media only screen and (max-width: 414px) {
.copy {margin: 0 0 115px;}
}
@media only screen and (max-width: 375px) {
.copy {margin: 0 0 110px;}
}
/*----------------------------------------------
 *	fixed footer
----------------------------------------------*/
#fixed-footer_wrap{display: none;background: #d1edeb;position: fixed;bottom: 0;padding: 10px 0 0;z-index: 999;width: 100%;}
#fixed-footer_wrap .fixed-ft_contents {max-width: 1300px;margin: 0 auto;width: 100%;transition: all .7s;}
#fixed-footer_wrap .navi-txt{display: none;}
#fixed-footer_wrap .logo{margin-right: 5%;max-width: 180px;}
@media only screen and (max-width: 1024px) {
#fixed-footer_wrap .logo {margin: 0 1% 0 0;}
}
@media only screen and (max-width: 960px) {
#fixed-footer_wrap {padding: 3% 2% 2%;}
}
@media only screen and (max-width: 568px) {
#fixed-footer_wrap{display: block;padding: 0;position: fixed;left:0;bottom:0;z-index:30;}
#fixed-footer_wrap .fixed-ft_contents {width: 100%;display: flex;}
#fixed-footer_wrap .logo {display: none;}
#fixed-footer_wrap .navi-txt{display: block;font-size: 15px;}
#fixed-footer_wrap .navi-txt::before {left: 12%;}
#fixed-footer_wrap .navi-txt::after {right: 12%;}
}
/*----------------------------------------------
 *	pagetop
----------------------------------------------*/
.pagetop{display: none;width: 60px;height: 60px;box-sizing: border-box;background: #fff;border: 1px solid #999;text-align: center;letter-spacing: -1px;font-size: 85%;text-decoration: none;color: #333;opacity: 0.5;position: fixed;bottom: 10%;right: 4%;z-index: 10000;}
.pagetop::before{content: "";display: block;border-top: 2px solid #333;border-right: 2px solid #333;width: 25%;height: 25%;top: 25%;left: 0;right: 0;margin: auto;position: absolute;transform: rotate(-45deg);}
.pagetop a{display: block;padding-top: 30px;}
.pagetop:hover{opacity: 1;}
@media only screen and (max-width: 568px) {
.pagetop{display: block;background: var(--site-secondary); width: 100%;height: auto;opacity: 1;position: relative;border: none;bottom: auto;right:auto;z-index: 0;}
.pagetop::before{border-top: #fff 2px solid;border-right: #fff 2px solid;width: 10px;height: 10px;top: 25%;left: 0;right: 0;}
.pagetop a {color: #fff;padding: 25px 0 10px;letter-spacing: 0;}
}
/*===============================================
 *	相互リンクバナー
===============================================*/
.ft-caption_sitettl{font-size: clamp(17px, 2vw, 20px);font-weight: bold;border-bottom: 2px solid #ddd;margin: 0 0 20px 0;padding: 0 0 5px 0;position: relative;}
.ft-caption_sitettl::after {content: "";position: absolute;bottom: -2px;left: 0;width: 80px;height: 2px;background: var(--site-primary);}
.ft-bnr_links ul {gap: 20px 2%;}
.ft-bnr_links li {width: 15%;}
.recommended-links {margin-top: 40px;}
.recommended-links ul {gap: 20px 2%;}
.recommended-links li {width: 23.5%;}
@media only screen and (max-width: 1024px) {
.ft-caption_sitettl {margin: 0 0 15px 0;}
}
@media only screen and (max-width: 568px) {
.ft-bnr_links {margin: 0 auto 30px;}
.ft-bnr_links li {width: 30%;}
.recommended-links {margin: 0 auto 30px;}
.recommended-links ul {gap: 15px 3.5%;}
.recommended-links li {width: 48%;}
}

/*===============================================
 *	屋号変更案内
===============================================*/
.news_txt {
  background: #2175a3;
  padding: 10px 0;
}
.news_txt p {
  text-align: center;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 960px) {
  .news_txt {
    width: 100%;
  }
}

@media only screen and (max-width: 560px) {
  .news_txt p {
    font-size: 14px;
    line-height: 1.4;
  }
  .news_txt {
    margin-top: 0;
  }
}

/*===============================================
 *	POPUP LINE 2025/12/12 add
===============================================*/
.popup_line {position: fixed;top: 0;left: 0;display: none;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);z-index: 999;}
.popup-banner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: "GenEiMGothic";max-width: 670px;width: 100%;}
.popup-banner ul{background: #2175a3;border-radius: 20px 20px 0 0;display: flex;justify-content: space-between;align-items: center;padding: 20px 40px;}
.popup-banner li{color: #fff;font-size: 23px;padding: 0 0 0 2.5em;line-height: 1.2;position: relative;}
.popup-banner li::before{content: "";display: block;background: url("../img/top/popup/icon_chk.png") left no-repeat;background-size: contain;width: 46px;height: 46px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mv_popup{position: relative;}
.mv_popup .txt_google{position: absolute;left: 50%;transform: translateX(-50%);bottom: 10%;font-size: 30px;font-weight: bold;display: flex;align-items: flex-start;justify-content: center;width: 68%;}
.mv_popup .txt_google img{max-width: 232px;margin-right: 5px;}
.mv_popup .txt_google > span{gap: 5px;display: flex;align-items: center;}
.mv_popup .txt_google::before,
.mv_popup .txt_google::after {
  content: "";
  width: 21px;
  height: 52px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mv_popup .txt_google::before {
  background: url("../img/top/popup/left_leaf.png") no-repeat;
  background-size: contain;
  left: -5px;
}
.mv_popup .txt_google::after {
  background: url("../img/top/popup/right_leaf.png") no-repeat;
  background-size: contain;
  right: -5px;
}
.mv_popup .txt_google .txt_red{font-size: 38px;line-height: 1;}
.fuchidori {-webkit-text-stroke: 6px #fff;text-stroke: 6px #fff;paint-order: stroke;}
.popup_btn_box{background: #fff;border-radius: 0 0 20px 20px;padding: 30px;}
.popup_btn_box a:hover{opacity: .8;}
.popup-close {display: block;position: absolute;width: 70px;height: 70px;border-radius: 50%;background: #000;right: -40px;top: -40px;cursor: pointer;}
.popup-close:hover {opacity: .8;}
.popup-close::before, .popup-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 4px;height: 40px;background: #fff;}
.popup-close::before {transform: translate(-50%,-50%) rotate(45deg);}
.popup-close::after {transform: translate(-50%,-50%) rotate(-45deg);}
.popup_line.active {display: block;}
.popup_line.hidden {display: none;}
@media only screen and (max-width: 568px) {
.popup-banner {width: 90%;}
.popup-banner ul {border-radius: 10px 10px 0 0;padding: 15px 12px;}
.popup-banner li {font-size: 13px;padding: 0 0 0 2em;}
.popup-banner li::before {width: 20px;height: 20px;}
.popup_btn_box {border-radius: 0 0 10px 10px;padding: 15px;}
.popup-close {width: 35px;height: 35px;right: -15px;top: -15px;}
.popup-close::before, .popup-close::after {width: 3px;height: 20px;}
  .mv_popup .txt_google {
    font-size: 16px;
    width: 72%;
  }
  .mv_popup .txt_google img {
    max-width: initial;
    width: 50%;
  }
  .mv_popup .txt_google .txt_red {
    font-size: 20px;
  }
  .mv_popup .txt_google::before,
  .mv_popup .txt_google::after {
    width: 14px;
    height: 32px;
  }
  .fuchidori {
    -webkit-text-stroke: 3px #fff;
    text-stroke: 3px #fff;
  }
}

/* ==========================
  モーダル（ポップアップ）
========================== */
body.modal-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.js_modalBtnCont_20off {
  display: block;
  color: #222;
  background-color: #fff;
  transition: 0.3s;
}
.js_modalBtnCont_20off img{
  border-radius: 10px;
}
.js_modalBtnCont_20off:hover,
.js_modalBtnCont_20off:focus {
  opacity: .8;
}
.js_modalWrap_20off {
  display: none;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.js_modalBG_20off {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.js_modalContInner_20off {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
  max-width: 100%;
  max-height: 100vh;
  overflow-y: auto;
  background-color: #eaf7f6;
  padding: 40px;
}
.js_modalCont_20off > * + * {
  margin-top: 20px;
}
.js_modalContInner_20off > .js_modalClose_20off + * {
  margin-top: 0;
}
.js_modalContInner_20off p{
  font-size: 15px;
  text-align: left;
}
.js_modalClose_20off {
  display: block;
  background: #fff;
  position: absolute;
  top: 10.5px;
  right: 10.5px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1001;
}
.js_modalClose_20off::before,
.js_modalClose_20off::after {
  content: "";
  background-color: #222;
  position: absolute;
  top: 0;
  right: 15px;
  width: 2px;
  height: 30px;
}
.js_modalClose_20off::before {
  transform: rotate(45deg);
}
.js_modalClose_20off::after {
  transform: rotate(-45deg);
}
.bg_white_box_20off{
  background: #fff;
  padding: 2%;
}
.bg_white_box_20off.mag{
  margin-bottom: 20px;
}
.date_txt{
  font-size: 18px;
  font-weight: bold;
}
.modal_list {
  list-style: none;
  padding-left: 0;
}
.modal_list li {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 10px;
  max-width: initial !important;
  width: 100% !important;
}
.modal_list li::before {
  content: "・" !important;
  background: none !important;
  color: #C01A39;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.6em;
  line-height: 1;
}
.modal_list li.desc_none{
  margin: 10px 0 0 0;
  padding: 0;
}
.modal_list li.desc_none::before{
  content:none;
}
.modal_list li dt{
  color: #fff;
  background: #0077c2;
  font-size: 18px;
  font-weight: bold;
  padding: .3em 0;
  text-align: center;
  margin-bottom: 10px;
}
.impact_txt{
  font-size: 1.1em;
}

.js_modalContInner_20off .modal_ttl_20off {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding: 0 0 .2em;
  margin-bottom: 10px;
  border-bottom: 2px solid var(--site-primary);
  text-align: center;
}
.modal_close_btn_20off {
  text-align: center;
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  padding: 12px 0;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 20px;
  font-weight: bold;
}
.modal_close_btn_20off:hover {
  opacity: .8;
}
@media only screen and (max-width: 568px) {
  .js_modalWrap_20off {
    overflow-y: hidden;
  }
  .js_modalWrap_20off p{
    font-size: 15px;
  }
  .js_modalClose_20off {
    top:100px;
  }
  .js_modalContInner_20off {
    width: 100%;
    max-height: 100vh;
    height: auto;
    padding: 140px 20px 100px;
    max-width: 720px;
    box-sizing: border-box;
  }
  .js_modalCont_20off > * + * {
    margin-top: 10px;
  }

  .bg_white_box_20off{
    padding: 4%;
  }
}

/*********************************************
* 【モーダルウィンドウ】コンテンツ設置用のCSS
*********************************************/
.position_beginner{
  margin: 64px auto -64px;
}
.position_reason{
  margin: 60px auto 0;
}
@media only screen and (max-width: 960px) {
  .position_beginner{
    margin: 5vw auto -5vw;
  }
  .position_reason{
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 568px) {
  .position_beginner{
    margin: 40px auto -40px;
  }
  .position_reason{
    margin: 40px auto -30px;
  }
}