@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;}
@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;}
}
@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: 490px;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;margin-right: auto;}
.hd-phonebox {max-width: 290px;}
.hd-mail{margin-left: 25px;}
@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 0 0 2%;align-items: center;height: 60px;}
.hd-phonebox {display: none;}
#header-wrap .logo{max-width: initial;width: 80%;}
#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.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: 0 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-wrap{background: url("../img/bg-reason01.png") left top no-repeat;}
.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;}
@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;}
.certificate-li li dd {display: flex;justify-content: space-between;align-items: center;}
.certificate-li li dd img{margin: 0 10px 0 0;width: 100px;}
.certificate-li li dd p {padding-top: 0;font-size: 14px;}
}
@media only screen and (max-width: 375px) {
.reason3-box {max-width: 265px;}
.ttl-main_reason span {font-size: 24px;}
.certificate-li dt span{display: block;}
}
@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-wrap{background: url("../img/bg-reason02.png") right top no-repeat;}
.bereaved-list{max-width: 900px;}
.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;}
@media only screen and (max-width: 1024px) {
#bereaved-wrap{background: none;}
}
@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;}
}
/*===============================================
 *	cheapest-wrap
===============================================*/
#cheapest-wrap{background: url("../img/bg-reason03.png") left top no-repeat;}
.bg-price{background: url("../img/bg-catch-price.png") left bottom no-repeat;background-size: 302px;max-width: 842px;margin: 0 auto;padding: 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;}
@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;}
}
@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
===============================================*/
.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;}
.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-bottom: 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;}
@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;}
}
@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 {margin-bottom: 20px;}
.photo-madori img {margin-bottom: 10px;}
.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;}
}
@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;}
}
/*===============================================
 *	letter-wrap
===============================================*/
.bg-questionnaire{background: url("../img/bg-questionnaire.png") left no-repeat;background-size: 282px;max-width: 770px;margin: 0 auto;}
.questionnaire-box {max-width: 480px;margin-left: auto;padding: 5em 0 1em;}
.ttl-main_questionnaire{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_questionnaire span{font-size: 46px;}
#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;text-align: center;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-txtbox{max-width: 640px;float: left;}*/
.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: '';}
@media only screen and (max-width: 768px) {
.bg-questionnaire {background: url(../img/bg-questionnaire.png) 5% no-repeat;background-size: 35%;}
.questionnaire-box {max-width: 510px;}
.questionnaire-box img{max-width: 346px;}
.ttl-main_questionnaire {margin: 0 3%;line-height: 1.4;margin-bottom: 0.5em;}
	
.letter-ttl{font-size: 26px;}
.letter-contents img{max-width: 250px;}
#letter-wrap {margin-bottom: 10px;}
/*.letter-txtbox {max-width: 430px;}*/
.letter-subttl {font-size: 21px;}
.questionnaire-li li {padding: 15px 15px 5px;width: 190px;}
}
@media only screen and (max-width: 568px) {
.questionnaire-box {max-width: 278px;padding: 1.5em 0;}
.questionnaire-box img {max-width: 196px;}
.ttl-main_questionnaire {font-size: 20px;}
.ttl-main_questionnaire span {font-size: 24px;}

.letter-ttl {font-size: 20px;line-height: 1.4;}
.letter-ttl img {max-width: 20px;}
.letter-subttl {font-size: 17px;}
.letter-contents {padding: 15px;}
.letter-contents img {max-width: 150px;margin-top: 0;margin-left: 5px;}
/*.letter-txtbox {float: none;}*/
.questionnaire-li{margin-bottom: 20px;}
.questionnaire-li li {width: calc(100% / 2.6);font-size: 16px;}
.questionnaire-li li:last-child {display: none;}
}
/*===============================================
 *	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;margin-bottom: 30px;}
.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;max-width: 266px;padding: 20px;width: 100%;position: relative;height: 290px;}
.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: 40px;font-weight: bold;text-align: center;}
@media only screen and (max-width: 768px) {
.expensive-box {max-width: 225px;}
.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 {max-width: 200px;padding: 10px;}
.purchase-list li img {width: 100%;}
.purchase-list li:first-child dl {margin-top: 0;}
.purchase-list dt {font-size: 16px;}
.purchase-list dd {font-size: 34px;}
}
@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 {max-width: initial;}
.expensive-box dt {font-size: 18px;padding: 0;}
.expensive-box dd {padding: 10px;display: flex;align-items:flex-start;}
.expensive-box dd img {width: 45%;}
.purchase-list li {max-width: initial;width: 42%;font-size: 15px;letter-spacing: 0;height: 260px;}
.purchase-list li img {height: 125px;}
.purchase-list li:last-child{display: none;}
.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 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
===============================================*/
.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-box{padding: 2%;max-width: 580px;}
.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: 768px) {
.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{max-width: 380px;}
}
@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 35px auto;}
.relics-contents03 .ttl-definition {margin: 5% 0 35px 2%;}
.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%;}
}
@media only screen and (max-width: 375px) {
.ttl-definition {width: 52%;}
}
@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 li {margin-bottom: 2em;width: calc(96%/2);}
.flow-list img {max-width: 369px;margin: 0 auto 10px;}
.flow-list dt {font-size: 14px;letter-spacing: 0;}
.flow-list dt span {font-size: 14px;}
.flow-list figure {display: block;}
.flow-list li:after {content: 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;}
@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-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: 568px) {
.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 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%;}
}
@media only screen and (max-width: 568px) {
.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_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 40px;
  }
  #difference-wrap .inner {
    margin-bottom: 0;
  }
  #difference-wrap #difference_box_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    padding-bottom: 0;
    position: relative;
  }
  #difference-wrap #difference_box_wrap .difference_box {
    border: solid 1px #dddada;
  }
  #difference-wrap #difference_box_wrap .difference_box dt {
    background: #e4f3f9;
  }
  #difference-wrap #difference_box_wrap dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
  }
  #difference-wrap #difference_box_wrap dt {
    width: calc(30% - 1px);
    border-right: solid 1px #dddada;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #difference-wrap #difference_box_wrap dd {
    width: 70%;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    line-height: 2em;
  }
  .return {
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 3em;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .return span {
    font-size: 20px;
    font-weight: bold;
    display: block;
  }
  .return h4 {
    font-size: 2em;
    font-weight: bold;
    color: #e5959f;
    display: inline-block;
    position: relative;
    margin-left: 100px;
    z-index: 1;
  }
  .return h4::before {
    content: "＞＞";
    position: absolute;
    left: -75px;
    color: #8db6ee;
    letter-spacing: -14px;
  }
  .return h4::after {
    content: '';
    background: #ff6;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: -1;
  }
  @media (max-width: 568px) {
    .return {
      line-height: normal;
      flex-direction: column;
    }
    .return span {
      font-size: 18px;
    }
    .return h4 {
      display: inline-block;
      margin: 0 auto;
      margin-top: 60px;
    }
    .return h4::before {
      content: "";
      background: url(../img/arrow-bottom.png) center bottom no-repeat;
      background-size: contain;
      top: -43px;
      left: 0;
      right: 0;
      width: 80px;
      height: 33px;
      position: absolute;
      padding-bottom: 0;
      margin: 0 auto;
    }
  }
  #difference-wrap #difference_box_wrap dd p {
    position: relative;
    padding-left: 15px;
  }
  #difference-wrap #difference_box_wrap dd p::before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
  }
  #difference-wrap #difference_box_wrap #content_category {
    background: #0246a0;
    color: #fff;
  }
  #difference-wrap #difference_box_wrap #content_category dt {
    border-right: solid 1px #fff;
  }
  #difference-wrap #difference_box_wrap #content_category dd {
    padding: 10px;
    text-align: center;
  }
  #difference-wrap img {
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
	max-width: 884px;
  }
  @media (max-width: 568px) {
    #difference-wrap #difference_box_wrap {
      padding: 0;
    }
    #difference-wrap #difference_box_wrap dd {
      line-height: 1.5em;
      padding: 15px 5px;
    }
    #difference-wrap img {
      width: 100%;
    }
  }
  #difference-wrap #ihin_progress .progress_return {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #difference-wrap #ihin_progress .progress_return .expensive-box {
    width: calc(100%/2.1);
    max-width: unset;
    border-top: 0;
  }
  #difference-wrap #ihin_progress .progress_return dl dt {
    padding: 10px;
  }
  #difference-wrap #ihin_progress .progress_return dl dd {
    padding: 20px;
    display: flex;
    justify-content: space-between;
  }
  #difference-wrap #ihin_progress .progress_return dl dd p {
    width: calc(100%/2.1);
  }
  #difference-wrap #ihin_progress .progress_return dl img {
    margin: 0;
    width: calc(100%/2.1);
    border: solid 1px #dddada;
  }
  #difference-wrap #ihin_progress {
    position: relative;
  }
  #difference-wrap #ihin_progress::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 150px 0 150px;
    border-color: #5ea1bb transparent transparent transparent;
  }
  @media (max-width: 568px) {
    #difference-wrap #ihin_progress::before {
      border-width: 50px 100px 0 100px;
      z-index: -1;
    }
    #difference-wrap #ihin_progress .progress_return .expensive-box {
      width: 100%;
      margin-bottom: 15px;
    }
    #difference-wrap #ihin_progress .progress_return .expensive-box:last-child {
      margin-bottom: 0;
    }
    #difference-wrap #ihin_progress .progress_return dl dd {
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }
  }
  
/*===============================================
 *	キャンペーンバナー
===============================================*/
.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: 16px;margin: 0 0 10px 0;padding: 5px 15px;}
.case-list li .case-ttl{font-size: 18px;}
.case-list li {width: 100%;}
.case-list li img {max-width: initial;max-height: 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;}
}
/*-----------------------------------------------
 *	背景要素
-----------------------------------------------*/
.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 20px;}
.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: 370px;}
.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;
  }
  #menu-navibtn:checked ~ #navi {
    top: 82px;
  }
  .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;
  }
}