@charset "utf-8";
/*===============================================
 *	ブラウザリセット
===============================================*/
@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: 'ZenKakuGothicNew';font-style: bold;font-weight: 700;src: url('../fonts/ZenKakuGothicNew-Bold.woff2') format('woff2'),url('../fonts/ZenKakuGothicNew-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Roboto';font-style: bold;font-weight: 900;src: url("../fonts/Roboto-Bold.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;}
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;}
pre, code {font: 115% monospace; *font-size: 100%;}
br {letter-spacing: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-style: normal;font-weight: normal;}
address, em {font-style: normal;}
strong, th {font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;border: none;}
th, td {text-align: left;border: none;font-weight: normal;}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;vertical-align: bottom;}
li {list-style-type: none;}
ul, ol, dl {margin: 0;list-style-position: outside;list-style-type: none;}
li, dt, dd {font-size: 100%;}
dt {font-weight: normal;}
a {text-decoration: underline;outline: none;}
a:hover {text-decoration: none;}
form, input {padding: 0;margin: 0;}
iframe{border:none;}
figure{margin: 0;}
img{display:block;height:auto;width:100%;}
/* --------------このサイトオリジナル設定--------------- */
a {color: #202020;outline: none;text-decoration: none;}
/*====================== clearFix ======================*/
.clearfix:before, .clearfix:after {content: "";display: block;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*=============================================== *
	パターン
===============================================*/
.base-fl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.row-rev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.space-btw {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.space-around {-ms-flex-pack: distribute;justify-content: space-around;}
.js-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.al-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.al-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.al-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.al-base {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}

/*===============================================

 *	common

===============================================*/
html body {background: url("../img/bg-body.png") repeat #f5f4f3;color: #282828;font-size: 16px;line-height: 1.6;letter-spacing: 1px;-webkit-text-size-adjust: 100%;}
em {font-weight: bold;}
.sp {display: none;}
.inner {max-width: 980px;margin: 0 auto 5vw;width: 100%;position: relative;}
.inner-contents {max-width: 980px;margin: 0 auto;width: 100%;position: relative;}
.blue_inner {max-width: 980px;margin: 0 auto 2vw;width: 100%;position: relative;}
picture{display: block;}
.small-txt{font-size: 13px;}
.center {text-align: center;}
.right {text-align: right;}
.txt-caution{font-size:12px;}
.rtxt{color: #c03030;}
.ptxt{color: #dd717f;}
.btxt{color: #346bb6 ;}
.gtxt{color: #009db3;}
.otxt{color: #ff5f40;}
.ytxt{color: #f1e33f;}
.bg-blue{background: #e4f3f9;padding: 60px 0 20px;margin-bottom: 60px;}
.bg-blue_none{background: #e4f3f9;padding: 60px 0 40px;}
.mag10{margin-bottom: 10px !important;}
.mag4P{margin-bottom: 4% !important;}
/* テキストに白アウトライン */
.white_stroke {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;}
@media screen and (min-width: 1025px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 768px) {
html body {font-size: 15px;}
.bg-blue {padding: 40px 0 20px;margin-bottom: 40px;}
.bg-blue_none {padding: 30px 0 40px;}
.inner,.blue_inner,.inner-contents {width: 90%;}
}
@media screen and (min-width: 650px){	
.br-pc {display:block;}
.br-sp {display:none;}
.br-se {display:none;}
}
@media screen and (max-width: 650px){	
.br-pc {display:none;}
.br-sp {display:block;}
.br-se {display:none;}
}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {font-size: 16px;}
.pc {display: none;}
.sp {display: block;}
.inner {margin-bottom: 8vw;}
.bg-blue {padding: 20px 0 10px;margin-bottom: 30px;}
.bg-blue_none {padding: 20px 0 15px;}
.mag4P{margin-bottom: 10% !important;}
.white_stroke {text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
}
@media only screen and (max-width: 320px) {
.br-se {display:block;}
}
/*===============================================
 *	hd-ttl
===============================================*/
h1.hd-ttl{background: url("../img/bg-blue_triangle.png") left top repeat #a9cedd;border-top: #b1d0e4 3px solid;border-bottom: #b1d0e4 3px solid;padding: 1em 0;text-align: center;font-size: 24px;font-weight: bold;letter-spacing: 1px;}
h1.hd-ttl span{background: #fff;display: block;padding: .25em .5em;max-width: 980px;margin: 0 auto;color: #346bb6;border-radius: 6px;}
@media only screen and (max-width: 768px) {
h1.hd-ttl span{margin: 0 5%;}
}
@media only screen and (max-width: 568px) {
h1.hd-ttl{border-top: #b1d0e4 2px solid;border-bottom: #b1d0e4 2px solid;font-size: 19px;padding: 1em 0;}
h1.hd-ttl span {margin: 0 4%;}
}
@media only screen and (max-width: 320px) {
h1.hd-ttl{font-size: 13px;}
}
/*===============================================
 *	Basic Table
===============================================*/
table.basic-tbl{width: 100%;}
table.basic-tbl th{font-weight: bold;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 0;line-height: 1.2;}
table.basic-tbl th:last-child{border-right: 1px solid #ccc;}
table.basic-tbl td{border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top:none;padding: 5px 0;}
table.basic-tbl td:last-child{border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
/*===============================================
 *	Basic Title
===============================================*/
.basic-ttlbox {background: #fff;border: #346bb6 2px solid;font-size: 28px;font-weight: bold; padding: 10px 15px;text-align: center;position: relative;max-width: 500px;margin: 0 auto 30px;}
.basic-ttlbox::before, .basic-ttlbox::after {content: '';width: 30px;height: 30px;position: absolute;}
.basic-ttlbox::before {border-left: solid 6px #346bb6;border-top: solid 6px #346bb6;top: 0;left: 0;}
.basic-ttlbox::after {border-right: solid 6px #346bb6;border-bottom: solid 6px #346bb6;bottom: 0;right: 0;}
.subhd-txt{font-size: 20px;position: relative;text-align: center;line-height: 1.4;margin-bottom: 2em;}
.subhd-txt em{font-size: 34px;}
.subhd-txt em span,.subhd-txt span{color: #0046a0;}
.subhd-txt .speech_bubble{max-width: 158px;position: absolute;right: 80px;top: -80px;}
@media only screen and (max-width: 768px) {
.subhd-txt{font-size: 19px;}
}
/*===============================================
 *	Basic Btn
===============================================*/
.btn-basic {font-size: 24px;display: block;padding: 0.5em 1em;background:url("../img/arrow-link.png") 95% center no-repeat #346bb6;background-size: 20px;color: #fff;border-bottom: solid 4px #002655;border-radius: 6px;margin: 0 auto;max-width: 410px;width: 100%;text-align: center;}
.btn-other {font-size: 24px;display: block;padding: 0.5em 1em;background:url("../img/arrow-other.png") 95% center no-repeat #346bb6;background-size: 20px;color: #fff;border-bottom: solid 4px #002655;border-radius: 6px;margin: 0 auto;max-width: 410px;width: 100%;}
.btn-basic:active {-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}
.btn-other:active {-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}
@media only screen and (max-width: 568px) {
.btn-basic {font-size: 16px;max-width: initial;width: 75%;padding: .6em 1em;background-size: 15px;}
.btn-other {font-size: 16px;max-width: initial;width: 80%;padding: .6em 1em;background-size: 15px;}
}
@media only screen and (max-width: 320px) {
.btn-basic {font-size: 15px;}
.btn-other {font-size: 15px;}
}
/*===============================================
 *	Blue_band
===============================================*/
.bg-blue_band{background: #346bb6;padding: 20px 0;margin-bottom: 40px;}
.bg-blue_band_none{background: #346bb6;padding: 20px 0;}
.band-ttl{max-width: 980px;margin: 0 auto;text-shadow: 1px 1px 0 #103971;color: #fff;font-size: 34px;font-weight: bold;text-align: center;}
.band-fl_ttl{display: flex;max-width: 980px;margin: 0 auto;text-shadow: 1px 1px 0 #103971;color: #fff;font-size: 34px;font-weight: bold;align-items: center;}
.band-fl_ttl span{display: block;padding-left: 20px;}
.band-ttl em,.band-fl_ttl em{color: #f1e33f;font-size: 40px;letter-spacing: 1px;}
@media only screen and (max-width: 768px) {
.bg-blue_band,.bg-blue_band_none {padding: 20px 20px 10px;}
.band-ttl,.band-fl_ttl{font-size: 32px;line-height: 1.3;}
.band-fl_ttl span {display: block;text-align: left;}
.band-ttl em,.band-fl_ttl em {font-size: 38px;}
.subhd-txt .speech_bubble {max-width: 130px;right: 20px;top: -60px;}
}
@media only screen and (max-width: 568px) {
.bg-blue_band {padding: 15px 15px 10px 15px;margin-bottom: 30px;}
.bg-blue_band_none {padding: 15px 0 10px 10px;}
.band-ttl,.band-fl_ttl {font-size: 20px;}
.band-fl_ttl span {padding-left: 10px;}
.band-ttl em,.band-fl_ttl em {font-size: 21px;}
.basic-ttlbox {font-size: 18px;margin: 0px auto 15px;}
.basic-ttlbox::before, .basic-ttlbox::after {width: 20px;height: 20px;}
.basic-ttlbox::before {border-left: solid 5px #346bb6;border-top: solid 5px #346bb6;}
.basic-ttlbox::after {border-right: solid 5px #346bb6;border-bottom: solid 5px #346bb6;}
.subhd-txt .speech_bubble {max-width: 80px;right: 0;top: -70px;}
.subhd-txt{font-size: 14px;margin-bottom: 20px;}
.subhd-txt em{font-size: 16px;}
}
@media only screen and (max-width: 320px) {
.band-ttl,.band-fl_ttl {font-size: 15px;}
.band-ttl em,.band-fl_ttl em {font-size: 18px;}
}
/*===============================================
 *	Orange_band
===============================================*/
.bg-orange_band{background: #fbc687;padding: 20px 0;}
.band-ttl_og{max-width: 980px;margin: 0 auto;color: #282828;font-size: 36px;font-weight: bold;}
.band-ttl_og span{color: #c94c2d;}
@media only screen and (max-width: 768px) {
.bg-orange_band {padding: 10px 0 5px 10px;}
}
@media only screen and (max-width: 568px) {
.bg-orange_band {padding: 10px 0 5px 10px;}
.band-ttl_og{font-size: 18px;text-align: center;}
}
@media only screen and (max-width: 320px) {
.band-ttl_og{font-size: 22px;}
}
/*===============================================
 *	小見出し
===============================================*/
.subhd-blue {position: relative;border-left: #346bb6 6px solid;margin-bottom: 40px;font-size: 30px;font-weight: bold;padding: 5px 0 5px 10px;line-height: 1.4;}
.subhd-green {position: relative;border-left: #009db3 6px solid;margin-bottom: 40px;font-size: 30px;font-weight: bold;padding: 5px 0 5px 10px;line-height: 1.4;}
.subhd-blue:after {content: "";position: absolute;left: -8px;bottom: -10px;width: 100%;height: 4px;background: -webkit-repeating-linear-gradient(-45deg, #346bb6, #346bb6 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #346bb6, #346bb6 2px, #fff 2px, #fff 4px);}
.subhd-green:after {content: "";position: absolute;left: -8px;bottom: -10px;width: 100%;height: 4px;background: -webkit-repeating-linear-gradient(-45deg, #009db3, #009db3 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #009db3, #009db3 2px, #fff 2px, #fff 4px);}
@media only screen and (max-width: 768px) {
.subhd-blue,.subhd-green {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.subhd-blue,.subhd-green {font-size: 20px;margin-bottom: 30px;}
}
@media only screen and (max-width: 320px) {
.subhd-blue,.subhd-green {font-size: 18px;}
}
/*===============================================
 *	header
===============================================*/
#header-area{background: #fff;width: 100%;}
#pr-wrap{background: #f2f1f1;padding: 5px 0;}
#pr-header{max-width: 980px;margin: 0 auto;width: 100%;font-size: 13px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#pr-header ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
#pr-header li{background: url("../img/arrow-right.gif") left center no-repeat;float: left;padding-left: 20px;margin-left: 20px;}
#pr-header li a:hover{text-decoration: underline;}
#header-wrap {display: flex;padding: 10px 0;max-width: 980px;margin: 0 auto;align-items: center;}
#header-wrap .logo{max-width: 340px;}
.hd-phonebox {max-width: 290px;}
.hd-mail{margin-left: 25px;}
.hd-campbtnwrap{margin-left: 15px;margin-right: auto;}
.hd-campbtnwrap > a{display: block;line-height: 0;}
.hd-campbtnwrap img{width: 100%;}
@media only screen and (max-width: 768px) {
#pr-wrap{padding: 5px 2%;}
#header-wrap {padding: 10px 2%;}
.hd-phonebox {max-width: 250px;}
.hd-mail{margin-left: 15px;}
#header-wrap .logo{max-width: 290px;}
}
@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;}
#pr-wrap{display: none;}
#header-wrap {padding: 0 60px 0 2%;align-items: center;height: 60px;}
.hd-phonebox {display: none;}
#header-wrap .logo{max-width: 60%;width: auto;}
.hd-campbtnwrap{margin: 0 0 0 auto;}
.hd-campbtnwrap .modal_mv{width: 100%;}
.hd-campbtnwrap .js_modalBtnCont_20off img {height: 60px; width: auto;}
#pr-wrap{padding: 5px 10px;}
.hd-mail{display: none;}
}
@media only screen and (max-width: 320px) {
#pr-header{max-width: 1200px;margin: 0 auto;width: 100%;font-size: 12px;}
}
/*===============================================
 *	gnavi
===============================================*/
#menu-box {background: #fff;border-top: #346bb6 4px solid;transition: all .4s ease;width: 100%;}
#gnavi {max-width: 980px;margin: 0 auto;display: flex;}
#gnavi li {width: calc(100%/7);}
#gnavi li a {font-size: 16px;display: block;padding: 1em 0;color:#282828;text-align: center;}
#gnavi li a:hover {background: #e9f2f7;color: #0046a0;font-weight: 700;}
#gnavi li.select a{display: block;color: #0046a0;background: #e9f2f7;font-weight: bold;}
#gnavi li.btn-contact a {background: #f39800;display: block; color: #fff;}
#gnavi li.btn-contact a:hover {background: #ffa713;}
.nav-box,.nav-btn_home{display: none;}
.gnavi-fixed {position: fixed;width: 100%;top: 0;z-index: 9999;}
@media only screen and (max-width: 768px) {
#gnavi li a {font-size: 13px;padding: 1em 0;letter-spacing: 0;}
}
@media only screen and (max-width: 568px) {
.nav-box{display: block;background: #0046a0;padding: 10px;}
.nav-button {display: block;cursor: pointer;}
.nav-button,.nav-button span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.nav-button {z-index: 20;position: relative;width: 40px;height: 36px;}
.nav-button span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #fff;border-radius: 4px;}
.nav-button span:nth-of-type(1) {top: 6px;}
.nav-button span:nth-of-type(2) {top: 16px;}
.nav-button span:nth-of-type(3) {bottom: 6px;}
.nav-button span:nth-of-type(4) {bottom: 2px;color: #fff;background: none;}
.nav-button.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.nav-button.active span:nth-of-type(2) {opacity: 0;}
.nav-button.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
#menu-box .aside-menu {margin: 2%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
#menu-box .aside-menu li {width: calc(100% / 2.1);}
#menu-box .aside-menu li a{color: #fff;display: block;text-align: center;background: rgba(255,255,255,.1);border: 1px solid #fff;line-height: 1em;margin: 0 auto;padding: 12px 0 13px 0;}
#menu-box .aside-menu li.btn-contact_sp a{background: rgba(247,153,5,.1);border: #f39800 1px solid;color: #f39800;font-weight: bold;}
#menu-box.open {display: block;}
#menu-box.close {display: none;}
#menu-box {position: fixed;left: 0;top: 0;display: none;background-color: rgba(0, 40, 90, 0.85);height: 100%;width: 100%;z-index: 10;}
#menu-box #gnavi {display: block;position: relative;overflow-x: hidden;overflow-y: auto;margin-top: 60px;}
#menu-box .nav-btn_home{display: block;position: absolute;right: 60px;top: 0;}
#menu-box .nav-btn_home a{color: #fff;background: rgba(209,178,105,.8);display: block;padding: 18px 10px 19px;}
#gnavi li {float: left;display: block;border-bottom: #fff 1px solid;box-sizing: border-box;width: 46%;margin: 0 2%;}
#gnavi li a {color: #fff;font-size: 15px;padding: .9em .5em .9em .5em;text-align: left;}
#gnavi li:last-child a{font-size: 15px;padding: .2em .5em .2em .5em;}
#gnavi .pc{display: none;}
#gnavi li.select a{padding: .9em .5em .9em .5em;}
#gnavi a {font-size: 14px;position: relative;}
#gnavi a:after {background: url("../img/arrow-menu.png") no-repeat;background-size: contain;content: "";display: inline-block;width: 15px;height: 15px;top: 50%;right: 10px;position: absolute;transform: translateY(-50%);}
#gnavi li.ac-menu{width: 100%;}
#gnavi li.ac-menu span {padding: 0.5em;color: #494949;background: #fffaf4;border-left: solid 5px #ffaf58;}
#gnavi li.ac-menu ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#gnavi li.ac-menu li{width: 50%;}
}
@media only screen and (max-width: 375px) {
#gnavi li.select a {padding: .6em;}
#gnavi li a {padding: .6em 1em .6em 0;}
#gnavi li:last-child a{line-height: 1.2;padding: .2em .5em .2em .5em;}
}
@media only screen and (max-width: 320px) {
#gnavi li a {font-size: 13px;}
}
/******************************************
* SP MENU 2025/02/12 add
*******************************************/
#navi {display: none;}
#navibtn {display: none;}
#navi input {display: none;}
.menu-parent {position: relative;}
.menu-parent .pd {display: none;}
#navi .select a{background: #0046a0;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.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: #eff7ff;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 {background-color: #fff;}
#navi .select a{background: none;color: #333}
.menu-parent .pd {background: #0046a0;display: block;position: absolute;right: 0;top: 0;width: 58px;height: 58px;}
#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::before{content: "";display: block;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
#navi .menu li.ic-home::before{background:url(../img/common/icon-menu_top_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-price::before{background:url(../img/common/icon-menu_price_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-beginner::before{background:url(../img/common/icon-menu_beginner_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-flow::before{background:url(../img/common/icon-menu_flow_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-company::before{background:url(../img/common/icon-menu_company_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-service::before{background:url(../img/common/icon-menu_service_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-ex::before{background:url(../img/common/icon-menu_ex_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-staff::before{background:url(../img/common/icon-menu_staff_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-faq::before{background:url(../img/common/icon-menu_faq_sp.png) left center no-repeat;background-size: contain;width: 25px;height: 25px;}
#navi .menu li.ic-other::before{background:url(../img/common/icon-menu_other_sp.png) left center no-repeat;background-size: contain;top:30px;width: 25px;height: 25px;}

#navi .menu li::after{content: "";display: block;position: absolute;right: 15px;top: 50%;width: 8px;height: 8px;border: 2px solid #0046a0;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: 60px;z-index: 9999;display: block;}
#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: 15px 20px 15px 50px;}
#navi .menu > li span.other {font-size: 17px;font-weight: bold;text-align: left;padding: 15px 20px 15px 50px;display: block;}
#navi .menu > li.btn-phone_cta {margin: 10px 4%;border: none;}
#navi .menu > li.btn-phone_cta::before,
#navi .menu > li.btn-phone_cta::after {content: none;}
#navi .menu > li.btn-phone_cta a{display: block;padding: 0;border: none;}
#navi .menu > li .menu-child a {font-size: 15px;text-align: left;padding: 15px 10px 15px 20px;letter-spacing: 0;}
#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: #0046a0;margin-left: auto;display: block;position: fixed;z-index: 999;}
.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-sec {padding: 60px 0;}
#media-sec .media-ttl {font-size: 46px;text-align: center;margin: 0 auto 50px;}
#media-sec .underline {position: relative;z-index: 1;background: linear-gradient(transparent 75%, #ffd800 75%);}
@media (max-width: 568px) {
#media-sec {padding: 30px 0;width: 90%;margin: 0 auto;}
#media-sec .media-ttl {font-size: 28px;margin: 0 auto 30px;}
}
.media-slide{
  background: #6b92c6;
  border-radius: 6px;
  padding: 30px;
  margin:50px 0;
}
.l-inner {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
.slide-title{
  background: #fff;
  padding:50px 30px 20px;
  max-width:434px ;
  width: 70%;
  position: relative;
  text-align: center;
}
.media-slide .news p::before{
  content: '';
  background: url(../img/icon_cm.png)no-repeat;
  background-size: contain;
  width: 75px;
  height: 52px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.media-slide .magazine p::before{
  content: '';
  background: url(../img/icon-magazine.png)no-repeat;
  background-size: contain;
  width: 69px;
  height: 52px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.media-slide .news-paper p::before{
  content: '';
  background: url(../img/icon-news.png)no-repeat;
  background-size: contain;
  width: 56px;
  height: 48px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.media-slide .book p::before{
  content: '';
  background: url(../img/icon_book.png)no-repeat;
  background-size: contain;
  width: 48px;
  height: 57px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.media-slide .book{
  padding: 20px 30px 20px;
}
.media-slide .no-link p{
  padding-top: 30px;
  padding: 30px 30px 20px!important;
  line-height: 1.5!important;
}
.slide-title p{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}
.slide-title p span{
  font-size: 30px;
  color: #346bb6;
}
.slide-title a{
  max-width: 200px;
  margin: 10px auto 0;
  display: block;
}
.slide-title a.slide-link{
  max-width: 100%;
  display: inline-block;
  margin: 0 auto 5px;
}
.slide-title a.slide-link span{
  border-bottom: 3px solid #346bb6;
  line-height: 1.4;
}
.slide-title a.slide-link:hover span{
  border-bottom: none;
}

.slide-title a img{
  width: 100%;
  max-width: 200px;
}
.slick-slide .slide-img{
  max-width: 487px;
  width: 100%;
}
.slick-slide .slide-img img{
  max-width: 487px;
}
#thumbs{
  margin-top: 25px;
}

#thumbs .slick-slide{
  margin-right: 10px;
  height: 102.5px;
}
.slide-arrow{
  width: 40px;
  height: 40px;
}
.slick-slider .prev-arrow{
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 10;
}
.slick-slider .next-arrow{
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 10;
}
#slider .slick-list,
#slider .slick-track{
  height: 256px;
}
#thumbs .slick-track{
  height: 102.5px;
}
#thumbs .slick-center{
  position: relative;
}
#thumbs .slick-center::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255,255,255,.5);
  z-index: 1;
  }
  @media only screen and (max-width: 768px) {
      .slide-title p{
          font-size: 18px;
      }
      .slide-title p span{
          font-size: 22px;
      }
      .slide-title a img{
          max-width: 150px;
      }
      .slide-title a{
          max-width: 150px;
      }
      .media-slide .news p::before{
          width: 55px;
          height: 32px;
      }
      .l-inner .media-slide{
          max-width: 86%;
          margin: 30px auto;
      }
      .slide-title{
          padding: 40px 15px 10px;
      }
      #thumbs{
          margin-top: 0;
      }
      #slider .slick-list,
      #slider .slick-track{
        height: 29vw;
      }
      #thumbs .slick-list,
      #thumbs .slick-track{
        height: 9vw;
      }
      .media-slide .book{padding: 23px 15px 10px;}
      .media-slide .book p::before {
        width: 40px;
      }
  }
  @media only screen and (max-width: 568px) {
      .slick-slide .row-rev{
          flex-direction: column;
      }
      .l-inner .media-slide{
          max-width: 75%;
      }
      .slide-title{
          width: 100%;
      }
      .l-inner .media-slide{
          padding: 20px 20px 40px;
          margin: 20px auto;
      }
      #slider .slick-list,
      #slider .slick-track{
        height: auto;
      }
      #thumbs .slick-list,
      #thumbs .slick-track{
        height: 93px;
      }
      #thumbs{
          margin-top: 10px;
      }
      #thumbs .slick-center::before {
          height: 100%;
      }
      .slide-title{
          padding: 30px 0 0;
          min-height: 155px;
      }
      .slide-title p span {
        font-size: 20px;
      }
      .slide-arrow{
          width: 20px;
          height: 20px;
      }
      .slick-slider .prev-arrow{
          top:58%;
          left: -20px;
      }
      .slick-slider .next-arrow{
          top:58%;
          right: -40px;
      }
      .media-slide .news p::before {
        width: 40px;
      }
      .media-slide .news-paper p::before{
          width: 40px;
          height: 39px;
      }
      .media-slide .magazine p::before{
          width: 40px;
          height: 37px;
      }
      .media-slide .book p::before{
          width: 32px;
          height: 45px;
      }
      .media-slide .book{
          padding: 20px 0 10px;
      }
      .media-slide .book p{
        font-size: 16px;
      }
      .media-slide .book p span{
        font-size: 18px;
      }
      .media-slide .no-link p{
        padding: 30px 20px 10px !important;
      }
  }
/*--------------------------------
	CM
--------------------------------*/
#cm_tv{background: #6b92c6;border-radius: 6px;padding: 30px;margin: 50px auto 60px;}
#cm_tv .txt {background: #fff;border-radius: 6px;padding: 20px;width: 50%;}
#cm_tv h3 {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.4;position: relative;top: -6px;}
#cm_tv h3 span {font-size: 30px;color: #346bb6;position: relative;padding-left: 80px;}
#cm_tv h3 span::before {content: '';background: url("../img/media/icon_cm.png") no-repeat;background-size: contain;width: 75px;height: 52px;position: absolute;left: -13px;top: 9px;}
#cm_tv p {max-width: 200px;margin: 0 0 0 auto;}
#cm_tv .movie_thumbnail-yt {width: 42%;}
@media only screen and (max-width: 1024px) {
#cm_tv h3 {line-height: 1.4;}
#cm_tv h3 span {font-size: 32px;padding-left: 50px;}
#cm_tv h3 span::before {width: 50px;top: 5px;left: -10px;}
}
@media only screen and (max-width: 960px) {
#cm_tv {margin: 4vw auto 5vw;padding: 3vw;}
#cm_tv .txt {padding: 15px;width: 52%;}
#cm_tv h3 {font-size: 18px;}
#cm_tv h3 span {font-size: 22px;letter-spacing: 0px;}
#cm_tv p {max-width: 180px;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#cm_tv {flex-direction: column;padding: 20px 25px 25px;margin: 30px auto 30px;}
#cm_tv .txt {margin: 0 0 1em 0;padding: 5%;width: 90%;}
#cm_tv h3 {font-size: 15px;top: 0;line-height: 1.5;margin-bottom: 9px;}
#cm_tv h3 span {font-size: 16px;padding-left: 28px}
#cm_tv h3 span::before {width: 35px;top: 5px;}
#cm_tv .movie_thumbnail-yt {width: 100%;}
}

/*===============================================
 *	main-wrapper
===============================================*/
#bg-mainvisual {background: url("../img/bg_mainvisual_pc.jpg") left center no-repeat;position: relative;z-index: 0;background-size: cover;height: 500px;}
.mainvisual-txtbox{max-width: 980px;width: 100%;margin: 0 auto;display: flex;align-items: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.visual-txtbox{max-width: 500px;text-align: center;}
.visual-txtbox ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.visual-txtbox li {background: #fff;border: #f39800 4px solid;color: #f39800;font-size: 16px;font-weight: 900;width: 40%;padding: 5px;margin-bottom: 10px;text-align: center;line-height: 1.3;}
.visual-txtbox li b{display: block;font-size: 26px;}
.achievement-txt{background: #346bb6;border-radius: 60px;color: #fff;font-size: 20px;font-weight: bold;letter-spacing: 1px;padding: 5px 0;position:relative;width: 92%;margin: 0 auto;}
.achievement-txt:before {content: "";background: url("../img/icon-crown.gif") no-repeat;display:inline-block;background-size: contain;padding-left: 5px;width: 34px;height: 26px;}
.achievement-txt b{color: #ffe000;font-size: 28px;}
.txt-prbox {position: relative;display: inline-block;padding: 10px;background: #f39800;margin-bottom: 1.3em;border-radius: 6px;}
.txt-prbox:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -10px;border: 10px solid transparent;border-top: 10px solid #f39800;}
.txt-prbox .txt-prttl{color: #fff;font-size: 19px;font-weight: bold;}
.hd-primary{font-size: 30px;font-weight: 800;text-align: center;margin-bottom: 10px;}
.hd-primary em{color: #0046a0;display: block;font-size: 48px;}
.hd-primary em span{font-size: 58px;}
.hd-primary span{font-size: 32px;}
.out-txt {display: inline-block;text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.out-stxt {display: inline-block;letter-spacing: 5px;text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;line-height: 1.3}
.cheapest-txt{font-size: 26px;font-weight: 900;color: #f39800;letter-spacing: 0;position: relative;padding: 0 45px 0 55px;margin-bottom: 10px;}
.cheapest-txt b{font-size: 32px;padding-left: 10px;}
.cheapest-txt::before{content: '';display: inline-block;width: 48px;height: 52px;background-image: url("../img/bg-emp_lf.png");background-size: contain;vertical-align: middle;position: absolute;left: 0;top: -10px;}
.cheapest-txt::after{content: '';display: inline-block;width: 48px;height: 52px;background-image: url("../img/bg-emp_rt.png");background-size: contain;vertical-align: middle;position: absolute;right: 0;top: -10px;}
.mv-certificate{max-width: 496px;}
@media only screen and (max-width: 768px) {
.visual-txtbox ul {justify-content: space-evenly;}
.visual-txtbox li {width: 40%;}
#bg-mainvisual {background-size: 185%;height: 320px;}
.mv-certificate {max-width: 300px;margin: 0 auto;}
.hd-primary {font-size: 22px;}
.hd-primary span {font-size: 30px;}
.hd-primary em{font-size: 40px;}
.hd-primary em span{font-size: 48px;}
.cheapest-txt{font-size: 24px;}
.cheapest-txt b{font-size: 30px;}
}
@media only screen and (max-width: 568px) {
#bg-mainvisual {background: url("../img/bg_mainvisual_sp.jpg") left center no-repeat;height: 552px;margin-top: 82px;background-size: cover;}
#bg-mainvisual img {width: 100%;height: auto;}
.visual-txtbox ul{margin: 0 3%;}
.visual-txtbox li {border: #f39800 2px solid;font-size: 14px;padding: 5px;width: 42%;}
.visual-txtbox li b {font-size: 20px;}
.achievement-txt {font-size: 18px;line-height: 1.4;}
.achievement-txt:before {padding-left: 10px;width: 24px;height: 22px;}
.achievement-txt b{font-size: 24px;}

.mv-certificate {max-width: 390px;margin: 0 4%;}
.mainvisual-txtbox {display: block;flex-wrap: wrap;padding-top: 5%;position: relative;}
.txt-prbox .txt-prttl{font-size: 16px;}
.txt-prbox {padding: 5px 10px;}
.hd-primary {font-size: 18px;}
.hd-primary span {font-size: 26px;}
.hd-primary em {font-size: 34px;}
.hd-primary em span {font-size: 42px;}
.out-txt {text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;}
.out-stxt {text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;}
.cheapest-txt {font-size: 20px;padding: 0 35px 0 40px;}
.cheapest-txt b {font-size: 26px;}
.cheapest-txt::before,.cv_cheapest-txt::before{left: 15px;top: 0;}
.cheapest-txt::after,.cv_cheapest-txt::after{right: 15px;top: 0;}
.cheapest-txt::before,.cheapest-txt::after{width: 24px;height: 26px;}
.visual-txtbox {margin-bottom: 2em;}
}
@media only screen and (max-width: 390px) {
.txt-prbox .txt-prttl{font-size: 18px;}
}
@media only screen and (max-width: 375px) {
#bg-mainvisual {height: 500px;}
.txt-prbox .txt-prttl{font-size: 18px;}
.visual-txtbox li {font-size: 16px;}
}
@media only screen and (max-width: 320px) {
#bg-mainvisual {height: 450px;}
.txt-prbox .txt-prttl {font-size: 13px;}
.visual-txtbox li b {font-size: 13px;}
.out-stxt {letter-spacing: 0;}
.cheapest-txt {font-size: 16px;}
.cheapest-txt b {font-size: 18px;}
.mv-certificate {max-width: 310px;}
.visual-txtbox li {border: #f39800 3px solid;font-size: 13px;}
}
/*===============================================
 *	注意事項
===============================================*/
.precautions-box{background: #fff2f4;border: #e78c99 5px solid;padding: 2em;}
.precautions-box dt{background: url("../img/icon-caution.png") left center no-repeat;color: #da6272;font-size: 26px;font-weight: bold;margin: 0 auto 20px;padding-left: 1.5em;width: 68%;}
.precautions-box b{display: block;font-size: 14px;padding: 5px 0;}
@media only screen and (max-width: 768px) {
.precautions-box{padding: 1em;}
.precautions-box dt{width: auto;}
}
@media only screen and (max-width: 568px) {
.precautions-box{padding: .5em;}
.precautions-box dt{font-size: 18px;padding-left: 2.5em;line-height: 1.4;}
}
/*-----------------------------------------------
 *	attention
-----------------------------------------------*/
.attention-wrap{align-items: flex-start;background: #fcfaee;border: #f7efcb 2px solid;display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 0 4% 0;padding: 4%;font-size: 18px;}
img.icon-attention{max-width: 100px;margin-right: 3%;}
@media only screen and (max-width: 768px) {
.caution-wrap {font-size: 16px;}
img.icon-attention {max-width: 60px;}
}
@media only screen and (max-width: 568px) {
.attention-wrap {font-size: 13px;}
img.icon-attention {max-width: 30px;margin: 0 auto 10px;}
}
/*===============================================
 *	map-wrap
===============================================*/
#map-wrap {background-image:url("../img/bg-area_bottom.png"),url("../img/bg-area_top.png");background-repeat:no-repeat,no-repeat;background-position:bottom left,top right;background-color:#e4f3f9;padding: 5% 0 8%;}
.img-map{max-width: 667px;margin: 0 auto;} 
.map-area{position: relative;padding-top: 2%;}
.map-area dl{background: #fff;width: 160px;border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px;border-top-right-radius: 6px;-webkit-top-bottom-right-radius: 6px;padding: 10px 0 0 10px;position:absolute;box-shadow: 0 0 5px #ccc;}
.map-area dl dt{font-size: 18px;margin-bottom: 5px;text-align: center;}
.map-area dl ul{display: flex;justify-content: flex-start;;flex-wrap: wrap;}
.map-area dl li{background: #fff;border: #cacaca 1px solid;border-radius: 6px;box-shadow: 0px 3px 0 0 rgba(181,181,181,1);font-size: 15px;width: 70px;margin:0 8px 10px 0;}
.map-area dl li a{background: url("../img/arrow-map.gif") 95% center no-repeat;display: block;padding: 4px 5px;}
.map-area dl li a:hover{background: url("../img/arrow-map.gif") 95% center no-repeat #f5f5f5;}
.map-area dl.hokkaido{border-top:#8886d9 7px solid;right: 50px;top: 130px;}
.map-area dl.hokkaido dt{color:#8886d9;}
.map-area dl.kanto{border-top:#379f3c 7px solid;right: 150px;bottom: 0;}
.map-area dl.kanto dt{color:#379f3c;}
.map-area dl.chubu{border-top:#89c315 7px solid;right: 400px;top: 60px;}
.map-area dl.chubu dt{color:#89c315;}
.map-area dl.kansai{border-top:#dfb202 7px solid;left: 280px;bottom: -110px;}
.map-area dl.kansai dt{color:#dfb202;}
.map-area dl.chugoku{border-top:#ff9900 7px solid;left: 200px;bottom: 200px;}
.map-area dl.chugoku dt{color:#ff9900;}
.map-area dl.kyushu{border-top:#ff6460 7px solid;left: 0;bottom: 0;}
.map-area dl.kyushu dt{color:#ff6460;}
.map-area dl.hokkaido dd li:last-child{width: 100%;}
.map-area dl.chubu dd li:last-child{width: 100%;}
.map-area dl.chugoku dd li:last-child{width: 100%;}
.map-area dl.kanto dd li:last-child{width: 100%;}
.map-area dl.kansai dd li:last-child{width: 100%;}
.map-annotation_txt{font-size: 13px;position:absolute;left: 0;bottom: -200px;}
.annotation_txt{font-size: 13px;}
@media only screen and (max-width: 768px) {
#map-wrap {padding: 5% 0 18%;background-size: contain;}
.map-area {padding-top: 0;}
.map-area dl.hokkaido {right: 0;}
.map-area dl.kanto {right: 60px;bottom: -50px;}
.map-area dl.chubu {right: 300px;top: 50px;}
.map-area dl.kansai {left: 230px;}
.map-area dl.chugoku {left: 50px;}
.map-area dl.kyushu {bottom: -80px;}
}
@media only screen and (max-width: 568px) {
#map-wrap {padding: 10% 0 35%;background-size: 50%;}
.map-area {padding-top: 15%;}
.map-area dl{padding: 0;width: 120px;}
.map-area dl dt{font-size: 14px;margin:0;}
.map-area dl ul {border-top: #cacaca 1px solid;}
.map-area dl li{border: none;border-bottom: #cacaca 1px solid;box-shadow: none;border-radius: 0;font-size: 12px;width: 50%;margin:0;box-sizing: border-box;}
.map-area dl li:nth-child(odd){border-right: #cacaca 1px solid;}
.map-area dl.hokkaido {top: 0;}
.map-area dl.kanto {right: 0;bottom: 70px;}
.map-area dl.chubu {right: 0;left:15%;top:0;/*left: 100px;top: 15px;*/}
.map-area dl.chugoku {left: 0;bottom: 65px;}
.map-area dl.kansai {left: 180px;bottom: -90px;}
.map-area dl.kanto dd li:last-child{border: none;}
.map-area dl.kansai dd li:last-child{border: none;}
.map-annotation_txt{bottom: -150px;}
}
@media only screen and (max-width: 375px) {
.map-area dl.chugoku {bottom: 55px;}
.map-area dl.kanto {bottom: 60px;}
}
@media only screen and (max-width: 320px) {
#map-wrap {padding: 10% 0 45%;}
.map-area dl.kanto {bottom: 25px;}
.map-area dl.chubu {left: 35px;top: 0px;}
.map-area dl.kansai {bottom: -140px;}
.map-area dl.chugoku {bottom: 45px;}
}
/*===============================================
 *	media
===============================================*/
#media-wrap{margin-bottom: 50px;padding: 50px 0 0;}
#media-wrap h2{font-size: 44px;margin-bottom: 30px;text-align: center;}
#media-wrap .fl-right{margin-left: auto;}
#media-wrap .fl-right .media-txtbox{left:0;}
#media-wrap .fl-right img{margin-left: auto;}
#media-wrap .fl-left{margin-right: auto;}
#media-wrap .fl-left .media-txtbox{right:0;}
#media-wrap .fl-left img{margin-right: auto;}
.media-box {max-width: 1440px;position: relative;margin-bottom: 40px;}
.media-box img{z-index: 0;max-width: 982px;}
.media-txtbox{background: rgba(233,242,247,.8);padding: 20px;max-width: 510px;position: absolute;bottom: 35%;z-index: 5;}
.media-txtbox h3{font-size: 18px;margin-bottom: 15px;}
.media-txtbox h3 span{display: inline-block;background: #6bb9e4;color: #fff;border-radius: 60px;font-size: 15px;padding: 2px 20px 0 20px;margin-bottom: 5px;}
.media-txtbox h3 em{font-size: 22px;background:linear-gradient(transparent 70%, #c2e7fc 0%);}
@media only screen and (max-width: 768px) {
#media-wrap h2 {font-size: 32px;margin-bottom: 20px;}
.media-txtbox {bottom: 0;}
}
@media only screen and (max-width: 568px) {
#media-wrap{padding: 30px 0 0;}
#media-wrap h2{font-size: 23px;}
.media-box {margin-bottom: 60px;}
.media-txtbox {padding: 10px;bottom: -30px;}
.media-txtbox h3 {font-size: 14px;margin-bottom: 0;}
.media-txtbox h3 span {font-size: 13px;}
.media-txtbox h3 em {font-size: 15px;}
.media-txtbox p {display: none;}
}
/*===============================================
 *	safety-wrap
===============================================*/
.bg-reason3 {background: url("../img/bg-3reason.png") left no-repeat;background-size: contain;max-width: 770px;margin: 10px auto 10px;}
.reason3-box {padding: 2.5em 0;max-width: 480px;margin-left: auto;}
.reason3-box img{display: block;max-width: 386px;margin: 0 0 10px 0;}
.ttl-main_reason{font-size: 40px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;margin-bottom: .5em;line-height: 1.4;}
.ttl-main_reason span{font-size: 46px;}
.icon-reason{width: 70px;}
.safety-box {background:url("../img/bg-note.png") bottom left repeat #fff;border: #dddada 2px solid;max-width: 900px;position: relative;margin: 0 auto;}
.safety-box ul{padding: 10px 20px 0;margin-bottom: 25px;}
.safety-box ul li{background: url("../img/icon-chk.png") left center no-repeat;border-bottom: #d86666 2px dashed;font-size: 20px;padding: 10px 10px 5px 1.5em;}
.ttl-safety{background: #d86666;padding: 5px 10px 5px 1em;color: #fff;font-size: 28px;font-weight: bold;}
.icon-caution02{display: inline;max-width: 42px;padding-right: 15px;padding-bottom: 5px;}
.safety-txtbox{background: #f2e8e8;padding: 20px;}
.safety-txtbox p span{font-weight: bold;}
.anxiety-man{position: absolute;right:20px;top: 2px;max-width: 230px;}
.arrow-relief{max-width: 680px;margin: 0 auto 3em;}
.certificate-li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.certificate-li li img{margin: 0 auto 10px;}
.certificate-li dt {font-size: 22px;font-weight: bold;color: #c09202;position: relative;text-align: center;margin-bottom: 1em;border-bottom: 6px solid #d1b269;line-height: 1.2;padding-bottom: 5px;}
.certificate-li dt span{display: block;}
.certificate-li dt:before {position: absolute;bottom: -6px;left: 0;width: 30%;height: 6px;content: '';background: #b99645;}
.certificate-li dt span {display: block;}
.certificate-li li:nth-child(1) dd img{max-width: 215px;}
.certificate-li li:nth-child(2) dd img{max-width: 250px;}
.certificate-li li:nth-child(3) dd img{max-width: 264px;}
.certificate-li li {background: #fffaee;box-shadow: 0 10px 25px 0 rgba(219, 219, 219, 1);border: #d1b269 2px solid;padding: 20px;max-width: 315px;position: relative;box-sizing: border-box;}
.certificate-li li::before, .certificate-li li::after {content: '';width: 30px;height: 30px;position: absolute;}
.certificate-li li::before {border-left: solid 6px #d1b269;border-top: solid 6px #d1b269;top: 0;left: 0;}
.certificate-li li::after {border-right: solid 6px #d1b269;border-bottom: solid 6px #d1b269;bottom: 0;right: 0;}
#safety-wrap .safety_top_content {gap: 0 3%; margin-bottom: 4%;}
#safety-wrap .safety_top_content .photo {flex: 1; position: relative;}
#safety-wrap .safety_top_content .photo::after {content: '';background: url(../img/top/ihinseirishi_badge.png) no-repeat; background-size: contain;width: 31.5%; height: 150px; position: absolute; top: -3%; right: -3%;}
#safety-wrap .safety_top_content .txt_box {flex: 1;}
#safety-wrap .safety_top_content .ttl {font-size: clamp(18px, 2.0vw, 24px); font-weight: bold; margin-bottom: 0.5em;}
#safety-wrap .staff_box {background: url(../img/top/staffbox_bg.jpg) no-repeat center; background-size: cover; border: 4px solid #346bb6; border-radius: 10px; position: relative; padding: 2.25% 0 2.25% 8%; z-index: 1; margin: 4% 0;}
#safety-wrap .staff_box::after {content: ''; background: url(../img/top/staffs.png) no-repeat bottom left; background-size: contain; width: 38.2%; height: 137px; position: absolute; bottom: 0; right: 10%;}
#safety-wrap .staff_box p {font-size: clamp(21px, 3.0vw, 34px); font-weight: bold;position: relative; z-index: 1;}
#safety-wrap .staff_box p .underline_yellow {background: linear-gradient(transparent 70%, #f1e33f 0%);}
#safety-wrap .staff_box p .ptxt {position: relative;}
#safety-wrap .staff_box p .ptxt::before {content: ''; background: url(../img/top/icon_heart.png) no-repeat right bottom; background-size: contain; width: 0.95em; height: 43px; position: absolute; top: -0.65em; right: 0; z-index: -1;}

@media only screen and (max-width: 1024px) {
#safety-wrap{background: none;}
}
@media only screen and (max-width: 768px) {
.bg-reason3 {background: url(../img/bg-3reason.png) 5% no-repeat;background-size: contain;}
.reason3-box {max-width: 510px;}
.reason3-box img{max-width: 346px;}
.ttl-main_reason {margin: 0 3% .5em;line-height: 1.4;}
.icon-reason {height: 74px;}
.safety-box ul li {font-size: 18px;}
.safety-txtbox {padding: 10px;}
.anxiety-man {right: 0;top: 7px;max-width: 210px;}
.certificate-li li {width: calc(96% / 3);margin-bottom: 1em;max-width: initial;padding: 15px 10px;}
.certificate-li li:nth-child(1) dd img {max-width: 185px;}
.certificate-li li:nth-child(1) dd img {max-width: 165px;}
.certificate-li li:nth-child(2) dd img{max-width: 186px;}
.certificate-li dt {font-size: 18px;}
.certificate-li li dd p{padding-top: 1em;}
}
@media only screen and (max-width: 568px) {
.reason3-box {margin-left: auto;max-width: 295px;padding: 1em 0;}
.bg-reason3 {background: url(../img/bg-3reason.png) 10px bottom no-repeat;background-size: contain;}
.reason3-box img {max-width: 146px;}
.ttl-main_reason span {font-size: 28px;}
.ttl-main_reason {font-size: 20px;}
.ttl-main_reason span {font-size: 25px;}
.anxiety-man{display: none;}
.icon-reason {height: auto;width: 100%;max-width: 40px;}
.ttl-safety {padding: 10px;font-size: 16px;text-align: center;}
.icon-caution02 {max-width: 25px;display: block;margin: 0 auto;}
.safety-box ul {padding: 10px 10px 0;margin-bottom: 20px;}
.safety-box ul li {background-size: 18px;font-size: 15px;padding: 10px 10px 5px 2em;}
.certificate-li li {width: 100%;}
.certificate-li li::before, .certificate-li li::after {width: 20px;height: 20px;}
.certificate-li dt span{display: inline-block;margin-left: 0.35em;}
.certificate-li li dd {display: flex;justify-content: space-between;}
.certificate-li li dd img{margin: 0 10px 0 0;width: 100%;}
.certificate-li li dd p {padding-top: 0;font-size: 14px; width: 48%;}
.certificate-li li:nth-child(1) dd img {max-width: 185px; width: 48%;}
.certificate-li li:nth-child(2) dd a {max-width: 165px; width: 48%;}
.certificate-li li:nth-child(3) dd img{max-width: 186px; width: 48%;}
#safety-wrap .safety_top_content {flex-direction: column; gap: 15px 0; margin-bottom: 6%;}
#safety-wrap .safety_top_content .ttl {text-align: center; font-size: 19px;}
}
@media only screen and (max-width: 375px) {
.reason3-box {max-width: 265px;}
.ttl-main_reason span {font-size: 24px;}
}
@media only screen and (max-width: 320px) {
.icon-reason {max-width: 35px;}
.icon-caution02 {max-width: 20px;padding-right: 5px;}
.ttl-safety {font-size: 15px;}
}
/*===============================================
 *	bereaved-wrap
===============================================*/
.bereaved-list{max-width: 900px; margin: 0 auto 2%;}
.bereaved-list li{margin-bottom: 1.5em;max-width: 395px;}
.bereaved-list dt{font-size: 18px;text-align: center;margin-bottom: 10px;}
.bereaved-list dt span{font-size: 22px;font-weight: bold;background:linear-gradient(transparent 60%, #ff6 60%);padding: 0 5px;}
.basic-li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.basic-li li img{margin: 0 auto;}
.basic-li li {background: #fff;box-shadow: 0 10px 25px 0 rgba(219, 219, 219, 1);border: #009db3 2px solid;padding: 15px;position: relative;}
.basic-li li::before, .basic-li li::after {content: '';width: 30px;height: 30px;position: absolute;}
.basic-li li::before {border-left: solid 6px #009db3;border-top: solid 6px #009db3;top: 0;left: 0;}
.basic-li li::after {border-right: solid 6px #009db3;border-bottom: solid 6px #009db3;bottom: 0;right: 0;}
#bereaved-wrap .bereaved_top {gap: 0 3%; margin-bottom: 4%;}
#bereaved-wrap .bereaved_top img {width: 23.4%;}
#bereaved-wrap .bereaved_top .ttl {font-size: clamp(20px, 2.7vw, 32px); font-weight: bold; line-height: 1.4;}
#bereaved-wrap .bereaved_top .ttl em {font-size: 1.2em;}
#bereaved-wrap .all_support .arrow {width: 14%; margin: 1.0% auto 1.5%;}
#bereaved-wrap .all_support > .row {gap: 0 3%;}
#bereaved-wrap .all_support .photo {width: 48.5%; margin: -1.9% 0 0 -0.5%;}
#bereaved-wrap .all_support .r_box {width: 48.5%;}
#bereaved-wrap .all_support ul {width: 100%; display: flex; flex-direction: column; gap: 15px 0; position: relative; margin-bottom: 10px;}
#bereaved-wrap .all_support ul::after {content: '';background: url(../img/top/batsu.png) no-repeat center; background-size: contain; width: 8%; height: 31px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
#bereaved-wrap .all_support li {background: #009db3; border-radius: 5px; font-size: clamp(18px, 2.5vw, 30px); font-weight: bold; padding: 0.25em 0;}
#bereaved-wrap .all_support li span {transform: skew(-10deg);color: #fff; display: inline-block; position: relative; text-shadow: 2px 2px 0 #103971;}
#bereaved-wrap .all_support li span::before {content: ''; background: url(../img/top/icon_check.png) no-repeat; background-size: contain; width: 1.2em; height: 1.2em; position: absolute; left: -1.5em; top: 54%; transform: translateY(-50%) skew(10deg);}
#bereaved-wrap .all_support p {font-size: clamp(18px, 2.0vw, 24px); font-weight: bold;}
#bereaved-wrap .all_support p .gtxt {font-size: 1.25em;}
@media only screen and (max-width: 1024px) {
#bereaved-wrap{background: none;}
}
@media only screen and (max-width: 960px) {
.bereaved-list li {width: 44%;}
}
@media only screen and (max-width: 768px) {
.bereaved-list li {font-size: 18px;width: 100%;max-width: 305px;margin-bottom: 1em;}
.bereaved-list li img {margin: 0 auto 10px;width: 100%;}
.bereaved-list dt span{display: inline-block;}
.bereaved-list li dd {display: flex;align-items: center;}
.bereaved-list li dd img{margin: 0 10px 0 0;width: 100px;}
.bereaved-list li dd p {margin-left: 0;padding-top: 0;font-size: 14px;}
}
@media only screen and (max-width: 568px) {
.bereaved-list li {max-width: initial;padding: 10px;}
.bereaved-list dt {font-size: 16px;line-height: 1.4;}
.bereaved-list dt span {font-size: 18px;}
.bereaved-list li dd p {margin-left: 0;padding-top: 0;font-size: 14px;}
.basic-li li::before, .basic-li li::after {width: 20px;height: 20px;}
#safety-wrap .staff_box {padding: 6% 0 6.5%; background: url(../img/top/staffbox_bg_sp.jpg) no-repeat; background-size: cover; margin: 3% 0 8%;}
#safety-wrap .staff_box p {text-align: center; font-size: 5.6vw;}
#safety-wrap .staff_box p .underline_yellow {padding-bottom: 3px;}
#safety-wrap .staff_box p .ptxt::before {width: 1.35em; top: -1.15em;}
#safety-wrap .staff_box::before {content: '';background: url(../img/top/staff_01.png) no-repeat left bottom; background-size: contain; position: absolute; left: 0; bottom: 0; width: 70px; height: 106px;}
#safety-wrap .staff_box::after {content: '';background: url(../img/top/staff_02.png) no-repeat right bottom; background-size: contain; position: absolute; right: 0; bottom: 0; width: 75px; height: 106px;}
#bereaved-wrap .all_support .arrow {width: 33%; margin: 1.0% auto 3.5%;}
#bereaved-wrap .all_support > .row {flex-direction: column-reverse; gap: 16px 0;}
#bereaved-wrap .all_support .photo {width: 100%;}
#bereaved-wrap .all_support .r_box {width: 100%;}
#bereaved-wrap .all_support ul::after {width: 9%;}
#bereaved-wrap .all_support li {font-size: 5.3vw; padding: 0.45em 0 0.45em 1.0em;}
#bereaved-wrap .all_support p .gtxt {font-size: 1.15em;}
#bereaved-wrap .bereaved_top {gap: 0 2%; margin-top: -15px;}
#bereaved-wrap .bereaved_top .ttl {font-size: 3.73vw;}
#bereaved-wrap .bereaved_top img {width: 28%;}
}
/*===============================================
 *	cheapest-wrap
===============================================*/
.bg-price{background: url("../img/bg-catch-price.png") left bottom no-repeat;background-size: 302px;max-width: 842px;margin: 0 auto;padding: 2.2em 0;}
.price-box {max-width: 580px;margin-left: auto;}
.ttl-main_price{font-size: 32px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;line-height: 1.4;}
.ttl-main_price span{font-size: 40px;}


.ttl-catch-price{max-width: 843px;margin: 0 auto;}
.graph-contbox{background:#fff;border: #346bb6 10px solid;padding: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin-bottom: 2em;}
.graph-default{max-width: 355px;}
.service-aboutbox{max-width: 520px;}
.service-aboutbox > img{margin-bottom: 20px;}
.service-aboutbox ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.service-aboutbox li{background: #e7f1ff;border: #b4cff5 2px solid;color: #dd717f;font-weight: bold;margin-bottom: 15px;padding: 2%;text-align: center;width: calc(80%/3);position: relative;}
.service-aboutbox li::after {content: '';background: url(../img/arrow-btn-box.png) no-repeat center;background-size: contain;position: absolute;right: 0;bottom: 0;width: 30px;height: 30px;}
.service-aboutbox li a{color: #dd717f;display: block;}
.service-aboutbox li p{font-weight: bold;line-height: 1.2;}
.service-aboutbox li span{font-size: 13px;}
.service-aboutbox li img{height: 90px;object-fit: cover;margin: 0 auto 10px;}
#cheapest-wrap .btn_area {gap: 0 3%; margin-bottom: 5%;}
#cheapest-wrap .btn_area .btn-basic {margin: 0;}
#cheapest-wrap .btn_area .color02 {background: url("../img/arrow-link_down.png") 95% center no-repeat #279db3; border-color: #0b5462;}
@media all and (-ms-high-contrast: none) {
.graph-contbox{flex-wrap: nowrap;}
.service-aboutbox{margin-left: 20px;max-width: 520px;}
}
@media only screen and (max-width: 1024px) {
#cheapest-wrap{background: none;}
}
@media only screen and (max-width: 768px) {
.bg-price {background: url(../img/bg-catch-price.png) left bottom no-repeat;background-size: 35%;padding: 0;}
.price-box {max-width: 510px;}
.price-box img{max-width: 346px;}
.ttl-main_price {font-size: 30px;line-height: 1.4;padding: 0 0 1em;}
.ttl-main_price span{font-size: 32px;}

.graph-contbox {padding: 20px;}
.graph-default {max-width: 242px;}
.service-aboutbox {max-width: 375px;}
.service-aboutbox li {padding: 0 0 2%;width: calc(93%/3);}
}
@media only screen and (max-width: 568px) {
.bg-price {background-size: 32%;}
.price-box {max-width: 274px;padding: 0 0 1em;}
.price-box img {max-width: 196px;}
.ttl-main_price {font-size: 16px;padding: 0;}
.ttl-main_price span {font-size: 18px;}

.graph-contbox {border: #346bb6 7px solid;padding: 15px;}
.graph-default {max-width: initial;margin-bottom: 1.5em;}
.service-aboutbox li {font-size: 14px;box-sizing: border-box;width: calc(96%/2);}
/* .service-aboutbox li:nth-child(n+4) {margin: 0;} */
.service-aboutbox li::after {width: 20px;height: 20px;}
#cheapest-wrap .btn_area {flex-direction: column; align-items: center; gap: 15px 0; margin-bottom: 9%;}
#cheapest-wrap .btn_area .color02 {background-size: 15px;}
}
@media only screen and (max-width: 320px) {
.service-aboutbox li {font-size: 11px;}
.service-aboutbox li:last-child,.service-aboutbox li:nth-last-child(2) {margin: 0;}
.service-aboutbox li img{margin: 0 auto 5px;}
}

/*-----------------------------------------------
 *	price-tbl
-----------------------------------------------*/
.ttl-price-tbl{color: #fff;background: #346bb6;font-size: 34px;font-weight: bold;text-shadow: 1px 1px 0 #103971;text-align: center;padding: 5px 0 10px;letter-spacing: 1px;}
table.price-tbl tr:nth-child(even){background-color: #effffc;}
table.price-tbl th{background: #34b69c;text-align: center;color:#fff;font-size: 20px;font-weight: bold;}
table.price-tbl th:nth-of-type(2){background: #346bb6;width: 35%;}
table.price-tbl th:last-child{background: #dd717f;width: 42%;}
table.price-tbl td{font-size: 20px;font-weight: 700;text-align: center;}
table.price-tbl td:last-child{color: #f25d5e;font-size: 28px;}
img.img-price_service{margin-bottom: 4%;}
@media only screen and (max-width: 768px) {
.adjust-txt{font-size: 18px;}
}
@media only screen and (max-width: 568px) {
.ttl-price-tbl {font-size: 21px;}
table.price-tbl th {font-size: 16px;}
table.price-tbl td {font-size: 16px;}
table.price-tbl td:last-child {font-size: 21px;}
.adjust-txt{font-size: 15px;}
}
@media only screen and (max-width: 375px) {
table.price-tbl th {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.ttl-price-tbl {font-size: 18px;}
table.price-tbl th {font-size: 14px;}
table.price-tbl td {font-size: 14px;}
table.price-tbl td:last-child {font-size: 17px;}
.adjust-txt{font-size: 14px;}
}
/*-----------------------------------------------
 *	price-bluebox
-----------------------------------------------*/
.price-bluebox{background:#fff;border: #346bb6 10px solid;}
@media only screen and (max-width: 568px) {
.price-bluebox{border: #346bb6 5px solid;}
}

/*===============================================
 *	work-wrap
===============================================*/
#work-wrap {margin-bottom: 0;}
.basic-bluebox{background:#fff;border: #346bb6 10px solid;margin-bottom: 30px;}
.basic-greenbox{background:#fff;border: #34b699 10px solid;margin-bottom: 30px;}
.icon-case{width: 53px; margin: 0 2%;}
.bluebox-ttl{display: flex;align-items: center;background: #346bb6;font-size: 34px;padding: 10px 0 20px 20px;}
.bluebox-ttl span{display: block;text-shadow: 1px 1px 0 #103971;color: #fff;font-weight: bold;padding-left: 20px;line-height: 1.2;}
.bluebox-contents,.internal-content{padding: 30px;}
.price-aboubox{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.txt-price{max-width: 390px;display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 1;}
.txt-price li {width: 170px;position: relative;margin-bottom: 50px;}
.txt-price li dl{border: #a3a3a3 1px solid;}
.txt-price dl dt{background: #a3a3a3;color: #fff;padding: 5px 0;font-size: 16px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-price dl dd{color: #a3a3a3;font-size: 28px;font-weight: bold;text-align: center;padding: 6px 0;}
.txt-price li:first-child::after {content: '';background: url(../img/icon-minus.png) no-repeat;background-size: contain;height: 100%;position: absolute;bottom: -40px;right: -40px;width: 28px;}
.txt-price li:last-child {margin-bottom: 0;width: 100%;}
.txt-price li:last-child dl{border: #f25d5e 1px solid;width: 100%;}
.txt-price li:last-child dl dt{background: #f25d5e;font-size: 24px;}
.txt-price li:last-child dl dd{color: #f25d5e;font-size: 50px;padding: 8px 0;}
.txt-price li:last-child::before {content: '';background: url("../img/icon-price_arrow.png") no-repeat;background-size: contain;height: 100%;position: absolute;top: -40px;right: 42%;width: 60px;}
.photo-madori{max-width: 490px;}
.photo-madori img{margin-top: 20px;}
.txt-madori{display: flex;justify-content: space-between;}
.txt-madori li{max-width: 235px;width: 100%;}
.txt-madori dl{border: #346bb6 2px solid;display: flex;}
.txt-madori dt {background: #346bb6;color: #fff;padding: 5px 0;text-align: center;font-weight: bold;width: 40%;}
.txt-madori dd {background: #fff;font-size: 20px;text-align: center;font-weight: bold;width: 60%;}
.voice-detail{background: #e7f1ff;margin-bottom: 20px;padding: 10px 15px 10px 10px;}
.voice-detail dl{padding-top: 2%;}
.voice-detail img{max-width: 293px;float: left;margin-right: 10px;}
.voice-detail dt{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.voice_staff_box {background: url(../img/bg-note.png); border: 3px solid #e7f1ff; padding: 2.0% 3%; margin-bottom: 10px;}
.voice_staff_box img {float: right; margin-left: 3%; width: 18%;}
.voice_staff_box dt {font-size: 1.2em; font-weight: bold; margin: 1.0em 0 0.5em;}
.voice_staff_box dt::before {content: '●'; font-size: 0.65em; display: inline-block; vertical-align: middle; color: #f25d5e;margin-right: 0.5em;}
@media only screen and (max-width: 768px) {
.bluebox-ttl {padding: 5px 20px 10px;}
.bluebox-ttl span {display: block;font-size: 28px;text-align: left;}
.bluebox-contents {padding: 20px;}
.internal-content {padding: 20px 15px 10px;}
.txt-price {max-width: 300px;}
.txt-price li {margin-bottom: 40px;width: 135px;}
.txt-price dl dd {font-size: 22px;}
.txt-price li:first-child::after {bottom: -35px;right: -25px;width: 22px;}
.txt-price li:last-child dl dt {font-size: 20px;}
.txt-price li:last-child dl dd {font-size: 36px;}
.txt-price li:last-child::before {top: -35px;right: 45%;width: 45px;}
.photo-madori {max-width: 315px;}
.voice-detail img{max-width: 280px;}
.voice-detail dd{font-size: 15px;}
.voice_staff_box img {width: 22%;}
.voice_staff_box dt {margin-top: 0;}
}
@media only screen and (max-width: 568px) {
.basic-bluebox{border: #346bb6 5px solid;}
.basic-greenbox{border: #34b699 5px solid;}
.icon-case {height: auto;width: 100%;max-width: 30px;}
.bluebox-ttl,.bluebox-normal_ttl {padding: 0 10px 10px;}
.bluebox-ttl span {font-size: 16px;padding-left: 10px;width: 87%;line-height: 1.4;}
.bluebox-contents {padding: 10px;}
.txt-price li {box-sizing: border-box;width: calc(100%/2.3);}
.txt-price li:first-child::after {bottom: -35px;right: -30px;width: 20px;}
.txt-price {max-width: initial;margin-bottom: 20px;}
.price-aboubox {flex-direction: column-reverse; margin-bottom: 0;}
.photo-madori img {margin: 10px 0 15px;}
.txt-madori li {max-width: initial;width: 48%;}
.txt-madori dt {padding: 2px 0 0;width: 50%;}
.txt-madori dd {font-size: 15px;padding: 2px 0 0;width: 50%;}
.voice-detail {margin-bottom: 10px;}
.voice-detail img {max-width: 130px;margin-right: 5px;}
.voice-detail dt {font-size: 15px;margin-bottom: 5px;}
.voice-detail dd {line-height: 1.5;}
.photo-madori {max-width: initial;}
.voice_staff_box {margin-bottom: 6px;}
.voice_staff_box dt {font-size: 15px;}
.voice_staff_box dd {font-size: 15px;}
.voice_staff_box img {width: 32%;}
.voice_staff_box {padding: 3% 4% 3.5%;}
}
@media only screen and (max-width: 320px) {
.bluebox-ttl {padding: 0 0 10px 0;}
.bluebox-ttl span {font-size: 15px;}
.bluebox-contents {padding: 10px;}
.internal-content {padding: 15px 15px 0;}
.icon-case {max-width: 25px;}
.txt-price li {width: 115px;}
.txt-price dl dt {font-size: 13px;}
.txt-price dl dd {font-size: 20px;}
.txt-price li:first-child::after {bottom: -30px;right: -27px;}
.txt-price li:last-child::before {right: 42%;}
.txt-price li:last-child dl dt {font-size: 18px;}
.txt-price li:last-child dl dd {font-size: 30px;}
.voice-detail img {max-width: 110px;}
}

/*===============================================
 *	support-wrap
===============================================*/
#support-wrap {margin-bottom: 40px;}
#support-wrap p{max-width: 648px;font-size: 20px;float: right;margin-top: -8%;}

.bg-support{background: url("../img/photo-support.png") left no-repeat;background-size: 282px;margin: 0 auto;padding: 1em 0;}
.support-box {max-width: 680px;margin-left: auto;padding: 2em 0 0;}
.ttl-main_support{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;margin-bottom: .5em;line-height: 1.4;}
.ttl-main_support span{font-size: 40px;}
.bg-support p{max-width: 686px;margin-left: auto;}
.link-support{display: flex;justify-content: space-between;flex-wrap: wrap;}
.link-support li{background: url("../img/bg-link.png") 98% 94% no-repeat #fff;background-size: 10px;box-shadow: 0px 4px 0 0 rgba(218,218,217,1);width: calc(95% / 4);border: #346bb6 2px solid;border-radius: 6px;display: flex;line-height: 1.2;margin-bottom: 14px;}
.link-support li a{display: flex;align-items: center;font-size: 15px;color: #005a93;font-weight: bold;width: 100%;}
.link-support li img{max-width: 100px;height: 76px;object-fit: cover;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.link-support span{display: block;margin-left: 4%;}
@media only screen and (max-width: 768px) {
.bg-support {background: url("../img/photo-support.png") left no-repeat;background-size: 32%;}
.support-box {max-width: 510px;}
.bg-support p{max-width: 476px;margin-left: auto;}
.ttl-main_support {font-size: 26px;line-height: 1.4;margin-bottom: 0.5em;margin-left: auto;max-width: 480px;}
.ttl-main_support span{font-size: 29px;}
	
#support-wrap p {max-width: 490px;}
.link-support li {width: calc(95% / 3);}
}
@media only screen and (max-width: 568px) {
.bg-support {background: url(../img/photo-support.png) left top no-repeat;background-size: 22%;padding: 0 0 1em;}
.support-box {max-width: 258px;padding: 0 0 1em;}
.ttl-main_support {font-size: 17px;}
.ttl-main_support span {font-size: 18px;}

#support-wrap {margin-bottom: 20px;}
#support-wrap p {max-width: initial;margin-top: 0;font-size: 14px;float: none;}
.link-support li {width: calc(96% / 2);}
.link-support li a{font-size: 13px;}
.link-support li img {max-width: 90px;}
.link-support span{margin-left: 3%;}
}
@media only screen and (max-width: 375px) {
.link-support li img {max-width: 75px;}
}
@media only screen and (max-width: 320px) {
#support-wrap p {margin-top: 5px;line-height: 1.4;}
.link-support li {width: 100%;}
.link-support li img {max-width: 100px;}
.link-support li a{font-size: 15px;}
}
/*===============================================
 *	expensive-wrap
===============================================*/
#expensive-wrap{margin-bottom: 50px;}
.expensive-contents{display: flex;justify-content: space-between;flex-wrap: wrap;}
.expensive-box{background: #fff;max-width: 310px;border: #346bb6 5px solid;box-sizing: border-box;margin-bottom: 2em;}
.expensive-box dt{background: #346bb6;color: #fff;font-size: 20px;font-weight: bold;text-align: center;padding: 10px 0;}
.expensive-box dd{padding: 10px;}
.appraiser-box{background: url("../img/photo-appraiser.jpg") left top no-repeat #fff;border: #346bb6 5px solid;width: 100%;}
.appraiser-box dl{padding: 2%;max-width: 580px;margin-left: auto;}
.appraiser-box dt{border-left: #346bb6 5px solid;font-size: 20px;font-weight: bold;padding-left: 3px;margin: 0 0 10px 0;}
.appraiser-box dt span{display: block;border-left: #346bb6 3px solid;border-bottom: #346bb6 3px solid;padding-left: 10px;}
.appraiser-box dd p{font-weight: bold;text-align: right;padding-top: 10px;}
.purchase-list {margin-bottom: 20px;}
.purchase-list li{margin-bottom: 1.5em;padding: 20px;width: 19.2%;position: relative;height: 300px;}
.purchase-list li img {object-fit: cover;height: 150px;overflow: hidden;}
.purchase-list dl {position: absolute;bottom: 0;margin: 0;padding: 0;width: 86%;}
.purchase-list dt{background: #f25d5e;font-size: 18px;font-weight: bold;text-align: center;color: #fff;}
.purchase-list dd{color: #f25d5e;font-size: 36px;font-weight: bold;text-align: center;}
@media only screen and (max-width: 960px) {
.expensive-contents {margin-bottom: 0;}
.expensive-box {width: 31%;}
.appraiser-box {background: url(../img/photo-appraiser.jpg) 10px 10px no-repeat #fff;background-size: 250px;}
.appraiser-box dl {max-width: 400px;margin-left: auto;}
.purchase-list {margin-bottom: 10px;}
.purchase-list li {width: 21%; height: initial; padding: 10px;}
.purchase-list li img {width: 100%;}
.purchase-list dl {position: relative; bottom: initial;}
.purchase-list dt {font-size: 16px;}
.purchase-list dd {font-size: 27px;}
}
@media only screen and (max-width: 568px) {
#expensive-wrap {margin-bottom: 40px;}
.appraiser-box {background-size: 120px;}
.appraiser-box dl {max-width: initial;margin-left: 0;padding-top: 2em;}
.appraiser-box dt {font-size: 15px;margin: 0 0 40px auto;width: 58%;line-height: 1.2;}
.expensive-box {width: 100%; max-width: initial; margin-bottom: 20px;}
.expensive-box dt {font-size: 18px;padding: 0 0 5px;}
.expensive-box dd {padding: 10px 8px;display: flex;align-items:flex-start;}
.expensive-box dd img {width: 45%;}
.purchase-list {margin-bottom: 0;}
.purchase-list li {max-width: initial;width: 42%;font-size: 15px;letter-spacing: 0;height: initial;}
.purchase-list li img {height: 125px;}
.purchase-list li p {width: 100%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.purchase-list dl {width: 100%; margin-top: 5px;}
.purchase-list dt {font-size: 15px;}
.purchase-list dd {font-size: 26px;}
}
@media only screen and (max-width: 375px) {
.appraiser-box {background-size: 110px;}
.purchase-list li {}
}
@media only screen and (max-width: 320px) {
.appraiser-box {background-size: 100px;}
.purchase-list li {max-width: 125px;font-size: 13px;}
.appraiser-box dt {margin: 0 0 20px auto;}
.purchase-list dd {font-size: 21px;}
}
/*-----------------------------------------------
 *	price-bluebox
-----------------------------------------------*/
.icon-purchase_box{background: #fff;border: #346bb6 5px solid;box-sizing: border-box;margin: 0 auto 2em;width: 100%;}
.icon-purchase_box dt{background: #346bb6;color: #fff;font-size: 20px;font-weight: bold;text-align: center;padding: 10px 0;}
.icon-purchase_box dd{padding: 2em;}
.icon-purchase{display:flex;flex-wrap:wrap;justify-content: space-between;}
.icon-purchase li{font-weight: bold;text-align: center;position:relative;padding-top:65px;width:calc(100%/5);}
.icon-purchase li:nth-child(-n+4){height:70px;}
.icon-purchase li:before{content:"";display: block;height:48px;position:absolute;top:0;width:100%;}
.icon-purchase li:first-child:before{background:url("../img/icon-purchase_list01.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(2):before{background:url("../img/icon-purchase_list02.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(3):before{background:url("../img/icon-purchase_list03.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(4):before{background:url("../img/icon-purchase_list04.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(5):before{background:url("../img/icon-purchase_list05.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(6):before{background:url("../img/icon-purchase_list06.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(7):before{background:url("../img/icon-purchase_list07.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(8):before{background:url("../img/icon-purchase_list08.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(9):before{background:url("../img/icon-purchase_list09.png") no-repeat center;background-size:contain;}
.icon-purchase li:nth-child(10):before{background:url("../img/icon-purchase_list10.png") no-repeat center;background-size:contain;}
@media only screen and (max-width: 768px) {
.icon-purchase_box dd {padding: 2em 1em;}
.icon-purchase li {font-size: 13px;}
}
@media only screen and (max-width: 568px) {
.icon-purchase_box{margin-bottom: 20px;}
.icon-purchase_box dd {padding: 1.5em 0;}
.icon-purchase li:nth-child(-n+4){height:50px;}
.icon-purchase li:before{height:38px;}
.icon-purchase li {font-size: 10px;padding-top: 45px;}
}
/*===============================================
 *	relics-wrap
===============================================*/
#relics-wrap .inner {margin-bottom: 2vw;}
.ruled-linebox {background:url("../img/bg-note.png") bottom left repeat #fff;border: #dddada 2px solid;margin-bottom: 30px;}
.relics-contents01{background-image:url("../img/photo-relics01.jpg"),url("../img/arrow-bottom.png"),url("../img/photo-relics01_02.png");background-repeat:no-repeat,no-repeat,no-repeat;background-position:top left,center,95% bottom;background-size:auto,146px,auto;width: 100%;}
.relics-contents02{background-image: url(../img/photo-relics02.jpg);background-position:top left;background-repeat:no-repeat;}
.relics-contents03{background-image: url(../img/photo-relics03.jpg);background-position:top right;background-repeat:no-repeat;}
.relics-contents03 .relics-txtbox_l {padding-bottom: 5%;}
.relics-box{padding: 2%;max-width: 580px; box-sizing: border-box;}
.relics-contents01 .relics-txtbox_r{margin:0 0 60px auto;}
.relics-txtbox_r{margin:0 0 0 auto;}
.relics-txtbox_l{margin:0 auto 0 0;}
.ttl-definition{border-left: #346bb6 5px solid;font-size: 20px;font-weight: bold;padding-left: 3px;margin: 0 0 15px 0;}
.ttl-definition:first-letter {color: #346bb6;font-size: 28px;}
.ttl-definition span{display: block;border-left: #346bb6 3px solid;border-bottom: #346bb6 3px solid;padding-left: 10px;padding-bottom: 5px;}
.subttl-relics{background: #346bb6;color: #fff;font-size: 20px;font-weight: bold;padding: 5px 0;text-align: center;margin-bottom: 10px;}
@media only screen and (max-width: 960px) {
.relics-contents01{background-position:10px 10px,center,95% bottom;background-size: 260px,150px,260px}
.relics-contents02,.relics-contents03{background-size: 260px;}
.relics-contents02{background-position:10px 10px;}
.relics-contents03{background-position:98% 10px;}
.relics-box{width: 56%;}
}
@media only screen and (max-width: 568px) {
.ruled-linebox {margin-bottom: 15px;}
.relics-contents01{background-position: 10px 10px,center 55%,95% 60%;background-size: 130px,110px,130px;}
.relics-contents02,.relics-contents03{background-size: 130px;}
.relics-contents01 .ttl-definition,.relics-contents02 .ttl-definition {margin: 5% 0 12px auto; width: 53%;}
.relics-contents02 .ttl-definition {margin-bottom: 30px;}
.relics-contents03 .ttl-definition {margin: 5% 0 30px 0;}
.ttl-definition {font-size: 16px;width: 58%;line-height: 1.2;}
.ttl-definition:first-letter {font-size: 20px;}
.subttl-relics {font-size: 16px;padding: 5px 10px;width:94%;}
.relics-box {width: 100%; padding: 3%;}
}
@media only screen and (max-width: 320px) {
.relics-contents01 {background-size: 90px,90px,100px;background-position: 10px 10px,center 50%,95% 60%;}
.relics-contents01 .ttl-definition, .relics-contents02 .ttl-definition {margin: 5% 0 20px auto;}
.relics-contents03 .ttl-definition {margin: 5% 0 20px 2%;}
.relics-contents02, .relics-contents03 {background-size: 90px;}
.ttl-definition {font-size: 15px;width: 58%;}
.ttl-definition:first-letter {font-size: 18px;}
.subttl-relics {font-size: 14px;}
}

/*-----------------------------------------------
 *	government
-----------------------------------------------*/
.government-contents{background: #fff;border: #346bb6 4px solid;border-radius: 6px;margin: 60px 0;}
.government-contents .ttl-government{background:#346bb6;color: #fff;font-size: 36px;font-weight: bold;text-align: center;padding: 15px 0; line-height: 1.5;}
.government-contents .ttl-government span {color: #fbe041;}
.government-inner{padding: 35px;}
#recycle-wrap .subttl-government{font-size: 28px;font-weight: bold;margin: 0 0 .5em 0;line-height: 1.5;padding-bottom: 10px;}
.subttl-government{font-size: 28px;font-weight: bold;margin: 0 0 .5em 0;}
.government-contents .main-contents{margin: 0 0 3em 0;}
.government-contents .main-contents ul {gap: 0 3%;margin-top: 1em;}
.government-contents .main-contents ul li {width: 40%;}
.government-contents .main-txtbox{width: 50%;}
img.photo-payment{max-width: 430px;}
img.img-sdgs{margin: 0 0 1em 0;}
.reference-link{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;width: 100%;}
.reference-link li{background: #fff;border: #346bb6 4px solid;border-radius: 6px;margin-bottom: 20px;width: 50%;}
.reference-link li:last-child{margin-bottom: 0;}
.reference-link li dl:hover{background: rgba(52,107,182,.1);}
.reference-link dl {display: flex;flex-wrap: wrap;}

.reference-link dl,.reference-link dl > dt,.reference-link dl > dd {box-sizing: border-box;}
.reference-link dl > dt,.reference-link dl > dd {display: flex;flex-direction: column;justify-content: center;}
.reference-link dl > dt {background: #346bb6;color: #fff;font-size: 14px;width: 20%;text-align: center;display: flex;justify-content: center;align-items: flex-start;}
.reference-link dl > dt::before {content: '';display: inline-block;position: relative;width: 20px;height: 20px;background: url("../img/icon-link.png") no-repeat;background-size: contain;left: 50%;transform: translateX(-50%);}
.reference-link dl > dt span {display: block;margin: 5px auto 0;}

.reference-link dl > dt img {margin: 0 auto 5px;width: 34px;}
.reference-link dl > dd {color: #346bb6;font-size: 16px;font-weight: bold;padding: 1em;width: 80%;}
.reference-link dl > dd span{color: #444;font-size: 14px;font-weight: normal;display: block;}
.government-contents .sub-contents {background: #e7f1ff;padding: 22px 30px 25px;}

.government-contents .sub-contents .ttl {font-size: 22px; font-weight: bold;border-left: #346bb6 6px solid; padding-left:10px;margin-bottom: 14px;}
.government-contents .sub-contents ul {gap: 0 2%;margin-top: 1em;}

@media screen and (max-width: 1024px) {
  .government-contents .main-txtbox {width: 52%;}
  img.photo-payment {max-width: 390px; width: 45%;}
  .government-contents .sub-contents ul li {width: 30%;}
  }
@media screen and (max-width: 768px) {
.government-contents .ttl-government {font-size: 27px;}
.government-contents .main-contents {margin-bottom: 2em;}
.subttl-government {font-size: 22px;}
img.photo-payment {max-width: 310px;}
.reference-link li {width: 100%;}
.government-contents .sub-contents .ttl {font-size: 18px;margin-bottom: 10px;}
}
@media only screen and (max-width: 568px) {
.subttl-government {text-align: center;line-height: 1.4;margin: 12px 0 8px;}
.government-contents {margin: 2em 0 2em;}
.government-contents .ttl-government {font-size: 20px;padding: 10px 0;}
.government-inner {padding: 20px;}
.government-contents .main-contents {flex-direction: column-reverse;margin-bottom: 0.5em;}
.government-contents .main-contents ul {flex-direction: column;gap: 12px 0; align-items: center;}
.government-contents .main-contents ul li {width: 64%;}
.government-contents .main-txtbox {margin: 0 0 1.5em 0;width: 100%;}
img.photo-payment {max-width: initial; width: 100%;}
.reference-link dl {display: block;}
.reference-link dl > dt,.reference-link dl > dd {display: block;flex-direction: inherit;width: 100%;}
.reference-link dl > dt {display: flex;padding: 10px 0;}
.reference-link dl > dt span {display: block;margin: 0 auto;}
.reference-link dl > dt::before {width: 26px;height: 26px;left: 30%;transform: none;}
.reference-link dl > dd {font-size: 16px;}
.reference-link dl > dd span {font-size: 13px;}
.government-contents .sub-contents {padding: 18px 20px 22px;}
.government-contents .sub-contents .ttl {font-size: 17px;padding-left: 7px;}
.government-contents .sub-contents ul {flex-direction: column;gap: 12px 0; align-items: center;}
.government-contents .sub-contents ul li {width: 77%;}
}
@media only screen and (max-width: 375px) {
.reference-link dl > dd {font-size: 16px;}
.reference-link dl > dd span {font-size: 13px;}
.reference-link dl > dt::before {left: 28%;}
}


/*===============================================
 *	procrastinations-wrap
===============================================*/
#procrastinations-wrap{background:url("../img/bg-procrastinations.png") bottom left repeat #eaeaea;}
.procrastinations-inner{max-width: 980px;margin: 0 auto;width: 100%;position: relative;}
.pos-woman{position: absolute;right: 0;bottom: 0;width: 280px;z-index: 0;}
.procrastinations-contents{padding: 60px 0 30px;}
.procrastinations-txtbox{padding: 20px;max-width: 636px;margin-bottom: 90px;position: relative;z-index: 5;}
.procrastinations-txtbox p{font-size: 19px;font-weight: bold;}
.contact-area {background:url("../img/bg-note.png") bottom left repeat #fff;border: #346bb6 5px solid;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;padding: 30px;position: relative;z-index: 5;}
.contact-numbox{max-width: 620px;}
.contact-logo{max-width: 495px;margin: 0 0 20px 20px;}
.contact-mailbox{max-width: 240px}
.contact-mailbox p{background: #346bb6;color: #fff;font-size: 26px;margin-bottom: 70px;text-align: center;padding: 5px 0;}
.contact-pr{font-size: 24px;color: #4c4d55;text-align: center;padding-top: 20px;width: 100%;}
@media only screen and (max-width: 768px) {
.procrastinations-txtbox{max-width: 385px;margin-bottom: 90px;}
.contact-area {padding: 20px;margin-bottom: 10px;}
.contact-numbox {max-width: 380px;}
.contact-logo {max-width: 320px;}
.contact-mailbox p {font-size: 22px;margin-bottom: 10px;}
}
@media only screen and (max-width: 568px) {
.pos-woman {right: 2%;width: 140px;z-index: 10;}
.procrastinations-contents {padding: 30px 0 30px;}
.procrastinations-txtbox {max-width: initial;margin: 0 auto;width: 52%;padding: 3% 35% 3% 3%;}
.procrastinations-txtbox p {font-size: 14px;}
.contact-logo {max-width: initial;margin: 0 0 10px 0;}
.contact-numbox {max-width: initial;margin-bottom: 10px;}
.contact-mailbox {max-width: initial;}
.contact-mailbox p {display: none;}
.contact-pr{font-size: 17px;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
.pos-woman {display: none;}
.contact-area {padding: 15px;}
.contact-pr{font-size: 16px;}
}
/*===============================================
 *	column
===============================================*/
#column-wrap{margin-top: 4%;}
@media only screen and (max-width: 568px) {
#column-wrap{margin-top: 10%;}
}
/*===============================================
 *	Flow
===============================================*/
.bg-staff_flow{background: url("../img/bg-staff_flow.png") left no-repeat;background-size: 282px;max-width: 880px;margin: 0 auto;}
.staff_flow-box {max-width: 580px;margin-left: auto;padding: 3em 0;}
.ttl-main_staff_flow{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;margin-bottom: .5em;line-height: 1.4;}
.ttl-main_staff_flow span{font-size: 46px;}

.flow-list {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.flow-list img{max-width: 369px;}
.flow-list dt {display: flex;align-items: center;font-size: 18px;font-weight: bold;position: relative;padding: .25em 0 .25em .5em;word-break: break-all;color: #fff;background: #009db3;margin-bottom: 1em;}
.flow-list dt span {font-size: 28px;font-weight: 900;padding-right: .25em;}
.flow-list li {position: relative;margin-bottom: 2em;width: calc(92% /3);}
.flow-list li:after {content: "";position: absolute;right: -35px;bottom: 50%;width: 0;height: 0;margin: auto;border-style: solid;border-color: transparent transparent transparent #dbd8d7;border-width: 20px 0 20px 30px;}
.flow-list li:nth-child(3):after{display:none;}
.flow-list li:last-child:after{display:none;}
@media only screen and (max-width: 768px) {
.bg-staff_flow {background: url(../img/bg-staff_flow.png) 5% no-repeat;background-size: 35%;}
.staff_flow-box {max-width: 600px;padding: 2.5em 0;}
.staff_flow-box img{max-width: 346px;}
.ttl-main_staff_flow {margin: 0 3%;line-height: 1.4;margin-bottom: 0.5em;}

.flow-list img {max-width: 309px;}
.flow-list dt {font-size: 14px;}
.flow-list dt span {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
.staff_flow-box {max-width: 275px;padding: .25em 0;}
.staff_flow-box img {max-width: 196px;}
.ttl-main_staff_flow {font-size: 19px;}
.ttl-main_staff_flow span {font-size: 22px;}
.flow-list {margin-top: -3%;}
.flow-list li {margin-bottom: 15px;width: 100%;}
.flow-list li::before {content: ''; background: #f1e33f; width: 5px; height: 120%; position: absolute; left: 11px; top: 0;}
.flow-list img {max-width: 369px;margin: 0 auto;}
.flow-list dt {font-size: 18px;letter-spacing: 0; position: relative; padding: 5px 0 7px 53px; margin-bottom: 12px;}
.flow-list dt span {font-size: 24px; width: 55px; height: 55px; background: #009db3; border-radius: 55px; border: 2px solid #fff; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; padding: 0;}
.flow-list dd {display: flex; justify-content: flex-end; gap: 0 2%;}
.flow-list dd figure {width: 42%;}
.flow-list dd p {width: 50%;}
.flow-list li:after {content: none;}
.flow-list li:last-child::before { height: 93%;}
.flow-list li:last-child::after {content: ''; background: url(../img/top/flow_arrow_bottom.png) no-repeat; background-size: contain; width: 21px; height: 21px; position: absolute; left: 3px; bottom: 0; right: initial; margin: 0; display: block; border: none;}
}
/*-----------------------------------------------
 *	youtube-box
-----------------------------------------------*/
.ttl-main_video{max-width: 825px;margin-left: 30px;}
.youtube-wrap{background: #e4f3f9;padding: 30px;margin-bottom: 2em;}
.youtube-box{position: relative;width: 100%;padding-top: 56.25%;}
.youtube-box iframe{  position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.youtube-box video {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
@media only screen and (max-width: 568px) {
.youtube-wrap{background: #e4f3f9;padding: 15px;}
}
/*===============================================
 *	Column
===============================================*/
.column-list {display: flex;flex-wrap:wrap;justify-content: space-between;margin-bottom: 1em;}
.column-list li {padding: 0 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(100%/4);}
.column-list li img {background: #fff;margin-bottom: 10px;}
.column-list li a {color: #202020;padding: 10px;font-size: 14px;display: block;}
.column-list li a:hover {background-color: #c0d4f0;}
 @media (min-width: 768px) {
.column-list li img {margin-bottom: 5px;width: 100%;}
.column-list li .text {padding: 2px;}
}
 @media (max-width: 568px) {
.column-list {padding: 10px 0;}
.column-list li{border: 2px solid #dfe2e3;width: calc(100%/2.05);margin-bottom: 10px;position: relative;background: #fff;}
.column-list li::after{content: "";background: url(../img/bg-link.png) 98% 94% no-repeat #fff;background-size: contain;position: absolute;width: 15px;height: 15px;right: 5px;bottom: 5px;}
.column-list li a {display: flex;flex-wrap: wrap;}
.column-listli img {width: 100%;}
}
/*===============================================
 *	Faq
===============================================*/
.faq_sec {padding: 60px 0 0;}
.faq-contents{padding: 30px 40px;}
.faq-list li{margin-bottom: 2em;}
.faq-list dt {background: url("../img/icon-q.png") left no-repeat;position: relative;padding: .3em 1em .3em 2em;cursor:pointer;border-bottom: #346bb6 3px solid;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.faq-list dt:after {content: "";position: absolute;background: url("../img/icon-open.png") right no-repeat;right: 0;width: 30px;height: 30px;transition: .3s;}
.faq-list dt.close:after {content: "";position: absolute;background: url("../img/icon-close.png") right no-repeat;width: 30px;height: 8px;right: 10px;top: 17px;transition: .3s;}
.faq-list dd {background: url("../img/icon-a.png") left no-repeat;padding: .5em 1em .5em 4em;}
@media only screen and (max-width: 960px) {
.faq_sec {padding: 5vw 0 0;}
}
@media only screen and (max-width: 568px) {
.faq_sec {padding: 8VW 0 0;}
.faq-contents {padding: 15px 10px;}
.faq-list dt {padding: .5em 1em .5em 2.0em;font-size: 16px;background-size: 20px;}
.faq-list dt:after {width: 15px;height: 15px;background-size: contain;}
.faq-list dt.close:after {width: 15px;height: 8px;top: 20px;background-size: contain;}
.faq-list dd {background-size: 20px;padding: .5em 1em .5em 2.2em;}
}
@media only screen and (max-width: 320px) {
.faq-list dt {padding: .5em .5em .5em 1.75em;font-size: 14px;background-size: 18px;}
}
/*===============================================
 *	president
===============================================*/
#president-wrap{max-width: 980px;margin: 0 auto;}
.president-contents{margin-bottom: 30px;}
.photo-president{float: right;max-width: 360px;margin-left: 30px;}
.president-txtbox {margin-top: 50px;}
.president-txtbox p{margin-bottom: 20px;}
.president-txtbox p:last-of-type{margin-bottom: 0;}
.bnr-books{max-width: 900px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
#president-wrap {width: 90%;}
.president-txtbox {margin-top: 3vw;}
}
@media only screen and (max-width: 568px) {
.president-txtbox {margin: 0;}
.photo-president{float: none;margin-bottom: 10px;max-width: 290px;margin: 0 auto 10px;}
}
/*===============================================
 *	footer-contact
===============================================*/
.footer-contact{background: #f3fbff;border-top: #cee1fc 5px solid;position: relative;padding: 40px 0;}
.footer-contact::before{content:"";display:block;width:100%;height:3px;background-color:#fff;position:absolute;top:0;left:0;}
.footer-cv_area{max-width: 980px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items:center;}
@media only screen and (max-width: 768px) {
.footer-cv_area {margin: 0 4%;}
}
@media only screen and (max-width: 568px) {
.footer-contact {padding: 30px 0 20px;}
}
/*===============================================
 *	bnr
===============================================*/
#fl-bnr {position: fixed;bottom: 40%;right: 0;z-index: 100;}
#bnr-wrap{background: #e4f3f9;border-top: #c6e0eb 3px solid;padding: 30px 0;position: relative;}
#bnr-wrap::before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:0;left:0;}
.bnr-li{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 980px;margin: 0 auto;}
/* .bnr-li li{max-width: 470px;} */
.bnr-li li{max-width: 470px;margin: 0 auto;}
@media only screen and (max-width: 1024px) {
#fl-bnr {display: none;}
}
@media only screen and (max-width: 768px) {
.bnr-li{margin: 0 5%;}
.bnr-li li {max-width: 340px;}
}
@media only screen and (max-width: 568px) {
#bnr-wrap{padding: 30px 0 20px;}
.bnr-li li {margin-bottom: 20px;max-width: initial;width: 100%;}
}
/*===============================================
 *	bottom-menu
===============================================*/
#fl-fxmenu{background: #ecf8ff;position: fixed;display: flex;bottom: 0;padding: 10px;border-top: solid 3px #0046a0;border-bottom: solid 3px #0046a0;-webkit-transition: all .7s;z-index: 999;width: 100%;}
ul#bottom-menu{margin: 0 auto;display: flex;align-items: center;max-width: 980px;transition: all .7s;width: 100%;}
ul#bottom-menu li.fix-logo{max-width: 345px;}
ul#bottom-menu li.phone {max-width: 240px;margin-left: auto;}
ul#bottom-menu li.mail {max-width: 170px;margin-left: 20px;}
ul#bottom-menu li.line {max-width: 170px;margin-left: 20px;}
@media only screen and (max-width: 768px) {
#fl-fxmenu{padding: 1%;width: 98%;}
ul#bottom-menu li.fix-logo{max-width: 215px;}
}
@media only screen and (max-width: 568px) {
ul#bottom-menu {position: fixed;left:0;bottom:5px;width: 100%;background-color:rgba(255,255,255,.8);z-index:30;display: flex;align-items: initial;justify-content: space-between;}
ul#bottom-menu li {text-align: center;font-size:25px;width: 100%;}
ul#bottom-menu li.fix-logo{display: none;}
ul#bottom-menu li.phone img{width: 80%;margin: 0 auto;}
ul#bottom-menu li.phone {background: #438ac9;-webkit-box-shadow: 0 5px 0 #02294c;box-shadow: 0 6px 0 #02294c;width: 70%;margin-left: 0;}
ul#bottom-menu li.mail {background: #f87f4a;-webkit-box-shadow: 0 5px 0 #722402;box-shadow: 0 6px 0 #722402;width: 30%;margin-left: 0;}
ul#bottom-menu li.mail img{width: 60%;margin: 0 auto;}
ul#bottom-menu li.line {background: #02a877;-webkit-box-shadow: 0 5px 0 #004631;box-shadow: 0 6px 0 #004631;width: 30%;margin-left: 0;}
ul#bottom-menu li.line img{width: 60%;margin: 0 auto;}
ul#bottom-menu li a {display: block;color:#fff;padding-top:10px;padding-bottom:5px;line-height:1.2;}
}

/*===============================================
 *	pagetop
===============================================*/
.pagetop {display: none;position: fixed;bottom: 133px;right: 30px;z-index: 999;}
.pagetop img{max-width: 23px;display: inline;}
.pagetop a {display: block;background-color: #5ea1ba;color: #fff;font-size: 16px;padding: .8em 2em;letter-spacing: 2px;text-align: center;}
.pagetop a:hover {color: #fff;background-color: #3c88a4;}
@media screen and (min-width: 569px) and (max-device-width: 767px) {
.pagetop {display: block;position: static;bottom: auto;right: auto;text-align: center;}
}
@media only screen and (max-width: 568px) {
.pagetop {display: block;position: static;}
}

/*===============================================
 *	footer
===============================================*/
footer {padding: 60px 0 105px;}
footer > .inner {display: -ms-grid;display: grid;-ms-grid-columns: 380px 61%;grid-template-columns: 380px 61%;-ms-grid-rows: auto auto auto;grid-template-rows: auto auto auto;-webkit-column-gap: calc(100% - (380px + 61%));column-gap: calc(100% - (380px + 61%));margin: 0 auto 2vw;}
footer .ft_logo {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;max-width: 304px;}
footer .company_info {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;border-radius: 10px;background: #e4f3f9;padding: 22px 28px 0;margin: 0 0 30px;}
footer .company_info p, footer .company_info li {font-size: 16px;}
footer .company_info .name {font-size: 18px;font-weight: bold;margin-bottom: 7px;}
footer .company_info ul {margin-top: 10px;}
footer .company_info li {margin-bottom: 2px;padding-left:1em;text-indent:-1em;}
footer .company_info li::before {content: '';display: inline-block;background: #F39800;width: 6px;height: 6px;border-radius: 50%;margin-right: 8px;position: relative;top: -3px;}
footer .company_info a {border-bottom: 1px solid #aaa;}
footer .ft_image {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 3;grid-row: 3;max-width: 226px;margin: 0 auto;}
footer .ft_menu {-ms-grid-column: 2;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/icon-house.png) no-repeat;width: 17px;height: 17px;position: absolute;top: 5px;left: 0;background-size: contain;}
footer .ft_menu ul:first-of-type {width: 30%;}
footer .ft_menu ul:nth-of-type(2) {width: 32%;}
footer .ft_menu ul:last-of-type {width: 34%;}
footer .ft_menu li.menu_top {font-size: 16px;font-weight: bold;margin-bottom: 10px;padding-left: 24px;position: relative;}
footer .ft_menu li.menu_top::before {content: '';background: url(../img/arrow-right.gif) no-repeat;width: 16px;height: 16px;position: absolute;left: 0;top: 7px;}
footer .ft_menu li:not(.menu_top) {font-size: 15px;padding-left: 16px;margin: 0 0 6px 15px;position: relative;}
footer .ft_menu li:not(.menu_top) a:hover {color: #F39800;}
footer .ft_menu li:not(.menu_top)::before {content: '';width: 6px;height: 6px;margin: 0 10px 0 0;border-top: 2px solid #f39800;border-right: 2px solid #f39800;transform: rotate(45deg);position: absolute;left: 0;top: 6px;}
.ttl_left_border {font-size: 20px;position: relative;border-bottom: 2px solid #dde5e7;padding: 4px 0 10px 25px;margin-bottom: 30px;}
.ttl_left_border::before {content: '';background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 182, 238, 0.5)), color-stop(50%, rgba(141, 182, 238, 0.5)), color-stop(50%, #346bb6), to(#346bb6));background: linear-gradient(180deg, rgba(141, 182, 238, 0.5) 0%, rgba(141, 182, 238, 0.5) 50%, #346bb6 50%, #346bb6 100%);height: 56%;width: 6px;display: block;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.ttl_left_border + p {margin-top: -5px;}
@media only screen and (max-width: 1024px) {
footer {padding: 60px 0 88px;}
footer .company_info {padding: 20px 20px 25px;}
footer > .inner {-ms-grid-columns: 42% 56%;grid-template-columns: 42% 56%;-webkit-column-gap: 2%;column-gap: 2%;}
footer .ft_menu li:not(.menu_top) {font-size: 14px;}
}
@media only screen and (max-width: 960px) {
footer {padding: 5vw 0 6vw;}
footer > .inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;grid-template-columns: 34% 64%;}
footer .company_info {padding: 2vw 1.5vw;margin: 0 0 25px;}
footer .company_info li {font-size: 12px;}
footer .company_info .name {font-size: 15px;}
footer .company_info .tel {font-size: 14px;}
footer .ft_logo {max-width: 254px;}
footer .company_info img.ft_image {display: none;}
footer .ft_menu {padding: 0;}
footer .ft_menu .home_link {margin-bottom: 2.0vw;}
footer .ft_menu ul:first-of-type {width: 36%;}
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;}
.ttl_left_border {font-size: 19px;padding: 4px 0 6px 20px;margin-bottom: 20px;}
}
@media only screen and (max-width: 568px) {
footer {padding: 20px 0 47px;}
footer > .inner {-ms-grid-columns: auto;grid-template-columns: auto;-ms-grid-rows: (auto)[4];grid-template-rows: repeat(4, auto);}
footer .ft_logo {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;width: 78%;display: block;margin: 0 auto 20px;}
footer .company_info {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 3;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 li {font-size: 15px;}
footer .company_info li {padding-left: 1.0em;text-indent: -1.0em;}
footer .company_info li::before {width: 5px;height: 5px;}
footer .company_info .name {font-size: 16px;margin-bottom: 4px;}
footer .company_info .tel {font-size: 16px;margin: 0;}
footer .ft_image {display: none;margin-bottom: 30px;}
footer .ft_menu {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;margin: 0 -5.1vw;}
footer .ft_menu .row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
footer .ft_menu ul {background: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
footer .ft_menu ul:first-of-type {width: 100%;}
footer .ft_menu ul:nth-of-type(2) {width: 100%;}
footer .ft_menu ul:last-of-type {width: 100%;}
footer .ft_menu ul li.menu_top {font-size: 18px;background: #346bb6;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;box-sizing: border-box;}
footer .ft_menu ul li:not(.menu_top)::before {content: none;}
footer .ft_menu ul li:not(.menu_top) a {height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 10px;}
footer .ft_menu ul li:not(.menu_top) a::before {content: '';width: 6px;height: 6px;margin: 0 10px 0 0;border-top: 2px solid #f39800;border-right: 2px solid #f39800;transform: translate(100%, -50%) rotate(45deg);position: absolute;right: 5px;top: 50%;}
.ttl_left_border {padding: 4px 0 8px 17px;margin-bottom: 18px;}
.ttl_left_border::before {width: 5px;height: 73%;top: 48%;}
}
/*===============================================
 *	Copyright
===============================================*/
#copy {background: #346bb6;font-size: 13px;color: #fff;padding: 10px 0;text-align: center;}
#copy a{color: #fff;}
@media only screen and (max-width: 768px) {
#copy {margin-bottom: 24px;}
}
@media only screen and (max-width: 568px) {
#copy {font-size: 14px;margin-bottom:58px;}
}
/*===============================================
 *	おすすめ相互リンクバナー
===============================================*/
footer .recommended_txt_links .inner{margin: 0 auto 3vw;}
.recommended_txt_links .wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.recommended_txt_links ul {gap: 10px 0;}
.recommended_txt_links li {width: 23%;}
footer .recommended_txt_links li:not(.menu_top) {font-size: 15px;padding-left: 16px;margin: 0 0 .7em 0;line-height: 1.4;position: relative;letter-spacing: 0;}
footer .recommended_txt_links li:not(.menu_top) a:hover {color: #f39800;}
footer .recommended_txt_links li:not(.menu_top)::before {content: '';width: 6px;height: 6px;margin: 0 10px 0 0;border-top: 2px solid #f39800;border-right: 2px solid #f39800;transform: translateY(-50%) rotate(45deg);position: absolute;left: 0;top: 50%;}

@media only screen and (max-width: 568px) {
footer .recommended_txt_links li:not(.menu_top) {font-size: 12px;}
.recommended_txt_links {margin: 0 auto 30px;}
.recommended_txt_links ul {gap: 5px 0;}
.recommended_txt_links li {width: 45%;}
}
/*===============================================
 *	関連相互リンクバナー
===============================================*/
footer .recommended_links .inner{margin: 0 auto 3vw;}
.recommended_links .wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.recommended_links ul {gap: 20px 2%;}
.recommended_links li {width: 23.5%;}
@media only screen and (max-width: 568px) {
.recommended_links {margin: 0 auto 30px;}
.recommended_links ul {gap: 15px 3.5%;}
.recommended_links li {width: 48%;}
}
/*===============================================
 *	SNS　Icon
===============================================*/
.sns-list{display: flex;justify-content: space-between;max-width: 120px;margin: 0 auto 1em;}
.sns-list li{max-width: 30px;}
/*===============================================
 *	SNS　コンテンツ 
===============================================*/
#sns-wrap{margin: 60px auto;}
#sns-wrap p.sns-ttl {font-size: 26px;font-weight: bold;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin: 2em 0;}
#sns-wrap p.sns-ttl span{position: relative;top: 5px;}
.sns-ttl img{max-width: 466px;margin: 0 5px 0 0;}
.sns-box{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.sns-box li{background: #fff;font-size: 26px;font-weight: bold;max-width: 288px;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);outline-offset: -11px;width: 100%;}
.sns-box li a{display: block;text-decoration: none;padding: 26px;text-align: center;}
.sns-box li a::after{content: "";display: inline-block;width: 60px;height: 60px;margin: 0 0 0 20px;vertical-align: middle;}
.sns-box li a:hover{text-decoration: underline;}
.sns-box li.insta{border: #9f1d72 6px solid;outline: #fadaee 5px solid;}
.sns-box li.insta a::after{background: url("../img/column/icon-instagram.png");background-size: contain;}
.sns-box li.insta a{color: #9f1d72;}
.sns-box li.face{border: #2073ba 6px solid;outline: #cfe6fa 5px solid;}
.sns-box li.face a::after{background: url("../img/column/icon-facebook.png");background-size: contain;}
.sns-box li.face a{color: #2073ba;}
.sns-box li.tw{border: #1d9bf0 6px solid;outline: #d3eafa 5px solid;}
.sns-box li.tw a::after{background: url("../img/column/icon-twitter.png");background-size: contain;}
.sns-box li.tw a{color: #1d9bf0;}
@media only screen and (max-width: 768px) {
.sns-box li {max-width: 210px;}
.sns-box li a {padding: 15px;}
.sns-box li a::after {display: block;width: 60px;height: 60px;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#sns-wrap {margin: 30px auto 20px;}
#sns-wrap p.sns-ttl {font-size: 17px;text-align: center;margin: 1.25em 0;}
#sns-wrap p.sns-ttl span {text-align: center;}
.sns-ttl img {max-width: 90%;margin: 0 0 .5em;border: none;}
.sns-box li {font-size: 20px;max-width: initial;margin-bottom: 20px;}
.sns-box li a::after {display: inline-block;width: 40px;height: 40px;margin: 0 0 0 20px;}
}
/***********************************
* 遺品整理と不用品回収の違い
***********************************/
  #difference-wrap {
    padding: 60px 0 0;
  }
  
  .diff_table_wrap table {
    background: #fff;
  }
  .diff_table_wrap table .pc_none {
    display: none;
  }
  .diff_table_wrap table th,
  .diff_table_wrap table td {
    border: 1px solid #dddada;
  }
  .diff_table_wrap table thead th {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    background: #d1b269;
    padding: 0.65em 0 0.75em;
    text-align: center;
    width: 40%;
  }
  .diff_table_wrap table thead .huyouhin {
    width: 60%;
    background: #5ea1ba;
  }
  .diff_table_wrap table thead .ihin {
    background: #346bb6;
  }
  .diff_table_wrap table tbody th {
    font-weight: bold;
    text-align: center;
    background: #fffaee;
  }
  .diff_table_wrap table tbody td {
    padding: 1.2em 1.75em 1.2em;
  }
  .diff_table_wrap .table_01 {
    width: 60%;
  }
  .diff_table_wrap .table_01 .color_txt {
    color: #5ea1ba;
  }
  .diff_table_wrap .table_02 {
    width: 40%;
  }
  .diff_table_wrap .table_02 th,
  .diff_table_wrap .table_02 td {
    border-left: none;
  }
  .diff_table_wrap .table_02 .color_txt {
    color: #346bb6;
  }

  #difference-wrap .diff_bnr {
    gap: 0 3%;
    margin: 3% auto 3%;
  }

  #difference-wrap .ihin_box {
    background: url(../img/top/ihin_box_bg.png) no-repeat center top;
    background-size: cover;
    padding: 3.5% 4% 4%;
  }
  #difference-wrap .ihin_box .txt_wrap {
    width: 60%;
    margin-left: auto;
  }
  #difference-wrap .ihin_box .ttl {
    font-size: clamp(18px, 2.3vw, 26px);
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: 0.75em;
  }
  #difference-wrap .ihin_box .ttl .kanji {
    font-size: 1.25em;
    display: inline-block;
    line-height: 1;
  }
  #difference-wrap .ihin_box .txt_box {
    background: rgba(255, 255, 255, 0.7);
    padding: 4% 4%;
    border-radius: 3px;
  }
  #difference-wrap .ihin_box .txt_box p {
    font-size: 18px;
  }
  #difference-wrap .ihin_box .txt_box p:first-child {
    margin-bottom: 0.75em;
  }

  #difference-wrap .high_quality_box {
    border: 10px solid #346bb6;
    border-radius: 6px;
    margin-top: 5%;
  }
  #difference-wrap .high_quality_box .top_area {
    background: url(../img/top/bg_grad.png) no-repeat center;
    background-size: cover;
    padding: 1.5% 4% 1.5%;
    gap: 0 3%;
    position: relative;
    z-index: 1;
  }
  #difference-wrap .high_quality_box .top_area img {
    width: 30.35%;
  }
  #difference-wrap .high_quality_box .top_area .ttl {
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: bold;
    line-height: 1.45;
  }
  #difference-wrap .high_quality_box .top_area .ttl em {
    font-size: 1.25em;
  }
  #difference-wrap .high_quality_box .top_area .ttl .gtxt {
    background: linear-gradient(transparent 70%, #f1e33f 0%);
  }
  #difference-wrap .high_quality_box .top_area::after {
    content: '';
    background: url(../img/top/suit_staff.png) no-repeat bottom right;
    background-size: contain;
    width: 22%;
    height: 350px;
    position: absolute;
    right: 3%;
    bottom: 0;
    z-index: -1;
  }
  #difference-wrap .high_quality_box .quality_point {
    background: #346bb6;
    padding: 1.5% 0 2%;
  }
  #difference-wrap .high_quality_box .quality_point .center {
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.35em;
  }
  #difference-wrap .high_quality_box .quality_point ul {
    gap: 0 3%;
  }
  #difference-wrap .high_quality_box .quality_point li {
    width: 43%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    background: #fff;
    padding: 10px 10px;
  }
  #difference-wrap .high_quality_box .quality_point li img {
    width: 50px;
  }
  #difference-wrap .high_quality_box .quality_point li span {
    font-size: clamp(18px, 2.3vw, 26px);
    font-weight: bold;
  }
  #difference-wrap .high_quality_box .content_area {
    padding: 2.5% 3.5%;
  }
  #difference-wrap .high_quality_box .content_area img {
    float: right;
    width: 32%;
    margin-left: 16px;
  }
  #difference-wrap .high_quality_box .content_area .ttl {
    font-size: clamp(18px, 2.0vw, 24px);
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 0.5em;
  }
  @media only screen and (max-width: 568px) {
    #difference-wrap {
      padding-top: 25px;
    }
    .diff_table_wrap {
      flex-direction: column;
    }
    .diff_table_wrap table .sp_none {
      display: none;
    }
    .diff_table_wrap table thead .pc_none {
      display: table-row;
    }
    .diff_table_wrap table thead .huyouhin {
      width: 100%;
    }
    .diff_table_wrap table thead th {
      padding: 0.45em 0 0.55em;
    }
    .diff_table_wrap table tbody .pc_none {
      display: table-cell;
    }
    .diff_table_wrap table tbody th {
      font-size: 15px;
    }
    .diff_table_wrap table tbody td {
      font-size: 15px;
      padding: 0.5em 1.0em 0.5em;
    }
    .diff_table_wrap .table_01 {
      width: 100%;
    }
    .diff_table_wrap .table_01 tbody th {
      width: 38%;
    }
    .diff_table_wrap .table_01 tbody td {
      width: 62%;
    }
    .diff_table_wrap .table_02 {
      width: 100%;
    }
    .diff_table_wrap .table_02 tbody th {
      width: 38%;
      border: 1px solid #dddada;
    }
    .diff_table_wrap .table_02 tbody td {
      width: 62%;
    }
    #difference-wrap .diff_bnr {
      flex-direction: column;
      gap: 15px 0;
      margin: 20px 0;
    }
    #difference-wrap .ihin_box {
      background: url(../img/top/ihin_box_bg_sp.png) no-repeat top center;
      background-size: cover;
      padding: 5.5% 5% 4%;
    }
    #difference-wrap .ihin_box .ttl {
      font-size: 5.3vw;
      line-height: 1.65;
    }
    #difference-wrap .ihin_box .txt_wrap {
      width: 100%;
    }
    #difference-wrap .ihin_box .txt_box p {
      font-size: 3.8vw;
    }
    #difference-wrap .high_quality_box {
      border-width: 6px;
      margin-top: 7%;
    }
    #difference-wrap .high_quality_box .top_area {
      background: url(../img/top/bg_grad_sp.png) no-repeat;
      background-size: cover;
      padding: 7.5% 1% 6.5% 3%;
    }
    #difference-wrap .high_quality_box .top_area::after {
      width: 32%;
      height: 50vw;
    }
    #difference-wrap .high_quality_box .top_area .ttl {
      font-size: 3.6vw;
    }
    #difference-wrap .high_quality_box .top_area img {
      width: 36%;
    }
    #difference-wrap .high_quality_box .quality_point .center {
      font-size: 4.5vw;
      margin-bottom: 0.65em;
    }
    #difference-wrap .high_quality_box .quality_point {
      padding: 2.5% 0 5%;
    }
    #difference-wrap .high_quality_box .quality_point ul {
      gap: 0 4%;
    }
    #difference-wrap .high_quality_box .quality_point li {
      flex-direction: column;
      text-align: center;
      width: 38%;
    }
    #difference-wrap .high_quality_box .quality_point li img {
      width: 40px;
      margin-bottom: 5px;
    }
    #difference-wrap .high_quality_box .quality_point li span {
      font-size: 16px;
      line-height: 1.35;
    }
    #difference-wrap .high_quality_box .content_area {
      padding: 4% 4.5%;
    }
    #difference-wrap .high_quality_box .content_area .ttl {
      font-size: 4.4vw;
    }
    #difference-wrap .high_quality_box .content_area img {
      width: 48%;
      margin: 0 0 10px 10px;
    }
  }
  
/*===============================================
 *	キャンペーンバナー
===============================================*/
.bnr_box.inner {margin: 0 auto 25px;}
.camp-box.inner {margin: 50px auto 50px;}
.camp-box.inner.area-page {margin: 35px auto 50px;}
.bnr_box.inner.area-page {margin: 35px auto 0;}
.camp-box p {font-size: 14px;text-align: right;/*margin-top: 13px;*/}
@media only screen and (max-width: 768px) {
.camp-box.inner {margin: 30px auto !important;}
}
@media only screen and (max-width: 568px) {
.camp-box.inner {margin: 25px auto 20px !important;}
.camp-box p {font-size: 13px;text-align: left;/*margin-top: 10px;*/}
}

/*===============================================
 *	作業事例一覧（TOPその他の作業事例）
===============================================*/
.case_list_box {margin-top: 45px;}
.case_list_box .case-list {display: flex; justify-content: space-between;}
.case_list_box .case-list::after {content: none;}
.case_list_box .base-fl {display: flex;}
.txt-branch{background: #6A8CC7;border-radius: 6px;color: #fff;font-size: 16px;font-weight: bold;padding: 5px 20px;margin: 0 10px 10px 0;text-align: center;}
.ttl-main_case{max-width: 840px;margin: 0 auto;}
.case-list::after{content:"";display: block;width:32%;}
.case-list li{background: #fff;border: #5184cc 4px solid;box-sizing: border-box;margin-bottom: 20px;width: 32%;position: relative;}
.case-list_mag{margin: 0 0 30px;}
.case-list li .case-ttl{background: #5184cc;color: #fff;padding: 10px 10px 15px;line-height: 1.4;}
.case-list li .case-contents{padding: 15px;}
.case-list li .case-contents .date_time{font-size:13px;color:var(--site-primary);margin-bottom: 5px;}
.case-list li .case-contents .date_time time{padding-left: 22px;background: url(../img/icon-clock.png) no-repeat left center;background-size: 16px;}

.case-list li .txt-info{margin-bottom: 10px;position: relative;}
.case-list li .txt-info::before{content: '';background: url("../img/icon-house.png") no-repeat;background-size: contain;width: 20px;height: 18px;display: inline-block;padding-left: 5px;}
.case-list li img{margin-bottom: 15px;max-width: 320px;max-height: 240px;object-fit:cover;}
.case-list li dl {margin-bottom: 15px;}
.case-list li dt {background: #5184cc;color: #fff;font-size: 14px;padding: 5px 0 5px;text-align: center;width: 45%;}
.case-list li dd {background: #fff;border: #5184cc 2px solid;box-sizing: border-box;font-size: 16px;padding: 2px 0;text-align: center;font-weight: bold;width: 54%;}
.case-list li .total-price {color: #DA6272;margin-bottom: 20px;}
.case-list li .total-price .txt-on_price_total {background: #DA6272;color: #fff;font-size: 16px;padding: 5px 10px;position: relative;margin: 0 10px 0 0;top: -5px;letter-spacing: 1px;}
.case-list li .total-price .num {font-size: 32px;font-weight: bold;line-height: 1;}
.case-list li .total-price .yen {font-size: 15px;}
@media only screen and (max-width: 1024px) {
.txt-branch{font-size: 16px;}
.case-list li .txt-info::before {width: 18px;height: 16px;}
.case-list li dt {font-size: 14px;width: 54%;}
.case-list li dd {font-size: 14px;width: 45%;}
.case-list li .txt-info {font-size: 16px;}
.case-list li .total-price .txt-on_price_total {font-size: 14px;}
.case-list li .total-price .num {font-size: 30px;}
.case-list li .total-price .yen {font-size: 16px;}
}
@media only screen and (max-width: 768px) {
.case_list_box .case-list li:nth-child(3) {display: none;}
.ttl-main_case {margin: 0 3%;}
.case-list li{width: 48%;}
.img-service{margin:20px 0;}
} 
@media only screen and (max-width: 568px) {
.case_list_box {margin-top: 30px;}
.case_list_box .case-list {flex-direction: column;}
.txt-branch{font-size: 15px;margin: 0 0 10px 0;padding: 3px 10px;}
.case-list li .case-ttl{font-size: 18px;}
.case-list li {width: 100%;}
.case-list li .txt-info {width: 48%; font-size: 14px; margin-bottom: 8px;}
.case-list li img {max-width: initial; width: 48%;}
.case-list li .case-contents {display: flex;flex-wrap: wrap; justify-content: space-between;}
.case-list li .case-contents .date_time {width: 48%;}
.case-list li .case_info {width: 48%;}
.case-list li dl {flex-wrap: wrap;}
.case-list li dd:first-of-type {border-bottom: none;}
.case-list li dt {border-top: 2px solid #fff;}
.case-list li dt:first-of-type {border-top: none;}
.case-list li .total-price {width: 100%; text-align: center; margin-bottom: 12px;}
.case-list li .btn-case {width: 50%; margin: 0 auto;}
}
/***********************
* 詳細ボタン
************************/
.btn-case a{max-width: 200px;border: 2px solid #5184cc;text-align: center;color:#5184cc;font-size: 18px;font-weight: bold;margin: 0 auto;padding: 8px 0 10px;display: block;position: relative;}
.btn-case a:hover{background:#5184cc;color: #fff;transition: .3s;}
@media only screen and (max-width: 1024px) {
.btn-case a{font-size: 16px;}
}
/*-----------------------------------------------
 *　電子決済
-----------------------------------------------*/
.credit-box .ttl {font-size: 30px; font-weight: bold; color: #fff;background: #5184cc;text-align: center;border-radius: 10px 10px 0 0;padding: 16px 0 20px;}
.credit-box .box-inner {background: #fff;padding: 20px 25px 20px;border: 6px solid #d0dcf3;border-top: none;border-radius: 0 0 10px 10px;}
.credit-box ul {width: 55%;}
.credit-box ul li {width: 28%;font-size: 18px;font-weight: bold;border: 3px solid #5184cc;border-radius: 10px;display: flex;align-items: center;padding: 20px 5px 20px 10px;gap: 0 6px;letter-spacing: 0.05em;}
.credit-box ul li img {height: 37px; width: auto;}
.credit-box ul li span {text-align: center;}
.credit-box .card-image {width: 43%;}
@media only screen and (max-width: 1024px) {
  .credit-box ul li {font-size: 16px;padding: 20px 10px;gap: 0 5px;}
}
@media only screen and (max-width: 960px) {
  .credit-box .ttl {font-size: 24px;}
  .credit-box .box-inner {flex-direction: column;align-items: center;gap: 15px 0;}
  .credit-box ul {width: 80%;}
  .credit-box ul li {padding: 10px 5px 10px 10px;}
  .credit-box .card-image {width: 55%;}
}
@media only screen and (max-width: 568px) {
  .credit-box .ttl {font-size: 20px;padding: 8px 0 10px;}
  .credit-box .box-inner {padding: 18px 20px 10px;border-width: 4px;gap: 6px 0;}
  .credit-box ul {justify-content: space-between;width: 100%;}
  .credit-box ul li {width: 27.5%;flex-direction: column;padding: 10px 4px;font-size: 13px;gap: 3px 0;}
  .credit-box ul li img {height: 31px;}
  .credit-box ul li:nth-child(2) img {margin-left: 7px;}
  .credit-box .card-image {width: 100%;}
}
/*=============================================== *
	CVエリア
===============================================*/
.bg-cv_blue {background: #2b8bbb;}
.cv-txt_yellow {color: #ffd800;}
.catch-blue{color: #346bb6;}
.cv-area {padding-bottom: 30px;overflow: hidden;}
.cv-inner{max-width: 980px;width: 100%;position: relative;margin: 0 auto;}

.cv-area .cv-hd_txt {padding: 15px 0;}
.cv-area .cv-hd_txt span {width: 280px;border: solid 2px white;text-align: center;padding: 10px;color: white;font-size: 20px;font-weight: bold;}
.cv-area .cv-hd_txt h3 {font-size: 46px;font-weight: bold;}
.cv-area .cv-box {background: #fff;padding: 30px;text-align: center;overflow: hidden;margin-top: 30px;border-radius: 10px;box-sizing: border-box;}
.cv-area .cv-box p {font-size: 30px;background: #d0e8fc;padding: 10px;font-weight: bold;}
.cv-area .cv-box .cv-img {margin-top: 30px;position: relative;}
.cv-area .cv-box .cv-img > div {padding-left: 45%;}
.cv-area .cv-box {position: relative;}
.cv-area .cv-box .contact-btn {margin-top: 30px;}
.cv-area .cv-box .contact-btn:hover {opacity: 0.8;}
.cv-area .cv-box::after {content: '';background: url(../img/common/cv-img-after.png) no-repeat;background-size: contain;position: absolute;width: 410px;height: 233px;left: 55px;bottom: 0;}
.cv-area .cv-box::before {content: '';background: url(../img/common/badge_google4.7.png) no-repeat;background-size: contain;position: absolute;width: 141px;height: 139px;left: 65px;top: 60px;}
@media only screen and (max-width: 968px) {
.cv-inner {max-width: 700px;}
.cv-area .cv-hd_txt span {width: 240px;}
.cv-area .cv-hd_txt h3 {font-size: 30px;}
.cv-area .cv-box .contact-btn {width: 48%;}
.cv-area .cv-box::after {width: 260px;height: 148px;left: 25px;}
}
@media only screen and (max-width: 568px) {
.cv-area {border-radius: 0;overflow: unset;}
.cv-area .cv-box {padding: 15px;overflow: unset;width: 90%;margin: 15px auto 0;}
.cv-area .cv-box p {font-size: 18px;letter-spacing: 0;padding: 5px 10px;}
.cv-area .cv-box::after {content: '';background: url(../img/common/cv-img-after-sp.png) no-repeat center;background-size: contain;width: 250px;height: 165px;right: -15px;top: -165px;left: unset;}
.cv-area .cv-box::before {content: '';background: url(../img/common/badge_google4.7.png) no-repeat center;background-size: contain;width: 101px;height: 99px;position: absolute;right: -14px;left: unset;top: -80px;z-index: 3;}
.cv-area .cv-box .contact-btn {margin-top: 15px;}
.cv-area .cv-hd_txt {padding-top: 15px;}
.cv-area .cv-hd_txt h3 {font-size: 22px;line-height: 1.3;margin-top: 10px;position: relative;z-index: 3;text-shadow: 2px 2px 0px #1f7dc5, -2px 2px 0px #1f7dc5, 2px -2px 0px #1f7dc5,-2px -2px 0px #1f7dc5, 2px 0px 0px #1f7dc5, 0px 2px 0px #1f7dc5,-2px 0px 0px #1f7dc5, 0px -2px 0px #1f7dc5;}
.cv-area .cv-box .cv-img {margin-top: 15px;}
.cv-area .cv-box .cv-img > div {padding-left: 0;}
.cv-area .cv-box .contact-btn {width: 100%;}
.cv-area .cv-hd_txt span {max-width: 150px;font-size: 12px;padding: 5px;letter-spacing: 0;}
.cv-area .cv-hd_txt .cv-inner {width: 90%;margin: 0 auto;flex-direction: column;align-items: baseline;flex-direction: column;align-items: baseline;}
}

/*-------------260820追記--------------*/
.cv-area{
  padding-bottom: 15px;
}
.cv-area .cv-box{
  padding: 20px 30px;
  margin-bottom: 15px;
}
.cv-area .cv-box p.date-time {
  font-size: 22px;
  background:none;
  padding: 0 40px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}
.txt_pink{
  color: #dd717f;
}
.txt_green{
  color: #009db3;
}
.date-time::before,
.date-time::after{
  content: '';
  width: 26px;
  height: 29px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.date-time::before{
  background: url(../img/common/double_line_blue_left.png)no-repeat;
  background-size: contain;
  left: 0;
}
.date-time::after{
  background: url(../img/common/double_line_blue_right.png)no-repeat;
  background-size: contain;
  right: 0;
}
.cv-area .cv-box .cv-img{
  margin-top: 0;
}
.cv-area .cv-box::after{
  width: 430px;
  height: 277px;
  left: -15px;
}
.cv-area .cv-box::before{
  content: '';
  background: url(../img/common/badge_google4.7.png) no-repeat;
  background-size: contain;
  position: absolute;
  width: 124px;
  height: 122px;
  left: 15px;
  bottom: 10px;
  top: auto;
  z-index: 2;
}
.cv-area .cv-box .contact-btn{
  margin-top: 20px;
}

.cv_under{
  gap: 3vw;
  justify-content: center;
  align-items: center;
}
.cv_under .achieve{
  position: relative;
  padding-left: 45px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: #346bb6 2px 0px 0px, #346bb6 1.75517px 0.95885px 0px, #346bb6 1.0806px 1.68294px 0px, #346bb6 0.14147px 1.99499px 0px, #1878cf -0.83229px 1.81859px 0px, #346bb6 -1.60229px 1.19694px 0px, #346bb6 -1.97998px 0.28224px 0px, #346bb6 -1.87291px -0.70157px 0px, #346bb6 -1.30729px -1.5136px 0px, #346bb6 -0.42159px -1.95506px 0px, #346bb6 0.56732px -1.91785px 0px, #346bb6 1.41734px -1.41108px 0px, #346bb6 1.92034px -0.55883px 0px;
}
.cv_under .achieve::before{
  content: '';
  background: url(../img/common/icon_quality.png)no-repeat;
  background-size: contain;
  width: 37px;
  height: 37px;
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);
}
.cv_under .achieve span{
  font-size: 36px;
  color: #f6ff09;
}
.cv_under .cv_price{
  background: #2b8bbb;
  color: #fff;
  padding: 5px 20px;
  border-radius: 6px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
.cv_under .cv_price span{
  font-size: 18px;
}

@media only screen and (max-width: 968px) {
  .cv-area .cv-box::after{
    width: 330px;
    height: 213px;
  }
  .cv-area .cv-box p.date-time{
    font-size: 15px;
    padding: 0 20px;
  }
  .cv-area .cv-box::before{
    width: 94px;
    height: 92px;
  }
  .cv_under .achieve{
    font-size: 18px;
  }
  .cv_under .achieve span{
    font-size: 26px;
  }
  .cv_under .cv_price{
    font-size: 24px;
  }
}
@media only screen and (max-width: 568px) {
  .cv-area .cv-box::after{
    background: url(../img/common/cv-img-after-sp.png) no-repeat center;
    background-size: contain;
    width: 227px;
    height: 160px;
    right: -15px;
    top: -157px;
    left: unset;
  }
  .cv-area .cv-box p.date-time{
    font-size: 18px;
    line-height: 1.3;
    display: inline-block;
    padding: 0 45px;
  }
  .date-time::before, .date-time::after {
    width: 40px;
    height: 45px;
  }
  .cv-area .cv-box .contact-btn {
    width: 48%;
  }
  .cv-area .cv-box .contact-btn {
    margin-top: 15px;
  }
  .cv-area .cv-box{
    padding:15px 20px 20px;
  }
  .cv_under{
    margin: 0 auto;
    width: 90%;
    gap: 5vw;
  }
  .cv_under .achieve{
    font-size: 14px;
    line-height: 1.2;
    padding-left: 35px;
    display: inline-block;
    text-align: center;
  }
  .cv_under .achieve::before{
    width: 30px;
    height: 30px;
  }
  .cv_under .achieve span{
    font-size: 18px;
  }
  .cv_under .cv_price{
    font-size: 18px;
    padding: 5px 10px;
    line-height: 1;
  }
  .cv_under .cv_price span{
    font-size: 10px;
  }
  .cv-area .cv-box::before{
    right: -14px;
    left: unset;
    top: -65px;
    z-index: 3;
  }
}

/*-----------------------------------------------
 *	背景要素
-----------------------------------------------*/
.stripe-blue {background: repeating-linear-gradient(-45deg, #45a1cf 0, #45a1cf 5px, #6cb4d7 5px, #6cb4d7 10px);}
/*===============================================
 *	POPUP LINE 2025/04/10 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: #4ca0e6;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;font-weight: bold;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%);}
.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 10px;}
.popup-banner li {font-size: 13px;padding: 0 0 0 2.25em;}
.popup-banner li::before {width: 23px;height: 23px;}
.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;}
}
/*===============================================
 *	追従フッター改修
===============================================*/
.fixed_footer {background: #ecf8ff;border-top: 3px solid #0046a0;border-bottom: 3px solid #0046a0;  width: 100%;position: fixed;bottom: 0;padding: 12px 0;z-index: 100;}
.fixed_footer .footer_content {width: 90vw;max-width: 1300px;margin: 0 auto;}
.fixed_footer .logo {width: 31%;max-width: 310px;}
.fixed_footer .ft-campbtnwrap {margin-left: 20px;}
.fixed_footer .ft-campbtnwrap > a {display: block;line-height: 0;}
.fixed_footer .ft-campbtnwrap img {height: 60px;width: auto;max-width: 180px;}
.fixed_footer .tel {width: 30%;max-width: 353px;margin-left: auto;}
.fixed_footer .mail {margin-left: 30px;width: 14%;max-width: 160px;}
.fixed_footer .line {margin-left: 10px;width: 14%;max-width: 160px;}
@media only screen and (max-width: 568px) {
  .fixed_footer {border: none;padding: 10px 0 0;}
  .fixed_footer .camp {background: #346bb6;margin: 0 2.65vw 8px;}
  .fixed_footer .camp p {text-align: center;font-size: 14px;font-weight: bold;color: #fff;-webkit-transform: skewX(-10deg);transform: skewX(-10deg);}
  .fixed_footer .camp p .txt_color {color: #f1e33f;}
  .fixed_footer .footer_content {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
  .fixed_footer .tel {width: initial;max-width: initial;margin: 0;}
  .fixed_footer .mail {width: initial;max-width: initial;margin: 0;}
  .fixed_footer .line {width: initial;max-width: initial;margin: 0;} 
}

/*=============================================== *
	MV改修
===============================================*/
.hd_top {
  background: #e8eaf9;
  padding: 0 0 0.2em;
}
.hd_top_txt {
  max-width: 980px;
  font-size: 14px;
  color: #444;
  margin: 0 auto;
}
.mainvisual_02 {
  background: url(../img/top/mv_bg_pc.jpg) no-repeat center;
  background-size: cover;
  padding: 3% 0;
}
.mainvisual_02 .inner {
  margin: 0 auto;
}
.mainvisual_02 .mv_contents {
  display: grid;
  grid-template-columns: 48% 47%;
  grid-template-rows: auto auto;
  column-gap: 5%;
}
.mainvisual_02 .main_area {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
}
.mainvisual_02 .archivement_txt {
  color: #fff;
  background: #e24045;
  font-size: 19px;
  line-height: 1.35;
  text-align: center;
  position: relative;
  padding: 0 0;
}
.mainvisual_02 .archivement_txt::before {
  content: '';
  background: url(../img/top/leaf_left.svg) no-repeat;
  background-size: contain;
  width: 17px;
  height: 30px;
  position: absolute;
  left: 7%;
  top: 50%;
  transform: translateY(-50%);
}
.mainvisual_02 .archivement_txt::after {
  content: '';
  background: url(../img/top/leaf_right.svg) no-repeat;
  background-size: contain;
  width: 17px;
  height: 30px;
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
}
.mainvisual_02 .archivement_txt span {
  color: #f1d120;
  font-size: 1.65em;
  font-family: 'Roboto';
}
.mainvisual_02 .txt_sub {
  font-family: 'ZenKakuGothicNew';
  color: #0046a0;
  font-size: 23px;
  margin: 3% 0 1%;
}
.mainvisual_02 .txt_sub span {
  background: #0046a0;
  color: #fff;
  padding: 0 0.5em 0.1em;
  margin-right: 0.25em;
  font-size: 0.9em;
}
.mainvisual_02 .txt_main {
  font-family: 'ZenKakuGothicNew';
  color: #0046a0;
  font-size: 92px;
  line-height: 1.0;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
  position: relative;
  margin-bottom: 5%;
}
.mainvisual_02 .txt_main::before {
  content: '';
  background: url(../img/top/flower.svg) no-repeat;
  background-size: contain;
  width: 128px;
  height: 130px;
  position: absolute;
  right: -10px;
  top: -35px;
  z-index: -1;
}
.mainvisual_02 .media_area {
  grid-column: 1;
  grid-row: 2;
  background: #fff;
  padding: 3% 4%;
  font-size: 19px;
  margin-top: -8px;
}
.mainvisual_02 .media_area ul {
  gap: 0 4%;
  margin-bottom: 10px;
}
.mainvisual_02 .media_area li {
  color: #fff;
  background: #0046a0;
  padding: 0.15em 0.75em 0.2em;
}
.mainvisual_02 .photo_area {
  grid-column: 2;
  grid-row: 1;
}
.mainvisual_02 .card_img {
  grid-column: 2;
  grid-row: 2;
  width: 95%;
  margin: -10px auto 0;
}
.mainvisual_02 .review_box {
  background: url(../img/top/review_bg.jpg) no-repeat;
  background-size: cover;
  padding: 1.5% 3%;
  margin-top: 3%;
  position: relative;
  border-radius: 10px;
}
.mainvisual_02 .review_box::after {
  content: '';
  background: url(../img/top/review_img.png) no-repeat;
  background-size: contain;
  width: 173px;
  height: 115px;
  position: absolute;
  right: 7%;
  bottom: 6%;
}
.mainvisual_02 .review_box .review_content {
  width: 73%;
  position: relative;
}
.mainvisual_02 .review_box .review_content::before {
  content: '';
  background: url(../img/top/leaf_yellow_left.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 4%;
}
.mainvisual_02 .review_box .review_content::after {
  content: '';
  background: url(../img/top/leaf_yellow_right.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 4%;
}
.mainvisual_02 .review_box .main {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 1.0;
  color: #fff;
}

.mainvisual_02 .review_box .main .size_small {
  font-size: 0.5em;
}
.mainvisual_02 .review_box .main em {
  font-size: 1.25em;
  color: #ffff00;
  padding: 0 1.25%;
}
.mainvisual_02 .review_box .under_txt {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  padding-left: 6%;
  margin-top: 8px;
  text-align: right;
  padding-right: 5%;
}

@media only screen and (max-width: 960px) {
  .hd_top {
    padding-left: 2%;
  }
  .mainvisual_02 {
    padding: 4% 2%;
  }
  .mainvisual_02 .archivement_txt {
    font-size: 16px;
  }
  .mainvisual_02 .txt_sub {
    font-size: 20px;
    margin: 4% 0 2%;
  }
  .mainvisual_02 .txt_main {
    font-size: 72px;
  }
  .mainvisual_02 .media_area {
    font-size: 14px;
    margin-top: 12px;
  }
  .mainvisual_02 .review_box::after {
    width: 155px;
    right: 3%;
    bottom: -5%;
  }
  .mainvisual_02 .review_box .review_content::before, .mainvisual_02 .review_box .review_content::after {
    top: -4%;
  }
  .mainvisual_02 .review_box .main {
    font-size: 28px;
  }
  .mainvisual_02 .review_box .under_txt {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .mainvisual_02 {
    padding: 4% 0;
  }
}
@media only screen and (max-width: 568px) {
  .hd_top {
    padding: 3px 0 3px 5px;
  }
  .hd_top_txt {
    font-size: 10px;
    letter-spacing: 0;
  }
  #navibtn {
    top: 22px;
  }
  #navibtn.other {
    top: 0;
  }
  #menu-navibtn:checked ~ #navi {
    top: 82px;
    border-top: #0046a0 1px solid;
  }
  #menu-navibtn:checked ~ #navi.other_navigation {
    top: 60px;
    border-top: #0046a0 1px solid;
  }
  .mainvisual_02 {
    margin-top: 82px;
    padding: 0;
    background: none;
  }
  .mainvisual_02 .inner {
    width: 100%;
  }
  .mainvisual_02 .mv_contents {
    padding: 5% 5% 7%;
    background: url(../img/top/mv_bg_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  .mainvisual_02 .archivement_txt {
    font-size: 4.0vw;
  }
  .mainvisual_02 .archivement_txt::before {
    left: 2%;
  }
  .mainvisual_02 .archivement_txt::after {
    right: 2%;
  }
  .mainvisual_02 .mv_contents {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto;
  }
  .mainvisual_02 .txt_sub {
    font-size: 4.8vw;
    margin: 2.5% 0 1%;
  }
  .mainvisual_02 .txt_main {
    font-size: 18vw;
    margin-bottom: 4%;
  }
  .mainvisual_02 .media_area {
    grid-row: 4;
    padding: 2.5% 0 2%;
  }
  .mainvisual_02 .media_area ul {
    gap: 0 3%;
    margin-bottom: 4px;
  }
  .mainvisual_02 .photo_area {
    grid-column: 1;
    grid-row: 2;
    margin-top: 3vw;
  }
  .mainvisual_02 .card_img {
    grid-column: 1;
    grid-row: 3;
  }
  .mainvisual_02 .review_box {
    border-radius: 0;
    margin: 0;
    padding: 2.5% 0 2% 3%;
  }
  .mainvisual_02 .review_box::after {
    width: 32vw;
    right: 2%;
    bottom: -26%;
  }
  .mainvisual_02 .review_box .main {
    font-size: 5.0vw;
    line-height: 1.15;
  }
  .mainvisual_02 .review_box .main em {
    font-size: 1.35em;
  }
  .mainvisual_02 .review_box .review_content {
    width: 64%;
  }
  .mainvisual_02 .review_box .review_content::before, .mainvisual_02 .review_box .review_content::after {
    width: 24px;
  }
  .mainvisual_02 .review_box .under_txt {
    font-size: 10px;
    padding: 0;
    text-align: center;
    margin-top: 2px;
  }
}

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

.js_modalBtnCont_20off {
  display: block;
  color: #222;
  transition: 0.3s;
}

.js_modalBtnCont_20off:hover,
.js_modalBtnCont_20off:focus {
  opacity: .8;
}
.js_modalWrap_20off {
  display: none;
  z-index: 99999;
  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: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  max-width: 100%;
  max-height: 100vh;
  overflow-y: auto;
  background-color: #d0dcf3;
  padding: 40px;
}
/*.js_modalCont_20off > * + * {
  margin-top: 20px;
}*/
.js_modalCont_20off img{
  margin-bottom: 20px;
}
.js_modalCont_20off .md_radius{
  border-radius: 10px;
  overflow: hidden;
}
.js_modalContInner_20off > .js_modalClose_20off + * {
  margin-top: 0;
}
.js_modalContInner_20off p{
  font-size: 15px;
  text-align: left;
  padding: 20px;
}
.js_modalContInner_20off p .marker{
  font-size: 17px;
  font-weight: bold;
  background:linear-gradient(transparent 70%, #ffd800 70%);
}
.js_modalContInner_20off ul{
  padding: 20px;
}
.js_modalContInner_20off ul li{
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
}
.js_modalClose_20off {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1001;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.js_modalClose_20off::before,
.js_modalClose_20off::after {
  content: "";
  background-color: #326bb8;
  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;
}
/*.bg_white_box_20off.mag{
  margin-bottom: 20px;
}*/
.js_modalContInner_20off .modal_ttl_20off {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding: .5em 0;
  text-align: center;
  background: #5284cd;
  color: #fff;
}
.js_modalContInner_20off .modal_ttl_20off span{
  position: relative;
  padding-left: 65px;
  margin-left: -65px;
}
.js_modalContInner_20off .modal_ttl_20off span::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.js_modalContInner_20off .modal_ttl_20off span.icon_01::before{
  background: url(../img/common/icon01.png)no-repeat;
  background-size: contain;
  width: 52px;
  height: 52px;
}
.js_modalContInner_20off .modal_ttl_20off span.icon_02::before{
  background: url(../img/common/icon02.png)no-repeat;
  background-size: contain;
  width: 41px;
  height: 46px;
}
.js_modalContInner_20off .modal_ttl_20off span.icon_03::before{
  background: url(../img/common/icon03.png)no-repeat;
  background-size: contain;
  width: 52px;
  height: 52px;
}

.modal_close_btn_20off {
  text-align: center;
  color: #333;
  border: 2px solid #ccc;
  padding: 12px 0;
  border-radius: 6px;
  font-size: 17px;
  cursor: pointer;
  margin-top: 20px;
  font-weight: bold;
  width: 40%;
  margin: 20px auto 0;
  background: #fff;
  position: relative;
}

.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: 13px;
  }
  .js_modalContInner_20off p .marker{
    font-size: 15px;
  }

  .js_modalContInner_20off {
    width: 100%;
    max-height: 100vh;
    height: auto;
    padding: 20px 0px 40px;
    max-width: 720px;
    box-sizing: border-box;
  }
  .js_modalCont_20off .md_radius{
    width: 90%;
    margin: 20px auto;
  }
  .js_modalCont_20off > * + * {
    margin-top: 10px;
  }
  .modal_close_btn_20off{
    width: 60%;
  }

  .js_modalContInner_20off .modal_ttl_20off span.icon_01::before{
  width: 26px;
  height: 26px;
}
.js_modalContInner_20off .modal_ttl_20off span.icon_02::before{
  width: 20px;
  height: 23px;
}
.js_modalContInner_20off .modal_ttl_20off span.icon_03::before{
  width: 26px;
  height: 26px;
}
.js_modalContInner_20off .modal_ttl_20off{
  font-size: 16px;
}
.js_modalContInner_20off .modal_ttl_20off span{
  padding-left: 34px;
  margin-left: -34px;
}
.js_modalContInner_20off ul{
  padding: 10px 15px;
}
.js_modalContInner_20off ul li{
  font-size: 12px;
}
}

/*===============================================
 *	202606 TOP改修 こんなお悩みありませんか？
===============================================*/
.sec_troubles .inner {
  margin: 0 auto;
}

.sec_troubles .trouble_content {
  background: url(../img/top/trouble_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 5% 0 0;
}

.sec_troubles .ttl {
  font-size: clamp(28px, 3.5vw, 45px);
  font-weight: bold;
  color: #fff;
  margin: 0 auto 0.5em;
  width: fit-content;
  position: relative;
}

.sec_troubles .ttl::before,
.sec_troubles .ttl::after {
  content: '';
  width: 0.8em;
  height: 40px;
  position: absolute;
  bottom: 0.35em;
}

.sec_troubles .ttl::before {
  background: url(../img/top/double_line_yellow_left.png) no-repeat right bottom;
  background-size: contain;
  left: -1.0em;
}

.sec_troubles .ttl::after {
  background: url(../img/top/double_line_yellow_right.png) no-repeat left bottom;
  background-size: contain;
  right: -1.0em;
}

.sec_troubles .ttl .ptxt {
  font-size: 1.06em;
  margin: 0 0.15em;
  position: relative;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

.sec_troubles .ttl .ptxt::before {
  content: '●●●';
  font-size: 0.2em;
  position: absolute;
  top: -15px;
  left: 1.5em;
  letter-spacing: 4.2em;
  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;
}

.sec_troubles ul {
  gap: 15px 4%;
}

.sec_troubles li {
  font-size: clamp(18px, 2.0vw, 24px);
  width: 48%;
}

.sec_troubles li div {
  font-weight: bold;
  padding: 0.5em 0.85em 2.08em;
  width: fit-content;
}

.sec_troubles li:nth-child(1) div {
  background: url(../img/top/fukidashi_pc_01.png) no-repeat right top;
  background-size: contain;
  margin-left: auto;
}

.sec_troubles li:nth-child(2) {
  margin-top: 2%;
}

.sec_troubles li:nth-child(2) div {
  background: url(../img/top/fukidashi_pc_02.png) no-repeat right top;
  background-size: contain;
}

.sec_troubles li:nth-child(3) {
  margin-top: -2%;
}

.sec_troubles li:nth-child(3) div {
  background: url(../img/top/fukidashi_pc_03.png) no-repeat right top;
  background-size: contain;
  margin-left: auto;
}

.sec_troubles li:nth-child(4) div {
  background: url(../img/top/fukidashi_pc_04.png) no-repeat right top;
  background-size: contain;
}

.sec_troubles .trouble_illust {
  width: 39.4%;
  display: block;
  margin: -3% auto 0;
}

.sec_troubles .under_block {
  background: #e4f3f9;
}

.sec_troubles .under_block .inner {
  padding: 2% 0 3.5%;
  background: url(../img/top/sankaku_stripe.png) no-repeat center top;
  background-size: auto 100%;
}

.sec_troubles .under_block .txt {
  font-size: clamp(20px, 3.0vw, 36px);
  font-weight: bold;
}

.sec_troubles .under_block .txt em {
  font-size: 1.33em;
  background: linear-gradient(transparent 70%, #f1e33f 0%);
}

@media only screen and (max-width: 768px) {
  .sec_troubles li {
    width: 80%;
    margin: 0 !important;
  }
  .sec_troubles .trouble_illust {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 568px) {
  .sec_troubles .trouble_content {
    background: url(../img/top/trouble_bg_sp.jpg) no-repeat center;
    background-size: cover;
    padding-top: 10%;
  }
  .sec_troubles .ttl {
    line-height: 1.25;
  }
  .sec_troubles .ttl .ptxt::before {
    top: -10px;
  }
  .sec_troubles .ttl::before, .sec_troubles .ttl::after {
    width: 1.82em;
    height: 58px;
    bottom: 0;
  }
  .sec_troubles .ttl::before {
    left: -2.0em;
  }
  .sec_troubles .ttl::after {
    right: -2.0em;
  }
  .sec_troubles ul {
    gap: 3px 0;
  }
  .sec_troubles li {
    width: 100%;
    font-size: 4.5vw;
  }
  .sec_troubles li div {
    padding: 0.65em 0.65em 2.3em;
  }
  .sec_troubles li:nth-child(1) div{
    background: url(../img/top/fukidashi_sp_01.png) no-repeat;
    background-size: contain;
    margin: 0 auto 0 0;
  }
  .sec_troubles li:nth-child(2) div{
    background: url(../img/top/fukidashi_sp_02.png) no-repeat;
    background-size: contain;
    margin: 0 0 0 auto;
  }
  .sec_troubles li:nth-child(3) div{
    background: url(../img/top/fukidashi_sp_03.png) no-repeat;
    background-size: contain;
    margin: 0 auto 0 0;
  }
  .sec_troubles li:nth-child(4) div{
    background: url(../img/top/fukidashi_sp_04.png) no-repeat;
    background-size: contain;
    margin: 0 3% 0 auto;
  }
  .sec_troubles .trouble_illust {
    width: 82%;
    margin: -2% auto 0;
  }
  .sec_troubles .under_block .inner {
    padding: 4% 0 5.5%;
  }
  .sec_troubles .under_block .txt {
    font-size: 5.6vw;
  }
  .sec_troubles .under_block .txt em {
    padding-bottom: 3px;
  }
}
/*===============================================
 *	202606 Google口コミセクション
===============================================*/
.google_reviews_sec {
}

.google_reviews_sec .ttl_area {
  background: url(../img/top/google_review_top_bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 4.5% 0 2.5%;
}

.google_reviews_sec .ttl_area .ttl {
  font-size: clamp(20px, 3.0vw, 36px);
  font-weight: bold;
  line-height: 1.3;
}

.google_reviews_sec .ttl_area .ttl em {
  font-size: 1.2em;
}

.google_reviews_sec .ttl_area .ttl .notice-mark {
  font-size: 0.35em;
  vertical-align: super;
  position: relative;
  top: -0.5em;
}

.google_reviews_sec .ttl_area .ttl .ptxt {
  font-size: 1.5em;
}

.google_reviews_sec .ttl_area p {
  font-size: 13px;
  margin-top: 7px;
}

.google_reviews_sec .band-ttl em {
  padding-top: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: radial-gradient(#f1e33f 12%, rgba(1, 66, 189, 0) 12%), radial-gradient(#f1e33f 12%, rgba(1, 66, 189, 0) 13%);
  background-position: top 10px left 0;
  background-size: 1.02em 1.02em;
  background-repeat: repeat-x;
}

.google_reviews_sec .review_area {
  background: url(../img/top/google_review_bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 2% 2% 0;
  border-radius: 10px;
}

.google_reviews_sec .review_area .review_wrap {
  background: #fff;
  padding: 2% 2%;
  border-radius: 10px;
}

.google_reviews_sec .grw-content-inner {
  margin-bottom: 15px;
}

.google_reviews_sec .wp-google-url {
  font-size: 0;
  padding: 12px 20px;
  border: 1px solid #ccc;
  width: fit-content;
  border-radius: 6px;
}

.google_reviews_sec .wp-google-url::after {
  content: 'もっと読み込む';
  font-size: 14px;
}

.google_reviews_sec .review_area .txt {
  color: #fff;
  font-size: clamp(20px, 2.5vw, 29px);
  font-weight: bold;
  padding: 0.85em 0 0.85em;
}


@media only screen and (max-width: 568px) {
  .google_reviews_sec .ttl_area {
    background: url(../img/top/google_review_top_bg_sp.jpg) no-repeat center top;
    background-size: cover;
    padding: 11% 0 6.5%;
  }
  .google_reviews_sec .ttl_area .ttl {
    font-size: 5.3vw;
    line-height: 1.45;
  }
  .google_reviews_sec .ttl_area .ttl .ptxt {
    line-height: 1.0;
  }
  .google_reviews_sec .ttl_area .ttl .notice-mark {
    font-size: 0.5em;
    top: 0;
  }
  .google_reviews_sec .ttl_area p {
    font-size: 12px;
    margin-top: 5px;
  }
  .google_reviews_sec .band-ttl em {
    padding-top: 24px;
    background-image: radial-gradient(#f1e33f 15%, rgba(1, 66, 189, 0) 15%), radial-gradient(#f1e33f 12%, rgba(1, 66, 189, 0) 13%);
    background-size: 1.05em 1.08em;
  }
  .google_reviews_sec .grw-content-inner {
    margin-bottom: 12px;
  }
  .google_reviews_sec .review_area {
    background: url(../img/top/google_review_bg_sp.jpg) no-repeat bottom center;
    background-size: cover;
    padding: 4% 4% 0;
    margin-top: -2%;
  }
  .google_reviews_sec .review_area .review_wrap {
    padding: 4% 4%;
  }
  .google_reviews_sec .review_area .txt {
    padding: 1.25em 0 1.25em;
  }
  .google_reviews_sec .wp-gr .grw-review .wp-google-feedback {
    height: auto !important;
  }
}
/*===============================================
 *	202606 アンケートセクション
===============================================*/
#letter-wrap{background: url("../img/bg-squares.png") left top repeat #fff;border: #dddada 2px solid;margin-bottom: 30px;}
.letter-ttl{background: #5ea1ba;color:#fff;padding: 10px 0 10px 24px;font-size: 28px;font-weight: bold;}
.letter-ttl img{display: inline;max-width: 36px;margin:0 10px 5px 0;}
.letter-contents{padding: 20px;}
.letter-contents img{max-width: 280px;float: right;margin-top: -70px;}
.letter-subttl{font-size: 24px;font-weight: bold;line-height: 1.4;margin-bottom: 10px;}
.letter-subttl span{color: #0047ad;}
.questionnaire-li{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.questionnaire-li li{background: url("../img/bg-squares.png") left top repeat #fff;border: #dddada 2px solid;padding: 25px 25px 5px;font-size: 20px;text-align: center;}
.questionnaire-li li a {border: #ccc 1px solid;display: block;position: relative;}
.questionnaire-li li a:after {position: absolute;bottom: -1px;right: -1px;width: 30px;height: 30px;background: url(../img/icon-glass.png) no-repeat;content: '';}
.questionnaire_sec .ttl_area {
  margin-bottom: 2.5vw;
}
.questionnaire_sec .ttl_area .ttl {
  font-size: clamp(22px, 3.8vw, 42px);
  line-height: 1.35;
  font-weight: bold;
  margin: 4% auto 3%;
  width: fit-content;
  position: relative;
  text-align: center;
}
.questionnaire_sec .ttl_area .ttl .gtxt {
  font-size: 1.25em;
}
.questionnaire_sec .ttl_area .ttl .ptxt {
  font-size: 1.25em;
}
.questionnaire_sec .ttl_area .ttl .wave_line {
  position: relative;
}

.questionnaire_sec .ttl_area .ttl .wave_line::after {
  content: '';
  background: url(../img/top/wave_line.png) repeat-x;
  width: 100%;
  height: 14px;
  position: absolute;
  left: 0;
  bottom: -15px;
}

.questionnaire_sec .ttl_area .ttl::before, 
.questionnaire_sec .ttl_area .ttl::after {
  content: '';
  width: 0.8em;
  height: 40px;
  position: absolute;
  bottom: 0.35em;
}

.questionnaire_sec .ttl_area .ttl::before {
  background: url(../img/top/double_line_yellow_left.png) no-repeat left bottom;
  background-size: contain;
  left: -1.25em;
}

.questionnaire_sec .ttl_area .ttl::after {
  background: url(../img/top/double_line_yellow_right.png) no-repeat left bottom;
  background-size: contain;
  right: -1.0em;
}

.questionnaire_sec .ttl_area img {
  width: 23.4%;
}

.questionnaire_sec .ttl_area .row {
  gap: 0 3%;
}

.questionnaire_sec .sub_ttl {
  font-size: clamp(20px, 3.0vw, 36px);
  font-weight: bold;
  line-height: 1.35;
}

.questionnaire_sec .sub_ttl em {
  font-size: 1.25em;
}

.questionnaire_sec .letter-contents {
  position: relative;
}

.questionnaire_sec .letter-contents .badge {
  width: 16%;
  position: absolute;
  right: 2%;
  top: -10%;
}

.questionnaire_sec .letter-contents .badge_txt {
  font-size: 12px;
  color: #999;
  position: absolute;
  top: 19%;
  right: 17%;
}
@media only screen and (max-width: 960px) {
  .letter-ttl{font-size: 24px;}
  .letter-contents img{max-width: 250px;}
  #letter-wrap {margin-bottom: 10px;}
  .letter-subttl {font-size: 21px;}
  .questionnaire-li li {padding: 15px 15px 5px;width: 27%;}
 .questionnaire_sec .letter-contents .badge{
    right: -2%;
    top: 28%;
  }
}
@media only screen and (max-width: 568px) {
  .letter-ttl {font-size: 20px;line-height: 1.4;}
  .letter-ttl img {width: 8%; margin: 0 5px 0 0;}
  .letter-subttl {font-size: 17px;}
  .letter-contents {padding: 40px 15px 15px 15px;}
  .letter-contents img {max-width: 150px;margin-top: 0;margin-left: 5px;}
  .questionnaire-li{margin-bottom: 20px;}
  .questionnaire-li li {width: calc(100% / 2.6);font-size: 16px;}
  .questionnaire-li li:last-child {display: none;}
  .questionnaire_sec .ttl_area .ttl {
    text-align: center;
    line-height: 1.35;
    margin: 7% auto 8%;
  }
  .questionnaire_sec .ttl_area .ttl .wave_line::after {
    background-size: 97% auto;
  }
  .questionnaire_sec .ttl_area .ttl::before, .questionnaire_sec .ttl_area .ttl::after {
    width: 1.65em;
    height: 42px;
  }
  .questionnaire_sec .ttl_area .ttl::before {
    left: -1.55em;
  }
  .questionnaire_sec .ttl_area .ttl::after {
    right: -1.65em;
  }
  .questionnaire_sec .ttl_area img {
    width: 28%;
  }
  .questionnaire_sec .sub_ttl {
    font-size: 5.0vw;
  }
  .letter-ttl {
    font-size: 5.0vw;
    padding: 10px 0 10px 16px;
  }
  .questionnaire_sec .letter-contents .badge {
    width: 70px;
    right: -3%;
    top: -64px;
  }
  .questionnaire_sec .letter-contents .badge_txt {
    top: 10px;
    right: initial;
    left: 15px;
  }
}

/*===============================================
 *	202606 TOP買取セクション
===============================================*/
.purchase_sec .ttl_area {
  gap: 0 3%;
  margin: 6% auto 0;
}
.purchase_sec .ttl_area img {
  width: 20%;
}
.purchase_sec .ttl_area .ttl {
  font-size: clamp(20px, 3.0vw, 36px);
  font-weight: bold;
  line-height: 1.5;
}
.purchase_sec .ttl_area .ttl em {
  font-size: 1.25em;
  line-height: 1.0;
}
.purchase_sec .icon-purchase_box dt {
  position: relative;
}
.purchase_sec .icon-purchase_box dt img {
  width: 12.3%;
  position: absolute;
  top: -54%;
  right: 0.5%;
}
@media only screen and (max-width: 568px) {
  .purchase_sec .ttl_area {
    gap: 0 2%;
    align-items: center;
    margin-top: 10%;
  }
  .purchase_sec .ttl_area img {
    width: 24%;
  }
  .purchase_sec .ttl_area .ttl {
    font-size: 4.2vw;
    margin-top: -5%;
  }
  .purchase_sec .ttl_area .ttl em {
    font-size: 1.15em;
  }
  .purchase_sec .icon-purchase_box dt img {
    width: 20%;
    top: -23%;
    right: -4.5%;
  }
}

/*----JSによる電話番号切替---*/
/* JSが有効な環境のみ、最初対象要素を透明にしておく */
.is-js .js-tel-replace {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out; /* 0.3秒かけてフェードイン（お好みで調整） */
}
/* JSでの書き換えが完了した後に付与されるクラス。フワッと表示させる */
.is-js .js-tel-replace.is-ready {
  opacity: 1;
  visibility: visible;
}