@charset "utf-8";
/*===============================================

 *	font

===============================================*/
@font-face {font-family: 'Noto Sans JP';font-style: normal;font-weight: 500;src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {font-family: 'Noto Sans JP';font-style: normal;font-weight: 900;src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}
@font-face {font-family: 'Robot';font-style: bold;font-weight: 700;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: -apple-system, BlinkMacSystemFont,'Noto Sans JP', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', 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{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{display:block;height:auto;width:100%;}
@media only screen and (max-width: 568px) {
body {font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3',"游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;}
}
/* ----------------------------------このサイトオリジナル設定---------------------------------- */
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;}
/*===============================================

 *	common

===============================================*/
html body {background: url("../img/bg-body.jpg") top left repeat #f3f8fa;color: #2f2f2f;font-size: 16px;line-height: 1.8;letter-spacing: 1px;-webkit-text-size-adjust: 100%;}
em {font-weight: bold;}
.inner {max-width: 1200px;margin: 0 auto;}
.inner_underlayer {max-width: 980px;margin: 0 auto;}
.txt-red{color: #D80000;}
picture{display: block;}
.ptxt{color: #e75d65;}
.small-txt{font-size: 13px;}
.txt-caution{font-size: 12px;}
.sp {display: none;}
.fl-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.bg-rect{background: url("../img/bg-rectangle.jpg") top left repeat #dff5f8;}
.s-bg_note{background: url("../img/s-bg_note.gif") left repeat #fff;}
.m-bg_note{background: url("../img/m-bg_note.gif") bottom left repeat #fff;}
.txt-right{text-align: right;}
.mag-space{margin-bottom: 2em;}
.mag{margin-bottom: 4vw;}
@media screen and (min-width: 1025px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 1024px) {
.inner {padding: 0 4vw;}
.inner_underlayer {padding: 0 4vw;}
}
@media only screen and (max-width: 768px) {
html body {font-size: 14px;}
}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {font-size: 14px;line-height: 1.8;}
.pc {display: none;}
.sp {display: block;}
.fl-box {display: block;}
.mag-space{margin-bottom: 1em;}
.mag{margin-bottom: 6vw;}
}
/*===============================================
 *	br
===============================================*/
@media screen and (min-width:1021px){
.br-pc{display:block;}
.br-tb{display:none;}
.br-sp{display:none;}
}
@media screen and (min-width:481px) and (max-width: 1020px) {
.br-pc{display:none;}
.br-tb{display:block;}
.br-sp{display:none;}
}
@media screen and (max-width: 480px) {
.br-pc{display:none;}
.br-tb{display:none;}
.br-sp{display:block;}
}
@media screen and (max-width: 320px) {
.br-pc{display:none;}
.br-tb{display:none;}
.br-sp{display:none;}
.br-se {display:block;}
}
/*===============================================
 *	カラムパターン
===============================================*/
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.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-direction: row;
  flex-direction: row;
  -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;
}

/*-----------------------------------------------
 *	Basic Title
-----------------------------------------------*/
.basic-ttlbox {font-size: 46px;text-align: center;margin-bottom: 1.5em;letter-spacing: 3px;line-height: 1.6;position: relative;}
.basic-ttlbox::after {content: "";display: block;border-bottom: #00bacf 3px solid;left: 50%;transform: translateX(-50%);position: absolute;height: 3px;width: 34%;}
.basic-ttlbox em{color: #17a5d3;font-weight: normal;}
.txt-num{font-weight: 600;}
.basic-ttlbox span.txt-en{color: #17a5d3;display: block;font-size: 24px;font-weight: bold;letter-spacing: 5px;}
.hd-icon::before{content: "";display: block;position: absolute;left: 50%;transform: translateX(-50%);}
.hd-map,.hd-question{margin-bottom: 1.25em;}
.hd-map::before{background: url("../img/icon-map.png") top center no-repeat;width: 56px;height: 58px;background-size: contain;top: -60px;}
.hd-exclamation::before{background: url("../img/icon-exclamation.png") top center no-repeat;width: 59px;height: 59px;background-size: contain;top: -60px;}
.hd-case::before{background: url("../img/icon-house.png") top center no-repeat;width: 78px;height: 70px;background-size: contain;top: -80px;}
.hd-pickup::before{background: url("../img/icon-pickup.png") top center no-repeat;width: 74px;height: 74px;background-size: contain;top: -80px;}
.hd-recycle::before{background: url("../img/icon-recycle.png") top center no-repeat;width: 74px;height: 74px;background-size: contain;top: -80px;}
.hd-flow::before{background: url("../img/icon-flow.png") top center no-repeat;width: 43px;height: 73px;background-size: contain;top: -80px;}
.hd-item::before{background: url("../img/icon-cleaning.png") top center no-repeat;width: 70px;height: 110px;background-size: contain;top: -120px;}
.hd-question::before{background: url("../img/icon-question.png") top center no-repeat;width: 69px;height: 69px;background-size: contain;top: -80px;}
.subhd-txt{font-size: 20px;position: relative;text-align: center;line-height: 1.6;margin-bottom: 2em;}
.subhd-txt em{font-size: 34px;font-weight: normal;}
.subhd-txt em span{background: #fff;color: #f49b2e;padding: 5px;}
.subhd-txt .speech_bubble {max-width: 224px;position: absolute;right: -20px;top: -30px;z-index: 10;}
@media only screen and (max-width: 1024px) {
.basic-ttlbox {font-size: 36px;}
.hd-map::before {top: -60px;width: 56px;height: 58px;}
.hd-exclamation::before {top: -50px;width: 49px;height: 49px;}
.hd-case::before {top: -50px;width: 58px;height: 50px;}
.hd-pickup::before {top: -60px;width: 54px;height: 54px;}
.hd-recycle::before {top: -60px;width: 54px;height: 54px;}
.hd-flow::before {top: -60px;width: 50px;height: 80px;}
.hd-item::before {top: -80px;width: 50px;height: 80px;}
.hd-question::before {top: -50px;width: 49px;height: 49px;}
.hd-question::before {width: 59px;height: 59px;top: -60px;}
}
@media only screen and (max-width: 768px) {
.basic-ttlbox {font-size: 34px;margin: 0 0 1em;}
.subhd-txt .speech_bubble {max-width: 154px;right: 10px;}
.subhd-txt{font-size: 19px;}
.hd-map::before{top: -50px;width: 46px;height: 48px;}
.hd-exclamation::before {top: -40px;width: 39px;height: 39px;}
.hd-case::before {top: -40px;width: 48px;height: 40px;}
.hd-pickup::before {top: -50px;width: 44px;height: 44px;}
.hd-recycle::before {top: -50px;width: 44px;height: 44px;}
.hd-item::before {width: 50px;height: 80px;top: -80px;}
.hd-question::before {width: 39px;height: 39px;top: -50px;}
}
@media only screen and (max-width: 568px) {
.hd-map::before {width: 46px;height: 48px;top: -50px;}
.basic-ttlbox {font-size: 22px;margin: 0 0 1.5em;font-weight: bold;}
.basic-ttlbox em {display: block;line-height: 1;margin-bottom: .25em;}
.basic-ttlbox span.txt-en {font-size: 16px;}
.basic-ttlbox::after {width: 50%;}
.txt-num{font-weight:normal;}
.subhd-txt {font-size: 16px;}
.subhd-txt em {font-size: 22px;}
.subhd-txt .speech_bubble {max-width: 84px;top: -80px;}
.hd-map::before{top: -50px;}
.hd-exclamation::before {width: 39px;height: 39px;}
.hd-case::before {width: 45px;height: 37px;}
.hd-pickup::before {width: 40px;height: 40px;}
.hd-recycle::before {width: 40px;height: 40px;}
.hd-flow::before {width: 40px;height: 40px;top: -45px;}
.hd-item::before {width: 40px;height: 60px;top: -60px;}
.hd-question::before {width: 39px;height: 39px;}
}
@media only screen and (max-width: 320px) {
.subhd-txt {font-size: 14px;}
}
/*===============================================
 *	下層見出し
===============================================*/
.basic-hdttl {color: #fff;background-size: auto auto;background-color: rgba(47, 174, 215, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(23, 165, 211, 1) 6px, rgba(23, 165, 211, 1) 16px );box-shadow: 10px 10px 0 #007499;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 2px;line-height: 1.4;margin: 0 0 2em 0;padding: .75em 1em;}
.ttl-tertiary {background: #17a5d3;border-radius: 60px;color: #fff;font-size: 24px;font-weight: bold;text-align: center;padding: 5px 10px;margin-bottom: 1em;}
.subhd-blue_ttl {background: #17a5d3;border-radius: 6px;color: #fff;font-size: 28px;font-weight: bold;padding: .25em 1em;margin-bottom: 1em;}
@media only screen and (max-width: 1024px) {
.basic-hdttl {margin: 0 0 1.5em 0;}
}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 24px;}
.ttl-tertiary {font-size: 18px;}
.subhd-blue_ttl {font-size: 22px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {box-shadow: 6px 6px 0 #007499;font-size: 20px;margin: 0 0 1em 0;padding: .75em .5em;}
.ttl-tertiary {font-size: 16px;}
.subhd-blue_ttl {font-size: 18px;padding: .75em 1em;line-height: 1.4;}
}
/*-----------------------------------------------
 *	Basic Btn
-----------------------------------------------*/
.btn-basic {font-size: 23px;border-bottom: solid 4px #2b7689;border-radius: 60px;margin: 0 auto;max-width: 410px;width: 100%;position: relative;}
.btn-basic a{display: block;padding: 0.5em 1em;border-radius: 60px;}
.btn-wh a{background: #fff;color: #17a5d3;text-align: center;}
.btn-bl a{background: #17a5d3;color: #fff;text-align: center;}
.btn-basic::before,.btn-basic::after{position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;content: "";vertical-align: middle;}
.btn-arrow_bl::before{content: "";width: 20px;display: block;height: 20px;border-radius: 50%;background: #17a5d3;}
.btn-arrow_bl::after{right: 27px;content: "";display: block;width: 6px;height: 6px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);}
.btn-arrow_wh::before{content: "";width: 20px;display: block;height: 20px;border-radius: 50%;background: #fff;}
.btn-arrow_wh::after{right: 27px;content: "";display: block;width: 6px;height: 6px;border-top: 3px solid #17a5d3;border-right: 3px solid #17a5d3;transform: rotate(45deg);}
.btn-basic:active {-webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;}
@media only screen and (max-width: 768px) {
.btn-basic {font-size: 18px;}
.btn-basic a{padding: .8em 1em .8em 1.5em;}
}
@media only screen and (max-width: 568px) {
.btn-basic {font-size: 16px;font-weight: bold;}
}
@media only screen and (max-width: 320px) {
.btn-basic {font-size: 15px;}
}
/* =========================================================
* header
========================================================= */
#header-area{background: #fff;position: relative;width: 100%;z-index: 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;background-size: 13px; 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: 1030px;margin: 0 auto;align-items: center;}
#header-wrap .logo{max-width: 370px;margin-right: auto;}
.hd-phonebox {max-width: 320px;}
.hd-mail {margin-left: 25px;}
@media only screen and (max-width: 768px) {
#pr-wrap{padding: 5px 2%;}
#header-wrap {padding: 10px 2%;}
#header-wrap .logo {max-width: 290px;}
#pr-header li{margin-left: 15px;}
.hd-phonebox {max-width: 250px;}
.hd-mail {margin-left: 15px;}
}
@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 4%;}
.hd-phonebox,.hd-mail {display: none;}
#header-wrap .logo{max-width: initial;width: 80%;}
#pr-wrap{padding: 5px 10px;}
}
@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: #17a5d3 4px solid;transition: all .4s ease;width: 100%;}
#gnavi {max-width: 1030px;margin: 0 auto;display: flex;}
#gnavi li {width: calc(100%/7);}
#gnavi li a {font-size: 16px;display: block;padding: 1em .25em;color:#282828;text-align: center;}
#gnavi li a:hover {background: #e9f2f7;color: #0088d3;}
#gnavi li.select a{display: block;color: #0088d3;background: #e9f2f7;font-weight: bold;}
#gnavi li.btn-contact a {background: #f8c200;background: -moz-linear-gradient(top,  #f8c200 0%, #f8c200 50%, #f39800 50%, #f39800 100%);background: -webkit-linear-gradient(top,  #f8c200 0%,#f8c200 50%,#f39800 50%,#f39800 100%);display: block; color: #fff;}
#gnavi li.btn-contact a:hover {background: #ffa713;}
.nav-box{display: none;}
.gnavi-fixed {position: fixed;width: 100%;top: 0;z-index: 9999;}
@media only screen and (max-width: 1024px) {
#gnavi li a {padding: 1em 0;}
}
@media only screen and (max-width: 768px) {
#gnavi li a {font-size: 12px;padding: .75em 0;}
}
@media only screen and (max-width: 568px) {
.nav-box{display: block;background: #17a5d3;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: 3px;}
.nav-button span:nth-of-type(2) {top: 13px;}
.nav-button span:nth-of-type(3) {bottom: 9px;}
.nav-button span:nth-of-type(4) {bottom: 5px;color: #fff;background: none;letter-spacing: 0;left: -1px;}
.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, 126, 167, .9);height: 100%;width: 100%;z-index: 10;}
#menu-box #gnavi {display: block;position: relative;overflow-x: hidden;overflow-y: auto;margin-top: 60px;}
#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: center;}
#gnavi li:last-child a {line-height: 1.5;padding: .3em .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 a {padding: .6em;}
}
@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: #17a5d3;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: #effbff;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: #17a5d3;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 #17a5d3;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: stretch;}
.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: 14px 20px 13px 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 li {
 width: 50%;  /* 幅調整。必要に応じて調整してください */
  display: flex;
}

#navi .menu > li .menu-child li a {
  display: flex;
  align-items: center;       /* 縦中央 */
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  text-align: left;
  padding: 15px 10px 15px 20px;
  letter-spacing: 0;
  box-sizing: border-box;    /* パディングの影響を考慮 */
}
#navi .menu > li .menu-child li a.revival{
  padding: 5px 10px 5px 20px;
}
#navi .menu > li .menu-child .txt-multiple a {padding: 5px 10px 4px 20px;}
#navi .menu > li .menu-child .lines a {padding: 6px 10px 6px 20px;font-size: 15px;line-height: 1.3;}
#navi li.menu-parent::after{content: none;}
#navi input[type="checkbox"]:checked ~ .menu-child {max-height: inherit;overflow-y: visible;visibility: visible;border: none;}
.angletoggle::before,.angletoggle::after  {content: '';display: inline-block;position: absolute;width: 3px;height: 25px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: .2s;}
.angletoggle::after {transform: translate(-50%, -50%) rotate(90deg);}
#navi input[type="checkbox"]:checked ~ * .angletoggle:before {content: '';display: inline-block;position: absolute;width: 3px;height: 25px;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%) rotate(90deg);transition: .2s;}
#navibtn {display: block;position: absolute;top: 0;right: 0;}
#menu-navibtn:checked ~ label#navibtn span span::after {display: none;}
#navibtn {width: 60px;height: 60px;background: #17a5d3;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: '閉じる';}
}
/* =========================================================
main-wrapper-メインビジュアルの指定
========================================================= */
#bg-mainvisual {background: url("../img/bg-mainvisual_pc.jpg") left center no-repeat;background-size: cover;}
.map-contents{max-width: 980px;margin: 0 auto;}
.mainvisual-txtbox{display: flex;align-items: center;position: relative;margin: 0 auto;max-width: 980px;height: 500px;}
.mainvisual-txtbox::after {content: "";display: block;background: url("../img/bg-mv_right.png") right 0 no-repeat;background-size:contain;width: 572px;height: 510px;position: absolute;right: -60px;bottom: 0;z-index: 1;}
.visual-txtbox{background: url("../img/bg-mv_txt.png") left top repeat;max-width: 490px;height: 480px;text-align: center;padding-top: 2%;position: relative;width: 100%; z-index: 10;}
.visual-txtbox::after {content: "";display: block;background: url("../img/bg-mv_staff.png") left 0 no-repeat;background-size:contain;width: 455px;height: 174px;position: absolute;left: 0;bottom:-40px;z-index: 1;}
.mv-txt_area {font-size: 20px;font-weight: bold;margin-bottom: 1em;}
.mv-txt_area span{background: #fff;padding: 4px 1.5em;}
.mv-txt_area span em{color: #f28090;}
.hd-primary {width: 570px;position: absolute;left: -5%;top: 20%;}
.response_record-txt {width: 473px;position: absolute;left: 50%;bottom: 30%;transform: translateX(-50%);}
.visual-medalbox{position: absolute;right: 0;bottom: 0;z-index: 5;}
.visual-medalbox figure{max-width: 327px;}
.mv-catch_txt {font-size: 16px;font-weight: bold;line-height: 2.6;margin-bottom: 1em;text-align: right;}
.mv-catch_txt span{background: #002f73;color: #fff;padding: 8px 1em;}


.mv-list{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1030px;margin: 1em auto 0;}
.mv-list li {background: #fff;background-size: contain;border-radius: 6px;color: #17a5d3;font-size: 18px;font-weight: bold;line-height: 1.2;max-width: 270px;text-align: center;padding: 10px 10px 10px 50px;position: relative;width: 100%;z-index: 10;}
.mv-list li span{display: block;font-size: 22px;}
.mv-list li::before {width: 60px;height: 60px;background-size: contain;position: absolute;left:10%;top: 50%;transform: translateY(-50%);}
.mv-list li:nth-child(1)::before {content: "";display: block;background: url("../img/mv-icon-list01.png") no-repeat;background-size: contain;}
.mv-list li:nth-child(2)::before {content: "";display: block;background: url("../img/mv-icon-list02.png") no-repeat;background-size: contain;}
.mv-list li:nth-child(3)::before {content: "";display: block;background: url("../img/mv-icon-list03.png") no-repeat;background-size: contain;}
@media only screen and (max-width: 1024px) {
.mainvisual-txtbox::after {width: 559px;height: 500px;position: absolute;right: -20px;}
.mv-list li {max-width: 260px;}
}
@media only screen and (max-width: 768px) {
.mainvisual-txtbox{height: 450px;}
.hd-primary {width: 450px;top: 18%;}
.mainvisual-txtbox::after {background: url(../img/bg-mv_right_sp.png) right 0 no-repeat;background-size: contain;width: 439px;height: 390px;right: 0;}
.mv-txt_area {font-size: 18px;}
.visual-txtbox {height: 435px;max-width: 400px;margin-left: 4%;}
.visual-txtbox::after {width: 395px;height: 154px;bottom: -10px;}
.visual-medalbox {right: 2%;}
.visual-medalbox figure {max-width: 216px;margin: 0 auto;}
.mv-list li {font-size: 16px;max-width: 170px;padding: 10px 10px 10px 50px;}
.mv-list li span {font-size: 20px;}
.mv-list li::before {width: 50px;height: 50px;left: 5%;}
}
@media only screen and (max-width: 568px) {
#bg-mainvisual {background-size: cover;height: 480px;margin-top: 62px;padding-top: 4%;position: relative;}
#bg-mainvisual::after {content:''; background: url(../img/bg-mv_right_sp.png) right 0 no-repeat;background-size: contain;width: 229px; height: 210px;position: absolute; right: 0; bottom: 0;z-index: 10;}
.visual-txtbox {max-width: initial;margin-left: 0;margin-bottom: 1em;height: auto;padding: 20px 0;}
.visual-txtbox::after {width: 300px;height: 110px;left: 0;bottom: -180px;}
.response_record-txt {width: auto;position: static;left: unset;bottom: unset;transform: none;margin: 10px 10px 0;}
.hd-primary {width: auto;position: static;left: auto;top: auto;}
.mainvisual-txtbox {align-items: flex-start;height: auto;flex-wrap: wrap;}
.mainvisual-txtbox::after {background: url("../img/bg-mv_right_sp.png") right 0 no-repeat;background-size:contain;}
.mv-catch_txt {font-size: 14px;letter-spacing: 1px;line-height: 2;text-align: left;text-shadow:3px 3px 6px #000,-3px 3px 6px #000,3px -3px 6px #000,-3px -3px 6px #000;}
.mv-catch_txt span {background: none;}
.mv-catch_txt em {color: #fffe55;}
.mv-txt_area {font-size: 16px;line-height: 2;margin-bottom: .5em;}
.mv-txt_area span {padding: 0 1em;margin-bottom: .25em;display: inline-block;}
.visual-medalbox {right: 0;position: static;width: 98%;}
.visual-medalbox figure {max-width: 148px;margin: 30px 0 0 auto;}
.mainvisual-txtbox::after {height: 220px;bottom: -26px;width: 249px;right: 0; content: none;}
.mv-listbox{background: #17a5d3;padding: 4% 6% 2%;position: relative;}
.mv-listbox > p{font-size: 16px;color: #fff;text-shadow: rgb(23, 165, 211) 2px 0px 0px, rgb(23, 165, 211) 1.75517px 0.958851px 0px, rgb(23, 165, 211) 1.0806px 1.68294px 0px, rgb(23, 165, 211) 0.141474px 1.99499px 0px, rgb(23, 165, 211) -0.832294px 1.81859px 0px, rgb(23, 165, 211) -1.60229px 1.19694px 0px, rgb(23, 165, 211) -1.97998px 0.28224px 0px, rgb(23, 165, 211) -1.87291px -0.701566px 0px, rgb(23, 165, 211) -1.30729px -1.5136px 0px, rgb(23, 165, 211) -0.421592px -1.95506px 0px, rgb(23, 165, 211) 0.567324px -1.91785px 0px, rgb(23, 165, 211) 1.41734px -1.41108px 0px, rgb(23, 165, 211) 1.92034px -0.558831px 0px;position: absolute;left: 0;text-align: center;top: 5px;width: 100%;}

.mv-list li {font-size: 13px;/*max-width: 105px;*/ width:29%; padding: 10px 5px;text-shadow: 1px 1px 0px #fff}
.mv-list li span {font-size: 15px;}
.mv-list li::before {width: 60px;height: 60px;left: 50%;opacity: .5;transform: translate(-50%,-50%);z-index: -1;}
}
@media only screen and (max-width: 414px) {
.visual-txtbox::after {width: 250px;height: 95px;bottom: -170px;}
.mainvisual-txtbox::after {height: 210px;width: 229px;bottom: -98px;}
/* .mv-list li {max-width: 115px;} */
}
@media only screen and (max-width: 390px) {
.mainvisual-txtbox::after {bottom:0;top:270px;}
.visual-txtbox::after {width: 215px;height: 80px;}
.mv-listbox > p{font-size: 15px;}
/* .mv-list li {max-width: 105px;} */
}
@media only screen and (max-width: 375px) {
.mainvisual-txtbox::after {bottom: -26px;right: 0;}
/* .mv-list li {max-width: 100px;} */
}
@media only screen and (max-width: 320px) {
.mainvisual-txtbox::after {bottom: -69px;}
.mv-catch_txt {margin-bottom: 0;}
.visual-txtbox::after {bottom: -232px;left: 50px;}
}
/*-----------------------------------------------
 *	hd-ttl
-----------------------------------------------*/
.hd-ttl-wrap{background-color: #29b6f6;padding: 2em 1.5em;}
.hd-ttl {position: relative;padding: .75em 0;color: #29b6f6;font-size: 24px;font-weight: bold;text-align: center;border-radius: 10px;background-color: #fff;line-height: 1.4;max-width: 1030px;margin: 0 auto;}
.hd-ttl::before,.hd-ttl::after {position: absolute;width: 20px;height: 20px;content: '';border-width: 3px 0 0 3px;border-style: solid;border-color: #29b6f6;border-radius: 10px 0 0 0;}
.hd-ttl::before {top: 5px;left: 5px;}
.hd-ttl::after {right: 5px;bottom: 5px;-webkit-transform: scale(-1,-1);transform: scale(-1,-1);}
.hd-ttl span{display: block;}
@media only screen and (max-width: 768px) {
.hd-ttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.hd-ttl-wrap{padding: 1em;}
.hd-ttl {font-size: 18px;letter-spacing: 0;}
.hd-ttl span{font-size: 16px;}
}
/* =========================================================
colona-contents-コロナの取り組みの指定
========================================================= */
.colona-contents{background: #f28090;border-radius: 6px;padding: 40px 25px 25px;max-width: 980px;margin: 0 auto 4vw;position: relative;}
.hd-colona{background: #fff;border-radius: 60px;border: #f28090 6px solid;font-size: 26px;color: #f28090;max-width: 860px;text-align: center;position: absolute;top: -1em;left: 50%;transform: translateX(-50%);width: 100%;}
.hd-colona span{position: relative;padding-left: 1.5em;}
.hd-colona span::before{position:absolute;left:0;content:"";display:inline-block;width:31px;height:31px;background:url("../img/icon-exclamation_pink.png") no-repeat;background-size:contain;top: -5px;}
.colona-contents > p{color: #fff;font-size: 18px;text-align: center;margin-bottom: 1em;}
.colona-li{background: #fff;border-radius: 6px;}
.colona-li li{padding: 2%;width: calc(87%/3);}
.colona-li li:nth-child(2){border-right: #f5889f 2px dashed;border-left: #f5889f 2px dashed;}
.colona-li dt{background: #f28090;border-radius: 14px;color: #fff;font-size: 20px;line-height: 1.6;text-align: center;}
.colona-li dd{letter-spacing: 0;}
.colona-li li dt{margin-bottom: 1.5vw;}
.colona-li li img{margin: 0 auto 1em;width: 130px;}
@media only screen and (max-width: 1024px) {
.colona-contents{margin: 0 4% 4vw;}
}
@media only screen and (max-width: 768px) {
.colona-contents {margin: 0 4% 8%;}
.colona-contents > p {font-size: 15px;}
.hd-colona {font-size: 16px;line-height: 2.4;}
.hd-colona span {padding-left: 2em;}
.hd-colona span::before {width: 24px;height: 24px;}
.colona-li li img{width: 95px;}
.colona-li dt {font-size: 16px;font-weight: bold;}
.colona-li dd {font-size: 14px;line-height: 1.6;}
}
@media only screen and (max-width: 568px) {
.colona-contents {padding: 60px 15px 20px;}
.hd-colona {font-size: 16px;line-height: 1.4;padding: 5px 0;}
.hd-colona span::before {top: 10px;}
.colona-li li {padding: 4%;width: 92%;}
.colona-li li:nth-child(2){border-right: none;border-left: none;border-top: #f5889f 2px dashed;border-bottom: #f5889f 2px dashed;}
.colona-li li dt {margin-bottom: 4vw;padding: 2px 0;}
.colona-li dd {font-size: 14px;display: flex;align-items: center;}
.colona-li li img {margin: 0 1em 0 0;width: 55px;}
}
@media only screen and (max-width: 390px) {
.colona-contents > p {font-size: 14px;}
}
/* =========================================================
map-wrap-対応エリアの指定
========================================================= */
#map-wrap {padding: 8% 0 12%;/*margin-bottom: 10em;*/}
.img-map{max-width: 709px;margin: 0 auto;} 
.map-area{position: relative;}
.map-area dl{background: #fff;width: 160px;border-radius: 6px;padding: 10px 0 0 10px;position:absolute;box-shadow: 0 4px 12px 0 rgb(169,169,169);}
.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;text-align: center;}
.map-area dl li span {color: #202020;display: block;padding-top: 3px;}
.map-area dl li a{display: block;padding: 4px 5px;position: relative;}
.map-area dl li a::before{content: "";display: inline-block;right: 0;width: 4px;height: 4px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);top: 40%;position: absolute;}
.map-area dl li:last-child a::before{right: 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.kanto dd li:last-child{width: 100%;}
.map-area dl.chubu dd li:last-child{width: 100%;}
.map-area dl.chugoku dd li:last-child{width: 100%;}
.map-area dl.kyushu dd li:last-child{width: 100%;}
.map-area dl.kansai dd li:last-child{width: 100%;}
/* .map-area dl.chugoku dd li:last-child{width: 100%;} */
.map-annotation_txt{font-size: 13px;position:absolute;left: 0;bottom: -180px;}
.annotation_txt{font-size: 13px;margin: -30px 0 30px;}
@media only screen and (max-width: 1024px) {
#map-wrap {padding: 10% 0 18%;}
}
@media only screen and (max-width: 768px) {
#map-wrap {padding: 12% 0 25%;/*margin-bottom: 6em;*/}
.map-area {padding-top: 0;}
.map-area dl.hokkaido {right: 20px;}
.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;left: 20px;}
.map-annotation_txt {left: 20px;}

}
@media only screen and (max-width: 568px) {
#map-wrap {padding: 22% 0 50%;background-size: 50%;/*margin-bottom: 20%;*/}
.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 a::before{right: 5px;}
.map-area dl.hokkaido {top: 0;}
.map-area dl.kanto {right: 10px;bottom: 70px;}
.map-area dl.chubu {right: 0;left:26%;top:30px;/*left: 100px;top: 15px;*/}
.map-area dl.chugoku {left: 10px;bottom: 95px;}
.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-area dl.chugoku dd li:last-child{border: none;}
.map-area dl.kyushu {bottom: -50px;}
.map-annotation_txt {bottom: -160px;}
.annotation_txt{margin: -10px 0 20px;}
}
@media only screen and (max-width: 375px) {
.map-area dl.chubu {top:5px;}
}
@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;}
}
/* =========================================================
reason - 選ばれる理由
========================================================= */
/*-----------------------------------------------
 *	共通指定
-----------------------------------------------*/
.border-ttlbox{display: flex;margin: 0 auto 3em;border-top: #cbcaca 3px dashed;border-bottom: #cbcaca 3px dashed;align-items: center;padding: 1.5em 0 1.5em 7%;}
.border-reason_ttl{font-size: 39px;font-weight: bold;margin-left: 4%;}
.border-reason_ttl em{color: #f39800;}
.reason-caption{display: flex;color: #fff;font-size: 18px;background: #17a5d3;background: linear-gradient(to bottom,  #17a5d3 0%,#17a5d3 50%,#0c89b1 51%,#0c89b1 51%,#0c89b1 100%);max-width: 210px;width: 100%;margin: 0 auto 10px;border-radius: 60px;line-height: 1.6;align-items: center;justify-content: center;font-weight: normal;}
.reason-caption span{font-size: 30px;}
.icon-reason{width: 130px;}
.ttl-reason_detail{background: #17a5d3;border-radius: 60px;position: absolute;top: -50px;left:50%;transform: translateX(-50%);width: 100%;font-size: 23px;font-weight: bold;color: #fff;padding: 5px 0;text-align: center;}
.ttl-reason_detail span{font-size: 28px;}
.icon-ok{max-width: 638px;position: relative;}
.icon-ok::before{content: "";background: url("../img/icon-safety.png") left no-repeat;background-size: contain;display: inline-block;width: 84px;height: 84px;position: absolute;left: 20px;top: -15px;}
.icon-graf{max-width: 360px;position: relative;}
.icon-graf::before{content: "";background: url("../img/icon-graf.png") left no-repeat;background-size: contain;display: inline-block;width: 84px;height: 84px;position: absolute;left: 50px;top: -15px;}
.basic-subttl{border-left: #17a5d3 16px solid;padding-left: .5em;font-size: 22px;font-weight: bold;margin-bottom: 1em;}
.reason-box{max-width: 580px;}
.reason-box em{color: #f39800;font-size: 20px;font-weight: normal;}
.reason-pointbox{background: #fff;border:#17a5d3 2px solid;border-radius: 10px;padding:10px 10px 10px 50px;position: relative;margin: 50px 0 0 50px}
.reason-pointbox::before{content: "";background: url("../img/icon-point.png") left no-repeat;position: absolute;left: -50px;top: -10px;background-size: contain;width: 92px;height: 92px;}
@media only screen and (max-width: 1024px) {
.border-reason_ttl em {display: block;}
.basic-subttl {border-left: #17a5d3 10px solid;padding-left: .25em;font-size: 20px;}
.reason-box {max-width: 480px;}
.reason-pointbox::before {width: 82px;height: 82px;}
}
@media only screen and (max-width: 768px) {
.border-ttlbox {margin: 0 auto 2em;padding: 1em 0 1em 0;}
.icon-reason {width: 80px;}
.border-reason_ttl {font-size: 32px;}
.reason-caption {font-size: 16px;}
.reason-caption span {font-size: 24px;}
.ttl-reason_detail {top: -30px;}
.icon-ok::before {width: 74px;height: 74px;top: -7px;}
.icon-graf::before {width: 74px;height: 74px;top: -7px;}
.reason-box {max-width: initial;}
.reason-pointbox {padding: 10px 10px 10px 60px;margin: 20px 0 0 40px;}
.reason-pointbox::before {left: -40px;top: -5px;}
}
@media only screen and (max-width: 568px) {
.basic-subttl {font-size: 16px;padding-left: .5em;}
.border-reason_ttl {font-size: 18px;}
.icon-reason {width: 35px;}
.reason-caption {font-size: 13px;}
.reason-caption span {font-size: 16px;}
.ttl-reason_detail {font-size: 14px;padding-left: 1.25em;top: -20px;}
.ttl-reason_detail span {font-size: 16px;}
.icon-ok::before {width: 44px;height: 44px;left: 15px;top: -4px;}
.icon-graf::before {width: 44px;height: 44px;left: 15px;top: -4px;}
.reason-box em {font-size: 15px;}
.reason-pointbox {margin: 20px 0 4em 0;}
.reason-pointbox::before {left: 5px;top: 50%;width: 45px;height: 45px;transform: translateY(-50%);}
}
@media only screen and (max-width: 320px) {
.border-reason_ttl {font-size: 15px;}
.icon-reason {width: 40px;}
}
/*-----------------------------------------------
 *	reason-選ばれる理由01の指定
-----------------------------------------------*/
.main-reason_photo {display: flex;justify-content: space-between;align-items: center;margin-bottom: 4%;}
.main-reason_photo > picture{max-width: 527px;}
.main-reason_photo figcaption {max-width: 648px;}
.safety-box{margin-bottom: 5em;position: relative;}
.safety-box::before{content: "";display: block;background: url("../img/img-anxiety.png") left no-repeat;background-size: contain;position: absolute;width: 256px;height: 410px;right: 350px;top: 30px;}
.ttl-safety{background: #17a5d3;border-radius: 10px;color: #fff;font-size: 28px;margin-bottom: 1em;padding-left: 1.5em;}
.safety-contents{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.safety-box ul{padding: 0 20px;max-width: 600px;}
.safety-box ul li{background: url("../img/icon-chk.png") left center no-repeat;border-bottom: #f39800 2px dashed;font-size: 20px;padding: 10px 10px 10px 1.5em;margin-bottom: 5px;}
.safety-txtbox{background: #f2e8e8;padding: 2em 1em 1em;max-width: 306px;position: relative;}
.safety-caution{background: #f28090;text-align: center;color: #fff;border-radius: 60px;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 100%;}
.reason-contents{background: #e9f3f4;border: #17a5d3 2px solid;border-radius: 10px;position: relative;padding: 2% 3% 3%;margin-bottom: 6em;}
.reason03-contents{border: #17a5d3 2px solid;border-radius: 10px;position: relative;padding: 2% 3% 3%;margin-bottom: 6em;}
.certificate-li li {background: url("../img/m-bg_note.gif") bottom left repeat #fff;box-shadow: 0 4px 12px 0 rgb(169,169,169);border-radius: 6px;padding: 2%;position: relative;width: calc(84%/3);}
.certificate-li dt {font-size: 23px;font-weight: bold;color: #17a5d3;position: relative;text-align: center;margin-bottom: 1em;border-bottom: 2px solid #dff1f7;line-height: 1.2;padding-bottom: 5px;}
.certificate-li dt span{display: block;font-size: 20px;}
.certificate-li dt:before {position: absolute;bottom: -3px;left: 0;width: 70%;height: 3px;content: '';background: #17a5d3;}
.certificate-li dd{font-size: 16px;}
.certificate-li li:last-child {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-top: 2em;width: 100%;}
.certificate-li li:last-child dl{max-width: 540px;}
.certificate-li li:last-child dt:before{display: none;}
.certificate-li li:last-child dt {color: #000;border-bottom: none;position: static;text-align: left;margin-bottom: 0;}
.certificate-li li:last-child dt span {display: inline-block;background: #dff1f7;font-size: 36px;margin-bottom: 10px;padding: 10px;}
.certificate-li li:last-child dt em {color: #f49b2e;}
.img-reason01{max-width: 257px;margin: 0 auto 20px;}
.img-reason02{max-width: 204px;margin: -15px auto 10px;}
.img-reason03{max-width: 290px;margin: 0 auto 10px;}
.img-reason04{max-width: 520px;}

@media only screen and (max-width: 1024px) {
.main-reason_photo > picture {max-width: 407px;}
.main-reason_photo figcaption {max-width: 478px;}
.ttl-safety {margin-bottom: .5em;}
.safety-box {margin-bottom: 5em;}
.safety-box::before {right: 10px;top: 65px;}
.safety-box ul {margin-bottom: 2em;}
.safety-txtbox {max-width: initial;}
.safety-caution{width: 90%;}
.certificate-li dt {font-size: 19px;}
.certificate-li dt span {font-size: 15px;}
.certificate-li li:nth-child(2) dt {font-size: 16px;}
.certificate-li li:last-child dl{max-width: 390px;}
.certificate-li li:last-child dt span {font-size: 25px;}
.img-reason01 {max-width: 180px;}
.img-reason02 {max-width: 142px;margin: 0 auto 10px;}
.img-reason04 {max-width: 440px;}
.reason-contents,.reason03-contents {padding: 2%;}
}
@media only screen and (max-width: 768px) {
.main-reason_photo > picture {max-width: 287px;}
.main-reason_photo figcaption {max-width: 368px;}
.ttl-safety {font-size: 26px;}
.safety-box {margin-bottom: 4em;}
.safety-box::before {width: 196px;height: 350px;top: 0;right: 0;}
.safety-box ul li {font-size: 16px;}
.reason-contents,.reason03-contents {padding: 0 4% 4%;}
.certificate-li li {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 2em;padding: 4%;width: 92%;}
.certificate-li li dl{max-width: 340px;}
.img-reason01{margin: 0;}
.img-reason02{margin: 0;max-width: 172px;}
.img-reason03{max-width: 210px;margin: 0;}
.img-reason04 {max-width: 240px;}
.certificate-li li:last-child {margin: 0;}
.certificate-li li:last-child dl {max-width: 320px;}
.certificate-li li:last-child dt span {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
.main-reason_photo > picture {max-width: 90px;margin-right: 1em;}
.ttl-safety {font-size: 17px;padding: 5px 10px;}
.safety-box ul {padding: 0;max-width: initial;}
.safety-box ul li {font-size: 15px;background: url(../img/icon-chk.png) left center no-repeat;background-size: 15px;}
.safety-box::before {height: 170px;top: 137px;width: 96px;}
.reason-contents,.reason03-contents {margin-bottom: 3em;}
.certificate-li dd {display: flex;font-size: 14px;align-items: flex-start;}
.certificate-li dd p{margin-left: 10px;}
.img-reason01 {max-width: 100px;}
.img-reason02 {margin: 0;max-width: 100px;}
.img-reason03 {max-width: 100px;margin: 0;}
.img-reason04 {max-width: initial;margin-bottom: 1em;}
.certificate-li li:last-child dt span {font-size: 18px;}
.certificate-li li:last-child dd {display: block;}
.certificate-li li:last-child dd p {margin:0;}
.certificate-li li:last-child {width: 92%;}
}
@media only screen and (max-width: 414px) {
.safety-box::before {height: 200px;top: 87px;width: 126px;}
}
@media only screen and (max-width: 390px) {
.safety-box ul li {letter-spacing: 0;padding: 10px 10px 10px 1.2em;}
.safety-box::before {height: 190px;top: 93px;width: 116px;}
}
@media only screen and (max-width: 375px) {
.safety-box::before {top: 93px;}
}
/*-----------------------------------------------
 *	reason-選ばれる理由02の指定
-----------------------------------------------*/
.main-reason_photo02 {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8%;flex-direction: row-reverse;}
.photo-main_reason02{max-width: 572px;}
.hd-space{padding: 5px 5px 5px 25px;}
.hd-space02{padding: 5px 5px 5px 25px;}
.link-support{display: flex;justify-content:space-between;flex-wrap: wrap;}
.link-support li a{display: block;padding: 6%;}
.link-support li.no-links{padding: 12px;}
.link-support li a:hover{background: #d4ecee;}
.link-support li{width: calc(100%/4);border-bottom: #17a5d3 2px dashed;border-right: #17a5d3 2px dashed;box-sizing: border-box;}
.link-support li:nth-child(2) a{padding: 6% 6% 2%;}
.link-support li:nth-child(4),.link-support li:nth-child(8){border-right: none;}
.link-support li:nth-child(n + 5){border-bottom: none;}
.link-support img{max-width: 250px;margin: 0 auto 20px;}
.link-support span{display:  block;line-height: 1.4;max-width: 200px;margin: 0 auto;position: relative;}
.link-support li:nth-child(2) img{margin-bottom: 10px;}
.link-support span::after{background: url("../img/arrow-right.gif") right no-repeat;background-size: contain;content: "";display: block;position: absolute;width: 23px;height: 23px;top: 50%;right: 0;transform: translateY(-50%);}
.link-support li.no-links span::after{background: none;}

@media only screen and (max-width: 1024px) {
.photo-main_reason02 {max-width: 442px;}
.link-support span::after{width: 20px;height: 20px;}
}
@media only screen and (max-width: 768px) {
.main-reason_photo02 {display: block;}
.photo-main_reason02 {max-width: 572px;margin: 0 auto 1em;}
.link-support span {font-size: 13px;letter-spacing: 0;}
.link-support span::after {width: 15px;height: 15px;}
}
@media only screen and (max-width: 568px) {
.hd-space {padding: 5px 0 5px 35px;}
.hd-space02 {padding: 5px 0 5px 35px;}
.link-support li {width: calc(100%/2);border-right: none;}
.link-support li:nth-child(odd){border-right: #17a5d3 2px dashed;}
.link-support li:nth-child(n + 5){border-bottom: #17a5d3 2px dashed;}
.link-support li:nth-child(n + 3) img {margin: 0 auto 10px;}
.link-support li:nth-child(n + 7){border-bottom: none;}
}
/*-----------------------------------------------
 *	reason-選ばれる理由03の指定
-----------------------------------------------*/
.main-reason_photo03 {display: flex;justify-content: space-between;align-items:flex-start;margin-bottom: 8%;}
.photo-main_reason03{max-width: 544px;}
.photo-price_reason03_pc{}
.reason-price_txt{margin-bottom: 1.5em;}
.subttl-price{font-size: 23px;margin-bottom: 10px;text-align: center;}
.subttl-price em{color: #f49b2e;}
.price-contents{max-width: 568px;width: 100%;}
@media only screen and (max-width: 1024px) {
.photo-main_reason03 {max-width: 442px;}
.photo-reason03 {max-width: 400px;}
.price-contents {max-width: 478px;}
}
@media only screen and (max-width: 768px) {
.main-reason_photo03 {display: block;}
.photo-main_reason03 {max-width: 572px;margin: 0 auto 1em;}
.photo-reason03 {max-width: initial;margin: 0 auto 1em;}
.price-contents {max-width: initial;}
}
@media only screen and (max-width: 568px) {
.subttl-price {font-size: 17px;}
.icon-graf {max-width: 180px;}
}

/*-----------------------------------------------
 *	reason-選ばれる理由03の料金表指定
-----------------------------------------------*/
table.price-tbl {width: 100%;}
table.price-tbl th{background: #e9f3f4;color: #35b3dc;font-weight: bold;text-align: center;font-size: 20px;padding: 5px 1em;}
table.price-tbl th span{color: #282828;font-size: 16px;}
table.price-tbl td{background: #fff;color: #f25d5e;font-weight: bold;text-align: center;font-size: 20px;padding: 5px 1em;}
table.price-tbl td span{font-size: 14px;}
@media only screen and (max-width: 1024px) {
table.price-tbl th {font-size: 18px;}
}
@media only screen and (max-width: 768px) {
table.price-tbl th {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
table.price-tbl th {font-size: 16px;width: 50%;}
table.price-tbl th span {font-size: 13px;}
table.price-tbl td {font-size: 16px;padding: 5px .5em;}
table.price-tbl td span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.price-tbl th,table.price-tbl td {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.price-tbl th,table.price-tbl td {font-size: 14px;}
}
/* =========================================================
case - 作業事例
========================================================= */
#case-wrap {padding: 8% 0 6%;margin-bottom: 10%;}
.case-contents .date_time{font-size:13px;color:var(--site-primary);margin-bottom: 5px;}
.case-contents .date_time time{padding-left: 22px;background: url(../img/icon-clock.png) no-repeat left center;background-size: 14px;}
.basic-bluebox{background:#fff;box-shadow: 0 4px 12px 0 rgb(169,169,169);border-radius: 6px;margin-bottom: 5em;}
.icon-case{width: 93px;}
.bluebox-ttl{display: flex;align-items: center;background: #17a5d3;font-size: 34px;border-top-left-radius: 6px;
border-top-right-radius: 6px;padding: 20px 0 20px 30px;}
.bluebox-ttl span{display: block;color: #fff;font-weight: bold;padding-left: 20px;line-height: 1.2;}
.bluebox-contents{padding: 30px;}
.price-aboubox{display: flex;align-items:flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.price-aboubox img{max-width: 537px;}
.txt-price{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;line-height: 1;margin-bottom: 30px;}
.txt-price li {max-width: 242px;position: relative;width: 100%;}
.txt-price li:nth-child(2){margin-right: 70px;}
.txt-price li dl{border: #a3a3a3 1px solid;}
.txt-price dl dt{background: #a3a3a3;color: #fff;padding: 5px 0;font-size: 21px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-price dl dd{color: #a3a3a3;font-size: 40px;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 {max-width: 480px;}
.txt-price li:last-child dl {border: #f39800 1px solid;width: 98%;margin-left: auto;}
.txt-price li:last-child dl dt{background: #f39800;font-size: 24px;}
.txt-price li:last-child dl dd{color: #f39800;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: 20px;left: -95px;width: 60px;}
.txt-madori_pc{display: flex;justify-content: space-between;margin-bottom: 2em;}
.txt-madori_sp{display: none;}
.txt-madori_pc li:first-child{max-width: 537px;width: 100%;}
.txt-madori_pc li{max-width: 576px;width: 100%;}
.txt-madori_pc dl{border: #17a5d3 8px solid;display: flex;}
.txt-madori_pc dt{background: #17a5d3;font-size: 20px;color: #fff;padding: 5px 0;text-align: center;font-weight: bold;width: 40%;}
.txt-madori_pc dd,.txt-madori_sp dd {background: #fff;font-size: 25px;text-align: center;font-weight: bold;width: 60%;}
.voice-detail{max-width: 580px;}
.voice-detail dl{padding-top: 2%;}
.voice-detail dt{background: url("../img/icon-work.png") left no-repeat;background-size: contain; font-size: 20px;font-weight: bold;margin-bottom: 10px;padding-left: 3em;line-height: 50px;}
.voice-detail dd{background: #e9f3f4;padding: 10px 15px 10px 10px;}
@media only screen and (max-width: 1024px) {
#case-wrap {padding: 10% 0 8%;margin-bottom: 14%;}
.txt-madori_pc li:first-child {max-width: 410px;}
.txt-madori_pc li {max-width: 426px;}
.txt-madori_pc dt {font-size: 18px;}
.txt-madori_pc dd, .txt-madori_sp dd {font-size: 20px;}
.txt-price li:first-child::after {bottom: -30px;right: -40px;}
.txt-price li:nth-child(2) {margin-right: 45px;}
.txt-price li:last-child {max-width: 370px;}
.txt-price li:last-child dl dt {font-size: 22px;}
.txt-price li:last-child dl dd {font-size: 38px;}
.txt-price li:last-child::before {height: 51px;width: 42px;left: -60px;}
.txt-price dl dt {font-size: 18px;}
.txt-price dl dd {font-size: 26px;}
.txt-price li {max-width: 175px;}
.price-aboubox img {max-width: 410px;}
.voice-detail {max-width: 430px;}
.voice-detail dt {background-size: 40px;line-height: 40px;}
}
@media only screen and (max-width: 768px) {
#case-wrap {padding: 12% 0 8%;}
.icon-case {width: 63px;}
.bluebox-ttl {padding: 10px 20px 10px;}
.bluebox-ttl span {display: block;font-size: 26px;text-align: left;}
.bluebox-contents {padding: 20px;}
.txt-madori_pc{display: none;}
.txt-madori_sp{display: block;width: 34%;}
.txt-madori_sp li:first-child{margin-bottom: 20px;}
.price-aboubox img {max-width: 400px;}
.txt-madori_sp dl {border: #17a5d3 8px solid;}
.txt-madori_sp dt {background: #17a5d3;color: #fff;font-size: 16px;padding: 0 0 5px;text-align: center;font-weight: bold;}
.txt-madori_sp dd {font-size: 20px;width: 100%;}
.txt-price {max-width: initial;}
.txt-price li {max-width: 168px;}
.txt-price li:nth-child(2) {margin-right: 0;}
.txt-price li:last-child {max-width: 175px;width: 100%;}
.txt-price li:first-child::after {bottom: -30px;right: -40px;}
.txt-price li:last-child dl {width: 100%;}
.txt-price li:last-child dl dt {font-size: 18px;}
.txt-price li:last-child dl dd {font-size: 26px;}
.txt-price li:last-child::before {top: 15px;width: 35px;height: 40px;left: -45px;}
.txt-price dl dd {font-size: 24px;}
.voice-detail {max-width: initial;}
.voice-detail dd{font-size: 15px;}
}
@media only screen and (max-width: 568px) {
#case-wrap {padding: 20% 0 10%;background-size: 50%;margin-bottom: 20%;}
.basic-bluebox {margin-bottom: 3em;}
.icon-case {height: auto;width: 100%;max-width: 30px;}
.bluebox-ttl {padding: 4%;}
.bluebox-ttl span {font-size: 16px;font-weight: normal;padding-left: 10px;width: 87%;line-height: 1.4;}
.bluebox-contents {padding: 4%;}
.txt-madori_sp dt {font-size: 16px;font-weight: normal;}
.txt-madori_sp dd {font-size: 16px;}
.txt-price {max-width: initial;margin-bottom: 20px;}
.txt-price li {box-sizing: border-box;width: calc(87%/2);margin-bottom: 50px;}
.txt-price li:first-child::after {bottom: -25px;right: -32px;width: 20px;}
.txt-price li:last-child {max-width: initial;margin-bottom: 0;}
.txt-price li:last-child::before {background: url(../img/icon-price_arrow_sp.png) no-repeat;background-size: contain;position: absolute;top: -40px;left: 50%;width: 60px;transform: translateX(-50%);}
.txt-price li:last-child dl dd {font-size: 30px;}
.txt-price dl dt {font-size: 16px;font-weight: normal;}
.txt-price dl dd {font-size: 20px;}
.price-aboubox {margin-bottom: 20px;}
.price-aboubox img {margin-bottom: 20px;}
.txt-madori_sp {display: flex;width: 100%;justify-content: space-between;}
.txt-madori_sp li {width: calc(96%/2);}
.voice-detail dt {font-size: 15px;margin-bottom: 5px;}
.voice-detail dd {font-size: 14px;}
}
@media only screen and (max-width: 320px) {
.bluebox-ttl {padding: 0 0 10px 0;}
.bluebox-ttl span {font-size: 15px;}
.bluebox-contents {padding: 10px;}
.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;}
}
/* =========================================================
pickup - アンケート
========================================================= */
.hd-pickup{font-size: 32px;}
.basic-ttlbox em.og-txt{color: #f39800;display: block;font-size: 46px;}
.letter-wrap{position: relative;margin-bottom: 2em;}
.subttl-pickup{background: linear-gradient(to bottom, #17a5d3 0%,#17a5d3 50%,#0c89b1 51%,#0c89b1 51%,#0c89b1 100%);font-size: 24px;color: #fff;margin: 0 auto 1em;max-width: 600px;border-radius: 60px;text-align: center;}
.subhd-pickup{font-size: 36px;line-height: 1.4;margin-bottom: 1.5em;text-align: center;}
.subhd-pickup span{color: #f49b2e;font-size: 42px;margin-bottom: 1em;}
.letter-ttl{float: left;}
.img-quo{max-width: 540px;position: absolute;right: 0;top: 0;}
.questionnaire-li ul{display: flex;justify-content: space-between;}
.questionnaire-li{border-radius: 20px;box-shadow: 0 4px 12px 0 rgb(169,169,169);margin-bottom: 10%;padding: 2em;}
.questionnaire-li ul{margin-bottom: 30px;}
.questionnaire-li li{font-size: 20px;text-align: center;max-width: 306px; width: calc(96%/3);}
.questionnaire-li li a {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: 1024px) {
.subttl-pickup {max-width: 440px;}
.subttl-pickup span{display: block;}
.img-quo {max-width: 440px;}
.subhd-pickup {font-size: 28px;}
.subhd-pickup span {font-size: 32px;}
}
@media only screen and (max-width: 768px) {
.hd-pickup{font-size: 28px;}
.basic-ttlbox em.og-txt {font-size: 36px;}
.subttl-pickup {max-width: 340px;font-size: 20px;}
.img-quo {max-width: 320px;}
.subhd-pickup {font-size: 23px;}
.subhd-pickup span {font-size: 28px;}
}
@media only screen and (max-width: 568px) {
.hd-pickup{font-size: 18px;}
.basic-ttlbox em.og-txt {font-size: 24px;font-weight: bold;}
.subttl-pickup {max-width: initial;font-size: 18px;}
.subhd-pickup {font-size: 22px;font-weight: bold;margin-bottom: 1em;}
.subhd-pickup span {font-size: 26px;}
.letter-txtbox{margin-bottom: 1em;}
.img-quo{max-width: initial;position: static;}
.questionnaire-li{margin-bottom: 4em;}
.questionnaire-li li {width: calc(96% / 2);font-size: 16px;}
.questionnaire-li li:last-child {display: none;}
}


/* =========================================================
Special cleaning - 特殊清掃
========================================================= */
.border-subttl{display: flex;margin: 0 auto 3em;border-top: #cbcaca 3px dashed;border-bottom: #cbcaca 3px dashed;align-items: center;padding: 1em 0;font-size: 39px;font-weight: bold;justify-content: center;}
.border-subttl span{padding-left: .25em;}
.border-subttl::before{content: "";display: inline-block;background: url("../img/icon-work.png") right no-repeat;background-size: contain;width: 66px;height: 66px;}
.cleaning-li{margin-bottom: 7em;}
.cleaning-li li {background: url("../img/bg_note_bl.gif") left repeat;padding: 6% 4% 6%;position: relative;margin-bottom: 12%;border-radius: 6px;box-shadow: 0 4px 12px 0 rgb(169,169,169);width: 88%;}
.cleaning-li li:last-child {margin-bottom: 0;}
.cleaning-li li:nth-child(even) {margin-left: auto;}
.cleaning-li li:nth-child(1) {background-image: url("../img/icon-cleaning_num01.png"),url("../img/bg_note_bl.gif");background-position: left top , left top;background-repeat: no-repeat, repeat;}
.cleaning-li li:nth-child(2) {background-image: url("../img/icon-cleaning_num02.png"),url("../img/bg_note_bl.gif");background-position: right top , left top;background-repeat: no-repeat, repeat;}
.cleaning-li li:nth-child(3) {background-image: url("../img/icon-cleaning_num03.png"),url("../img/bg_note_bl.gif");background-position: left top , left top;background-repeat: no-repeat, repeat;}
.cleaning-li li:nth-child(4) {background-image: url("../img/icon-cleaning_num04.png"),url("../img/bg_note_bl.gif");background-position: right top , left top;background-repeat: no-repeat, repeat;}
.cleaning-ttl{font-size: 30px;position: relative;margin-bottom: 2em;max-width: 560px;}
.cleaning-ttl:before {content: '';position: absolute;bottom: -15px;display: inline-block;width: 210px;height: 5px;left: 0;background-color: #000;}
.cleaning-ttl em{color: #f39800;}
.cleaning-thumbnail {max-width: 530px;position: absolute;}
.cleaning-li li:nth-child(odd) .cleaning-thumbnail {right: -50px;top: -50px;}
.cleaning-li li:nth-child(even) .cleaning-thumbnail {left: -50px;top: -50px;}
.cleaning-caption {max-width: 560px;font-size: 16px;}
.cleaning-li li:nth-child(even) {flex-direction: row-reverse;}
.cleaning-li li:nth-child(odd) .cleaning-ttl,.cleaning-li li:nth-child(odd) .cleaning-caption{margin-right: auto;}
.cleaning-li li:nth-child(even) .cleaning-ttl,.cleaning-li li:nth-child(even) .cleaning-caption{margin-left: auto;}
.fulltime-wrap{border:#17a5d3 4px solid;border-radius: 6px;padding: 4% 1% 0 3%;position: relative;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 6em;}
.fulltime-wrap figure{max-width: 492px;}
.fulltime-contents{max-width: 620px;}
.fulltime-wrap dt{border-left: #17a5d3 16px solid;font-size: 22px;font-weight: bold;margin-bottom: 10px;padding-left: 10px;}
.fulltime-ttl{background: #17a5d3;border-radius: 60px;font-size: 30px;font-weight: bold;text-align: center;color: #fff;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);letter-spacing: 2px;width: 85%;}
.fulltime-txtbox{background: #e9f3f4;border-radius: 10px;margin: 1em 0;padding: 1em;}

@media only screen and (max-width: 1024px) {
.border-subttl{font-size: 36px;}
.cleaning-ttl {font-size: 26px;max-width: 450px;}
.cleaning-thumbnail {max-width: 400px;}
.cleaning-caption {max-width: 450px;}
.cleaning-li li:nth-child(odd) .cleaning-thumbnail {right: -50px;top: -40px;}
.cleaning-li li:nth-child(even) .cleaning-thumbnail {left: -50px;top: -40px;}
.fulltime-ttl {font-size: 26px;}
.fulltime-contents {max-width: 500px;}
.fulltime-wrap figure {max-width: 326px;}
.fulltime-wrap dt {border-left: #17a5d3 13px solid;font-size: 18px;}
}
@media only screen and (max-width: 768px) {
.border-subttl {margin: 0 auto 2em;padding: 1em 0;font-size: 28px;}
.cleaning-ttl {font-size: 20px;max-width: 350px;}
.cleaning-caption {max-width: 350px;}
.cleaning-thumbnail {max-width: 310px;}
.cleaning-li li {background-size: 140px,auto;}
.cleaning-li li:nth-child(odd) .cleaning-thumbnail {right: -50px;top: -20px;}
.cleaning-li li:nth-child(even) .cleaning-thumbnail {left: -50px;top: -30px;}
.fulltime-wrap {display: block;}
.fulltime-contents {max-width: initial;}
.fulltime-wrap figure {max-width: 492px;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
.border-subttl {font-size: 22px;}
.border-subttl::before {width: 36px;height: 36px;}
.cleaning-ttl {font-size: 18px;font-weight: bold;max-width: initial;letter-spacing: 0;}
.cleaning-ttl:before {bottom: -10px;width: 100%;height: 2px;}
.cleaning-caption {font-size: 14px;}
.cleaning-li {margin-bottom: 5em;}
.cleaning-li li {width: 92%;}
.cleaning-li li {background-size: 120px,auto;}
.cleaning-li li .cleaning-thumbnail{max-width: initial;} 
.cleaning-li li:nth-child(odd) .cleaning-thumbnail {position: static;margin: 0 auto 1em;width: 80%;}
.cleaning-li li:nth-child(even) .cleaning-thumbnail {position: static;margin: 0 auto 1em;width: 80%;}
.fulltime-wrap {padding: 10% 4% 0;margin-bottom: 3em;}
.fulltime-ttl {font-size: 16px;}
.fulltime-wrap dt {border-left: #17a5d3 10px solid;font-size: 16px;}
}
@media only screen and (max-width: 320px) {
.border-subttl {font-size: 15px;}
}
/* =========================================================
Item - 作業内容
========================================================= */
#item-wrap {padding: 12% 0 5%;}
.icon-item{width: 93px;}
.item-workbox{box-shadow: 0 4px 12px 0 rgb(169,169,169);border-radius: 6px;margin-bottom: 3em;padding: 30px;}
.item-work_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3em;}
.item-work_list li{max-width: 528px;margin-bottom: 30px;}
.item-work_list li dt{background: #17a5d3;color: #fff;font-size: 24px;font-weight: bold;text-align: center;}
.item-work_list li dt span{display: block;padding: 10px 0;}
.item-work_list li:first-child dt span{background: url("../img/icon-item01.png") left no-repeat;background-size: contain;}
.item-work_list li:nth-child(2) dt span{background: url("../img/icon-item02.png") left no-repeat;background-size: contain;}
.item-work_list li:nth-child(3) dt span{background: url("../img/icon-item03.png") left no-repeat;background-size: contain;}
.item-work_list li:nth-child(4) dt span{background: url("../img/icon-item04.png") left no-repeat;background-size: contain;}
.item-work_list img{margin-bottom: 10px;}
.item-contents{display: flex;justify-content: space-between;align-items: flex-start;}
.item-detailbox{max-width: 605px;}
.img-work{max-width: 454px;}
.subttl-item{background: #f49b2e;color: #fff;border-radius: 60px;font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 1em;}
.item-catchtxt{font-size: 30px;font-weight: bold;line-height: 1.6;margin-bottom: 1em;}
.item-catchtxt span{color: #f28090;}
.item-point_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2em;}
.item-point_list li{background: #17a5d3;border-radius: 60px;font-size: 20px;color: #fff;max-width: 138px;text-align: center;width: 100%;}
@media only screen and (max-width: 1024px) {
#item-wrap {padding: 10% 0 6%;}
.item-work_list{margin-bottom: 1em;}
.item-work_list li {max-width: 428px;}
}
@media only screen and (max-width: 768px) {
#item-wrap {padding: 16% 0 8%;}
.icon-item {width: 63px;}
.item-work_list li {max-width: 310px;}
.item-work_list li dt {font-size: 18px;}
.item-work_list li dd {font-size: 15px;}
.item-work_list {margin-bottom: 1em;}
.subttl-item {font-size: 20px;}
.item-detailbox {max-width: 355px;}
.item-catchtxt {font-size: 24px;}
.img-work {max-width: 234px;}
.item-point_list {margin-top: 1em;}
.item-point_list li {font-size: 18px;max-width: 80px;}
}
@media only screen and (max-width: 568px) {
#item-wrap {padding: 22% 0 10%;background-size: 50%;}
.item-workbox {padding: 4%;margin-bottom: 3em;}
.icon-item {height: auto;width: 100%;max-width: 30px;}
.item-work_list {margin-bottom: 2em;}
.item-work_list li {max-width: initial;}
.item-work_list li:last-child {margin-bottom: 0;}
.item-work_list li dt span {font-weight: normal;}
.item-work_list li dd {font-size: 14px;}
.subttl-item {font-size: 16px;padding: 5px 0;}
.subttl-item {font-size: 16px;padding: 5px 0;}
.item-catchtxt {font-size: 18px;}
.img-work {max-width: initial;margin: 0 auto 10px;}
.item-point_list li {font-size: 16px;padding: 2px 0;max-width: 70px;}
}

/*===============================================
 *	Alone 事故死・孤独死
===============================================*/
#alone-wrap{background: url("../img/bg-alone_pc.jpg") left top no-repeat;background-size: cover;padding: 5% 0;}
.alone-contents{background: url("../img/bg-alone_character.png") right bottom no-repeat rgba(255,255,255,.5);padding: 10px;max-width: 1200px;margin: 0 auto;}
.alone-box{background: rgba(255,255,255,.5);background-size: contain;padding: 4% 4% 2%;}
.alone-ttlbox{background: #17a5d3;border-radius: 10px;color: #fff;padding: 15px 10px 20px;text-align: center;margin-bottom: 10px;}
.alone-txtbox{max-width: 770px;}
.alone-ttl{font-size: 48px;text-align: center;letter-spacing: 2px;line-height: 1.2;}
.alone-txtbox p.txt-subhead{font-size: 24px;text-align: center;margin-bottom: 0;}
.alone-txtbox p{margin-bottom: 1.5em;}
.alone-txtbox p.alone-catchtxt {font-size: 40px;font-weight: bold;margin-bottom: 0;text-align: center;letter-spacing: 2px;}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
#alone-wrap{background-size: cover;padding: 5% 6vw;}
}
@media only screen and (max-width: 768px) {
#alone-wrap{background: url("../img/bg-alone_pc.jpg") left top no-repeat;background-size: cover;}
.alone-contents{background: rgba(255,255,255,.5);}
.alone-ttl{font-size: 36px;}
.alone-contents p.txt-subhead{font-size: 20px;}
.alone-contents p {font-size: 16px;}
.alone-txtbox p.alone-catchtxt {font-size: 30px;}
}
@media only screen and (max-width: 568px) {
.alone-ttl {font-size: 24px;}
.alone-contents p.txt-subhead {font-size: 16px;margin-bottom: 10px;}
.alone-contents p {font-size: 15px;margin-bottom: 1em;padding: 0;}
.alone-txtbox p.alone-catchtxt {font-size: 22px;letter-spacing: 4px;line-height: 1.4;}
}
@media only screen and (max-width: 320px) {
.alone-ttl {font-size: 22px;}
}
/*===============================================
 *	cv-wrap
===============================================*/
.cv-contents{box-shadow: 0 4px 12px 0 rgb(169 169 169);max-width: 1200px;margin: 0 auto 6%;}
.cv-subhd_ttl{position: absolute;left: 0;top: 0;max-width: 740px;width: 100%;}
.cv-subhd_ttl p{background: #17a5d3;color: #fff;font-size:30px;padding: 5px 0 5px 1em;position: relative;letter-spacing: 4px;overflow: hidden;z-index: 1;}
.cv-subhd_ttl p:before {position: absolute;content: '';right: 0px;top: -3px;width: 0;height: 0;border: none;border-left: solid 40px transparent;border-bottom: solid 70px #fff;z-index: 2;}
.cv-subhd_ttl span{background: #fff;border-radius: 6px;color: #17a5d3;margin-left: 30px;padding: 5px 10px;}
.cv-box{background: #fff;border-radius: 6px;padding: 90px 30px 30px;position: relative;}
.cv-txt{max-width: 710px;}
.phonebox{margin-bottom: 2em;position: relative;z-index: 10;}
.contactbox{position: relative;z-index: 10;}
img.icon-cv_free{max-width: 178px;position: absolute;right: 30px;bottom: 20px;z-index: 10;}
img.cv-human{max-width: 371px;position: absolute;right: 30px;bottom: 0;z-index: 5;}
@media only screen and (max-width: 1024px) {
.cv-contents {margin: 0 6vw 6%;}
.cv-box {padding: 80px 30px 30px;}
.cv-txt {max-width: 510px;}
.cv-subhd_ttl {max-width: 570px;}
.cv-subhd_ttl p {font-size: 26px;    letter-spacing: 1px;}
img.cv-human {max-width: 320px;right: 20px;}
.phonebox {margin-bottom: 1em;}
}
@media only screen and (max-width: 768px) {
.cv-box {padding: 75px 30px 25px;}
.cv-subhd_ttl {max-width: 450px;}
.cv-subhd_ttl p {font-size: 22px;letter-spacing: 0;}
.cv-subhd_ttl span{font-size: 18px;margin-left: 20px;}
.cv-txt {max-width: 390px;}
img.cv-human {max-width: 250px;right: -10px;}
img.icon-cv_free {max-width: 108px;}
}
@media only screen and (max-width: 568px) {
.cv-box {padding: 45px 10px 10px;}
.cv-txt {max-width: 220px;}
.cv-subhd_ttl p {font-size: 15px;letter-spacing: 1px;}
.cv-subhd_ttl span {font-size: 13px;margin-left: 10px;}
.phonebox {margin-bottom: .5em;}
img.icon-cv_free {display: none;}
img.cv-human {max-width: 140px;right: 0;}
}
@media only screen and (max-width: 390px) {
img.cv-human {max-width: 120px;}
}
@media only screen and (max-width: 375px) {
.cv-txt {max-width: 200px;}
img.cv-human {max-width: 110px;}
}
@media only screen and (max-width: 320px) {
.cv-subhd_ttl {font-size: 15px;}
.cv-wrap .phonebox,.cv-wrap .contactbox {max-width: 180px;}
img.cv-human {max-width: 100px;}
}

/* =========================================================
* faq-よくある質問
========================================================= */
#faq-wrap {padding: 8% 0 6%;}
.faq-contents{padding: 30px 40px;margin-bottom: 4em;}
.faq-list li{margin-bottom: 2em;}
.faq-list li:last-child{margin-bottom: 0;}
.faq-list dt {background: url("../img/icon-q.png") 15px no-repeat;position: relative;padding-left: 3px;cursor:pointer;border-left: #17a5d3 5px solid;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.faq-list dt span {display: block;font-size: 18px;border-left: #17a5d3 3px solid;border-bottom: #17a5d3 3px solid;padding: .3em 1em .3em 2.5em;}
.faq-list dt:after {content: "";position: absolute;background: url("../img/icon-open.png") right no-repeat;right: 0;width: 30px;height: 30px;top: 50%;transition: .3s;transform: translateY(-50%);}
.faq-list dt.close:after {content: "";position: absolute;background: url("../img/icon-close.png") right no-repeat;width: 30px;height: 8px;right: 0;top: 50%;transition: .3s;transform: translateY(-50%);}
.faq-list dd {background: url("../img/icon-a.png") left no-repeat;padding: .5em 1em .5em 4em;}
@media only screen and (max-width: 1024px) {
#faq-wrap {padding: 12% 0 10%;}
}
@media only screen and (max-width: 768px) {
#faq-wrap {padding: 16% 0 8%;}
}

@media only screen and (max-width: 568px) {
#faq-wrap {padding: 22% 0 10%;background-size: 50%;}
.faq-contents {padding: 15px 10px;margin-bottom: 3em;}
.faq-list dt {background: url(../img/icon-q.png) 10px no-repeat;font-size: 15px;font-weight: normal;background-size: 20px;}
.faq-list dt span {font-size: 14px;padding: .3em 1em .3em 2em;}
.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 {font-size: 14px;background-size: 18px;}
}

/*-----------------------------------------------
 *	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;border-bottom: #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-wrap::after{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;bottom:0;left:0;}
.bnr-li{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
.bnr-li li{max-width: 490px;}
@media only screen and (max-width: 1024px) {
#fl-bnr {display: none;}
}
@media only screen and (max-width: 768px) {
.bnr-li{margin: 0 6%;}
.bnr-li li {max-width: 330px;}
}
@media only screen and (max-width: 568px) {
#bnr-wrap{padding: 30px 6% 30px;}
.bnr-li {margin: 0;}
.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 #17a5d3;border-bottom: solid 3px #17a5d3;-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: 250px;}
ul#bottom-menu li.phone {max-width: 300px;margin-left: auto;}
ul#bottom-menu li.mail {max-width: 200px;margin-left: 20px;}
ul#bottom-menu li.line {max-width: 200px;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%;height:60px;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: 90%;margin: 0 auto;padding: 2% 0;}
ul#bottom-menu li.phone {background: #0489b4;-webkit-box-shadow: 0 5px 0 #004257;box-shadow: 0 6px 0 #004257;width: 70%;margin-left: 0;}
ul#bottom-menu li.mail {background: #f49b2e;-webkit-box-shadow: 0 5px 0 #b9731d;box-shadow: 0 6px 0 #b9731d;width: 30%;margin-left: 0;}
ul#bottom-menu li.mail img,ul#bottom-menu li.line img{width: 70%;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 a {display: block;color:#fff;padding-top:10px;padding-bottom:5px;line-height:1.2;}
}

/*===============================================
 *	area-wrap　対応地域
===============================================*/
.area-wrap {background-color:#e4f3f9;padding: 3% 0 1%;border-top: #b1d0e4 4px solid;border-bottom: #b1d0e4 4px solid;position: relative;}
.area-bluebox{background:#fff;border: #17a5d3 10px solid;margin-bottom: 40px;}
.areabox-contents{padding: 20px;}
.area-hdttl {font-size: 28px;font-weight: bold;position: relative;padding: 0 0 1.5rem;text-align: center;}
.area-hdttl:before {position: absolute;bottom: 15px;left: calc(50% - 30px);width: 60px;height: 3px;content: '';border-radius: 3px;background: #00bacf;}
.ttl-area{background: #17a5d3;color: #fff;font-size: 26px;font-weight: bold;padding: 0 0 5px;text-align: center;letter-spacing: 1px;}
ul.area-list{display: flex;justify-content: flex-start;flex-wrap: wrap;}
ul.area-list li{position:relative;width: 160px;padding: 5px 10px 4px 13px;}
ul.under-list li{text-align: center;font-size: 16px;font-weight: 800;width: 92px;}
ul.area-list li::before {display: block;content: '';position: absolute;top: 50%;left: 0;width: 6px;height: 6px;background-color: #3498db;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
ul.area-list li a{display: block;}
ul.area-list li a:hover{text-decoration: underline;}
@media only screen and (max-width: 1024px) {
ul.area-list li{width: 170px;}
ul.under-list li{width: 110px;}
}
@media only screen and (max-width: 768px) {
.areabox-contents {padding: 20px;}
.ttl-area {font-size: 28px;padding: 0 20px 5px;}
ul.area-list li {padding-left: 0;width: 92px;}
ul.under-list li{width: 92px;}
}
@media only screen and (max-width: 568px) {
.area-wrap {background-size: 50%;padding: 30px 0 10px;}
.area-hdttl {font-size: 26px;}
.areabox-contents {padding: 0;}
.area-bluebox{border: #17a5d3 5px solid;margin-bottom: 20px;}
.ttl-area {font-size: 18px;padding: 3px 10px 5px;}
ul.area-list li {font-size: 14px;padding-left: 0;width: 33.3%;box-sizing: border-box;padding: 0;}
ul.under-list li{font-size: 16px;border: #ccc 1px solid;}
ul.area-list li::before {display: none;}
ul.area-list li a {padding: 10px 0 10px 5px;background: #f1e767;background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);-webkit-box-shadow: inset 1px 1px 1px #fff;box-shadow: inset 1px 1px 1px #fff;}
}
@media only screen and (max-width: 375px) {
ul.area-list li {font-size: 13px;}
ul.under-list li{font-size: 15px;}
}
@media only screen and (max-width: 320px) {
ul.area-list li {font-size: 14px;width: 50%;}
ul.under-list li{font-size: 15px;width: 33.3%;}
}
/*-----------------------------------------------
 *	pagetop
-----------------------------------------------*/
.pagetop {display: none;position: fixed;bottom: 150px;right: 30px;z-index: 99;}
.pagetop img{max-width: 23px;display: inline;}
.pagetop a {display: block;background-color: #17a5d3;color: #fff;font-size: 16px;padding: .8em 2em;letter-spacing: 2px;text-align: center;}
.pagetop a:hover {color: #fff;background-color: #0e96c2;}
@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;}
.pagetop a{background-color: #f49b2e;}
.pagetop img{max-width: 16px;padding-bottom: 5px;}
}
/*===============================================
 *	footer
===============================================*/
footer {padding: 60px 0 100px;}
footer > .inner {display: -ms-grid;display: grid;-ms-grid-columns: 340px 65%;grid-template-columns: 380px 61%;-ms-grid-rows: auto auto auto;grid-template-rows: auto auto auto;-webkit-column-gap: calc(100% - (340px + 65%));column-gap: calc(100% - (340px + 65%));margin: 0 auto 2vw;max-width: 1000px;}
footer .ft_logo {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;max-width: 304px;display: block;margin-bottom: 20px;}
footer .company_info {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;border-radius: 10px;background: #e4f3f9;padding: 25px;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;background-size: contain;width: 20px;height: 20px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
footer .ft_menu ul {width: 33%;}
footer .ft_menu li.menu_top {font-size: 15px;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;background-size: contain;width: 16px;height: 16px;position: absolute;left: 0;top: 7px;}
footer .ft_menu li:not(.menu_top) {font-size: 14px;padding-left: 16px;margin: 0 0 6px 20px;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: 10px;}
.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(23, 165, 211, 0.5)), color-stop(50%, rgba(23, 165, 211, 0.5)), color-stop(50%, #17a5d3), to(#17a5d3));background: linear-gradient(180deg, rgba(23, 165, 211, 0.5) 0%, rgba(23, 165, 211, 0.5) 50%, #17a5d3 50%, #17a5d3 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 .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;}
footer .company_info {padding: 2.5vw 3vw;margin: 25px 0 25px;}
footer .company_info .tel {margin-left: 10px;}
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 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 0;}
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::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 -4vw;}
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;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
footer .ft_menu ul li.menu_top {font-size: 18px;background: #17a5d3;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: 16px;}
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: 10px;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: #17a5d3;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:105px;}
}
/*===============================================
 *	お勧め相互リンクバナー
===============================================*/
footer .recommended_links .inner{margin: 0 auto 3vw;max-width: 1000px;}
.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%;}
}
/*-----------------------------------------------
 *	recycle
-----------------------------------------------*/
#recycle-wrap{margin: 0 auto 5%;}
#recycle-wrap h4{border-bottom: #d5d5d5 1px solid;font-size: 27px;font-weight: bold;margin: 0 0 30px 0;}
#recycle-wrap h4 em{color: #cf1126;}
#recycle-wrap h4 span{border-left: #17a5d3 6px solid;;padding: 5px 0 5px .5em;}
.intro-wrap {margin: 0 0 60px;}
.intro-content {margin-top: 40px;}
.intro-content .txt-box {width: 48.7%;}
.intro-content .photo {width: 48.7%;}
.intro-content .content-ttl {font-size: 37px;font-weight: bold;line-height: 1.6;margin: 26px 0 16px;}
.intro-content .content-ttl .underline {color: #17a5d3;background: linear-gradient(transparent 85%, #ffd800 85%);background-position: bottom 10px left 0;display: inline-block;}
.intro-content .content-ttl .dot {padding-top: 30px;background-color: rgba(255, 255, 255, 0);background-image: radial-gradient(#17a5d3 12%, rgba(1, 66, 189, 0) 12%), radial-gradient(#17a5d3 13%, rgba(1, 66, 189, 0) 15%);background-position: top 0 left 0;background-size: 1.03em 1.065em;background-repeat: repeat-x;}
.recycle_list {margin-top: 50px;position: relative;}
.sm_radius {border-radius: 10px;overflow: hidden;}
.recycle_list li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #e7f9ff;width: 15.2%;max-width: 170px;}
.recycle_list .icon {height: 120px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.recycle_list .icon img {max-width: 60px;}
.recycle_list .name {margin-top: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 2;-ms-flex: 2;flex: 2;background: #17a5d3;color: #fff;font-size: 20px;text-align: center;line-height: 1.45;padding: 10px 0 12px;}
.recycle_list::after {content: '';background: url(../img/common/icon_sankaku_down_orange.svg) no-repeat;width: 74px;height: 40px;position: absolute;left: 50%;bottom: -60px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.recycle_list::after{content: '';display: block;position: absolute;left: 50%;bottom: -60px;
 width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #f49b2e;}

.price_box {background: #fff;border: #abe3f5 4px solid;padding: 40px 44px 36px;margin-top: 80px;}
.price_box .half_box .txt_box {width: 48.3%;max-width: 540px;}
.price_box .half_box .txt_box .ttl {font-size: 27px;line-height: 1.45;margin: -10px 0 14px;}
.price_box .half_box .photo {max-width: 545px;}

@media (max-width: 1024px) {
.intro-content .content-ttl {font-size: 32px;}
.intro-content02 .sub-box {padding: 22px 28px 22px;}
.price_box .half_box .txt_box {width: 100%;max-width: 440px;}
.price_box .half_box .photo {max-width: 295px;}
}
@media (max-width: 960px) {
.intro-content .content-ttl {font-size: 25px;}
.intro-content .content-ttl .dot {padding-top: 20px;}
.recycle_list .name {font-size: 16px;}

.price_box .half_box .txt_box {max-width: 320px;}
.price_box .half_box .txt_box .ttl {font-size: 21px;margin: -7px 0 5px;}
.price_box {margin-top: 70px;padding: 3.5vw 4vw 3.0vw;}
}
@media (max-width: 568px) {
#recycle-wrap {margin: 0 auto 12%;}
#recycle-wrap h4 {font-size: 20px;margin: 0 0 20px 0;}
#recycle-wrap .intro-content {margin: 30px 0 0 0;}
.intro-wrap {margin: 0 0 30px;}
.intro-content {flex-direction: column-reverse;}
.intro-content .txt-box {width: 90%;margin: 20px auto 0;}
.intro-content .photo {width: 90%;margin: 0 auto;}
.intro-content .content-ttl {font-size: 24px;text-align: center;margin: 16px 0 8px;letter-spacing: 0.03em;}
.recycle_list {-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 13px 0;margin-top: 15px;}
.recycle_list li {width: 30.6%;}
.recycle_list li .icon {height: 80px;}
.recycle_list li picture {text-align: center;}
.recycle_list li img {width: 50%;}
.recycle_list .name {font-size: 15px;}
.recycle_list::after {bottom: -46px;}
.price_box .half_box {flex-direction: column;}
.price_box .half_box .txt_box {max-width: initial;}
.price_box {margin-top: 57px;border-radius: 10px;padding: 22px 20px 20px;}
.price_box .txt_box .ttl {margin-bottom: 8px;}
.price_box .txt_box p {font-size: 13px;}
.price_box .half_box .photo {width: 100%;margin-top: 15px;max-width: initial;}
}
@media (max-width: 375px){
#recycle-wrap h4 {letter-spacing: 0;}
.price_box {padding: 22px 15px 20px;}
}
/*-----------------------------------------------
 *	government
-----------------------------------------------*/
.government-contents{background: #fff;border: #17a5d3 4px solid;border-radius: 6px;margin: 60px 0;}
.government-contents .ttl-government{background:#17a5d3;color: #fff;font-size: 36px;font-weight: bold;text-align: center;padding: 15px 0 18px; line-height: 1.5;}
.government-contents .ttl-government span {color: #fbe041;}
.government-inner{padding: 35px;}
.government-contents .subttl-government{font-size: 28px;font-weight: bold;margin: 0 0 .5em 0 !important;line-height: 1.5;padding-bottom: 10px;}
.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{width: 45%;}
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: #17a5d3 4px solid;border-radius: 6px;margin-bottom: 20px;width: 48%;}
.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: #17a5d3;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: #17a5d3;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: #e7f9ff; padding: 26px 40px 30px;}
.government-contents .sub-contents .ttl {font-size: 22px; font-weight: bold;border-left: #17a5d3 6px solid; padding-left:10px;margin-bottom: 14px;}
.government-contents .sub-contents ul {gap: 0 1.5%;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;}
.government-contents .subttl-government {font-size: 20px;}
img.photo-payment {max-width: 280px;}
.reference-link li {width: 100%;}
.government-contents .sub-contents {padding: 20px 25px 25px;}
.government-contents .sub-contents .ttl {font-size: 18px;margin-bottom: 10px;}
}
@media only screen and (max-width: 568px) {
.government-contents h4 {text-align: center;line-height: 1.4;padding-bottom: 10px;margin-top: 12px;}
.government-contents {margin: 2em 0 2em;}
.government-contents .ttl-government {font-size: 24px;padding: 10px 0;}
.government-inner {padding: 20px;}
.government-contents .main-contents {flex-direction: column-reverse;margin-bottom: 1em;}
.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: 1.0em 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 .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) {
.government-contents .ttl-government {font-size: 22px;}
.reference-link dl > dd {font-size: 16px;}
.reference-link dl > dd span {font-size: 13px;}
.reference-link dl > dt::before {left: 28%;}
}
/*-----------------------------------------------
 *	Flow
-----------------------------------------------*/
#flow-wrap{padding: 10% 0 5%;margin: 0 auto 8%;}
.flow_box {margin: 70px auto;}
.step-txt{background: #17a5d3;color: #fff;font-size: 24px;font-weight: bold;text-align: center;border-radius: 60px;padding: 5px 0;margin: 0 0 20px 0;}
.flow_box ul {gap: 50px calc((100% - (28.2% * 3)) / 2);}
.flow_box li {background: #e9f3f4;box-shadow: 0 4px 12px 0 rgb(169,169,169);border:#17a5d3 2px solid;width: 24.5%;border-radius: 10px;padding: 20px;position: relative;}
.flow_box li::after {content: '';background: url(../img/icon-price_arrow.png) no-repeat;background-size: contain;width: 48px;height: 58px;position: absolute;top: 50%;right: -23%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.flow_box li:nth-child(3)::after,.flow_box li:nth-child(6)::after {content: none;}

.flow_box li .flow-subttl {color: #17a5d3;font-size: 20px;font-weight:bold;width: 100%;margin: 25px 0 20px;position: relative;}
.flow_box li .flow-subttl::before {content: '';background-color: #17a5d3;width: 4em;height: 2px;position: absolute;bottom: -5px;left: 0;}
@media only screen and (max-width: 1024px) {
.flow_box {margin-top: 50px;}
.flow_box ul {gap: 50px calc((100% - (29.2% * 3)) / 2);}
.flow_box li::after {right: -21%;}
.flow_box li .flow-subttl {font-size: 20px;}
}
@media only screen and (max-width: 960px) {
.flow_box {margin-top: 45px;}
.flow_box ul {gap: 40px calc((100% - (29% * 3)) / 2);}
.flow_box li {width: 40%;}
.flow_box li::after {width: 32px;height: 37px;right: -13%;}
.flow_box li .flow-subttl {font-size: 18px;margin: 10px 0 20px;}
.flow_box li:nth-child(2)::after,.flow_box li:nth-child(4)::after {content: none;}
.flow_box li:nth-child(3)::after {content: "";}
}
@media only screen and (max-width: 568px) {
#flow-wrap {padding: 20% 0 10%;background-size: 50%;margin-bottom: 20%;}
.flow_box {margin: 30px auto;}
.flow_box ul {gap: 75px 0;}
.flow_box li {width: 100%;padding: 20px 20px 22px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flow_box li::after {content: "";background: url(../img/icon-price_arrow_sp.png) no-repeat;background-size: contain;width: 80px;height: 44px;right: initial;left: 50%;top: initial;bottom: -65px;transform: translateX(-50%);}
.flow_box li:nth-child(2)::after,.flow_box li:nth-child(4)::after {content: "";}
.flow_box li:last-child::after {content: none;}

.flow_box li .flow-subttl {font-size: 17px;}
.step-txt {font-size: 20px;padding: 0;}
}
/*-----------------------------------------------
 *	intro-sec
-----------------------------------------------*/
#intro-sec {
  padding: 0 0 70px;
}
#intro-sec h2 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background: #17a5d3;
  text-align: center;
  border-radius: 10px;
  padding: 6px 0 14px;
  position: relative;
}
#intro-sec h2::after {
  content: '';
  display: block;
  height: 20px;
  width: 40px;
  background: #17a5d3;
  background-position: 6px 0;
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
#intro-sec h2 .txt_no1 {
  font-size: 1.78em;
  font-family: 'Robot';
  transform: skewX(-10deg);
  display: inline-block;
  position: relative;
  padding: 0 35px 0 50px;
  bottom: -5px;
}
#intro-sec h2 .txt_no1::before, #intro-sec h2 .txt_no1::after {
  content: '';
  width: 24px;
  height: 70px;
  position: absolute;
  top: 50%;
  transform: skewX(10deg) translateY(-50%);
}
#intro-sec h2 .txt_no1::before {
  background: url(../img/leaf_left_yellow.png) no-repeat;
  background-size: cover;
  left: 18px;
}
#intro-sec h2 .txt_no1::after {
  background: url(../img/leaf_right_yellow.png) no-repeat;
  background-size: cover;
  right: 4px;
}
#intro-sec h2 .txt_no1 span {
  font-size: 0.8em;
}
.intro-content {
  margin-top: 40px;
}
.intro-content .txt-box {
  width: 48.7%;
}
.intro-content .photo {
  width: 48.7%;
}
.intro-content .point li {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 0.03em;
  background: #3392cd;
  border-radius: 5px;
  padding: 8px 0 6px;
}
.intro-content .point li:first-child {
  width: 37%;
}
.intro-content .point li span{
  font-size: 18px;
  padding: 0 10px 0 0;
}
.intro-content .point li:nth-child(2) {
  width: 61%;
}
.intro-content .content-ttl {
  font-size: 37px;
  font-weight: bold;
  line-height: 1.6;
  margin: 26px 0 16px;
}
.intro-content .content-ttl .underline {
  color: #17a5d3;
  background: linear-gradient(transparent 85%, #ffd800 85%);
  background-position: bottom 10px left 0;
  display: inline-block;
}
.intro-content .content-ttl .dot {
  padding-top: 30px;
  background-color: rgba(255, 255, 255, 0);
  background-image: radial-gradient(#17a5d3 12%, rgba(1, 66, 189, 0) 12%), radial-gradient(#17a5d3 13%, rgba(1, 66, 189, 0) 15%);
  background-position: top 0 left 0;
  background-size: 1.03em 1.065em;
  background-repeat: repeat-x;
}
.intro-content02 {
  margin-top: 40px;
}
.intro-content02 .sub-photo {
  width: 48.7%;
}
.intro-content02 .sub-photo li {
  width: 48.7%;
}
.intro-content02 .sub-box {
  width: 48.7%;
  background: #fdf4d7;
  border-radius: 10px;
  padding: 22px 40px 26px;
  box-sizing: border-box;
}
.intro-content02 .sub-box .sub-ttl {
  font-size: 22px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}
.intro-content02 .sub-box .sub-ttl::before {
  content: '';
  display: block;
  background: url(../img/icon_spray.png) no-repeat;
  background-size: contain;
  width: 38px;
  height: 39px;
  margin-right: 6px;
}
.intro-content02 .sub-box .sub-ttl .color {
  color: #f49b2e;
}
@media (max-width: 1024px) {
  #intro-sec h2 {
    font-size: 32px;
  }
  .intro-content .content-ttl {
    font-size: 32px;
  }
  .intro-content02 .sub-box {
    padding: 22px 28px 22px;
  }
  .intro-content .point li {
    font-size: 22px;
    padding: 6px 0 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .intro-content .point li span {
    font-size: 14px;
    padding: 0;
    line-height: 1.2;
  }
}
@media (max-width: 960px) {
  #intro-sec h2 {
    font-size: 26px;
  }
  #intro-sec h2 .txt_no1::before, #intro-sec h2 .txt_no1::after {
    width: calc(24px * 0.7);
    height: calc(70px * 0.7);
  }
  .intro-content .point li {
    font-size: 18px;
    padding: 5px 0 7px;
  }
  .intro-content .content-ttl {
    font-size: 25px;
  }
  .intro-content .content-ttl .dot {
    padding-top: 20px;
  }
  .intro-content02 {
    align-items: flex-start;
    margin-top: 30px;
  }
}
@media (max-width: 568px) {
  #intro-sec {
    padding: 0 0 30px;
  }
  #intro-sec .inner {
    padding: 0;
  }
  #intro-sec h2 {
    border-radius: 0;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    padding: 15px 0 13px;
  }
  #intro-sec h2::after {
    width: 54px;
    height: 25px;
    bottom: -24px;
  }
  #intro-sec h2 .txt_no1 {
    font-size: 1.7em;
    padding: 0 18px 0 32px;
    margin: 0 -5px 0 -10px;
    bottom: -3px;
  }
  #intro-sec h2 .txt_no1::before, #intro-sec h2 .txt_no1::after {
    width: calc(24px * 0.5);
    height: calc(70px * 0.5);
  }
  .intro-content {
    flex-direction: column-reverse;
  }
  .intro-content .txt-box {
    width: 92%;
    margin: 20px auto 0;
  }
  .intro-content .point li:nth-child(2) {
    line-height: 1.2;
  }
  .intro-content .point li:nth-child(2) span{
    display: block;
  }

  .intro-content .photo {
    width: 96%;
    margin: 0 auto;
  }
  .intro-content .content-ttl {
    font-size: 24px;
    text-align: center;
    margin: 16px 0 8px;
    letter-spacing: 0.03em;
  }
  .intro-content02 {
    flex-direction: column;
    margin-top: 20px;
  }
  .intro-content02 .sub-photo {
    width: 90%;
    margin: 0 auto;
  }
  .intro-content02 .sub-box {
    width: 90%;
    margin: 20px auto 0;
    padding: 16px 20px 16px;
  }
  .intro-content02 .sub-box .sub-ttl {
    font-size: 19px;
    line-height: 1.4;
  }
  .intro-content02 .sub-box .sub-ttl::before {
    width: 44px;
    height: 45px;
  }
}
@media (max-width: 375px) {
.intro-content .content-ttl {
    font-size: 23px;
}
}
/*-----------------------------------------------
 *　ご挨拶
-----------------------------------------------*/
#greeting-sec {
  padding: 10% 0 8%;
}
#greeting-sec h2 {
  text-align: center;
  margin: 0 auto 1.25em;
}
.hd-greeting::before {
  background: url(../img/icon-greeting.svg) top center no-repeat;
  width: 74px;
  height: 74px;
  background-size: contain;
  top: -80px;
}
#greeting-sec .row img {
  width: 44.7%;
  max-width: 500px;
}
#greeting-sec .txt-box {
  width: 51.3%;
}
#greeting-sec .greet-ttl {
  color: #f39800;
  font-size: 26px;
  font-weight: bold;
  margin: -5px 0 15px;
}
#greeting-sec .bnr-books {
  display: block;
  margin: 70px auto 0;
  max-width: 900px;
}
@media (max-width: 1024px) {
  .hd-greeting::before {
    width: 60px;
    height: 60px;
    top: -66px;
  }
}
@media (max-width: 768px) {
  .hd-greeting::before {
    width: 50px;
    height: 50px;
    top: -56px;
  }
}
@media (max-width: 568px) {
  #greeting-sec {
    width: 90%;
    margin: 0 auto;
    padding: 22% 0 10%;
  }
  #greeting-sec .row {
    flex-direction: column;
  }
  #greeting-sec h2 {
    font-size: 28px;
    margin: 0 auto 1.5em;
  }
  .hd-greeting::before {
    width: 45px;
    height: 45px;
    top: -50px;
  }
  #greeting-sec .row img {
    width: 100%;
  }
  #greeting-sec .txt-box {
    width: 100%;
  }
  #greeting-sec .greet-ttl {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 12px;
  }
  #greeting-sec .bnr-books {
    margin: 30px auto 0;
  }
}

/*-----------------------------------------------
 * メディア掲載情報
-----------------------------------------------*/
#media-sec {
  padding: 4% 0 10%;
}
#media-sec .media-ttl {
  margin: 0 auto 1.25em;
}


.media-slide{
  background: #17a5d3;
  border-radius: 6px;
  padding: 30px;
  margin:50px 0;
}
.slide-title{
  background: #fff;
  padding:40px 30px 20px;
  width: 70%;
  position: relative;
  text-align: center;
}
.news p::before{
  content: '';
  background: url(../img/top/icon_cm.png)no-repeat;
  background-size: contain;
  width: 75px;
  height: 52px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.magazine p::before{
  content: '';
  background: url(../img/top/icon-magazine.png)no-repeat;
  background-size: contain;
  width: 69px;
  height: 52px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.news-paper p::before{
  content: '';
  background: url(../img/top/icon-news.png)no-repeat;
  background-size: contain;
  width: 56px;
  height: 48px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.book p::before{
  content: '';
  background: url(../img/top/icon_book.png)no-repeat;
  background-size: contain;
  width: 48px;
  height: 57px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.book{
  padding: 40px 30px 20px;
}
.no-link p{
  padding-top: 30px;
  padding: 30px!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: #0077C2;
}
.slide-title a{
  max-width: 200px;
  margin: 10px auto 0;
  display: block;
}
.slide-title a img{
  width: 100%;
  max-width: 200px;
}
.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 #17a5d3;
  line-height: 1.4;
}
.slide-title a.slide-link:hover span{
  border-bottom: none;
}
.slick-slide .slide-img{
  max-width: 487px;
  width: 100%;
}
.slick-slide .slide-img img{
  max-width: 487px;
  width: 100%;
}
#thumbs{
  margin-top: 25px;
}

#thumbs .slick-slide{
  height: 112px;
}
.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: 112px;
}
#thumbs .slick-center{
  position: relative;
}
#thumbs .slick-center::before {
  position: absolute;
  content: '';
  width: 213px;
  height: 98%;
  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;
      }
      .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;
      }
      .book{padding: 23px 15px 10px;}
      .book p::before {
        width: 40px;
      }
  }
  @media only screen and (max-width: 568px) {
    #media-sec{
      margin-bottom: 30px;
    }
    .slick-slide img{
      width: 100%;
    }
      .media-slide{
        padding: 20px;
        margin: 20px 0;
      }
      .slick-slide .row-rev{
          flex-direction: column;
      }
      .l-inner .media-slide{
          max-width: 75%;
      }
      .slide-title{
          width: 100%;
      }
      .l-inner .media-slide{
          padding: 20px;
          margin: 20px auto;
      }
      #slider .slick-list,
      #slider .slick-track{
        height: 98vw;
      }
      #thumbs .slick-list,
      #thumbs .slick-track{
        height: auto;
      }
      #thumbs{
          margin-top: 10px;
      }
      #thumbs .slick-center::before {
          height: 100%;
          width: 100%;
      }
      #thumbs .slick-slide{
        height: auto;
      }
      .slide-title{
          padding: 30px 0 10px;
          min-height: 155px;
      }
      .slide-title p span {
        font-size: 20px;
      }
      .slide-arrow{
          width: 20px;
          height: 20px;
      }
      .slick-slider .prev-arrow{
          top:53%;
          left: -20px;
      }
      .slick-slider .next-arrow{
          top:53%;
          right: -40px;
      }
      .news p::before {
        width: 40px;
      }
      .news-paper p::before{
          width: 40px;
          height: 39px;
      }
      .magazine p::before{
          width: 40px;
          height: 37px;
      }
      .book p::before{
          width: 32px;
          height: 45px;
      }
      .book{
          padding: 20px 0 10px;
      }
      .book p{
        font-size: 16px;
      }
      .book p span{
        font-size: 18px;
      }
      .no-link p{
        padding: 18px 20px 20px !important;
      }
  }

/*.hd-media::before {
  background: url(../img/icon-media.svg) top center no-repeat;
  width: 74px;
  height: 74px;
  background-size: contain;
  top: -80px;
}
#media-sec ul {
  gap: 30px 0;*/
  /* margin-bottom: 60px; */
/*}
#media-sec li {
  width: calc(100% / 3.2);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
#media-sec li p {
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  background: rgba(66, 165, 245, 0.92);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  padding: 10px 0;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-sizing: border-box;
}
#media-sec li p a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#media-sec li p a:hover {
  text-decoration: none;
}
#media-sec .btn-basic {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .hd-media::before {
    width: 60px;
    height: 60px;
    top: -62px;
  }
  #media-sec ul {
    width: 92vw;*/
    /* margin: 0 auto 60px; */
    /*margin: 0 auto;
  }
}
@media (max-width: 960px) {
  .hd-media::before {
    width: 50px;
    height: 50px;
    top: -52px;
  }
  #media-sec ul {
    width: 92vw;*/
    /* margin: 0 auto 40px; */
    /*margin: 0 auto;
  }
  #media-sec li p {
    font-size: 15px;
    line-height: 1.3;
    height: 50px;
  }
  #media-sec .btn-basic {
    margin-top: 35px;
  }
}
@media (max-width: 568px) {
  #media-sec {
    padding: 22% 4vw 24%;
  }
  #media-sec .basic-ttlbox em {
    display: inline;
  }
  .hd-media::before {
    width: 40px;
    height: 40px;
    top: -45px;
  }
  #media-sec ul {
    gap: 15px 0;
    width: 100%;*/
    /* margin-bottom: 30px; */
  /*}
  #media-sec li {
    width: calc(100% / 2.1);
  }
  #media-sec li p {
    height: auto;
    font-size: 12px;
    letter-spacing: 0;
    padding: 5px 5px 5px;
  }
  #media-sec li p a {
    text-underline-offset: 3px;
  }
  #media-sec .btn {
    max-width: 100%;
  }
  #media-sec .btn-basic {
    margin-top: 25px;
  }
}*/
/*-----------------------------------------------
 * 20%OFFキャンペーン
-----------------------------------------------*/
.top_content_wrap {
  padding: 50px 0 70px;
}
.top_content_wrap.area_page {
  padding-top: 0;
}
.top_content_wrap .inner {
  max-width: 1030px;
}
.camp_bnr {
  padding: 0 0 40px;
}
.camp_bnr.under_page {
  margin-top: 0;
  padding-top: 0;
}
.bnr_box.under_page {
  margin-top: 0;
  padding-top: 0;
}
.camp_bnr img {
  margin-bottom: 10px;
  border-radius: 10px;
}
.camp_bnr p {
  color: #333;
  font-size: 14px;
  text-align: right;
}
.invoice_bnr {
  max-width: 1000px;
  margin: 30px auto 0;
}
@media only screen and (max-width: 768px) {
  .top_content_wrap {
    padding: 5% 0;
  }
  .invoice_bnr {
    max-width: 680px;
  }
}
@media only screen and (max-width: 568px) {
  .top_content_wrap, .top_content_wrap.area_page {
    padding: 25px 0 30px;
  }
  .camp_bnr {
    padding: 0 0 20px;
  }
  .camp_bnr.area_page {
    padding: 0 0 20px;
  }
  .camp_bnr.under_page {
    padding: 0 0 20px;
  }
  .bnr_box.area_page {
    margin-top: 0;
    padding: 20px 0 0;
  }
  .bnr_box.under_page {
    padding: 0 0 20px;
  }

  .camp_bnr img {
    margin-bottom: 6px;
  }
  .camp_bnr p {
    font-size: 12px;
    /*padding-left: 1.25em;
    text-indent: -1.25em;*/
    text-align: left;
  }
  .invoice_bnr {
    max-width: initial;
    margin-top: 0;
  }
}

/*===============================================
 *	作業事例一覧（TOPその他の作業事例）
===============================================*/
.base-fl {display: flex;}
.txt-branch{background: #17a5d3;border-radius: 6px;color: #fff;font-size: 16px;font-weight: bold;padding: 5px 20px;margin: 0 0 10px 0;text-align: center;}
.case-list::after{content:"";display: block;width:32%;}
.case-list li{background: url(../img/m-bg_note.gif) bottom left repeat #fff;border: #49b1d9 2px solid;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.3);box-sizing: border-box;margin-bottom: 20px;width: 32%;position: relative;}
.case-list_mag{margin: 0 0 30px;}
.case-list li .case-ttl{background: #49b1d9;color: #fff;padding: 10px 10px 15px;line-height: 1.4;}
.case-list li .case-contents{padding: 15px;}
.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-height: 240px;object-fit:cover;}
.case-list li dl {margin-bottom: 15px;}
.case-list li dt {background: #49b1d9;color: #fff;font-size: 14px;padding: 5px 0 5px;text-align: center;width: 45%;}
.case-list li dd {background: #fff;border: #49b1d9 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: 14px;}
.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;}
.case-list li{width: 48%;}
.img-service{margin:20px 0;}
} 
@media only screen and (max-width: 568px) {
.txt-branch{font-size: 14px;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 #49b1d9;text-align: center;color:#49b1d9;font-size: 18px;font-weight: bold;margin: 0 auto;padding: 8px 0 10px;display: block;position: relative;}
.btn-case a:hover{background:#49b1d9;color: #fff;transition: .3s;}
@media only screen and (max-width: 1024px) {
.btn-case a{font-size: 16px;}
}
/*===============================================
 *	作業事例 対応作業
===============================================*/
.customer-infobox{margin-bottom: 20px;width: 100%;}
@media only screen and (max-width: 768px) {
.customer-infobox .workname {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.customer-infobox {width: 100%;margin-bottom: 10px;}
}
/*===============================================
 *	買取事例一覧
===============================================*/
.purchase-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.purchase-list li{width: calc(95%/3);border-radius: 10px;background: url(../img/m-bg_note.gif) bottom left repeat #fff;box-shadow: 1px 1px 4px 2px rgb(169 169 169);}
.purchase-list_innerbox{padding: 1em;}
.purchase-list li h3{background: #49b1d9;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;font-size: 20px;line-height: 1.4;padding: .75em .5em;letter-spacing: 0;}
.purchase-list li:first-child h3{height: 86px;line-height: 86px;padding: 0 .5em;}
.purchase-list_innerbox dt {background: #e4f0f2;color: #17a5d3;font-size: 18px;font-weight: bold;padding: 5px 0;text-align: center;}
.purchase-list_innerbox dd {color: #ec7589;font-size: 40px;font-weight: bold;text-align: center;}
.purchase-list_innerbox figure{margin: 0 auto 1em;}
.purchase-list_innerbox img {aspect-ratio: 1.414 / 1; object-fit: cover; border: 8px solid #fff;box-sizing: border-box; margin-bottom: 1em; box-shadow: 0 0 13px #ccc;}
@media only screen and (max-width: 768px) {
.purchase-list_innerbox {padding: 1em;}
.purchase-list li h3 {font-size: 15px;}
.purchase-list li:first-child h3{height: 65px;line-height: 65px;padding: 0 .5em;}
.purchase-list_innerbox dd {font-size: 32px;}
}
@media only screen and (max-width: 568px) {
.ex_purchase-wrap {padding: 3em 0;margin-bottom: 3em;}
.purchase-list li {margin-bottom: 1.5em;width: 100%;}
.purchase-list li:last-of-type {margin-bottom: 0;}
.purchase-list li h3 {font-size: 16px;font-weight: bold;padding: 1em;text-align: center;}
.purchase-list_innerbox dt {margin-bottom: 10px;}
.purchase-list_innerbox dd {font-size: 34px;}
}

/*--------------------------------
	CM
--------------------------------*/
#cm_tv{background: #29B6F6;border-radius: 6px;padding: 50px;margin: 50px auto 60px;}
#cm_tv .txt {background: #fff;border-radius: 6px;padding:40px 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: #17A5D3;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 h3 a {text-decoration: underline;text-underline-offset: 6px;color: #17A5D3;}
#cm_tv h3 a:hover {text-decoration: none;}
#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: 17px;top: 0;line-height: 1.5;margin-bottom: 9px;}
#cm_tv h3 span {font-size: 17px;padding-left: 50px}
#cm_tv h3 span::before {width: 48px;top: 5px;}
#cm_tv h3 a {text-underline-offset: 4px;}
#cm_tv .movie_thumbnail-yt {width: 100%;}
}

/*-----------------------------------------------
 *　電子決済
-----------------------------------------------*/
.credit-box .ttl {font-size: 30px;font-weight: bold; color: #fff; background: #17A5D3; text-align: center; border-radius: 10px 10px 0 0; padding: 12px 0 12px;}
.credit-box .box-inner {padding: 20px 35px 20px;border: 6px solid #b6e8f8;border-top: none;background: #fff;}
.credit-box ul {width:58%;}
.credit-box ul li {width: 27%;font-size: 18px;line-height: 1.5; border: 4px solid #17A5D3;border-radius: 10px;display: flex;align-items: center;justify-content: center; padding: 15px 10px 13px;gap: 0 10px;letter-spacing: 0.05em; color: #17A5D3;}
.credit-box ul li span {text-align: center;}
.credit-box img {width: auto; max-width: 100%;}
.credit-box .card-image {width: 40.5%; max-width: 444px;}
.credit-box ul li img {height: 40px;}
@media only screen and (max-width: 1024px) {
  .credit-box ul li {font-size: 16px; padding: 15px 5px 13px;}
}
@media only screen and (max-width: 768px) {
  .credit-box .box-inner {padding: 3% 5% 2%;}
  .credit-box .ttl {font-size: 22px; padding: 10px 0 11px;}
  .credit-box .box-inner {flex-direction: column;align-items: center;gap: 15px 0;}
  .credit-box ul {width: 90%;}
  .credit-box ul li {font-size: 17px;}
  .credit-box .card-image {width: 65%;}
}
@media only screen and (max-width: 568px) {
  .credit-box .box-inner {padding: 4% 5% 5%;}
  .credit-box .ttl {font-size: 18px; line-height: 1.5; padding: 10px 0 11px;}
  .credit-box .box-inner {flex-direction: column;align-items: center;gap: 15px 0; padding: 5% 5% 3%;}
  .credit-box ul {gap: 0; justify-content: space-between; width: 100%;}
  .credit-box ul li {border-width: 3px; width: 27%;flex-direction: column;padding: 10px 4px;font-size: 13px;gap: 6px 0;}
  .credit-box ul li img {height: 30px;}
  .credit-box ul li span {line-height: 1.4;}
  .credit-box .card-image {width: 98%;}
}
/*===============================================
 *	追従フッター改修
===============================================*/
.fixed_footer {background: #ecf8ff;border-top: 3px solid #17a5d3;border-bottom: 3px solid #17a5d3;  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: #17a5d3;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;} 
}
/*===============================================
 *	POPUP LINE 2025/06/25 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: #17a5d3;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;font-family: -apple-system, BlinkMacSystemFont,'Noto Sans JP', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;padding: 0 0 0 2.5em;line-height: 1.2;position: relative;}
.popup-banner li::before{content: "";display: block;background: url("../img/common/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: url("../img/common/popup/pop-up-btn_bg.jpg") left no-repeat #fff;background-size: cover;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;}
.popup-banner li {font-size: 13px;padding: 0 0 0 2em;letter-spacing: 0;}
.popup-banner li::before {width: 18px;height: 18px;}
.popup_btn_box {background: #fff;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;}
}

  .slick-dots{bottom: -70px!important;}
@media only screen and (max-width: 568px) {
  .slick-dots{bottom: -15px!important;}
.slick-dots li button::before{color: #FFF!important;}
.slick-dots li.slick-active button::before {color: #17a5d3!important;}
}
/*===============================================
 *	CVエリア（通常ver.）
===============================================*/
.txt_yellow {
  color: #ffd800;
}
.md_radius {
  border-radius: 20px;
  overflow: hidden;
}
.bg_white {
  background-color: #fff;
}
.cv_ttl_box {
  background: #17a5d3;
}
.cv_ttl_box .cv_ttl {
  color: #fff;
  font-size: 48px;
  padding: 19px 0 24px;
  font-weight: bold;
}

.cv_ttl_box .cv_ttl .size_small {
  font-size: 0.52em;
  border: 2px solid #fff;
  padding: 13px 22px 15px;
  position: relative;
  top: -10px;
  margin-right: 15px;
}

.cv_content {
  /* background: repeating-linear-gradient(-45deg, #60b3dd 0, #60b3dd 5px, #92cbe7 5px, #92cbe7 10px); */
  background: url(../img/common/bg_stripe.png);
  padding: 40px 0;
}
.cv_content .inner{
  position: relative;
}
.cv_content .camp dt {
  color: #fff;
  background: #269ADA url(../img/common/cv_campaign_ttl_bg.png) no-repeat center;
  padding: 2px 0 3px;
  text-align: center;
}

.cv_content .camp dt p {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.cv_content .camp dd {
  padding: 6px 0 8px;
  position: relative;
  text-align: center;
  background: #fff;
  border: #269ADA 2px solid;
}

.cv_content .camp dd p {
  font-size: 27px;
  font-weight: bold;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  letter-spacing: 0.05em;
  margin-left: -40px;
}

.cv_content .camp dd .txt_color {
  font-size: 1.8em;
  color: #DF2934;
  background: linear-gradient(transparent 70%, #f9ff00 70%);
}

.cv_content .camp dd::after {
  content: '';
  background: url(../img/common/icon_calc_cv.png) no-repeat;
  background-size: contain;
  width: 91px;
  height: 80px;
  position: absolute;
  top: -12px;
  right: 5.5%;
}

.cv_content .cv_box {
  background: url(../img/common/cv_bg_02.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 40px 35px;
  position: relative;
}

.cv_content .cv_box .cv_top_txt {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: #269ada;
  padding: 5px 10px 5px;
}

.cv_content .cv_box::after {
  content: '';
  background: url(../img/common/cv_staff_02.png) no-repeat bottom center;
  background-size: contain;
  width: 336px;
  height: 286px;
  position: absolute;
  right: 11%;
  bottom: 0;
}

.cv_content .btn_box_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.cv_content .btn_box_wrapper .btn_box {
  width: 61%;
  max-width: 633px;
  margin: 30px auto 0 0;
}

.cv_content .btn_box_wrapper .btn_box .tel {
  margin-bottom: 20px;
}

.cv_content .btn_box_wrapper .btn_box div a {
  width: 48.7%;
  max-width: 308px;
}

@media only screen and (max-width: 1024px) {
  .cv_ttl_box .cv_ttl {
    font-size: 40px;
  }
  .cv_content .cv_box::after {
    width: calc(336px * 0.85);
    height: calc(286px * 0.85);
    right: 6%;
  }
  .cv_content .camp dd::after {
    right: 1.8%;
  }
}

@media only screen and (max-width: 960px) {
  .cv_ttl_box .cv_ttl {
    font-size: 29px;
  }
  .cv_content .camp dt p {
    font-size: 24px;
  }
  .cv_content .camp dd p {
    font-size: 22px;
    margin-left: 0;
  }
  .cv_content .camp dd::after {
    width: 59px;
    height: 52px;
    right: 19%;
    top: -45px;
  }
  .cv_content .cv_box {
    padding: 3vw 4vw;
  }
  .cv_content .cv_box .cv_top_txt {
    font-size: 20px;
  }
  .cv_content .cv_box::after {
    width: calc(336px * 0.7);
    height: calc(286px * 0.7);
    right: 6%;
  }
}

@media only screen and (max-width: 568px) {
  .md_radius {
    border-radius: 10px;
  }
  .cv_ttl_box {
    background: url(../img/common/cv_bg_sp02.jpg) no-repeat center;
    background-size: cover;
  }
  .cv_ttl_box .cv_ttl {
    font-size: 5.3vw;
    line-height: 1.3;
    padding: 15px 0 75px;
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cv_ttl_box .cv_ttl span:nth-of-type(2) {
    text-shadow: #1878cf 2px 0px 0px, #1878cf 1.75517px 0.95885px 0px, #1878cf 1.0806px 1.68294px 0px, #1878cf 0.14147px 1.99499px 0px, #1878cf -0.83229px 1.81859px 0px, #1878cf -1.60229px 1.19694px 0px, #1878cf -1.97998px 0.28224px 0px, #1878cf -1.87291px -0.70157px 0px, #1878cf -1.30729px -1.5136px 0px, #1878cf -0.42159px -1.95506px 0px, #1878cf 0.56732px -1.91785px 0px, #1878cf 1.41734px -1.41108px 0px, #1878cf 1.92034px -0.55883px 0px;
  }

  .cv_ttl_box .cv_ttl .size_small {
    font-size: 0.6em;
    display: inline-block;
    padding: 5px 15px 6px;
    top: 0;
    margin-bottom: 8px;
  }
  .cv_content {
    padding: 10px 0 25px;
    position: relative;
  }
  .cv_content .inner {
      position: unset;
  }
  .cv_content .inner::before {
    content: '';
    background: url(../img/common/cv_staff_sp_02.png) no-repeat;
    background-size: contain;
    width: 133px;
    height: 140px;
    position: absolute;
    top: -140px;
    right: 5px;
  }
  .cv_content .camp dt {
    background: #269ADA url(../img/common/cv_campaign_ttl_bg_sp.png) no-repeat top center;
    background-size: contain;
    padding: 3px 0px 4px;
    position: relative;
    z-index: 10;
  }
  .cv_content .camp dt p {
    font-size: 16px;
    margin-left: -14px;
  }
  .cv_content .camp dt p span {
    position: relative;
  }
  .cv_content .camp dt p span::before {
    content: '';
    background: url(../img/common/icon_calc_cv.png) no-repeat;
    background-size: contain;
    width: 45px;
    height: 40px;
    position: absolute;
    right: -35px;
    top: 10px;
  }
  .cv_content .camp dd {
    padding: 10px 0 0;
    border: none;
  }
  .cv_content .camp dd p {
    font-size: 16px;
    line-height: 1.3;
    -webkit-transform: skewX(-10deg) translateX(6px);
            transform: skewX(-10deg) translateX(6px);
    letter-spacing: 0;
  }
  .cv_content .camp dd .txt_color {
    font-size: 1.6em;
  }
  .cv_content .camp dd::after {
    content: none;
  }
  .cv_content .cv_box {
    margin-top: 12px;
    padding: 17px 17px;
    background: #fff;
  }
  .cv_content .cv_box .cv_top_txt {
    font-size: 18px;
    padding: 4px 0;
  }
  .cv_content .cv_box .btn_box_wrapper .btn_box {
    width: 100%;
    max-width: initial;
    margin: 10px 0 0 0;
  }
  .cv_content .cv_box .btn_box_wrapper .btn_box .tel {
    margin-bottom: 10px;
  }
  .cv_content .cv_box .btn_box_wrapper .btn_box div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cv_content .cv_box .btn_box_wrapper .btn_box div a {
    width: 100%;
    max-width: initial;
  }
  .cv_content .cv_box .btn_box_wrapper .btn_box div a:first-child {
    margin-bottom: 10px;
  }
  .cv_content .cv_box::after {
    content: none;
  }
}
/*===============================================
 *	CV 口コミ星
===============================================*/
.google_pr {width: 18%;position: absolute;z-index: 10;bottom: 30px;right: 40px;}
.google_pr .cv_goole_txt {font-size: 18px;font-weight: bold;line-height: 1.4;}
.google_pr .cv_goole_txt .star_num{font-size: 22px;color: #DF2934;}
.google_pr .cv_goole_txt .star_acquire{font-size: 20px;}

.fr_thick {border: #B7AA00 2px solid;background: #fff;background-image: linear-gradient(-45deg, rgba(183,170,0, 0.5) 25%, transparent 25%, transparent 50%, rgba(183,170,0, 0.5) 50%, rgba(183,170,0, 0.5) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(183,170,0, 0.5) 25%, transparent 25%, transparent 50%, rgba(183,170,0, 0.5) 50%, rgba(183,170,0, 0.5) 75%, transparent 75%, transparent 100%);background-size: 40px 40px;transform: rotate(0deg);padding: 5px;
}
.circle{text-align: center;background-color: rgba(255, 255, 255, 0.8);padding: 10px;}
.star_rating{line-height: 1;}
.star5_rating{position: relative;z-index: 0;display: inline-block;white-space: nowrap;color: #666;}
.star5_rating:before, .star5_rating:after{content: '★★★★★';}
.star5_rating:after{position: absolute;z-index: 1;top: 0;left: 0;overflow: hidden;white-space: nowrap;color: #DF2934;}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.9"]:after{ width: 94%; } /* 星4.9 */
.star5_rating[data-rate="4.8"]:after{ width: 94%; } /* 星4.8 */
.star5_rating[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */
@media only screen and (max-width: 960px) {
.google_pr {width: 21%;bottom: 20px;}
.circle {padding: 5px;}
.google_pr .cv_goole_txt {font-size: 14px;}
.google_pr .cv_goole_txt .star_num {font-size: 18px;}
.google_pr .cv_goole_txt .star_acquire {font-size: 14px;}
}
@media only screen and (max-width: 568px) {
.google_pr {width: 184px;top: -67px;left: 4vw;right: unset;}
.fr_thick {padding: 0px;}
.circle {padding: 5px 0;}
.google_pr .cv_goole_txt {font-size: 12px;letter-spacing: 0;}
.google_pr .cv_goole_txt .star_num {font-size: 17px;}
.google_pr .cv_goole_txt .star_acquire {font-size: 13px;}
.star_rating {font-size: 10px;}
}

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

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

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

  .bg_white_box_20off{
    padding: 4%;
  }
}

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