@charset "utf-8";
/*===============================================
 *	★★★重要★★★
===============================================*/
.kanren-huyouhin_toyama{display: none;}
/*===============================================
 *	ブラウザリセット
===============================================*/
@font-face {font-family: 'Noto Sans JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),url('../fonts/NotoSansJP-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Sans JP';font-style: medium;font-weight: 500;src: url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),url('../fonts/NotoSansJP-Medium.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Serif JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSerifJP-Bold.woff2') format('woff2'),url('../fonts/NotoSerifJP-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'GenEiMGothic';font-style: bold;font-weight: 900;src: url("../fonts/GenEiMGothic2-Heavy.woff") format("woff");font-display: swap;}
a:hover img {filter: alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
html {overflow-x: hidden;overflow-y: scroll;}
body {font-size: 100%;font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;letter-spacing: 0;height: 100%;}
table {font-size: inherit;}
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
pre, code {font: 115% monospace; *font-size: 100%;}
br {letter-spacing: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-style: normal;font-weight: normal;}
address, em {font-style: normal;}
strong, th {font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;border: none;}
th, td {text-align: left;border: none;font-weight: normal;}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;vertical-align: bottom;}
li {list-style-type: none;}
ul, ol, dl {margin: 0;list-style-position: outside;list-style-type: none;}
li, dt, dd {font-size: 100%;}
dt {font-weight: normal;}
a {text-decoration: underline;outline: none;}
a:hover {text-decoration: none;}
form, input {padding: 0;margin: 0;}
iframe{border:none;}
picture{display: block;}
figure{margin: 0;}
img{display:block;height:auto;width:100%;}
/* --------------このサイトオリジナル設定--------------- */
a {color: #444;outline: none;text-decoration:none;}
:root {
  --site-primary: #346dc1;
  --site-subcolor: #168be6;
  --site-keycolor: #f5fe00;
  --site-keycolor02: #ff7608;
}
/*====================== clearFix ======================*/
.clearfix:before, .clearfix:after {content: "";display: block;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*=============================================== *
	パターン
===============================================*/
.base-fl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.row-rev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.space-btw {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.space-around {-ms-flex-pack: distribute;justify-content: space-around;}
.js-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.al-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.al-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.al-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.al-base {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
/*===============================================

 *	common

===============================================*/
html body {background: url(../img/bg-body.png) repeat #f5f4f3;color: #444;font-size: 16px;line-height: 1.6;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;}
em {font-weight: bold;}
.sp {display: none;}
.inner {max-width: 1120px;margin: 0 auto;width: 100%;}
.txt-small{font-size: 13px;}
.center {text-align: center;}
.right {text-align: right;}
.txt-caution{font-size:12px;}
.magb{margin-bottom: 60px;}
.txt-red{color: #e52b12;}
.txt-yellow{color: #fcff00;}
.txt-orange{color: var(--site-keycolor02);}
.txt-color{color: var(--site-primary);}
.txt-blue{color: var(--site-primary);}
.txt-lightblie{color: var(--site-subcolor);}
.basic-mag_t{margin-top: 70px;}
.basic-mag_b{margin-bottom: 70px;}
@media screen and (min-width: 769px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 1024px) {
.inner {margin: 0 auto;max-width: initial;width: 94%;}
.basic-mag_t{margin-top: 40px;}
.basic-mag_b{margin-bottom: 40px;}
}
@media only screen and (max-width: 768px) {
html body {font-size: 15px;}
.inner {width: 92%;}
}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {font-size: 14px;}
.inner {margin: 0 auto;width: 90%;}
.pc {display: none;}
.sp {display: block;}
.magb{margin-bottom: 30px;}

}
/*===============================================
 *	br
===============================================*/
@media screen and (min-width:1025px){
.br-pc{display:block;}
.br-tb{display:none;}
.br-sp{display:none;}
}
@media screen and (min-width:481px) and (max-width: 1024px) {
.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;}
}
/*===============================================
 *	Table
===============================================*/
table.basic-tbl {border-top: #ccc 1px solid;border-left: #ccc 1px solid;width: 100%;}
table.basic-tbl th, table.basic-tbl td{padding: 10px;border-bottom: #ccc 1px solid;box-sizing: border-box;}
table.basic-tbl td {background: #fff;border-right: #ccc 1px solid;}
@media only screen and (max-width: 768px){
table.basic-tbl {width: 100%;}
table.basic-tbl th, table.basic-tbl td {padding: 10px;}
table.basic-tbl th {font-size: 13px;}
table.basic-tbl td {font-size: 13px;}
}
@media only screen and (max-width: 568px){
table.basic-tbl tr:first-child th {border-top: #ccc 1px solid;}
}
/*-----------------------------------------------
 *	background
-----------------------------------------------*/
.bg-lattice{background: url("../img/bg-lattice.png") left top repeat;padding: 70px 0;}
.bg-normal{padding: 70px 0 0;}
@media only screen and (max-width: 1024px) {
.bg-lattice {padding: 50px 0;}
}
@media only screen and (max-width: 768px) {
.bg-lattice{padding: 50px 0 40px;}
.bg-normal {padding: 40px 0 0;}
}
@media only screen and (max-width: 568px) {
.bg-lattice {padding: 40px 0;}
.bg-normal{padding: 40px 0 20px;}
}
/*===============================================
 *	Btn
===============================================*/
.btn-basic {text-align: center;margin: 0 auto;max-width: 340px;width: 100%;font-size: 18px;font-weight: 700;position: relative;z-index: 10;}
.btn-basic::after {content: '';display: block;width: 8px;height: 8px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);right: 20px;position: absolute;top: 28px;}
.btn-basic a {border-radius: 6px;display: block;padding: 1em 2em;text-align: center;color: #fff;background-color: var(--site-primary);box-shadow: 0 5px 0 #244c86;transition: 0.3s;}
.btn-basic a:hover {transform: translateY(3px);text-decoration: none;box-shadow: 0 2px 0 #1e5d7d;}
/*===============================================
 *	movie
===============================================*/
#movie-wrap{background: #fff;border: 6px solid var(--site-primary);border-radius: 6px;box-sizing: border-box;}
#movie-wrap .movie-box {padding: 40px;}
#movie-wrap .movie-box h2 {background: var(--site-primary);color: #fff;padding: 10px 0;text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 30px;border-radius: 60px;}
#movie-wrap li {width: 48%;}
#movie-wrap video {margin-bottom: 10px;width: 100%;height: 300px;}
#movie-wrap .movie-box p {background: #168BE6;color: #fff;padding: 10px 0;position: relative;display: flex;justify-content: center;align-items: flex-start;text-align: center;font-size: 18px;font-weight: bold;border-radius: 60px;}
#movie-wrap .movie-box p::before{content: '';background: url("../movie/icon-tv.svg") top left no-repeat;background-size: contain;display: inline-block;position: relative;margin-right: 8px;width: 30px;height: 30px;}
@media only screen and (max-width: 768px) {
  #movie-wrap {width: 100%;}
}
@media only screen and (max-width: 568px) {
#movie-wrap {margin-bottom: 30px;border-width: 4px;}
#movie-wrap .movie-box {padding: 20px;}
#movie-wrap .movie-box h2 {font-size: 20px;}
#movie-wrap li {width: 100%;}
#movie-wrap li:first-child {margin-bottom: 20px;}
#movie-wrap video {height: auto;}
}
/*===============================================
 *	header
===============================================*/
#header-area{background: #fff;border-top: #346dc1 6px solid;width: 100%;}
#header-wrap {padding: 15px 0 15px;max-width: 1120px;margin: 0 auto;}
#header-wrap .logo{max-width: 317px;margin-right: auto;}
.hd-list{max-width: 710px;width: 100%;}
.hd-appeal{background: #ef4343;border-radius: 60px;color: #fff930;font-size: 13px;font-weight: bold;margin-bottom: 5px;text-align: center;width: 100%;}
.hd-phonebox {max-width: 298px;margin-right: 20px;}
.hd-contactbox{max-width: 190px;margin-right: 12px;}
.hd-linebox{max-width: 190px;}
@media only screen and (max-width:1024px) {
#header-wrap {padding: 15px 20px;}
#header-wrap .logo{max-width: 269px;}
.hd-list{max-width: 640px;}
.hd-phonebox {max-width: 268px;}
.hd-contactbox {max-width: 170px;}
.hd-linebox {max-width: 170px;}
}
@media only screen and (max-width: 768px) {
#header-wrap {padding: 10px 2%;}
#header-wrap .logo{max-width: 175px;}
.hd-list {max-width: 520px;}
.hd-phonebox {max-width: 238px;margin-right: 10px;}
.hd-contactbox {max-width: 130px;margin-right: 10px;}
.hd-linebox {max-width: 130px;}
}
@media only screen and (max-width: 568px) {
#header-area{position: fixed;left: 0px;top:0;width: 100%;transition: all 0.3s ease;z-index: 99999;}
#header-wrap {padding: 0 0 0 2%;}
.hd-list {display: none;}
#header-wrap .logo{max-width: initial;width: 80%;}
}
/*=============================================== *
	Gnavi
===============================================*/
.global_nav {background: #fff;border-top: #d9e2ef 2px solid;}
.global_nav ul {width: 100%;max-width: 1120px;margin: 0 auto;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding-top: 14px;}
.global_nav ul li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding-bottom: 14px;position: relative;}
.global_nav ul li:not(.gnavi_btn):hover::after {content: '';background: #346dc1;width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;}
.global_nav ul li a {color: #333;font-size: 16px;line-height: 1.4;font-weight: bold;display: block;text-align: center;border-left: 1px solid #e2e2e2;padding: 10px 0 2px;}
.global_nav ul li:last-child a {border-right: 1px solid #e2e2e2;}
.global_nav ul li.gnavi_btn {padding: 0;bottom: 0;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;}
.global_nav ul li.gnavi_btn a {padding: 0;margin: 0;border: none;}
.global_nav ul li.gnavi_btn img {max-width: 175px;}
.gnavi-fixed {position: fixed;top: 0;width: 100%;z-index: 999;background: #fff;}
@media only screen and (max-width: 960px) {
.global_nav ul {width: 96vw;}
.global_nav ul li a {font-size: 14px;}
}
@media only screen and (max-width: 768px) {
.global_nav {display: block;}
}
@media only screen and (max-width: 568px) {
.global_nav {display: none;}
}
/*=============================================== *
	SP Menu
===============================================*/
.menu_box {width: 60px;height: 60px;background: var(--site-primary);margin-left: auto;display: none;}
.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;}
.menu_box.active span:nth-child(1) {-webkit-transform: translate(-12px, 10px) rotate(-45deg);transform: translate(-12px, 10px) rotate(-45deg);}
.menu_box.active span:nth-child(2) {opacity: 0;}
.menu_box.active span:nth-child(3) {-webkit-transform: translate(-12px, -9px) rotate(45deg);transform: translate(-12px, -9px) rotate(45deg);}
.menu_box.active span.txt::after {content: '閉じる';}
.menu_content {background: #fff;width: 100%;height: 100vh;position: fixed;z-index: 200;-webkit-transition: all 0.5s;transition: all 0.5s;top: -120%;padding-bottom: 60px;overflow: scroll;-webkit-overflow-scrolling: touch;}
.menu_content ul {border-top: 1px solid #e2e2e2;}
.menu_content li {width: 100%;}
.menu_content li a {font-size: 16px;font-weight: bold;display: block;position: relative;padding: 18px 0 18px 3%;border-bottom: 1px solid #e2e2e2;}
.menu_content li a::after {content: '';background: url("../img/icon_arrow_right_blue.svg") no-repeat;width: 10px;height: 16px;position: absolute;right: 5%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.menu_content .cv_box {background: #e5f2f7;padding: 20px 0 20px;}
.menu_content .cv_box .camp_ttl {background: #18bdc3;padding: 5px 0 7px;margin: 0 3% 15px;}
.menu_content .cv_box p {font-size: 22px;font-weight: bold;-webkit-transform: skewX(-10deg);transform: skewX(-10deg);}
.menu_content .cv_box p .txt_color {color: #f7f81f;}
.menu_content.open {top: 85px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.menu_box {display: block;}
.menu_content.open {top: 60px;z-index: 9999;}
.menu_content li a {padding: 11px 0 11px 5.3vw;}
.menu_content li a::after {width: 8px;height: 14px;right: 5.3vw;}
.menu_content .cv_box {padding: 15px 0 0;}
.menu_content .cv_box .camp_ttl {padding: 0;margin: 0 3.5% 8px;}
.menu_content .cv_box .camp {background: var(--site-primary);margin: 0 2.65vw 8px;}
.menu_content .cv_box .camp p {text-align: center;font-size: 14px;font-weight: bold;color: #fff;-webkit-transform: skewX(-10deg);transform: skewX(-10deg);}
.menu_content .cv_box .camp p .txt_color {color: #f7f81f;}
}
/*===============================================
 *	Main visual
===============================================*/
/*#main-wrap {background: url("../img/bg-mv_pc.png") top no-repeat;background-size: cover;padding: 30px 0;position: relative;}
#main-wrap::after{content: "";display: block;background: url("../img/mv-group.png") top no-repeat;background-size: contain;width: 100%;max-width: 1150px;height: 360px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 1;}
.mv-txt{max-width: 894px;margin: 0 auto;width: 100%;}
@media only screen and (max-width: 768px) {
#main-wrap::after {max-width: 550px;height: 172px;bottom: 0;}
.mv-txt {max-width: 430px;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#main-wrap::after {bottom: 0;height: 113px;max-width: 360px;}
.mv-txt {max-width: initial;}
#main-wrap {background: url("../img/bg-mv_sp.png") top no-repeat;background-size: cover;margin-top: 67px;}
}*/

/*=============================================== *
	メインビジュアル
===============================================*/
.main_visual {background: url("../img/bg-mv_pc.png") no-repeat top center;background-size: cover;}
.wide_inner {width: 90vw;max-width: 1120px;margin: 0 auto;}
.main_visual .wide_inner {display: -ms-grid;display: grid;-ms-grid-columns: 50% 50%;grid-template-columns: 50% 50%;-ms-grid-rows: auto auto auto;grid-template-rows: auto auto auto;padding: 40px 0 0;}
.main_visual .main_txt {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;width: 95%;max-width: 601px;margin: 15px 0 10px 0;}
.main_visual .performance {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;}
.main_visual .performance {width: 100%;max-width: 445px;margin: 0 auto;}
.main_visual .staff_photo_medal{position: relative;z-index: 5;}
.main_visual .staff_photo,.main_visual .staff_photo_medal {-ms-grid-column: 2;grid-column: 2;grid-row: 1 / -1;max-width: 630px;justify-self: end;align-self: end;}
.main_visual .main_content {width: 47%;max-width: 601px;}
.main_visual .fv_medal{max-width: 526px;}
@media only screen and (max-width: 960px) {
.main_visual .wide_inner {padding: 26px 0 0;}
}
@media only screen and (max-width: 568px) {
.main_visual {background: url("../img/bg-mv_sp.png") no-repeat;background-size: cover;position: relative;margin-top: 67px;}
.wide_inner {width: 89.4vw;}
.main_visual .wide_inner {-ms-grid-columns: auto;grid-template-columns: auto;-ms-grid-rows: auto auto auto;grid-template-rows: auto auto auto;padding: 8px 0 8px;}
.main_visual .main_txt {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 1;grid-row: 1;width: 96%;margin: 0 auto 14px;}
.main_visual .performance {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;grid-row: 2;	margin-bottom: 10px;	width: 100%;margin-top: 0;}
.main_visual .staff_photo {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 3;grid-row: 3;justify-self: center;margin: -20px -5.3vw -40px;}
.main_visual .staff_photo_medal {-ms-grid-column: 2/3;grid-column: 2/3;width: 55%;position: absolute;right: 0;bottom: 0;}
.main_visual .fv_performance{width: 100%;position: relative;z-index: 999;}
.main_visual .fv_medal {width: 56%;position: relative;z-index: 999;}
}
/*=============================================== *
	メインビジュアルのH1
===============================================*/
.fv_main_ttl{font-size: 40px;font-family: "GenEiMGothic";font-weight: 900;letter-spacing: 0;line-height: 1.3;margin-bottom: 15px;text-align: center;-webkit-text-stroke-width: 1px;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;position: relative;z-index: 5;}
.fv_main_ttl::before,.fv_main_ttl::after{content: "";display: inline-block;}
.fv_main_ttl::before{background: url('../img/top/mv_medal/mv_image_sofa.png') no-repeat;background-size: cover;width: 100px;height: 81px;position: absolute;left: -15px;top: 90px;z-index: -1;}
.fv_main_ttl::after{background: url('../img/top/mv_medal/mv_image_tansu.png') no-repeat;background-size: cover;width: 78px;height: 84px;position: absolute;right: 15px;top: 90px;z-index: -1;}
.dots {
  background-image: radial-gradient(circle at center, #ec6941 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1.12em 0.25em; /* 点の間隔とサイズ調整 */
  padding-top: .4em; /* 縦方向の位置調整 */
}
.city_hdttl{line-height: 1.2;margin-bottom: 15px;}
.fv_main_ttl .pref_txt{display: inline-block;font-size: 40px;text-align: center;color: #333;letter-spacing: 4px;}
.fv_main_ttl .city_txt{background: url("../img/top/mv_medal/mv_pref_bg_pc.png") center no-repeat #FC9144;;background-size: contain;font-size: 24px;color: #fff;font-style:normal;padding: 15px;border-radius: 7px;display: inline-block;margin: 0 0 0 10px;}
.fv_main_ttl .huyou_txt,.fv_main_ttl .sodaigomi_txt{color:#168be6;font-size: 80px;letter-spacing: 0;background: linear-gradient(transparent 80%, #f7f81f 80%);}
.fv_main_ttl .yagou_txt{font-size: 54px;text-align: center;display: block;}
@media only screen and (max-width: 1024px) {
.fv_main_ttl .huyou_txt, .fv_main_ttl .sodaigomi_txt {font-size: 62px;}
}
@media only screen and (max-width: 960px) {
.fv_main_ttl {font-size: 26px;margin: 0 0 20px 0;}
.city_hdttl{margin-bottom: 15px;}
.fv_main_ttl .pref_txt {font-size: 18px;}
.fv_main_ttl .huyou_txt,.fv_main_ttl .sodaigomi_txt {font-size: 42px;}
.fv_main_ttl .yagou_txt {font-size: 30px;}
.fv_main_ttl .city_txt {font-size: 18px;padding: 10px;}
}
@media only screen and (max-width: 568px) {
.fv_main_ttl {font-size: clamp(23px, 4.82vw, 28px);margin-bottom: 0;background: url(../img/top/mv_medal/bg_fv_sp.png) bottom no-repeat;background-size: contain;}
.fv_main_ttl::before,.fv_main_ttl::after{content: none;}
.fv_main_ttl .pref_txt {font-size: 30px;}
.fv_main_ttl .huyou_txt,.fv_main_ttl .sodaigomi_txt {font-size: clamp(46px, 12vw, 56px);}
.fv_main_ttl .yagou_txt {font-size: clamp(28px, 8.6vw, 32px);line-height: 1.5;}
.fv_main_ttl .city_txt {margin: 0 0 5px 0;}
.fv_main_ttl::before {width: 70px;height: 51px;left: -5px;top: 60px;}
.fv_main_ttl::after {width: 68px;height: 74px;right: -5px;top: 50px;}
}
/*=============================================== *
	メインビジュアル直下 SP用
===============================================*/
.google_warap{background-size: auto auto;background-color: #346dc1;background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #4176c5 5px, #4176c5 10px);padding: 10px 0 10px;}
.google_contents{margin: 0 auto;max-width: 1300px;width: 100%;}
.google_box{display: flex;align-items: center;text-align: center;padding: 20px 0 0;}
.google_box::before,.google_box::after{content:"";flex-grow: 1;border-bottom: 2px solid rgba(255,255,255,.5);}
.google_box::before{margin-right: -10px;padding-left: 15px;}
.google_box::after{margin-left: -10px;padding-right: 15px;}
.google_box p{font-size: 34px;font-weight: bold;color: #fff;letter-spacing: 2px;line-height: 1.4;}
.google_box::before{margin-right: 20px;padding-left: 15px;}
.google_box::after{margin-left: 20px;padding-right: 15px;}
.google_box span{color: #ffde28;font-family: "GenEiMGothic";font-size: 44px;padding: 14px 5px 0 5px;position: relative;filter:drop-shadow(2px 2px 0px #425f0b);background: linear-gradient(180deg, #dcb904 0%, #ffde28 50%, #e6c30e 100%);color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;letter-spacing: 1px;position: relative;}
.google_box em.dot_txt {background-position: top -19px left 0;background-image: radial-gradient(#ffd800 12%, rgba(255, 216, 0, 0) 12%), radial-gradient(#ffd800 13%, rgba(255, 216, 0, 0) 15%);background-size: 1.065em 1.07em;background-repeat: repeat-x;padding-top: 5px;}
.google_evidence{color: rgba(255,255,255,.7);font-size: 15px;text-align: right;margin: 0 auto;width: 50vw;}
@media only screen and (max-width: 960px) {
.google_warap{padding: 0 0 10px;}
.google_contents{width: 89.4vw;}
.google_box p{font-size: 17px;}
.google_box span{font-size: 22px;}
.google_box::before{margin-right: -10px;}
.google_box::after{margin-left: -10px;}
.google_box em.dot_txt {background-position: top -8px left 0;padding-top: 10px;}
.google_evidence{font-size: 11px;width: 90vw;}
}

/*-----------------------------------------------
 *	HeadLine
-----------------------------------------------*/
#hd-main{padding: 30px 0;position: relative;}
#hd-main::before{content: '';display: block;background: url("../img/bg-recommen_l.png") no-repeat;width: 338px;height: 223px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#hd-main::after{content: '';display: block;background: url("../img/bg-recommen_r.png") no-repeat;width: 338px;height: 223px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.bg-diagonal {background-size: auto auto;background-color: rgba(65, 118, 197, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(52, 109, 193, 1) 5px, rgba(52, 109, 193, 1) 10px );}
.hd-ttl{background: #fff;border-radius: 60px;color: #346dc1;font-size: 24px;font-weight: bold;text-align: center;letter-spacing: .1em;margin-bottom: 30px;padding: 10px 0;z-index: 5;position: relative;}
.recommen-box {position: relative;z-index: 5;}
.recommen-box li {border: #fff 2px solid;width: 15%;box-sizing: border-box;border-radius: 6px;display: flex;align-items: center;position: relative;padding: 2%;}
.recommen-box li dl{color: #fff;width: 100%;text-align: center;}
.recommen-box li dt{font-size: 16px;font-weight: bold;margin-bottom: 1em;}
.recommen-box li dd{font-size: 18px;font-weight: bold;}
.recommen-box li dd span{color: #ffe718;}
.recommen-box dd::before {content: '';display: block;background-size: contain; margin: 0 auto 10px;}
.recommen-box li:first-child dd::before {background: url("../img/icon-catch_mv01.png") no-repeat;width: 35px;height: 37px;}
.recommen-box li:nth-child(2) dd::before {background: url("../img/icon-catch_mv02.png") no-repeat;width: 38px;height: 37px;}
.recommen-box li:nth-child(3) dd::before {background: url("../img/icon-catch_mv03.png") no-repeat;width: 37px;height: 37px;}
.recommen-box li:nth-child(4) dd::before {background: url("../img/icon-catch_mv04.png") no-repeat;width: 23px;height: 37px;background-position: top right;}
.recommen-box li:nth-child(5) dd::before {background: url("../img/icon-catch_mv06.png") no-repeat;width: 37px;height: 37px;}
.recommen-box li:nth-child(6) dd::before {background: url("../img/icon-catch_mv07.png") no-repeat;width: 37px;height: 37px;}
@media only screen and (max-width: 1024px) {
#hd-main{padding: 30px 0;}
.recommen-box {padding: 0;}
.recommen-box li {font-size: 16px;padding: 1.3% 1%;}
.recommen-box li::before {width: 35px;height: 35px;}
}
@media only screen and (max-width: 768px) {
.hd-ttl{font-size: 20px;}
.recommen-box li {background: rgba(52,109,193,.9);padding: 2%;width: calc(96%/3);margin-bottom: 2%;}
.recommen-box li dl{display: flex;justify-content: space-between;align-items: center;}
.recommen-box li dt {font-size: 18px;margin-bottom: 0;width: 35%;}
.recommen-box li dt span {display:block; font-size: 11px;}
.recommen-box dd::before {margin: 0 auto;}
.recommen-box li:first-child dd::before {width: 25px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(2) dd::before {width: 28px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(3) dd::before {width: 27px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(4) dd::before {width: 23px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(5) dd::before {width: 27px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(6) dd::before {width: 27px;height: 27px;background-size: contain;}
.recommen-box li:nth-child(7) dd::before {width: 27px;height: 27px;background-size: contain;}
}
@media only screen and (max-width: 568px) {
#hd-main {padding: 30px 0 5.3vw;}
.hd-ttl {font-size: 17px;line-height: 1.4;margin-bottom: 20px;}
.hd-ttl span{display: block;font-size: 15px;}
#hd-main::before{background: url("../img/bg-recommen_sp.png") no-repeat;background-size: contain;top: 0;transform: none;width: 100%;height: 100%;}
#hd-main::after{display: none;}
.recommen-box li {font-size: 15px;width: 48.5%; margin-bottom: 3%; padding: 7px;}
.recommen-box li::before {margin-right: 8px;}
.recommen-box li dd{font-size: 15px;}
}
/*-----------------------------------------------
 *	precautions
-----------------------------------------------*/
#colona-wrap{border-radius: 6px;}
#colona-wrap h2{background: #ed5147;color: #fff;font-size: 24px;font-weight: bold;padding: 15px 0;text-align: center;border-top-left-radius: 6px;border-top-right-radius: 6px;letter-spacing: 0.15em;}
#colona-wrap .colona-ttl{font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 30px;}
#colona-wrap .sub {display: inline-block;position: relative;height: 50px;line-height: 50px;text-align: center;padding: 0 80px 0 40px;font-size: 18px;font-weight: bold;background: #ed5147;color: #fff;box-sizing: border-box;margin-bottom: 30px;}
#colona-wrap .sub:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
#colona-wrap .sub:after {top: 0;right: 0;border-width: 25px 15px 25px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}
#colona-wrap .colona-contents{background: #fce7e4;padding: 40px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;margin-bottom: 30px;}
#colona-wrap .colona-box{background: url("../img/bg-mask.png") 98% center no-repeat #fff;border-radius: 6px;padding: 40px 0;}
#colona-wrap ul{margin-left: 50px;list-style-position: inside;list-style-image: url("../img/icon-chk_red.png");line-height: 2;margin-bottom: 10px;marker-offset:0;}
#colona-wrap li span{color: #ed5147;font-weight: 900;}
#colona-wrap .colona-caution{font-size: 14px;margin-left: 50px;}
@media only screen and (max-width: 768px) {
#colona-wrap h2 {font-size: 20px;}
#colona-wrap .colona-contents{padding: 30px;}
#colona-wrap .colona-box {padding: 30px 0;}
#colona-wrap ul {margin: 0 30px;}
#colona-wrap li{padding-left: 1em;text-indent: -1em;}
#colona-wrap .colona-caution {font-size: 13px;margin: 10px 30px 0;}
#colona-wrap .sub {margin-bottom: 20px;}
}
@media only screen and (max-width: 568px) {
#colona-wrap{margin-bottom: 30px;}
#colona-wrap .colona-box {padding: 20px 0;}
#colona-wrap .colona-ttl {font-size: 15px;margin-bottom: 20px;}
#colona-wrap h2 {font-size: 15px;}
#colona-wrap .sub {height: 40px;line-height: 40px;padding: 0 80px 0 20px;font-size: 16px;}
#colona-wrap .sub:after {border-width: 20px 15px 20px 0px;}
#colona-wrap .colona-contents {padding: 15px;}
#colona-wrap ul {margin: 0 20px;}
#colona-wrap .colona-caution {margin: 10px 20px 0;}
}
/*-----------------------------------------------
 *	medal
-----------------------------------------------*/
#medal-wrap {background: #fffdeb;position: relative;padding: 70px 0;}
#medal-wrap::before,#medal-wrap::after {position: absolute;left: 0;content: '';width: 100%;height: 25px;box-sizing: border-box;}
#medal-wrap::before {top: 0;border-top: 10px solid #c3ab01;border-bottom: 5px solid #c3ab01;}
#medal-wrap::after {bottom: 0;border-top: 5px solid #c3ab01;border-bottom: 10px solid #c3ab01;}
.medal-contents{width: 100%;}
.medal-contents::before{content: '';display: block;background: url("../img/bg-medal_l.png") no-repeat;width: 600px;height: 398px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.medal-contents::after{content: '';display: block;background: url("../img/bg-medal_r.png") no-repeat;width: 395px;height: 307px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.img-medal{max-width: 512px;z-index: 5;}
.medal-detailbox{max-width: 580px;z-index: 5;}
.medal-txtbox{background: #fff;border: #c3ab01 2px solid;font-size: 14px;padding: 20px;}
.txt-medal-crowns{max-width: 560px;margin-bottom: 10px;}
.txt-medal-no1{max-width: 560px;margin-bottom: 20px;}
.medal-txtbox dt {width: 15%;}
.medal-txtbox dd {width: 85%;}
@media only screen and (max-width: 1024px) {
#medal-wrap {padding: 40px 0;}
.img-medal {max-width: 412px;}
.medal-detailbox {max-width: 540px;}
.medal-contents::before {width: 500px;height: 298px;top: 40%;}
.medal-contents::after {width: 285px;height: 207px;top: 30%;}
}
@media only screen and (max-width: 768px) {
.img-medal {max-width: 242px;}
.medal-detailbox {max-width: 450px;}
.medal-txtbox dt {width: 20%;}
.medal-txtbox dd {width: 80%;}
}
@media only screen and (max-width: 568px) {
#medal-wrap::before {top: 0;border-top: 6px solid #c3ab01;border-bottom: 3px solid #c3ab01;height: 15px;}
#medal-wrap::after {border-top: 3px solid #c3ab01;border-bottom: 6px solid #c3ab01;height: 15px;}
.img-medal {max-width: initial;margin-bottom: 20px;}
.medal-txtbox {padding: 15px;}
.medal-txtbox p{letter-spacing: 0;}
.medal-txtbox dt {width: 25%;}
.medal-txtbox dd {width: 75%;}
.medal-contents::before {width: 230px;height: 128px;}
.medal-contents::after {width: 165px;height: 87px;top: 60%;}
}
/*-----------------------------------------------
 *	polite
-----------------------------------------------*/
.polite-wrap .polite-section {margin-bottom: 20px;position: relative;}
.polite-wrap .polite-section .photo-polite {margin: 0 0 0 30px;}
.polite-wrap .polite-section .polite-contents{max-width:590px;font-size: 16px;}
.polite-wrap .polite-section:nth-child(even) .polite-contents{max-width:570px;}
.polite-wrap .polite-section:nth-child(even) {flex-direction: row;margin-bottom: 40px;padding-top: 40px;border-top: 1px #999 dashed;}
.polite-wrap .polite-section:nth-child(even) .photo-polite {margin: 0 auto 0 0;max-width: 510px;}
.polite-contents .txt-box p{margin-bottom: 1.5em;}
.photo-polite {max-width: 524px;}
.polite-ttl {display: flex;align-items: center;color: #346dc1;font-size: 32px;font-weight: bold;margin-bottom: 10px;}
.polite-ttl::after {content: '';width: 70px;height: 2px;background-color: #346dc1;}
.polite-ttl::after {margin-left: 20px;}
.polite-subttl{font-size: 24px;font-weight: bold;margin-bottom: 30px;}


.polite-wrap .point li {font-size: 21px;font-weight: bold;color: #fff;text-align: center;background: #eb4a4a;border-radius: 5px;padding: 6px 0 9px;position: relative;}
.polite-wrap .point li::before {content: '';background: url("../img/icon-crown.png") no-repeat;background-size: contain;right: 10px;width: 42px;height: 30px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.polite-wrap .point li:first-child {width: 35%;}
.polite-wrap .point li:nth-child(2) {width: 63%;}
.polite-wrap .point li:nth-child(2) span:nth-of-type(1){font-size: 16px;}
.polite-wrap .point li:nth-child(2) span:nth-of-type(2){font-size: 10px;}
@media only screen and (max-width: 1024px) {
.polite-section:nth-child(even) .polite-contents {max-width: 580px;}
}
@media only screen and (max-width: 768px) {
.polite-ttl {font-size: 35px;}
.polite-ttl::after {width: 120px;}
.polite-subttl{font-size: 26px;margin-bottom: 35px;}
.polite-wrap .polite-section .polite-contents{max-width:none;}
.polite-wrap .polite-section .photo-polite {margin: 0;position: absolute;max-width: 250px;right: 0;top: 60px;}
.polite-contents .txt-box p{margin-bottom: 1em;}
.polite-wrap .polite-section:nth-child(even) .photo-polite {margin: 0;right: 0;max-width: 258px;}
.polite-wrap .polite-section:nth-child(even) .polite-contents {max-width: 450px;padding-top: 1em;}
.polite-wrap .polite-section:nth-child(even) {padding-top: 20px;margin-bottom: 0;}
.polite-wrap .polite-section {margin-bottom: 20px;}
}
@media only screen and (max-width: 568px) {
.polite-ttl {font-size: 24px;margin-bottom: 5px;}
.polite-ttl::after {width: 100px;}
.polite-subttl {font-size: 17px;margin-bottom: 20px;}
.polite-wrap .polite-section {display: block;}
.polite-wrap .polite-section .polite-contents{font-size: 15px;}
.polite-wrap .polite-section .photo-polite {position: static;max-width: initial;margin-bottom: 1em;}
.polite-wrap .polite-section:nth-child(even) .photo-polite {max-width: initial;}
.polite-wrap .point {margin-bottom: 10px;}
.polite-wrap .point li::before {left: 0;width: 32px;height: 20px;}
.polite-wrap .point li {font-size: 16px;letter-spacing: 1px;}
.polite-wrap .point li:nth-child(1) {display: flex;justify-content: center;flex-direction: column;}
.polite-wrap .point li:nth-child(2) span:nth-of-type(1){display: block;}
.polite-wrap .point li:nth-child(2) span:nth-of-type(2){font-size: 10px;}
}
/*-----------------------------------------------
 *	trouble
-----------------------------------------------*/
#bg-trouble{background: url("../img/bg-trouble_top.png") left top repeat-x;padding: 60px 0 0;}
#trouble-wrap{background: url("../img/bg-trouble.png") left top repeat;position: relative;padding: 40px 0 60px;}
#trouble-wrap:after{content: '';display: block;background: url("../img/bg-question.png") right bottom no-repeat;width: 1676px;height: 632px;background-size: contain;position: absolute;right: 0;top: 0;z-index: 0;}
.trouble-ttl{font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.trouble-ttl span{position: relative;padding: 0 70px;}
.trouble-ttl span::before{content: '';display: block;background: url("../img/bg-trouble_l.png") no-repeat;width: 40px;height: 44px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.trouble-ttl span::after{content: '';display: block;background: url("../img/bg-trouble_r.png") no-repeat;width: 40px;height: 44px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.subttl-trouble{max-width: 717px;margin: 0 auto 40px;}
.trouble-li{margin-bottom: 40px;}
.trouble-li li{position: static;z-index: 5;}
.trouble-li li:first-child{max-width: 288px;}
.trouble-li li:nth-child(2){max-width: 252px;}
.trouble-li li:nth-child(3){max-width: 246px;}
.trouble-li li:last-child{max-width: 246px;}
@media only screen and (max-width: 1024px) {
#trouble-wrap:after {width: 996px;height: 382px;top: 30%;}
.trouble-li li:first-child {max-width: 268px;}
.trouble-li li:nth-child(2) {max-width: 232px;}
.trouble-li li:nth-child(3) {max-width: 216px;}
.trouble-li li:last-child {max-width: 216px;}
}
@media only screen and (max-width: 768px) {
.subttl-trouble {max-width: 467px;}
.trouble-ttl {font-size: 26px;}
.trouble-ttl span {padding: 0px 50px;}
.trouble-li li:first-child {max-width: 188px;}
.trouble-li li:nth-child(2) {max-width: 162px;}
.trouble-li li:nth-child(3) {max-width: 156px;}
.trouble-li li:last-child {max-width: 156px;}
}
@media only screen and (max-width: 568px) {
#trouble-wrap {padding: 10px 0 40px;}
#trouble-wrap:after {width: 366px;height: 202px;top: 0%;}
.trouble-ttl {font-size: 20px;text-align: center;margin-bottom: 20px;}
.trouble-ttl span {display: block;padding: 0px 30px;}
.trouble-ttl span::before {width: 30px;height: 34px;}
.trouble-ttl span::after {width: 30px;height: 34px;}
.subttl-trouble {max-width: 307px;margin: 0 auto 30px;}
.trouble-li {margin-bottom: 30px;flex-wrap: wrap;}
.trouble-li li:first-child {max-width: 170px;margin-bottom: 10px;}
.trouble-li li:nth-child(2) {max-width: 153px;margin-bottom: 10px;}
.trouble-li li:nth-child(3) {max-width: 170px;}
.trouble-li li:last-child {max-width: 156px;}
}
/*-----------------------------------------------
 *	insert
-----------------------------------------------*/
#insert-wrap{background: url("../img/bg-insert.jpg") left top no-repeat;background-size: cover;padding: 110px 0 40px;margin-bottom: 60px;position: relative;}
#insert-wrap:after {content: "";display: block;background: url(../img/arrow-insert.png) top center no-repeat;background-size: contain;width: 100%;height: 70px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.insert-txt{font-size: 40px;text-align: center;font-weight: bold;color: #fff;line-height: 1.8;}
.insert-txt span{background: linear-gradient(transparent 70%, #e09804 70%);padding: 0 5px 0 10px;}
@media only screen and (max-width: 1500px) {
#insert-wrap{background-size: contain;padding: 5% 0 40px;}
}
@media only screen and (max-width: 1024px) {
#insert-wrap{background: url("../img/bg-insert_tab.jpg") left top no-repeat;background-size: contain;padding: 50px 0 40px;margin-bottom: 40px;}
#insert-wrap:after {display: none;}
.insert-txt{font-size: 38px;}
}
@media only screen and (max-width: 768px) {
#insert-wrap {background-size: contain;}
.insert-txt {font-size: 24px;}
}
@media only screen and (max-width: 568px) {
#insert-wrap{background: url("../img/bg-insert_sp.jpg") left top no-repeat;background-size: contain;margin-bottom: 10px;}
}
/*-----------------------------------------------
 *	solution
-----------------------------------------------*/
#solution-wrap{margin-bottom: 60px;}
.solution-txtbox {margin-bottom: 1em;max-width: 730px;padding: 30px 0 0;}
.solution-txtbox p{line-height: 2;margin-bottom: 1em;}
.img-solution{max-width: 324px;}
.solution-ttl{background: var(--site-primary);color:#fff;padding: 10px 0;text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 30px;border-radius: 60px;}
@media only screen and (max-width: 1024px) {
.solution-txtbox {max-width: 600px;}
}
@media only screen and (max-width: 768px) {
#solution-wrap{margin-bottom: 30px;}
.solution-ttl {font-size: 24px;}
.solution-txtbox {max-width: 440px;padding: 10px 0 0;}
.img-solution {max-width: 244px;}
}
@media only screen and (max-width: 568px) {
#solution-wrap{margin-bottom: 0;}
.solution-ttl {font-size: 20px;margin-bottom: 20px;}
.img-solution {max-width: 274px;margin: 0 auto;}
}
/*-----------------------------------------------
 *	basic head
-----------------------------------------------*/
.basic-hdmain{padding: 40px 0;position: relative;}
.basic-hdmain::before{content: '';display: block;background: url("../img/bg-headmain.png") no-repeat;width: 168px;height: 180px;background-size: contain;position: absolute;right: 20%;top: 60px;z-index: 10;}
.basic-hdttl{color: #fff;font-size: 28px;font-weight: bold;text-align: center;position: relative;max-width: 710px;margin: 0 auto .5em;letter-spacing: .1em;}
.basic-hdttl span{position: relative;padding: 0 40px;}
.basic-hdttl span::before{content: '';display: block;background: url("../img/bg-hdttl_l.png") no-repeat;width: 26px;height: 41px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.basic-hdttl span::after{content: '';display: block;background: url("../img/bg-hdttl_r.png") no-repeat;width: 24px;height: 40px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.basic-hdttl em{font-size: 38px;}
.basic-hdmain p{color: var(--site-primary);font-size: 20px;font-weight: bold;background: #fff;text-align: center;border-radius: 60px;max-width: 460px;margin: 0 auto;padding: 3px 0;}
.basic-subttl {color: var(--site-primary);font-size: 30px;font-weight: bold;position: relative;padding: 0 80px;margin: 0 auto 40px;text-align: center;}
.basic-subttl:before, .basic-subttl:after {content: '';position: absolute;top: 50%;display: inline-block;width: 60px;height: 2px;background-color: var(--site-primary);}
.basic-subttl:before {left:0;}
.basic-subttl:after {right: 0;}
@media only screen and (max-width: 1024px) {
.basic-hdmain::before {right: 5%;}
}
@media only screen and (max-width: 768px) {
.basic-hdmain::before {right: 1%;}
.basic-hdmain::before {width: 138px;height: 150px;top: 100px;}
}
@media only screen and (max-width: 568px) {
.basic-hdmain {padding: 30px 20px 40px;}
.basic-hdmain::before{background: url("../img/bg-headmain_sp.png") no-repeat;background-size: contain;width: 48px;height: 100px;top: 100px;}
.basic-hdttl {font-size: 20px;}
.basic-hdttl span {padding: 0;display: block;}
.basic-hdttl em {font-size: 26px;}
.basic-hdmain p {font-size: 16px;max-width: initial;}
.basic-subttl:before, .basic-subttl:after {width: 50px;}
}
/*-----------------------------------------------
 *	reason
-----------------------------------------------*/
.reason-li{margin-bottom: 40px;}
.reason-li li{background: #fff;box-shadow: 0 5px 0 0 var(--site-primary);max-width: 356px;border-radius: 6px;margin-bottom: 30px;}
.reason-li li:last-child{max-width: initial;width: 100%;position: relative;display: flex;justify-content: space-between;}
.reason-li dl{padding: 25px;}
.reason-li dt {font-size: 16px;font-weight: bold; text-align: center;margin-bottom: 15px;}
.reason-li dt em{background: var(--site-primary);font-size: 18px;color: #fffc09;padding: 5px 0;display: block;text-align: center;margin-bottom: 10px;}
.reason-li dd{font-size: 15px;}
.reason07-txt{color: #fff;font-size: 30px;font-weight: bold;position: absolute;left: 90px;top: 10px;max-width: 420px;}
.photo-reason07{max-width: 576px;border-top-left-radius: 6px;}
.reason-li li:last-child dl {max-width: 423px;padding: 25px 50px;}
.reason-li li:last-child dt {margin-bottom: 20px;}
.reason-li li:last-child dd {line-height: 1.8;}
.btn-reason07{margin: 30px 0 0 auto;}
.icon-reason07{display: none;}
@media only screen and (max-width: 1024px) {
.reason-li li {max-width: 310px;}
.reason-li li:last-child dl {max-width: 330px;padding: 25px 30px;}
}
@media only screen and (max-width: 768px) {
.reason-li li {max-width: 340px;}
.reason-li li:last-child {display: block;position: relative;margin-bottom: 0;}
.reason-li li:last-child dl {max-width: initial;}
.reason-li li:last-child dt {margin: 0 auto 30px;max-width: 423px;}
.photo-reason07 {max-width: initial;}
.icon-reason07 {display: block;position: absolute;width: 50px;height: 50px;left: 15px;top: 15px;}
.reason07-txt {max-width: 430px;width: 100%;left: 50%;transform: translateX(-50%);top: 30px;font-size: 34px;}
}
@media only screen and (max-width: 568px) {
.reason-ttl{display: inline;}
.icon-reason07{display: none;}
.reason07-txt {max-width: 255px;width: 100%;left: 58%;line-height: 1.4;transform: translateX(-50%);top: 10px;font-size: 20px;}
.reason-li li {max-width: initial;}
.reason-li li:last-child dl {padding: 20px 20px 25px;}
.reason-li li:last-child dt {margin: 0 auto 20px;}
.btn-reason07 {margin: 20px 0 0 auto;}
}
/*-----------------------------------------------
 *	CV area
-----------------------------------------------*/
.cv-areabox{background: #fff;border: var(--site-primary) 5px solid;border-radius: 6px;box-sizing: border-box;margin-bottom: 50px;}
.cv-ttl{background: var(--site-primary);color: #fff;font-size: 26px;font-weight: bold;padding: 15px 0 20px;text-align: center;position: relative;}
.cv-contents{padding: 40px;max-width: 650px;}
.cv-contents .appeal-txt{background: #008ad7;font-weight: bolder;margin-bottom: 5px;text-align: center;}
.cv-point {margin-bottom: 10px;}
.cv-point li{background: var(--site-subcolor);border-radius: 60px;color: #fff;font-size: 14px;padding: 5px 0;text-align: center;max-width: 120px;width: 100%;}
.cv-areabox .serif{color: var(--site-primary);font-size: 34px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.cv-btnbox{padding: 10px 40px 0 0;position: relative;max-width: 484px;width: 100%;}
.cv-btn{max-width: 250px;position: relative;z-index: 5;}
.cv-btn .cv-mail{margin-bottom: 20px;}
.bg-cv_area{position: absolute;max-width: 250px;right: 40px;bottom: 0;z-index: 0;}
.campaign-catch {display: block;position: relative;height: 55px;text-align: center;box-sizing: border-box;margin: 0 auto 20px;width: 90%;}
.campaign-catch::before {content: '';position: absolute;width: 10px;bottom: -10px;left: -35px;z-index: -2;border: 20px solid #e13b3b;border-left-color: transparent;}
.campaign-catch::after {content: '';position: absolute;width: 10px;bottom: -10px;right: -35px;z-index: -2;border: 20px solid #e13b3b;border-right-color: transparent;}
.cv-txt_balloon{color: var(--site-primary);font-size: 20px;font-weight: bold;position: relative;
  padding: 5px 10px;background-color: #eaf6fd;border: var(--site-primary) 2px solid;margin-bottom: 15px;border-radius: 60vw;text-align: center;}
.cv-txt_balloon::before,
.cv-txt_balloon::after{content: '';position: absolute;display: block;width: 0;height: 0;right: 40px;}
.cv-txt_balloon::before{bottom: -15px;border-top: #008ad7 14px solid;border-right: 14px solid transparent;border-left: 14px solid transparent;}
.cv-txt_balloon::after{bottom: -12px;border-top: 14px solid #eaf6fd;border-right: 14px solid transparent;border-left: 14px solid transparent;}
.campaign-catch p {display: inline-block;position: relative;margin: 0 auto;padding: 0 20px;line-height: 55px;font-size: 24px;color: #FFF;background: #ef4343;width: 96%;text-align: center;}
.campaign-catch p::before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 10px transparent;border-right: solid 15px #b72f2f;}
.campaign-catch p::after {position: absolute;content: '';top: 100%;right: 0;border: none;border-bottom: solid 10px transparent;border-left: solid 15px #b72f2f;}
@media only screen and (max-width: 1024px) {
.cv-contents {padding: 30px;max-width: 460px;}
.cv-point {margin-bottom: 10px;}
.cv-areabox .serif {font-size: 32px;}
.cv-point li{max-width: 110px;}
.cv-btn {max-width: 210px;}
.cv-btnbox {max-width: 314px;padding: 10px 60px 0 0;}
.cv-txt_balloon {font-size: 17px;line-height: 1.3;}
.bg-cv_area {max-width: 184px;right: 10px;}
}
@media only screen and (max-width: 768px) {
.cv-contents {padding: 20px 0 20px 20px;max-width: 370px;}
.cv-point li {letter-spacing: 0;max-width: 90px;font-size: 13px;}
.cv-areabox .serif {font-size: 25px;margin-bottom: 15px;}
.bg-cv_area {display: none;}
.cv-txt_balloon {display: none;}
.cv-btnbox {max-width: 210px;padding: 20px 20px 0 0;}
.cv-btn {max-width: initial;padding-top: 0;}
.cv-ttl::after {content: "";display: block;background: url("../img/bg-cv_area_sp.png") left center no-repeat;width: 132px;height: 121px;right: 0;bottom: 0;background-size: contain;position: absolute;}
.campaign-catch p {width: 93%;}
}
@media only screen and (max-width: 568px) {
.cv-areabox{margin-bottom: 30px;}
.cv-ttl {font-size: 17px;padding: 15px 0 20px 10px;text-align: left;letter-spacing: 0;}
.cv-ttl::after {width: 83px;height: 78px;}
.cv-contents {padding: 15px;max-width: initial;}
.cv-point li {max-width: 70px;font-size: 12px;line-height: 1.2;}
.cv-areabox .serif {font-size: 18px;}
.cv-btnbox {max-width: 300px;margin: 0 auto;padding: 0 15px 15px;}
.cv-btn {padding-top: 0;display: flex;justify-content: space-between;}
.cv-tel {display: block;padding: 10px;background: var(--site-subcolor);border-radius: 6px;box-shadow: 0 3px 0 #1b5e91;margin: 0;}
.cv-btn .cv-mail{margin: 0 10px 0 0;}
.campaign-catch {height: 66px;margin: 0 auto 30px;width: 90%;}
.campaign-catch::before {width: 0;left: -12px;border: 25px solid #e13b3b;border-left-color: transparent;}
.campaign-catch::after {width: 0;right: -12px;border: 25px solid #e13b3b;border-right-color: transparent;}
.campaign-catch p {padding: 10px;line-height: 1.2;font-size: 20px;width: 79%;}
}
/*-----------------------------------------------
 *	voice
-----------------------------------------------*/
.bnr-voice{margin-bottom: 50px;}
.voice-contents{margin-bottom: 50px;}
.voice-box{border: var(--site-primary) 5px solid;border-radius: 6px;background: #fff;padding: 25px;max-width: 485px;}
.voice-box p{font-size: 15px;}
.voice-box p span{color: var(--site-primary);font-weight: bold;}
.voice-box ul{margin-bottom: 20px;}
.voice-box li{background: #fdf0df;color: #ff7608;font-size: 15px;font-weight: bold;padding: 5px 10px;margin-right: 10px;}
.voice-box li:last-child{margin-right: 0;}
.voice-ttl{color: var(--site-primary);font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.voice-ttl span{border:var(--site-primary) 2px solid;border-radius: 6px;color: var(--site-primary);display: inline-block;margin-left: 1.25em;font-size: 15px;padding: 5px 15px;}
.photo-voice{margin: 0 auto 20px;max-width: 475px;}
@media only screen and (max-width: 1024px) {
.voice-box {max-width: 415px;}
.voice-box li {padding: 5px;margin-right: 5px;}
}
@media only screen and (max-width: 768px) {
.voice-box {max-width: 305px;padding: 15px;}
.voice-box li {letter-spacing: 0;font-size: 11px;padding: 5px 4px;}
.voice-ttl {font-size: 17px;}
.voice-ttl span {font-size: 13px;padding: 3px 10px;}
}
@media only screen and (max-width: 568px) {
.voice-hd_ttl span{display: block;padding: 0;width: 68%;margin: 0 auto;line-height: 1.4;}
.voice-contents {margin-bottom: 30px;}
.bnr-voice {margin-bottom: 30px;}
.voice-box {max-width: initial;margin-bottom: 30px;}
.voice-contents .voice-box:last-child {margin-bottom: 0;}
}
/*-----------------------------------------------
 *	service
-----------------------------------------------*/
.service-navlist::before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.service-navlist::after {
  content: "";
  display: block;
  width: 23%;
}

.service-navlist{margin-bottom: 30px;}
.service-navlist li{background: #fff;box-shadow: 0 5px 0 0 var(--site-primary);border-radius: 6px;max-width: 265px;position: relative;margin-bottom: 20px;}
.service-navlist li:before{content: "";display: block;position: absolute;width: 80px;height: 80px;top: 200px;left: 50%;transform: translateX(-50%);z-index: 10;}
.service-navlist li:nth-child(1):before{background: url("../img/icon-huyouhin.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(2):before{background: url("../img/icon-sodaigomi.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(3):before{background: url("../img/icon-kagu.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(4):before{background: url("../img/icon-kaden.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(5):before{background: url("../img/icon-haihin.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(6):before{background: url("../img/icon-kaitori.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(7):before{background: url("../img/icon-hikkoshi.png") left center no-repeat;background-size: contain;}
.service-navlist li:nth-child(8):before{background: url("../img/icon-gomiyashiki.png") left center no-repeat;background-size: contain;}
.service-navlist li a{display: block;padding: 0 0 40px;}
.service-navlist li a:after {content: "";display: block;background: url(../img/img-service_arrow.png) left center no-repeat;background-size: contain;height: 50px;width: 53px;position: absolute;bottom: 0;right: 0;z-index: 10;}
.service-navlist li a img {border-top-left-radius: 6px;border-top-right-radius: 6px;}
.service-navlist dl{position: relative;padding: 55px 20px 0;}
.service-navlist dt{font-size: 18px;color: var(--site-primary);margin-bottom: 15px;text-align: center;}
.service-navlist dd{font-size: 14px;letter-spacing: .05em;line-height: 1.8;}
.service-top_subttl {max-width: 220px;}
.service-other_list {margin-bottom: 40px;}
.service-other_list li{background: #fff;box-shadow: 0 5px 0 0 rgba(8, 130, 192, 1);border-radius: 6px;max-width: 540px;margin-bottom: 30px;width: 100%;position: relative;}
.service-other_list li a{padding: 20px;display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.service-other_list li::after {content: "";display: block;background: url(../img/img-service_arrow.png) left center no-repeat;background-size: contain;height: 50px;width: 53px;position: absolute;bottom: 0;right: 0;z-index: 10;}
.service-other_list li img{max-width: 210px;}
.service-other_list dl{max-width: 270px;}
.service-other_list dt{font-size: 18px;color: var(--site-primary);margin-bottom: 15px;letter-spacing: 0;}
.service-other_list li:nth-child(2) dt{letter-spacing: 0;}
.service-other_list dd{font-size: 14px;}
@media only screen and (max-width: 1024px) {
.service-navlist li {max-width: 230px;}
.service-navlist li:before {top: 170px;}
.service-other_list li {max-width: 470px;}
.service-other_list li img {max-width: 150px;}
}
@media only screen and (max-width: 768px) {
.service-navlist li {max-width: 335px;}
.service-other_list li a {display: block;}
.service-other_list li {max-width: 340px;}
.service-other_list li img {max-width: initial;margin-bottom: 10px;}
.service-other_list dl {max-width: initial;}
.service-other_list dt {text-align: center;}
.service-other_list {margin-bottom: 20px;}
.service-navlist li:before {top: 260px;}
}
@media only screen and (max-width: 568px) {
.service-navlist{margin-bottom: 20px;}
.basic-subttl {font-size: 22px;margin: 0 auto 20px;}
.service-navlist li {max-width: initial;}
.service-navlist li:before {top: 140px;}
.service-other_list li a img {border-radius: 6px;}
.service-navlist dl {padding: 45px 20px 0;}
.service-navlist li a {padding: 0 0 30px;}
.service-hd_ttl span{display: block;padding: 0;margin: 0 auto;line-height: 1.4;}
}
/*-----------------------------------------------
 *	recycling
-----------------------------------------------*/
.about-contents{margin-bottom: 40px;}
.about-txtbox{max-width: 580px;}
.about-txtbox h3{font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.about-txtbox div p{font-size: 16px;}
.about-txtbox div p:first-of-type{margin-bottom: 1em;}
.about-txtbox div span{color: var(--site-keycolor02);font-weight: bold;}
.img-about{max-width: 490px;}
.control-contents{background: #fff;border-radius: 6px;}
.control-subttl{background: var(--site-primary);color: #fff;font-size: 22px;text-align: center;padding: 5px 0;}
.control-subttl span{color: var(--site-keycolor);font-size: 26px;}
.control-group{padding: 40px;}
.txt-balloon{display: block;position: relative;margin: 0 0 30px 0;padding: 5px 20px;background:linear-gradient(350deg, #efac3f 50%, #ef9400 50%);color: #fff;font-size: 30px;font-weight: bold;}
.txt-balloon::after{content: "";position: absolute;margin: 0;bottom: -30px;left: 8px;width: 0;height: 0;border-top: 40px solid #ef9400;border-left: 12px solid transparent;border-right: 12px solid transparent;transform: rotate(-30deg);z-index: 0;}
.control-box {margin-bottom: 30px;}
.control-thumbnail {max-width: 370px;width: 100%;}
.control-caption {max-width: 640px;font-size: 16px;line-height: 1.5;width: 100%;}
.control-caption p{margin-bottom: 1.5em;}
.control-caption p span{color: var(--site-keycolor02);font-weight: bold;}
.control-caption p:last-of-type{margin-bottom: 0;}
.control-box:nth-child(even) {flex-direction: row-reverse;margin: 0;}
.arrow-recycling{max-width: 740px;margin: 0 auto 20px;}
.figure-recycling{max-width: 1040px;margin: 0 auto 40px;}
@media only screen and (max-width: 1024px) {
.control-group {padding: 30px;}
.about-txtbox {max-width: 540px;}
.img-about {max-width: 400px;height: fit-content;}
.control-thumbnail {max-width: 320px;}
.control-caption {max-width: 560px;}
}
@media only screen and (max-width: 768px) {
.about-txtbox {max-width: initial;}
.about-contents {position: relative;}
.img-about {max-width: 280px;position: absolute;right: 0;top: 0;}
.txt-balloon {font-size: 24px;max-width: 340px;}
.about-txtbox h3 {font-size: 24px;margin-bottom: 30px;max-width: 400px;}
.control-group {padding: 30px;}
.control-thumbnail {max-width: 280px;}
.control-caption {font-size: 15px;max-width: 350px;}
.control-caption p {margin-bottom: 0.5em;}
.arrow-recycling {max-width: 580px;margin: 0 auto 20px;}
}
@media only screen and (max-width: 568px) {
.control-subttl {font-size: 20px;padding: 10px 0;}
.control-subttl span {font-size: 22px;}
.txt-balloon {font-size: 22px;max-width: initial; padding: 5px 15px; text-align: center;}
.img-about {max-width: initial;position: static;}
.about-txtbox h3 {font-size: 20px;margin-bottom: 10px;max-width: initial;}
.about-txtbox div{margin-bottom: 20px;}
.control-group {padding: 20px;}
.control-box {display: block;}
.control-thumbnail {max-width: initial;margin-bottom: 20px;}
}
/*-----------------------------------------------
 *	sdgs
-----------------------------------------------*/
.sdgs-contents{background: #fff;border: #346dc1 4px solid;border-radius: 6px;margin-bottom: 60px;}
.sdgs-contents .ttl-sdgs{background:#346dc1;color: #fff;font-size: 40px;font-weight: bold;text-align: center;padding: 10px 0;}
.subttl-sdgs{color: #fff;font-size: 28px;font-weight: bold;margin: 30px 0;padding: 15px 30px 15px 40px;position: relative;}
.subttl-sdgs::before {content: '';background: #fff;top: 25%;left: 20px;width: 6px;height: 50%;position: absolute;}
.sdgs-box{padding: 35px;}
img.img-sdgs{margin-bottom: 40px;}
.bg-stripe{background: #346dc1;background-size: auto auto;background-color: rgba(52, 109, 193, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(62, 116, 196, 1) 5px, rgba(62, 116, 196, 1) 10px );border-radius: 6px;}

.register-box{border: #346dc1 4px solid;border-radius: 6px;max-width: 442px;padding: 25px;width: 100%;}
.sdgs-register{max-width: 300px;margin: 0 auto;}
.register-side{max-width: 238px;text-align: center;width: 100%;}
.register-side p{font-size: 18px;font-weight: bold;color: #19a1e6;}
.icon-sdgs_network{margin: 0 auto 40px;}

.reference-link{max-width: 510px;width: 100%;}
.reference-link li{background: #fff;border: #346dc1 4px solid;border-radius: 6px;margin-bottom: 20px;}
.reference-link li:last-child{margin-bottom: 0;}
.reference-link li dl:hover{background: rgba(151,215,248,.6);}
.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: #346dc1;color: #fff;font-size: 16px;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: 24px;height: 24px;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: #19a1e6;font-size: 18px;font-weight: bold;padding: 1em;width: 80%;}
.reference-link dl > dd span{color: #444;font-size: 16px;font-weight: normal;display: block;}
@media screen and (max-width: 1024px) {
.sdgs-register {max-width: 140px;}
.register-side {max-width: 190px;text-align: center;}
.icon-sdgs_network {margin: 0 auto 30px;}
.register-side p {font-size: 14px;}
.register-box {max-width: 338px;padding: 15px;width: 100%;}
.reference-link {max-width: 490px;}
}
@media screen and (max-width: 768px) {
.sdgs-contents .ttl-sdgs {font-size: 28px;}
.sdgs-register {max-width: 280px;}
.register-side {max-width: 270px;}
.register-side p {font-size: 20px;}
.register-box {max-width: initial;padding: 25px;margin-bottom: 20px;}
.reference-link {max-width: initial;}
}

@media only screen and (max-width: 568px) {
.sdgs-contents {margin-bottom: 30px;}
.sdgs-box {padding: 20px;}
.sdgs-contents .ttl-sdgs {font-size: 20px;}
.subttl-sdgs {font-size: 17px;margin: 20px 0;padding: 15px 5px 15px 25px;line-height: 1.6;letter-spacing: 0;margin-bottom: 20px;}
.subttl-sdgs::before {left: 10px;}
img.img-sdgs{margin-bottom: 30px;}
.sdgs-register {max-width: initial;margin-bottom: 10px;}
.register-box {padding: 20px;margin-bottom: 20px;}
.icon-sdgs_network{display: none;}
.register-side p {font-size: 18px;}
.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: 17px;}
.reference-link dl > dd span {font-size: 14px;}
}
@media only screen and (max-width: 375px) {
.sdgs-contents .ttl-sdgs {font-size: 18px;}
.subttl-sdgs {font-size: 16px;}
.reference-link dl > dd {font-size: 16px;}
.reference-link dl > dd span {font-size: 13px;}
.reference-link dl > dt::before {left: 28%;}
}
/*-----------------------------------------------
 *	collect
-----------------------------------------------*/
.collect-wrap{background: #fff;border-radius: 6px;margin-bottom: 60px;}
.collect-wrap h4{background: var(--site-primary);color: #fff;font-size: 26px;font-weight: bold;padding: 20px 0 20px 40px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.collect-wrap h4::before{content: "";padding: 0 0 0 60px;margin-right: 20px;}
.collect-wrap h4.interior-ttl_ic::before{content: "";background: url("../img/icon-interior.png") left no-repeat;width: 80px;height: 38px;background-size: contain;}
.collect-wrap h4.denka-ttl_ic::before{content: "";background: url("../img/icon-denka.png") left no-repeat;width: 55px;height: 35px;background-size: contain;}
.collect-wrap h4.other-ttl_ic::before{content: "";background: url("../img/icon-other.png") left no-repeat;width: 38px;height: 47px;background-size: contain;}
.collect-wrap h4.other-ttl_ic::before {width: 38px;height: 47px;}
.collect-wrap h4::before {padding: 0 0 0 38px;}
.bnr-invoice{margin: 30px 0 30px 0;max-width: 1120px;margin: 25px auto 0px auto;}
.bnr-web{margin-bottom: 15px;margin-top: 30px;}
.bnr-txt{margin-bottom: 40px; font-size: 14px;}
.collect-group{padding: 50px 40px 10px;}
.collect-contents{margin-bottom: 30px;}
.collect-contents div{max-width: 530px;}
.collect-contents div p{letter-spacing: 0;}
.collect-contents div p:first-of-type{margin-bottom: 20px;}
.collect-contents div h5{font-size: 18px;font-weight: bold;color: var(--site-primary);letter-spacing: 0;margin-bottom: 20px;}
.photo-collect{max-width: 480px;}
.collect-list{max-width: 480px;margin-bottom: 20px;width: 100%;}
.collect-group .collect-list:last-of-type{margin-bottom: 0;}
.collect-list dt{align-items: center;display: flex;justify-content: space-between;margin-bottom: 20px;}
.collect-list dt em{font-size: 18px;border: var(--site-primary) 2px solid;padding: 5px 0;width: 180px;text-align: center;}
.collect-list dt span{display: block;font-size: 24px;font-weight: bold;color: #e4031d;}
.collect-list dt span span{display: inline;font-size: 15px;}
.collect-list dd ul::after{content:"";display: block;width:30%;}
.collect-list dd li{border-bottom: #ccc 1px solid;font-size: 14px;width: calc(90%/3);padding-bottom: 5px;margin-bottom: 10px;letter-spacing: 0;}
.collect-list dd li::before{content: "■";color: var(--site-primary);font-size: 13px;display: inline-block;padding-right: 10px;}
.collect-other_group{margin-bottom: 10px;}
.other-group{border-top: #ccc 1px solid;padding-top: 40px;}
.caution-box{background: #fff;border: #fbdb9d 8px solid;outline: #fbb93a 5px solid;border-radius: 2px;padding: 25px 0 25px 40px;margin-bottom: 60px;position: relative;}
.caution-box p{position: relative;z-index: 10;}
.caution-box::before{content: "";display: block;background: url("../img/icon-caution_s.png") left no-repeat;background-size: contain;width: 58px;height: 65px;position: absolute;left: 5px;top: 5px;z-index: 0;}
.caution-box::after{content: "";display: block;background: url("../img/icon-caution_l.png") left no-repeat;background-size: contain;width: 83px;height: 93px;position: absolute;right: 20px;top: 0;z-index: 0;}
.link-group{max-width: 740px;margin: 0 auto;}
@media only screen and (max-width: 1024px) {
.collect-group {padding: 30px 30px 10px;}
.photo-collect {max-width: 390px;}
.collect-contents div {max-width: 490px;}
.collect-list {max-width: 430px;}
}
@media only screen and (max-width: 768px) {
.collect-wrap {margin-bottom: 50px;}
.collect-contents div h5{font-size: 16px;}
.collect-contents div p{font-size: 15px;}
.photo-collect {max-width: 300px;}
.collect-group {padding: 30px 30px 10px;}
.collect-contents div {max-width: 330px;}
.collect-list {max-width: 310px;}
.collect-list dt em {font-size: 16px;width: 160px;}
.collect-list dd li {width: calc(90%/2);}
.caution-box {padding: 25px;margin-bottom: 30px;}
.bnr-invoice {margin-bottom: 20px;}
.bnr-web {margin-bottom: 10px;margin-top: 20px;}
.bnr-txt {font-size: 12px;}
}
@media only screen and (max-width: 568px) {
.bnr-invoice{width: 90%;margin-bottom: 10px;}
.collect-wrap {margin-bottom: 30px;}
.control-group {padding: 20px;}
.control-box {display: block;}
.control-thumbnail {max-width: initial;margin-bottom: 20px;}
.collect-wrap h4 {font-size: 20px;padding: 15px 0 15px 20px;}
.collect-wrap h4::before {margin-right: 10px;}
.collect-contents {display: block;}
.collect-group {padding: 20px 20px 10px;}
.photo-collect {max-width: initial;margin-bottom: 20px;}
.collect-list dd li {width: calc(96%/2);}
.collect-list dt em {width: 130px;}
.collect-list dt span {font-size: 22px;}
.collect-list dt span span{font-size: 13px;}
.link-group p:first-of-type{margin-bottom: 20px;}
.caution-box {padding: 20px;margin-bottom: 30px;}
.caution-box::after {bottom: 0;}
.bnr-txt { text-align: left;}
}
/*-----------------------------------------------
 *	package
-----------------------------------------------*/
.package-top_subttl {max-width: 240px;}
.package-catch {font-size: 24px;letter-spacing: 0.05em;line-height: 2;text-align: center;margin-bottom: 60px;position: relative;}
.package-catch:before,.package-catch:after {position: absolute;content: '';}
.package-catch:after {top: 0;left: 0;width: 45px;height: 45px;border-top: 6px solid var(--site-subcolor);border-left: 6px solid #249cdf;}
.package-catch:before {right: 0;bottom: 0;width: 45px;height: 45px;border-right: 6px solid var(--site-subcolor);border-bottom: 6px solid #249cdf;}
.package-catch span{color: #e60c2a;font-weight: bold;background: linear-gradient(transparent 50%, #F1E300 50%);}
.package-li{margin-bottom: 40px;}
.package-li li{background: #fff;border: var(--site-primary) 1px solid;box-shadow: 0 5px 0 0 var(--site-primary);max-width: 280px;border-radius: 6px;margin-bottom: 30px;padding: 30px 30px 20px;}
.package-li li h4{background: var(--site-primary);border-radius: 6px;color: #fff;font-size: 16px;font-weight: bold;text-align: center;letter-spacing: 0.15em;margin-bottom: 10px;padding: 2px 0 5px;}
.package-li li h4 span{color: #f1e300;font-size: 24px;}
.package-li li p{font-size: 20px;text-align: center;margin-bottom: 10px;}
.package-li li img{max-width: 300px;margin-bottom: 20px;}
.package-li dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.package-li dt {background: var(--site-primary);color: #fff;font-size: 16px;font-weight: bold;padding: 5px 0;text-align: center;margin-bottom: 10px;width: 28%;margin-right: 10px;}
.package-li dd{font-size: 18px;font-weight: 700;width: 68%;}
.package-li dd.pk-price{color: #e60c2a;font-size: 23px;font-weight: bold;letter-spacing: 0;}
.package-li dd.pk-price span{font-size: 16px;}
@media only screen and (max-width: 1024px) {
.package-li li {max-width: 250px;}
}
@media only screen and (max-width: 768px) {
.package-ttl {width: 50%;}
.package-li li {max-width: 270px;}
}
@media only screen and (max-width: 568px) {
.package-ttl {width: 75%;padding: 0 40px;}
.package-catch {font-size: 17px;padding: 20px 0;margin-bottom: 40px;}
.package-li {margin-bottom: 10px;}
.package-li li {max-width: 160px;padding: 0;}
.package-li li h4 {border-top-right-radius: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 10px 0;font-size: 13px}
.package-li li h4 span {font-size: 16px;letter-spacing: 0;}
.package-li li img {max-width: initial;margin: 0 auto 10px;width: 90%;}
.package-li li p {font-size: 14px;}
.package-li dl {padding: 10px;}
.package-li dt {font-size: 13px;padding: 5px 2px;margin-right: 5px;width: 32%;}
.package-li dd {font-size: 13px;width: 60%;line-height: 1.2;}
.package-li dd.pk-price {font-size: 16px;}
.package-li dd.pk-price span {font-size: 11px;}
}
/*-----------------------------------------------
 *	purchase
-----------------------------------------------*/
.staff_about-contents{margin-bottom: 40px;position: relative;}
.staff_about-contents .txt-balloon {max-width: 400px;}
.staff_about-txtbox{max-width: 760px;}
.staff_about-txtbox h3{font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.staff_about-txtbox div p{font-size: 16px;}
.staff_about-txtbox div p:first-of-type{margin-bottom: 1em;}
.staff_about-txtbox div span{color: #e67519;font-weight: bold;}
.purchase-groupbox{background: #e8edf9;border-top: var(--site-primary) 5px solid;padding: 40px;}
.purchase-subttl{max-width: 380px;}
.purchase-subttl02{max-width: 220px;}
.purchase-groupbox .purchase-list li{background: #fff;max-width: 320px;border-bottom: var(--site-primary) 5px solid;}
.purchase-groupbox .purchase-list dl{padding: 20px;}
.purchase-groupbox .purchase-list dt{background: var(--site-primary);color: #fffc09;font-size: 18px;font-weight: bold;padding: 5px 0;text-align: center;margin-bottom: 10px;}
.img-top_staff {max-width: 290px;position: absolute;right: 40px;bottom: -40px;}
.arrow-purchase{max-width: 690px;margin: 0 auto 30px;}
.purchase-list{margin-bottom: 30px;}
.recycling-contents{background: #fff;border: var(--site-primary) 4px solid;padding: 30px;position: relative;margin-bottom: 40px;z-index: 5;}
img.graph-purchase{max-width: 312px;}
.recycling-detailbox{max-width: 600px;margin-bottom: 40px;}
.recycling-detailbox h5{border-left: var(--site-primary) 5px solid;border-bottom: #b1b1b1 1px solid;font-size: 24px;font-weight: bold;margin-bottom: 20px;padding: 0 0 5px 1em;}
.recycling-detailbox img.img-formula{max-width: 505px;margin: 0 auto 20px;}
.recycling-detailbox div p{font-size: 16px;line-height: 1.8;}
.recycling-detailbox div span{font-weight: bold;}
.purchase-contents{margin-bottom: 50px;}
.purchase-groupbox .purchase-contents:nth-last-of-type(1){margin-bottom: 20px;}
.purchase-groupbox .item-list{margin-bottom: 30px;}
.purchase-groupbox .item-list li{background: #fff;max-width: 240px;border-bottom: var(--site-primary) 5px solid;margin-bottom: 20px;}
.purchase-groupbox .item-list dl{padding: 15px;}
.purchase-groupbox .item-list dt{color: var(--site-primary);font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.purchase-groupbox .item-list dd{font-size: 15px;}
.purchase-groupbox .item-ex_list{margin-bottom: 30px;}
.purchase-groupbox .item-ex_list li{background: #fff;max-width: 320px;border-bottom: var(--site-primary) 5px solid;margin-bottom: 20px;}
.purchase-groupbox .item-ex_list dl{padding: 15px;}
.purchase-groupbox .item-ex_list dt{color: var(--site-primary);font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 2em;letter-spacing: 0;}
.purchase-groupbox .item-ex_list dd{color: var(--site-keycolor02);display: flex;justify-content: space-between;font-size: 26px;font-weight: bold;}
.purchase-groupbox .item-ex_list dd span {background: var(--site-keycolor02);color: #fff;font-size: 16px;font-weight: bold;padding: 5px 0;display: block;width: 150px;text-align: center;}
@media only screen and (max-width: 1024px) {
.staff_about-txtbox {max-width: 650px;}
.purchase-groupbox .purchase-list li {max-width: 280px;}
.recycling-detailbox {max-width: 480px;}
.purchase-groupbox .item-list li {max-width: 210px;}
.purchase-groupbox .item-ex_list li {max-width: 280px;}
.purchase-groupbox .item-ex_list li span{display: block;}
.purchase-groupbox .item-ex_list dd span {width: 110px;}
}
@media only screen and (max-width: 768px) {
.purchase-groupbox {padding: 30px;}
.purchase-groupbox .purchase-list li {max-width: 205px;}
.purchase-groupbox .item-list li {max-width: 200px;}
.purchase-groupbox .item-ex_list li {max-width: 204px;}
.purchase-groupbox .item-ex_list dd {display: block;text-align: center;}
.purchase-groupbox .item-ex_list dd span {width: auto;}
.staff_about-txtbox {max-width: 460px;}
.img-top_staff {max-width: 240px;right: 0;}
.staff_about-contents {position: relative;}
.recycling-contents {padding: 30px;border: #39a8c4 5px solid;}
img.graph-purchase {max-width: 310px;margin: 0 auto 20px;}
.recycling-detailbox {max-width: initial;}
.purchase-groupbox .item-list::after{content:"";display: block;width:30%;}
}
@media only screen and (max-width: 568px) {
.purchase-groupbox {padding: 20px 0;}
.purchase-subttl {max-width: initial;padding: 0 50px;margin: 0 20px 20px;}
.purchase-list {margin: 0 20px 30px;}
.purchase-groupbox .purchase-list li {max-width: initial;margin-bottom: 20px;}
.purchase-groupbox .purchase-list li:last-child {margin-bottom: 0;}
.recycling-contents {padding: 20px;border: #39a8c4 2px solid;margin: 0 10px 30px;}
.arrow-purchase {max-width: initial;margin: 0 20px 10px;}
.staff_about-contents {margin-bottom: 0;}
.staff_about-txtbox h3 {font-size: 19px;margin-bottom: 10px;max-width: initial;}
.staff_about-txtbox div{margin-bottom: 20px;}
.img-top_staff {max-width: 130px;position: static;margin: 0 auto;}
img.graph-purchase {max-width: initial;margin-bottom: 20px;}
.recycling-detailbox h5 {font-size: 20px;margin-bottom: 20px;}
.purchase-subttl02 {max-width: initial;margin: 0 20px 20px;padding: 0 40px;}
.purchase-groupbox .item-list {margin: 0 20px 30px;}
.purchase-groupbox .item-list li {max-width: initial;}
.purchase-groupbox .btn-basic {max-width: 280px;}
.purchase-groupbox .item-ex_list {margin: 0 20px 30px;}
.purchase-groupbox .item-ex_list li {max-width: initial;}
}
/*-----------------------------------------------
 *	work
-----------------------------------------------*/
#work-wrap .txt-caution{color: #e51c1c;font-size: 14px;}
#work-wrap .basic-bluebox:nth-last-child(1){margin-bottom: 0;}
.basic-bluebox{background:#fff;margin-bottom: 30px;border-radius: 6px;}
.icon-case {background: #fff;border-radius: 6px;color: var(--site-subcolor);font-size: 14px;font-weight: bold;width: 68px;line-height: 1.1;text-align: center;padding: 11px 0;margin-right: 20px;}
.icon-case span{display: block;font-size: 28px;}
.blue-ttlbox{display: flex;align-items: center;background: var(--site-subcolor);border-top-left-radius: 6px;border-top-right-radius: 6px;padding: 20px 0 20px 30px;}
.bluebox-ttl{font-size: 28px;color: #fff;font-weight: bold;line-height: 1.2;}
.bluebox-contents,.internal-content{padding: 40px;}
.catch-txt_price{font-size: 26px;font-weight: bold;color: var(--site-primary);margin-bottom: 10px;}
.catch-txt_price span{font-size: 16px;font-weight: bold;color: #444;padding-left: 1em;}
.price-aboubox{margin-bottom: 30px;}
.txt-price{max-width: 480px;}
.txt-price ul{max-width: 470px;line-height: 1;}
.txt-price li {border: #888 2px solid;width: 200px;position: relative;margin-bottom: 15px;}
.txt-price dl dt{background: #888;color: #fff;padding: 10px 0;font-size: 18px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-price dl dd{color: #888;font-size: 28px;font-weight: bold;text-align: center;padding: 10px 0;}
.txt-price dl dd .yen {font-size: 20px;}
.txt-price dl dd .tax{font-size: 15px;}
.txt-price dl dd .yen.small {font-size: 15px;}
.txt-price dl dd .tax.small {font-size: 13px;}
.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: -48px;width: 28px;}
.txt-price li:nth-child(2) {border: #4583d0 2px solid;}
.txt-price li:nth-child(2) dt{background: #4583d0;}
.txt-price li:nth-child(2) dd{color: #4975d0;}
.txt-price li:nth-child(3) {border: #c3dbf9 2px solid;margin-bottom: 40px;width: 100%;}
.txt-price li:nth-child(3) dl{display: flex;border: none;}
.txt-price li:nth-child(3) dt{background: #c3dbf9;color: #4975d0;font-size: 16px;font-weight: bold;padding: 15px 0;width: 25%;}
.txt-price li:nth-child(3) dd{background: #ebf3fc;color: #444;font-size: 14px;font-weight: bold;width: 75%;text-align: left;padding: 15px 0 17px 10px;}
.txt-price li:nth-child(3) dd span:first-of-type{color: var(--site-subcolor);}
.txt-price li:nth-child(3) dd span:nth-of-type(2){color: var(--site-keycolor02);font-size: 20px;}
.txt-price li:nth-child(3) dd span:nth-of-type(3){font-size: 16px;}
.txt-price li:last-child {border: #e52b12 2px solid;margin-bottom: 0;width: 100%;}
.txt-price li:last-child dl{width: 100%;}
.txt-price li:last-child dl dt{background: #e52b12;font-size: 24px;}
.txt-price li:last-child dl dd{color: #e52b12;font-size: 38px;padding: 10px 0;}
.txt-price li:last-child::before {content: '';border-top: 25px solid #f6c0c7;border-left: 25px solid transparent;border-right: 25px solid transparent;height: 0;width: 0;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);}
.photo-madori{max-width: 510px;}
.photo-madori img{margin-bottom: 40px;}
.txt-madori{display: flex;justify-content: space-between;}
.txt-madori li{max-width: 50%;width: 100%;}
.txt-madori dl{border: #168be6 2px solid;display: flex;}
.txt-madori dt {background: #168be6;color: #fff;font-size: 14px;padding: 14px 0;text-align: center;font-weight: bold;width: 50%;}
.txt-madori dd {background: #fff;font-size: 16px;padding: 14px 0;text-align: center;font-weight: bold;width: 60%;}
.voice-detail{background: #e5f1ff;border-radius: 6px;margin-bottom: 30px;padding: 20px 40px 20px 30px;}
.voice-detail p.name-box{background: #fff;width: 140px;height: 140px;border-radius: 70px;text-align: center;float: left;margin-right: 20px;padding: 0;}
.voice-detail p.name-box img{max-width: 67px;margin: 20px auto 0;}
.staff-box{background: #f5f5f5;padding: 20px 40px 20px 30px;align-items: flex-start;border-radius: 6px;margin-bottom: 1em;}
.staff-box p.photo-staff{max-width: 178px;}
.staff-detail{max-width: 730px;}
.voice-detail p{padding-top: 2%;font-size: 16px;}
.staff-box p.staff-detail_ttl{background: url("../img/bg-subttl.png") left no-repeat;font-size: 20px;padding: 5px 0 8px 1em;border-bottom: #bebebe 1px solid;margin-bottom: 1em;}
@media only screen and (max-width: 1024px) {
.txt-price {max-width: 410px;}
.photo-madori {max-width: 450px;}
.txt-price li {width: 180px;}
.txt-price li:first-child::after {right: -38px;}
.txt-price li:nth-child(3) dt {width: 20%;}
.txt-price li:nth-child(3) dd {width: 80%;}
.txt-price li:nth-child(3) dd span:nth-of-type(3) {font-size: 14px;}
.staff-detail {max-width: 610px;}
.bluebox-contents, .internal-content {padding: 30px;}
}
@media only screen and (max-width: 768px) {
.catch-txt_price {font-size: 20px;}
.catch-txt_price span {font-size: 14px;}
.txt-price {max-width: 340px;}
.txt-price li {margin-bottom: 10px;width: 145px;}
.txt-price li:nth-child(3) dl {display: block;border: none;}
.txt-price li:nth-child(3) dt {background: #c9def9;padding: 8px 0;width: 100%;}
.txt-price li:nth-child(3) dd {width: 100%;text-align: center;padding: 10px 0;}
.txt-madori {display: block;}
.txt-madori li {max-width: initial;margin-bottom: 20px;}
.txt-madori li:last-child {margin-bottom: 0;}
.txt-price li:first-child::after {bottom: -35px;right: -29px;width: 22px;}
.txt-price li:last-child::before {top: -35px;}
.bluebox-contents {padding: 20px;}
.internal-content {padding: 20px 15px 10px;}
.txt-price dl dt {padding: 5px 0;font-size: 16px;}
.txt-price dl dd {font-size: 22px;}
.txt-price li:last-child dl dt {font-size: 18px;}
.txt-price li:last-child dl dd {font-size: 32px;}
.txt-price li:last-child::before {top: -35px;}
.photo-madori {max-width: 305px;}
.photo-madori img {margin-bottom: 30px;}
.voice-detail {padding: 15px;}
.voice-detail img{max-width: 280px;}
.voice-detail dd{font-size: 15px;}
.voice-detail p{padding-top: 2%;font-size: 15px;}
.voice-detail p.name-box img {max-width: 47px;}
.voice-detail p.name-box {width: 100px;height: 100px;}
.staff-box {padding: 15px 10px 0 20px;align-items: flex-end;}
.staff-detail {max-width: 450px;margin-bottom: 15px;}
.staff-detail p{font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.blue-ttlbox {display: block;padding: 20px;}
.icon-case {max-width: initial;padding: 5px 0;margin-bottom: 10px;width: 100%;}
.icon-case span {display: inline;font-size: 24px;padding-left: 5px;}
.bluebox-ttl {font-size: 18px;padding-left: 0;width: 100%;line-height: 1.4;}
.bluebox-contents {padding: 20px;}
.catch-txt_price {letter-spacing: 0;}
.catch-txt_price span {font-size: 13px;dding-left: 10px;}
.txt-price {max-width: initial;margin-bottom: 20px;}
.txt-price li {box-sizing: border-box;width: calc(100%/2.3);}
.txt-price li:first-child::after {bottom: -35px;right: -33px;width: 20px;}
.txt-price li:nth-child(3) dd {letter-spacing: 0;}
.txt-price li:nth-child(3) dd span:nth-of-type(2) {font-size: 17px;}
.txt-price li:nth-child(3) dd span:nth-of-type(3) {font-size: 14px;}
.photo-madori img {margin-bottom: 10px;}
.txt-madori {display: flex;}
.txt-madori li {max-width: initial;margin-bottom: 10px;width: 49%;}
.txt-madori dt {padding: 2px 0 0;width: 75%;}
.txt-madori dd {font-size: 15px;padding: 2px 0 0;}
.voice-detail {margin-bottom: 20px;}
.voice-detail img {max-width: 130px;margin-right: 5px;}
.voice-detail dt {font-size: 15px;margin-bottom: 5px;}
.voice-detail dd {line-height: 1.5;}
.photo-madori {max-width: initial;}
.staff-box p.photo-staff {margin: 0 auto;}
}
@media only screen and (max-width: 320px) {
.bluebox-ttl {padding: 0 0 10px 0;}
.bluebox-ttl span {font-size: 15px;}
.bluebox-contents {padding: 10px;}
.internal-content {padding: 15px 15px 0;}
.icon-case {max-width: 25px;}
.txt-price li {width: 115px;}
.txt-price dl dt {font-size: 13px;}
.txt-price dl dd {font-size: 20px;}
.txt-price li:first-child::after {bottom: -30px;right: -27px;}
.txt-price li:last-child::before {right: 42%;}
.txt-price li:last-child dl dt {font-size: 18px;}
.txt-price li:last-child dl dd {font-size: 30px;}
.voice-detail img {max-width: 110px;}
}
/*-----------------------------------------------
 *	flow
-----------------------------------------------*/
.flow-top_list{margin-bottom: 40px;}
.flow-top_list li{width: 365px;position: relative;margin-bottom: 30px;}
.flow-top_list li p{background: var(--site-primary);color: #fff;padding: 5px 0;text-align: center;width: 280px;position: absolute;top: 250px;font-size: 20px;font-weight: bold;}
.flow-top_list li p span{font-size: 26px;}
.flow-top_list li dl{max-width: 280px;padding-top: 40px;}
.flow-top_list li dt{color: var(--site-primary);margin-bottom: 10px;text-align: center;font-size: 22px;font-weight: bold;}
.flow-top_list li img {max-width: 280px;}
.flow-top_list li::after {position: absolute;content: "";top: 140px;right: -12px;width: 100px;height: 5px;background-color: var(--site-primary);}
.flow-top_list li:nth-child(3)::after {content: "";background: url("../img/line-continuation01.png") no-repeat;width: 72px;height: 5px;right: 13px;}
.flow-top_list li:nth-child(4)::before {content: "";background: url("../img/line-continuation02.png") no-repeat;width: 72px;height: 5px;position: absolute;left: -70px;top: 140px;}
.flow-top_list li:last-child::after {display: none;}
@media only screen and (max-width: 768px) {
.flow-top_list li {width: 345px;}
.flow-top_list li:last-child{width: 280px;}
.flow-top_list li::after {width: 80px;}
.flow-top_list li:nth-child(3)::after {position: absolute;content: "";top: 140px;right: -12px;width: 80px;height: 5px;background-color: var(--site-primary);}
.flow-top_list li:nth-child(2)::after {content: "";background: url(../img/line-continuation01.png) no-repeat;width: 72px;height: 5px;position: absolute;right: 0;top: 140px;}
.flow-top_list li:nth-child(3)::before {content: "";background: url(../img/line-continuation02.png) no-repeat;width: 36px;height: 5px;position: absolute;left: -36px;top: 140px;}
}
@media only screen and (max-width: 568px) {
.flow-top_list{margin-bottom: 30px;}
.flow-top_list li::after {position: absolute;content: "";right: 50%;transform: translateX(-50%);width: 5px;height: 40px;top: auto;bottom: -50px;background-color: var(--site-primary);}
.flow-top_list li {width: 280px;margin-bottom: 50px;}
.flow-top_list li:last-child {margin-bottom: 20px;}
.flow-top_list li:nth-child(2)::after {position: absolute;content: "";top: auto;right: 50%;width: 5px;height: 50px;background-color: var(--site-primary);bottom: -60px;}
.flow-top_list li:nth-child(3)::after {position: absolute;content: "";top: auto;right: 50%;width: 5px;height: 50px;background-color: var(--site-primary);bottom: -60px;}
.flow-top_list li:nth-child(3)::before,.flow-top_list li:nth-child(4)::before {display:none;}
}
/*-----------------------------------------------
 *	method
-----------------------------------------------*/
#method-wrap{font-size: 14px;}
#method-wrap .blue-ttlbox{display: block;padding: 25px 0 25px 30px;}
#method-wrap .bluebox-ttl {text-align: center;}
#method-wrap .bluebox-ttl span{font-size: 30px;}
#method-wrap .bluebox-contents {position: relative;}
#method-wrap .bluebox-contents p{margin-bottom: 1em;line-height: 1.8;}
.method-txtbox{max-width: 670px;margin: 0 0 40px auto;}
.method-txtbox ul,.difference-contents ul{margin-bottom: 1em;}
.method-txtbox::before{content: "";background: url("../img/method-map.png") left no-repeat;background-size: contain;display: block;width: 312px;height: 244px;position: absolute;left: 54px;top: 40px;}
.method-txtbox p span{font-weight: bold;}
.method-subttl{font-size: 26px;font-weight: bold;margin-bottom: 10px;}
.txt-underline{color: var(--site-primary);background:linear-gradient(transparent 70%, #e7ed1c 0%);}
.method-point_box {position: relative;margin: 2em 0 3em;padding: 1.5em;border: solid 2px var(--site-primary);}
.method-point_box li {font-size: 14px;padding: 5px 0 0 0;margin-bottom: 15px;}
.method-point_box li::before {content: url("../img/icon-check.png");vertical-align: middle;padding-right: 10px;}
.method-point_box li:last-child {font-size: 14px;border-top: #ccc 1px solid;margin-bottom: 0;padding-top: 15px;}
.method-point_box .box-title {position: absolute;display: inline-block;top: -35px;left: -2px;height: 25px;line-height: 25px;padding: 5px 25px;font-size: 16px;background: var(--site-primary);color: #fff;font-weight: bold;}
.difference-wrap{border-top:#ccc 1px solid;padding-top: 3em;}
.photo-difference{max-width: 370px;margin-bottom: 10px;}
.difference-contents{max-width: 640px;}
.difference-contents span{font-weight: bold;}
.merit-tbl{margin-bottom: 20px;width: 100%;}
.merit-tbl .head th {background: var(--site-primary);color: #fff;font-size: 18px;font-weight: bold;text-align: center;}
.merit-tbl th {background: #fffce8;font-size: 18px;font-weight: bold;text-align: center;padding: 20px 15px;}
.merit-tbl th,.merit-tbl td{border: solid 1px #ccc;box-sizing:border-box;letter-spacing: 0;}
.merit-tbl td {vertical-align: top;padding: 20px 10px 10px;}
.merit-tbl td ul{margin-left: 70px;}
.merit-tbl td li{padding-left:1em;text-indent:-1em;margin-bottom: 5px;}
.merit-tbl td li:last-child{margin-bottom: 0;}
.icon-merit{background: url("../img/icon-merit.png") 20px no-repeat;}
.icon-demerit{background: url("../img/icon-demerit.png") 20px no-repeat;}
.vice-wrap{background: url("../img/bg-vice.png") left repeat;}
.vice-contents,.vice-contents_other{background: url("../img/bg-skeleton.png") top center no-repeat;background-size: contain;max-width: 1020px;margin: 0 auto;color: #fff;padding: 60px 0;position: relative;}
.vice-contents:before {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);box-sizing: border-box;border-right: 15vw solid transparent;border-left: 15vw solid transparent;border-top: 30px solid #fff;}
.vice-contents .vice-ttl,.vice-contents_other .vice-ttl{font-size: 26px;font-weight: bold;text-align: center;margin-bottom: 40px;}
.vice-contents p,.vice-contents_other p{font-size: 18px;}
.vice-contents p span,.vice-contents_other p span{font-weight: bold;}
.area_box_table {width: 100%;margin: 40px 0 40px;}
.area_box_table th {background: #018ccf;color: #fff;font-weight: bold;border: 1px solid #ccc;width: 30%;padding: 16px 30px 16px;}
.area_box_table td {border: 1px solid #ccc;padding: 16px 30px 16px;}

@media only screen and (max-width: 1024px) {
.method-txtbox {max-width: 580px;}
.method-subttl {font-size: 24px;}
.photo-difference {max-width: 300px;}
.vice-contents,.vice-contents_other {max-width: initial;padding: 60px 30px 40px;}
.difference-contents {max-width: 590px;}
.merit-tbl th {padding: 20px 0;width: 12%;}
.merit-tbl td {width: 30%;}
}
@media only screen and (max-width: 768px) {
.photo-difference {max-width: initial;margin-bottom: 20px;}
.difference-contents {max-width: initial;}
.method-txtbox::before {width: 155px;height: 180px;left: auto;top: -10px;right: 20px;}
.method-txtbox {max-width: initial;margin-bottom: 50px;}
.vice-contents,.vice-contents_other {padding: 60px 30px 10px;}
.vice-contents .vice-ttl,.vice-contents_other .vice-ttl {margin-bottom: 20px;}
table.merit-tbl td ul {margin-left: 0;}
.icon-merit{background: url("../img/icon-merit_sp.png") center no-repeat;background-size: 30%;}
.icon-demerit{background: url("../img/icon-demerit_sp.png") center no-repeat;background-size: 30%;}
.area_box_table {margin: 4vw 0 4vw;}
.area_box_table th {padding: 16px 20px 16px;}
.area_box_table td {padding: 16px 20px 16px;}
}
@media screen and (max-width: 568px) {
#method-wrap .blue-ttlbox {padding: 20px 0 20px 0;}
#method-wrap .bluebox-ttl span {font-size: 26px;}
.method-txtbox::before {width: 85px;height: 90px;top: 7px;right: 10px;}
.method-subttl {font-size: 20px;}
table.merit-tbl {width: 100%;}
table.merit-tbl .head{display:none;}
table.merit-tbl tr:last-child{border-bottom: solid 1px #ccc;}
table.merit-tbl th {padding: 10px 0;width: 100%;}
table.merit-tbl td {display: block;width: 100%;border-bottom:none;padding: 20px 10px 20px;}
table.merit-tbl td:first-child{background: #ff7bac;color:#fff;font-weight:bold;}
table.merit-tbl td:before {content: attr(data-label);font-size: 16px;font-weight: bold;display: block;margin-bottom: 10px;text-align: center;}
.vice-contents {padding: 60px 20px 20px;}
.vice-contents_other {padding: 20px;}
.vice-contents p,.vice-contents_other p {font-size: 16px;}
.area_box_table {margin: 20px 0 20px;}
.area_box_table th {display: block;width: 86%;font-size: 17px;text-align: center;padding: 9px 20px 11px;}
.area_box_table td {display: block;line-height: 1.75;padding: 10px 20px 12px;}
}
/*-----------------------------------------------
 *	faq
-----------------------------------------------*/
.faq-top_list {margin-bottom: 40px;}
.faq-top_list li{background: #e0e7f6;padding: 20px;border-radius: 6px;width: 500px;margin-bottom: 30px;}
.faq-top_list li dt{font-size: 18px;font-weight: bold;margin-bottom: 20px;align-items: baseline;}
.faq-top_list li dd{background: #608ee1;color: #fff;padding: 10px;border-radius: 6px;align-items: flex-start;min-height: 80px;}
.faq-top_list li p{padding-left: 10px;width: 98%;}
.faq-top_list li dt,.faq-top_list li dd {display: flex;padding: 15px;}
.faq-top_list li dt::before,.faq-top_list li dd::before{display: flex;justify-content: center;align-items: center;border-radius: 60px;font-size: 24px;width: 50px;font-family: 'ＭＳ Ｐゴシック','メイリオ','メイリオ',sans-serif;font-weight: bold;}
.faq-top_list li dt::before {content: "Q";color: #fff;background: var(--site-subcolor);margin-right: 2%;height: 48px;}
.faq-top_list li dd::before {content: "A";color: var(--site-subcolor);background: #fff;height: 46px;}
@media only screen and (max-width: 1024px) {
.faq-top_list {margin-bottom: 20px;}
.faq-top_list li {width: 430px;}
.faq-top_list li dt {font-size: 16px;padding: 15px 0 0 15px;}
.faq-top_list li dd {height: 100px;}
}
@media only screen and (max-width: 768px) {
.faq-top_list li {width: 100%;}
.faq-top_list li dd {height: auto;}
.faq-top_list li:last-child{margin-bottom: 0}
}
@media only screen and (max-width: 568px) {
#method-wrap .basic-bluebox {margin-bottom: 0;}
.faq-top_list li dt {font-size: 16px;align-items: center;margin-bottom: 15px;padding: 0;}
.faq-top_list li dt::before {height: 40px;width: 40px;}
.faq-top_list li dd {display: block;}
.faq-top_list li dd::before {display: block;height: 40px;text-align: center;margin-bottom: 10px;width: 95%;}
.faq-top_list li p {padding-left: 0;width: 100%;}
}
/*-----------------------------------------------
 *	company
-----------------------------------------------*/
.top_company-box{margin-bottom: 60px;}
.top_company-box table.basic-tbl {border-top: var(--site-primary) 1px solid;border-left: var(--site-primary) 1px solid;height: 70%;margin-bottom: 20px;}
.top_company-box table.basic-tbl th{background: #e8f1ff;color: var(--site-subcolor);font-size: 18px;font-weight: bold;text-align: center;width: 30%;}
.top_company-box table.basic-tbl th, .top_company-box table.basic-tbl td{border-bottom: var(--site-primary) 1px solid;}
.top_company-box table.basic-tbl td {border-right: var(--site-primary) 1px solid;font-size: 14px;padding: 10px 10px 10px 20px;}
.top_company-box table.basic-tbl td a{border-bottom: 1px solid #aaa;}
.top_company-box iframe{display: flex;justify-content: space-between;max-width: 520px;}
.top_company-box .notice-txt {font-size:13px; background: #f9e5e5; color: #ef4343;padding: 5px 10px; margin-top: 10px;}
.top_company-contents{max-width: 560px;width: 100%;}
.cv-list{display: flex;justify-content: space-between;}
.cv-list li{max-width: 250px;}
@media only screen and (max-width: 1024px) {
.top_company-box {margin-bottom: 40px;}
.top_company-contents {max-width: 510px;}
.top_company-box iframe {max-width: 430px;}
}
@media only screen and (max-width: 768px) {
.top_company-box {margin:0 0 40px;}
.top_company-box table.basic-tbl td {padding: 10px;}
.top_company-box table.basic-tbl th {font-size: 16px;width: 26%;}
.top_company-contents {max-width: 360px;}
.top_company-box iframe {max-width: 320px;height: 280px;}
}
@media only screen and (max-width: 568px) {
.top_company-box table.basic-tbl th {font-size: 14px;width: 25%;}
.top_company-box table.basic-tbl tr:first-child th {border-top: var(--site-primary) 1px solid;}
.top_company-box {display: block;}
.top_company-contents {max-width: initial;margin-bottom: 30px;}
.top_company-box iframe {max-width: initial;height: 300px;width: 100%;}
.top_company-box .notice-txt {font-size:12px;}
}
/*-----------------------------------------------
 *	area
-----------------------------------------------*/
.top_area-ttl{font-size: 22px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.top_area-ttl span{color: var(--site-primary);display: block;font-size: 18px;margin-bottom: 10px;position: relative;line-height: 1;}
.top_area-ttl span:before, .top_area-ttl span:after {content: '';position: absolute;top: 50%;display: inline-block;width: 30%;height: 2px;background-color: var(--site-primary);}
.top_area-ttl span:before {left:0;}
.top_area-ttl span:after {right: 0;}
.top_area-box{margin-bottom: 60px;}
.top_area-box img{max-width: 436px;}
.top_area-contents{background: #fff;border-bottom: var(--site-primary) 5px solid;padding: 40px;max-width: 540px;}
.top_area-contents > p{margin-bottom: 1em;}
.top_area-contents span{font-weight: bold;}
.corresponding-area{border: var(--site-subcolor) 5px solid;background: #fff;}
.corresponding-ttl{background: var(--site-subcolor);color: #fff;font-size: 24px;font-weight: bold;text-align: center;padding: 15px 0 12px;}
.corresponding-area ul {padding: 30px 0 30px 40px;}
.corresponding-area ul::after{content:"";display: block;width:30%;}
.corresponding-area li {width: 14%;margin-bottom: 15px;}
.corresponding-area li a {color: #444;display: flex;align-items: center;font-weight: bold;}
.corresponding-area li a::before {content: '';background: url("../img/arrow-orange.png") no-repeat;background-size: contain;width: 12px;height: 12px;display: inline-block;margin: 5px 15px 0 0;}
.corresponding-area li a:hover {color: var(--site-primary);text-decoration: underline;}
.corresponding-area li a.disabled {pointer-events: none;}
.corresponding-area li a span {border-bottom: 1px solid #333;transition: all 0.2s;}
.corresponding-area li a:hover span {border-bottom: 1px solid;}
@media only screen and (max-width: 1024px) {
.top_area-contents {padding: 30px;max-width: 520px;}
.top_area-box img {max-width: 356px;}
.corresponding-area ul {padding: 30px 0 30px 30px;}
.corresponding-area li {width: 16.5%;}
}
@media only screen and (max-width: 768px) {
.top_area-box {display: block;margin-bottom: 40px;}
.top_area-contents {margin-bottom: 20px;max-width: initial;}
.top_area-box img {margin: 0 auto;}
.corresponding-area ul {padding: 30px;}
.corresponding-area li {width: 25%;margin-bottom: 15px;}
}
@media only screen and (max-width: 568px) {
.top_area-ttl {font-size: 20px;}
.top_area-ttl span:before, .top_area-ttl span:after {width: 15%;}
.top_area-contents {padding: 20px;}
.corresponding-ttl {font-size: 18px;padding: 5px 0 12px;}
.corresponding-area ul {padding: 15px 15px 0;}
.corresponding-area li {width: 50%;}
}
/*-----------------------------------------------
 *	Greeting
-----------------------------------------------*/
#top-greeting_wrap{margin-bottom: 60px;}
.greeting-txtbox {margin-bottom: 1em;max-width: 730px;padding: 30px 0 0;}
.greeting-txtbox p{line-height: 2;margin-bottom: 1em;}
.img-greeting{max-width: 324px;}
.greeting-ttl{background: var(--site-primary);color:#fff;padding: 10px 0;text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 30px;border-radius: 60px;letter-spacing: 0;}
@media only screen and (max-width: 1024px) {
.greeting-txtbox {max-width: 600px;}
}
@media only screen and (max-width: 768px) {
#top-greeting_wrap{margin-bottom: 30px;}
.greeting-ttl {font-size: 24px;}
.greeting-txtbox {max-width: 440px;padding: 10px 0 0;}
.img-greeting {max-width: 244px;}
}
@media only screen and (max-width: 568px) {
#top-greeting_wrap{margin-bottom: 0;}
.greeting-ttl {font-size: 20px;margin-bottom: 20px;}
.img-greeting {max-width: 304px;margin: 0 auto;}
}
/*===============================================
 *	bnr
===============================================*/
#bnr-wrap{background: #ebeff5;border-top: #d5e2f5 3px solid;border-bottom: #d5e2f5 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{margin: 0 auto; gap: 0 40px;}
.bnr-li li{max-width: 460px;}
.bnr-li li:nth-child(2){max-width: 410px;}
.bnr-li li:nth-child(3){max-width: 180px;}
@media only screen and (max-width: 1024px) {
#fl-bnr {display: none;}
.bnr-li li {max-width: 410px;}
.bnr-li li:nth-child(2) {max-width: 360px;}
.bnr-li li:nth-child(3) {max-width: 160px;}
}
@media only screen and (max-width: 768px) {
.bnr-li li {max-width: 290px;}
.bnr-li li:nth-child(2) {max-width: 260px;}
.bnr-li li:nth-child(3) {max-width: 115px;}
}
@media only screen and (max-width: 568px) {
#bnr-wrap{padding: 30px 0 20px;}
.bnr-li li {margin-bottom: 20px;max-width: initial;width: 100%;}
.bnr-li li:nth-child(2) {max-width: initial;margin-bottom: 0;}
.bnr-li li:nth-child(3) {max-width: 95px;margin-bottom: 0;}
}
/*===============================================
 *	footer-area
===============================================*/
#footer-area {padding: 2em 0 0;max-width: 1120px;margin: 0 auto;}
#footer-contents {margin: 0 auto 2em;width: 100%;}
#footer-contents .tb-display{display: none;}
#footer-area .caution-box{margin: 0 20px 60px;}
#footer-area .caution-box p:first-of-type{margin-bottom: 10px;}
.ft-logo{max-width: 250px;margin-bottom: 20px;}
.ft-about_txtbox{max-width: 480px;}
.ft-about_txtbox dl {font-size: 14px;letter-spacing: 0;margin-bottom: 20px;width: 100%;}
.ft-about_txtbox dt {flex-basis: 15%;margin-bottom: 10px;}
.ft-about_txtbox dd {flex-basis: 80%;}
.ft-about_txtbox dd::before {content: ":";display: inline-block;padding-right: 10px;}
.ft-about_txtbox ul{background: #f2f5ff;border:#d8e2f5 10px solid;padding: 15px 15px 0;font-size: 13px;}
.ft-about_txtbox ul li{margin-bottom: 10px;}
.ft-about_txtbox ul li a{border-bottom: 1px solid #ccc;}
ul.footer-li{position: relative;max-width: 630px;}
ul.footer-li::before{content:"";display:block;border-left: #ebebea 4px solid;position:absolute;top:0;left:0;}
ul.footer-li li{font-size: 13px;margin-bottom: 5px;}
ul.footer-li > li:nth-child(2) {max-width: 245px;}
ul.footer-li > li:nth-child(3) {max-width: 160px;}
ul.footer-li > li:nth-child(4) {max-width: 180px;}
ul.footer-li > li:first-child{max-width: initial;width: 100%;}
ul.footer-li > li:first-child a{background: url("../img/icon-home.png") left no-repeat;background-size: 20px 18px;padding-left: 2em;margin-bottom: 10px;font-size: 15px;}
ul.footer-li li a{display: block;background-size: 15px;}
ul.footer-li li a:hover{text-decoration: underline;}
ul.footer-li li span {background: url("../img/arrow-orange.png") left 5px no-repeat;display: block;font-size: 15px;padding-bottom: 5px;padding-left: 20px;}
ul.footer-li li > ul {margin: 0 0 15px 35px;}
ul.footer-li li ul li {position: relative;}
ul.footer-li li ul li::before {content: "";position: absolute;left: -15px;top: 50%;width: 5px;display: inline-block;height: 5px;border-top: 2px solid var(--site-keycolor02);border-right: 2px solid var(--site-keycolor02);transform: translate(0, -50%) rotate(45deg);margin-bottom: 5px;}
@media only screen and (max-width: 1024px) {
#footer-contents {width: 94%;}
.ft-about_txtbox dt {flex-basis: 18%;}
ul.footer-li > li:nth-child(2) {max-width: 155px;}
}
@media only screen and (max-width: 768px) {
#footer-contents {width: 90%;}
#footer-contents .tb-display{display: block;}
#footer-contents .sp-display {display: none;}
#footer-area .caution-box {margin: 0 20px 40px;}
.ft-about_txtbox {max-width: 330px;}
.ft-about_txtbox dt {flex-basis: 23%;}
.ft-about_txtbox dd {flex-basis: 74%;}
ul.footer-li > li:nth-child(2) {max-width: 175px;}
ul.footer-li > li:nth-child(3) {max-width: 180px;}
#footer-area {padding: 30px 0;}
.mean-nav{max-width:550px;}
.ft-logo {max-width: 190px;padding-right: 15px;margin-left: 1em;}
ul.footer-li{padding-left: 10px;}
ul.footer-li li {font-size: 13px;max-width: 152px;}
}
@media only screen and (max-width: 568px) {
#footer-area {padding: 30px 0 10px;}
#footer-contents {display: block;width: 100%;}
#footer-contents .tb-display{display: none;}
#footer-contents .sp-display {display: block;}
.mean-bar {width: 100%;position: relative;background: var(--site-primary);padding: 4px 0;z-index: 0;}
.fmenu-title {color: #fff;font-size: 15px;padding: 5px 1em;position: relative;width: 100px;}
ul.footer-li {padding-left: 0;margin-bottom: 30px;}
ul.footer-li li {margin-bottom: 0;}
ul.footer-li > li:first-child {background: #e5ebf9;position: relative;}
ul.footer-li > li:first-child::before {content: "";position: absolute;left: auto;right: 10px;top: 50%;width: 5px;display: inline-block;height: 5px;border-top: 2px solid #e67519;border-right: 2px solid #e67519;margin-bottom: 5px;transform: translate(0, -50%) rotate(45deg);}
ul.footer-li > li:first-child a {background: url(../img/icon-home.png) 10px no-repeat;color: #346bb6;margin-bottom: 0;display: block;padding: 15px 10px 15px 40px;}
ul.footer-li > li:nth-child(2),ul.footer-li > li:nth-child(3),ul.footer-li > li:nth-child(4) {max-width: initial;width: 100%;}
ul.footer-li li ul li {padding-left: 0;margin-bottom: 0;}
ul.footer-li li ul li:nth-child(13) a {line-height: 2;}
ul.footer-li li ul li:nth-child(14) a {line-height: 1.4;padding: 10px 10px 10px 15px;}
ul.footer-li li > ul{background: #e5ebf9;margin: 0;width: 100%;display: flex;flex-wrap: wrap;}
ul.footer-li li ul li {margin-bottom: 0;width: 50%;max-width: initial;}
ul.footer-li li ul li a {display: block;padding: 15px 10px 15px 15px;margin: 0;text-align: left;color: #346bb6;}
ul.footer-li li ul li::before {left: auto;right: 15px;top: 50%;}
ul.footer-li ul li {border-bottom: 1px solid #b5c9f7;box-sizing: border-box;position: relative;float: left;width: 50%;}
ul.footer-li li ul li:nth-child(odd) {border-right: 1px solid #b5c9f7;}
/* ul.footer-li li:nth-child(2) ul li:last-child {border-right: none;width: 100%;} */
ul.footer-li li:nth-child(2) ul li:last-child {display: flex;align-items: center;}
ul.footer-li li span {background: #3859b7;color: #fff;font-size: 16px;font-weight: bold; text-align: center;padding: 10px 0;}
.ft-logo {max-width: 289px;padding-right: 0;margin-left: 0;}
.ft-about_txtbox dd {flex-basis: 70%;padding-left:1em;text-indent:-1em;}
.ft-about_txtbox dd::before {padding-right: 0;padding-left: 10px;}
.ft-about_txtbox{max-width: none;width: 90%;margin: 0 auto;}
}
/*===============================================
 *	pagetop
===============================================*/
.pagetop {display: none;position: fixed;bottom: 163px;right: 30px;z-index: 999;}
.pagetop img{max-width: 23px;display: inline;}
.pagetop a {display: block;background-color: var(--site-subcolor);color: #fff;font-size: 16px;padding: .8em 2em;letter-spacing: 2px;text-align: center;}
.pagetop a:hover {color: #fff;background-color: #1078c9;}
@media screen and (min-width: 569px) and (max-device-width: 767px) {
.pagetop {display: block;position: static;bottom: auto;right: auto;text-align: center;}
}
@media only screen and (max-width: 568px) {
.pagetop {display: block;position: static;}
}
/*===============================================
 *	footer
===============================================*/
footer {background: var(--site-primary);font-size: 13px;color: #fff;padding: 10px 0;text-align: center;margin-bottom: 100px;}
footer small{font-size: 13px;}
footer a{color: #fff;}
@media only screen and (max-width: 768px) {
footer {margin-bottom: 24px;}
}
@media only screen and (max-width: 568px) {
footer {font-size: 10px;margin-bottom:105px;}
}
/*===============================================
 *	bottom-menu
===============================================*/
/*
#fl-fxmenu{display: none;background: #e2e9f7;position: fixed;bottom: 0;padding: 10px;border-top: solid 3px var(--site-primary);border-bottom: solid 3px var(--site-primary);-webkit-transition: all .7s;z-index: 999;width: 100%;}
#fl-fxmenu::before,#fl-fxmenu::after{content: "";display: block;width: 100%;height: 2px;background-color: #fff;position: absolute;}
#fl-fxmenu::before {top: 0;left: 0;}
#fl-fxmenu::after {bottom: 0;left: 0;}
.bottom-menu{margin: 0 auto;max-width: 1120px;transition: all .7s;width: 100%;}
.bottom-menu .fix-logo{max-width: 345px;}
.bottom-menu .appeal-txt{background: #ef4343;border-radius: 60px;font-size: 13px;font-weight: bold;margin-bottom: 5px;text-align: center;}
.bottom-menu .phone {max-width: 300px;margin-left: auto;}
.bottom-menu .mail {max-width: 200px;margin: 0 20px;}
.bottom-menu .line {max-width: 200px;}
@media only screen and (max-width: 768px) {
#fl-fxmenu{padding: 1%;width: 98%;}
.bottom-menu .fix-logo{max-width: 205px;}
.bottom-menu .phone {max-width: 200px;}
.bottom-menu .mail {max-width: 150px;margin: 0 10px;}
.bottom-menu .line {max-width: 150px;}
}
@media only screen and (max-width: 568px) {
#fl-fxmenu{display: block;padding: 5px 2%;width: 96%;position: fixed;left:0;bottom:0;z-index:30;}
.bottom-menu .fix-logo{display: none;}
.bottom-menu .appeal-txt{font-size: 12px;}
.bottom-menu .phone {background: var(--site-subcolor);border-radius: 6px;box-shadow: 0 3px 0 #013755;width: 50%;margin: 0;}
.bottom-menu .phone img{width: 90%;margin: 0 auto;}
.bottom-menu .mail {background: #ff8207;border-radius: 6px;box-shadow: 0 3px 0 #b75e07;width: 23%;margin: 0;}
.bottom-menu .mail img{width: 70%;margin: 0 auto;}
.bottom-menu .line {background: #39ae36;border-radius: 6px;box-shadow: 0 3px 0 #046002;width: 23%;}
.bottom-menu .line img{width: 70%;margin: 0 auto;}
.bottom-menu a {display: block;padding: 5px }
}
*/
/*===============================================
 *	fix-footer
===============================================*/
.fixed_footer{position: fixed;bottom: 0;width: 100%; height: 93px;background-color: #d8ebf5;z-index: 999;}
.fix-line{position: relative;border-top: 5px solid #fff;border-bottom: 5px solid #fff;height: 80px}
.fix-line::before{  content: "";position: absolute;top: -8px;bottom: -8px;left: -10px;right: -10px;border: solid 3px #008ad7;z-index: -1;}
.footer_content{max-width: 1120px;margin: 10px auto;align-items: center;}
.footer_content .tel{width: 30%;max-width: 298px;margin-left: auto;}
.footer_content .mail {margin-left: 15px;width: 15%;max-width: 190px;}
.footer_content .line {margin-left: 15px;width: 15%;max-width: 190px;}

/*===============================================
 *	他社比較表
===============================================*/
.compare-box {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
  border: 4px solid var(--site-primary);
}
.compare-box .compare-ttl {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  background: var(--site-primary);
  padding: 12px 0 17px;
}
.compare-box .compare-ttl > span {
  position: relative;
  display: inline-block;
}
.compare-box .compare-ttl > span::before, .compare-box .compare-ttl > span::after{
  content: '';
  display: block;
  width: 24px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.compare-box .compare-ttl > span::before {
  background: url(../img/bg-hdttl_l.png) no-repeat;
  background-size: contain;
  left: -35px;
}
.compare-box .compare-ttl > span::after {
  background: url(../img/bg-hdttl_r.png) no-repeat;
  background-size: contain;
  right: -30px;
}
.compare-box .compare-content {
  background: #fff;
  padding: 30px 40px 40px;
}
.compare-table {
  width: 100%;
  table-layout: fixed;
}
.compare-table .none {
  background: rgba(255, 255, 255, 0);
  width: 240px;
}
.compare-table .color {
  color: var(--site-primary);
  font-weight: bold;
}
.compare-table .on {
  border: 4px solid var(--site-primary);
}
.compare-table th, .compare-table td {
  text-align: center;
  background: #fff;
}
.compare-table thead {
  font-size: 20px;
  color: #fff;
}
.compare-table thead th.color {
  font-size: 25px;
  background: var(--site-primary);
  color: #fcff00;
  padding: 16px 0 20px;
}
.compare-table thead th.color span {
  position: relative;
}
.compare-table thead th.color span::before, .compare-table thead th.color span::after {
  content: '';
  width: 23px;
  height: 26px;
  position: absolute;
  bottom: 5px;
}
.compare-table thead th.color span::before {
  background: url(../img/common/line_left_yellow.png) no-repeat;
  background-size: contain;
  left: -29px;
}
.compare-table thead th.color span::after {
  background: url(../img/common/line_right_yellow.png) no-repeat;
  background-size: contain;
  right: -30px;
}
.compare-table thead th.gray {
  vertical-align: bottom;
  background: rgba(255, 255, 255, 0);
}
.compare-table thead th.gray div {
  background: #8b99a5;
  padding: 17px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ccc;
}
.compare-table tbody th {
  font-size: 20px;
  background: #e4edff;
  font-weight: bold;
  border: 1px solid #ccc;
}
.compare-table tbody td {
  font-size: 17px;
  padding: 18px 0 20px;
  border: 1px solid #ccc;
  line-height: 1.45;
}
.compare-table tbody td.color {
  font-size: 20px;
}
@media only screen and (max-width: 1024px) {
  .compare-table .none {
    width: 200px;
  }
  .compare-table thead th.color {
    font-size: 23px;
  }
}

@media only screen and (max-width: 960px) {
  .compare-box {
    margin-top: 5vw;
  }
  .compare-table .none {
    width: 150px;
  }
  .compare-table thead th.color {
    font-size: 20px;
  }
  .compare-table tbody td.color {
    font-size: 18px;
  }
  .compare-table tbody th {
    font-size: 18px;
  }
}
@media only screen and (max-width: 568px) {
  .compare-box {
    margin-top: 30px;
    margin-bottom: 35px;
  }
  .compare-box .compare-ttl {
    font-size: 20px;
    line-height: 1.4;
    padding: 8px 0 10px;
  }
  .compare-box .compare-ttl > span::before, .compare-box .compare-ttl > span::after{
    top: 57%;
  }
  .compare-box .compare-content {
    padding: 20px 16px 22px;
  }
  .compare-table .on {
    border-width: 2px;
  }
  .compare-table .none {
    width: 24.7%;
  }
  .compare-table thead th.color {
    font-size: 17px;
    line-height: 1.35;
    padding: 6px 0 10px;
  }
  .compare-table thead th.gray {
    font-size: 16px;
  }
  .compare-table tbody th{
    font-size: 13px;
    line-height: 1.4;
  }
  .compare-table tbody td {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 !important;
    height: 54px;
  }
  .compare-table tbody td.color {
    font-size: 13px;
  }
}
/*===============================================
 *	相互リンクバナー
===============================================*/
.bnr_links {margin: 0 auto 40px;}
.bnr_links p,.recommended_links p {background: url(../img/bg-subttl.png) left no-repeat;font-size: 20px;padding: 5px 0 8px 1em;border-bottom: #bebebe 1px solid;margin-bottom: 1em;}
.bnr_links ul {gap: 20px 2%;}
.bnr_links li {width: 15%;}
@media only screen and (max-width: 568px) {
.bnr_links {margin: 0 5% 30px;}
.bnr_links p,.recommended_links p {font-size: 18px;}
.bnr_links ul {gap: 15px 3.5%;}
.bnr_links li {width: 31%;}
}
/*===============================================
 *	お勧め相互リンクバナー
===============================================*/
.recommended_links {margin: 0 auto 60px;}
.recommended_links ul {gap: 20px 2%;}
.recommended_links li {width: 23.5%;}
@media only screen and (max-width: 568px) {
.recommended_links {margin: 0 5% 30px;}
.recommended_links ul {gap: 15px 3.5%;}
.recommended_links li {width: 48%;}
}

/*===============================================
 *	その他の作業事例（TOP・作業事例一覧）
===============================================*/
.ic-clock {margin-bottom: 5px;}
.ic-clock time{padding-left: 25px;background: url(../img/icon-clock.png) no-repeat left center;background-size: 20px;}
.case-list-box {margin-top: 40px;}
.case-subttl {max-width: 260px;}
.case-list{margin-bottom: 30px;}
.case-list::after{content:"";display: block;width:32%;}
.case-list li{background: #fff;border: #168be6 4px solid;border-radius: 6px;box-sizing: border-box;margin-bottom: 20px;width: 32%;}
.case-list li .case-ttl{background: #168be6;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;text-align: center;}
.case-list li .txt-info::before{content: '';background: url("../img/icon-home02.png") no-repeat;background-size: contain;width: 20px;height: 18px;display: inline-block;padding-left: 5px;}
.case-list li img{margin-bottom: 10px;max-width: 320px;max-height: 240px;object-fit:cover;}
.case-list li dl {margin-bottom: 10px;}
.case-list li dt {background: #168be6;color: #fff;font-size: 14px;padding: 5px 0 5px;text-align: center;width: 45%;}
.case-list li dd {background: #fff;border: #168be6 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: 10px;}
.case-list li .total-price .txt-on_price_total {background: #DA6272;border-radius: 6px;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: 34px;font-weight: bold;line-height: 1;}
.case-list li .total-price .yen {font-size: 16px;}
@media only screen and (max-width: 1024px) {
.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 {justify-content: center;gap: 0 4%;}
.case-list-box .case-list::after {content: none;}
.case-list-box .case-list li:last-child {display: none;}
.case-list li{width: 48%;}
.img-service{margin:20px 0;}
} 
@media only screen and (max-width: 568px) {
.case-list-box .case-list {margin-bottom: 10px;}
.case-subttl {max-width: initial;}
.case-list li {width: 100%;}
.case-list li:last-child {margin-bottom: 0;}
}
/***********************
* 詳細ボタン
************************/
.btn-case a{max-width: 200px;border: 2px solid var(--site-primary);text-align: center;color:var(--site-primary);border-radius:6px;font-size: 18px;font-weight: bold;margin: 0 auto;padding: 8px 0 10px;display: block;position: relative;}
.btn-case a span::after{content: '';display: block;background: url("../img/icon-r2.png") no-repeat;width: 10px;height: 17px;background-size: contain;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);}
.btn-case a:hover{background:var(--site-primary);color: #fff;transition: .3s;}
.btn-case a:hover span::after{content: '';display: block;background: url("../img/icon-r2h.png") no-repeat;width: 10px;height: 17px;background-size: contain;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);transition: .3s;}
@media only screen and (max-width: 1024px) {
.btn-case a{font-size: 16px;}
}
/*===============================================
 *	作業事例 対応作業
===============================================*/
.case-contents .workname{border-radius: 6px;text-align: center;color: #fff;font-weight: bold;padding: 5px 0;margin-bottom: 10px;}
.customer-infobox{margin-bottom: 20px;width: 100%;display: grid;grid-template-columns: 20% 78%;grid-template-rows: auto auto auto;}
.work-infobox{margin-bottom: 20px;width: 100%;}
.customer-infobox .workname{border-radius: 6px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;padding: 50px 0 15px;position: relative;grid-column: 1;grid-row: 1/-2;}
.customer-infobox .workname::before{content: "";display: block;position: absolute;width: 40px;height: 40px;top: 10px;transform: translateX(-50%);background-size: contain;}
.work-huyou{background: #6A8CC7;}
.work-huyou::before{background: url("../img/case/icon-cardboard.svg") top center no-repeat;left: 50%;}
.work-ihin{background: #9D73BB;}
.work-ihin::before{background: url("../img/case/icon-cardboard_box.svg") top center no-repeat;left: 50%;}
.work-gomi{background: #d1a76b;}
.work-gomi::before{background: url("../img/case/icon-garbage_bag.svg") top center no-repeat;left: 50%;}
.work-tokusyu{background: #5dc595;}
.work-tokusyu::before{background: url("../img/case/icon-spray.svg") top center no-repeat;left: 50%;}
@media only screen and (max-width: 768px) {
.customer-infobox {grid-template-columns: 32% 65%;}
.customer-infobox .workname {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.customer-infobox {width: 100%;grid-template-columns: none;grid-template-rows: none;display: flex;margin-bottom: 10px;}
.customer-infobox .workname {font-size: 13px;margin-bottom: 10px;padding: 10px 5px 10px 18px;grid-column: none;grid-row: none;width: 36%;}
.customer-infobox .workname::before {width: 23px;height: 23px;top: 50%;transform: translateY(-50%);}
.customer-infobox .work-gomi{text-align: right;}
.work-huyou::before{left: 5%;}
.work-ihin::before{left: 5%;}
.work-gomi::before{left: 5%;}
.work-tokusyu::before{left: 5%;}
.work-infobox {width: 100%;}
}
@media only screen and (max-width: 375px) {
.customer-infobox .workname {font-size: 12px;width: 34%;}
.customer-infobox .workname::before{width: 20px;height: 20px;}
}
/*===============================================
 *	電子決済
===============================================*/
.payment {
  margin: 40px 0 50px;
}
.payment .bluebox-ttl {
  font-size: 30px;
  padding: 15px 0 20px;
  background-color: rgba(65, 118, 197, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(52, 109, 193, 1) 5px, rgba(52, 109, 193, 1) 10px );
}
.payment .payment-content {
  padding: 25px 35px 30px;
  background: #fff;
}
.payment ul {
  width: 57%;
}
.payment ul li {
  width: 28%;
  display: flex;
  align-items: center;
  gap: 0 8px;
  border: 4px solid var(--site-primary);
  border-radius: 10px;
  padding: 15px 5px 15px 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--site-primary);
}
.payment ul li img {
  width: 42px;
}
.payment .card-img {
  width: 42%;
}
@media only screen and (max-width: 1024px) {
  .payment .payment-content {
    padding: 3% 3% 3.5%;
  }
  .payment ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 960px) {
  .payment .bluebox-ttl {
    font-size: 24px;
  }
  .payment .payment-content {
    flex-direction: column;
  }
  .payment ul {
    width: 85%;
  }
  .payment ul li {
    font-size: 17px;
    padding: 10px 5px 10px 10px;
  }
  .payment .card-img {
    width: 55%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 568px) {
  .payment {
    margin: -20px 0 25px;
  }
  .payment .bluebox-ttl {
    font-size: 20px;
    padding: 8px 0 10px;
  }
  .payment .payment-content {
    padding: 16px 18px 20px;
  }
  .payment ul {
    width: 100%;
  }
  .payment ul li {
    width: 26%;
    font-size: 14px;
    padding: 10px 5px 10px;
    flex-direction: column;
    text-align: center;
    line-height: 1.4;
    border-width: 3px;
  }
  .payment ul li img {
    width: 35px;
    margin-bottom: 5px;
  }
  .payment .card-img {
    width: 100%;

  }
}

  /*作業事例スライダー*/
  .slider{
    width: 100%;
    margin: 0 auto;
  }
  .slider-img{
    height: auto;
    opacity: .3;
    transform: scale(.92);
    transition: opacity .5s, transform .5s;
    width: 100%;
  }
  .price-aboubox{
    gap:0 20px;
   }
   .slider-img .txt-price li{
    max-width: 200px;
    width: 43%;
    box-sizing: border-box;
   }
   .slider-img .txt-price li:nth-child(3),
   .slider-img .txt-price li:nth-child(4){
    width: 100%;
    max-width: 100%;
   }
   .txt-price li:nth-child(3) dt{
    line-height: 1.75;
   }
   .txt-price li:nth-child(3) dd{
    padding: 15px 10px 17px;
    line-height: 1.2;
   }
   .txt-price li:first-child::after{
    right: -2.6vw;
   }
   .txt-price dl dd{
    font-size: clamp(16px, 1.2vw, 27px);
    text-align: center;
   }
   .txt-price dl dd .tax{
    font-size: clamp(12px, 1.2vw, 15px);
   }
   .txt-madori dd{
    width: 50%;
   }
  
  .staff-detail {
    width: 75%;
  }
  .staff-box p.photo-staff{
    width: 22%;
  }
  .staff-box{
    gap:0 20px;
  }
  .catch-txt_price{
    font-size: clamp(18px, 1.2vw, 26px);
  }
  .catch-txt_price span{
    font-size: clamp(13px, 1.2vw, 16px);
  }
  
  /* 中央のスライド */
  .slider .slick-center{
    opacity: 1;
    transform: scale(1);
    max-width: 1120px;
  }
  
  .slick-track {
    display: flex;
    align-items: center;
  }
  .slick-slide {
    height: auto !important;
  }
  .prev-arrow {
    position: absolute;
    top: 50%;
    left: 19%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; 
  }
  .next-arrow {
    position: absolute;
    top: 50%;
    right: 19%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; 
  }
  .slide-arrow{
    width: 60px;
    height: 60px;
  }
  
  .slider button.arrow-common {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 5;
  }
  
  
  .slider button.arrow-next{
    background: url(../img/slider-next.svg)no-repeat!important;
    background-size: contain!important;
    position: absolute;
    top: 50%;
    right: 19%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; 
  }
  
  .slider button.arrow-prev{
    background: url(../img/slider-prev.svg)no-repeat!important;
    background-size: contain!important;
    position: absolute;
    top: 50%;
    left: 19%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10; 
  }
  .slider button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
  }
  
  .slider button:focus {
    outline: none;
  }
  
  @media only screen and (max-width: 1024px) {
  
  .slider button.arrow-next{
    right: 4%;
    top:45.5%;
  } 
  .slider button.arrow-prev{
    left: 4%;
    top:45.5%;
  }
  .txt-price li:first-child::after{
    right: -2.9vw;
    width: 20px;
  }
  }
  
  @media only screen and (max-width: 960px) {
    .txt-price li:first-child::after{
      right: -4.4vw;
    }
  }
  @media only screen and (max-width: 568px) {
  .collect-list dt span{
    font-size: 20px;
  }
  .package-li li{
    width: 48%;
  }
  .package-catch{
    margin-bottom: 20px;
  }
  .greeting-ttl{
    font-size: 18px;
  }
  
    .slider-img{
      opacity: .5;
      transform: scale(.95);
    }
    .slider button.arrow-common{
      width: 30px;
    }
    .slider button.arrow-next{
      right: 1%;
      top:33.5%;
    } 
    .slider button.arrow-prev{
      left: 1%;
      top:33.5%;
    }
    .case_box .calc_cost::after{
      width: 40px;
      height: 29px;
      bottom: -58px;
    }
  
  
/*240701追記*/
    #work-wrap .basic-hdmain{
      padding: 25px 20px 30px;
    }
    #work-wrap .basic-hdmain::before {
      width: 38px;
      top: 85px;
    }
  
    #work-wrap .bg-lattice{
      padding: 20px 0;
    }
  
    .slider-img{
      width: 100%;
    }
     .slider-img .txt-price,
     .slider-img .photo-madori{
      width: 100%;
     }
  
  
  
    .slider-img .icon-case{
      width: 20%;
      margin-right: 10px;
    }
    .slider-img .blue-ttlbox{
      display: flex;
      padding: 15px 10px;
    }
    .slider-img .bluebox-ttl{
      font-size: 16px;
    }
    .slider-img .bluebox-contents{
      padding:10px 15px;
    }
    .slider-img .catch-txt_price{
      font-size: 18px;
    }
    .slider-img .txt-price li:nth-child(3) {
      margin-bottom: 30px;
    }
    .slider-img .txt-price li:nth-child(3) dl {
      display: flex;
    }
    .slider-img .txt-price li:nth-child(3) dt {
      width: 50%;
      padding:18px 0 ;
    }
    .slider-img .txt-price li:nth-child(3) dd{
      line-height: 1.4;
    }
    .slider-img .txt-price{
      margin-bottom: 15px;
    }
    .slider-img .txt-price dl dd{
      padding: 5px 0;
    }
    .slider-img .txt-price li:last-child dl{
      display: flex;
    }
    .slider-img .txt-price li:last-child dl dd{
      font-size: 24px;
    }
    .slider-img .txt-price li:last-child::before {
      border-top: 15px solid #f6c0c7;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      top:-25px;
    }
  
    .slider-img .txt-price li:last-child dl dt{
      line-height: 1.2;
      width: 30%;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .slider-img .txt-price li:last-child dl dd{
      line-height: 1.2;
      width: 70%;
    }
    .slider button.arrow-next,
    .slider button.arrow-prev{
      top: 19%;
  
  }
  .slider-img .price-aboubox{
    margin-bottom: 10px;
  }
  .slider-img .price-aboubox{
    display: block;
  }
  .txt-price li:first-child::after{
    right: -8.4vw
  }
  .txt-price li:nth-child(3) dt{
    line-height: 1;
  }
  .staff-box{
    display: block;
  }
  .staff-detail{
    width: 100%;
  }
  .staff-box p.photo-staff{
    width: 100%;
  }
}
/*===============================================
 *	CVエリア（通常ver.）
===============================================*/
.cv_ttl_box {
  background: var(--site-primary);
}

.cv_ttl_box .cv_ttl {
  color: #fff;
  font-size: 48px;
  padding: 19px 0 24px;
}

.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: #e2f4ff;
  padding: 40px 0;
}
.cv_content .inner{
  position: relative;
}
.cv_content .camp dt {
  color: #fff;
  background: #e7605e url(../img/common/cv_campaign_ttl_bg.png) no-repeat center;
  padding: 2px 0 3px;
}

.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;
}

.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.6em;
  font-family: "GenEiMGothic";
  color: #DF2934;
}

.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.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 40px;
  position: relative;
}

.cv_content .cv_box > p {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  background: var(--site-primary);
  border-radius: 100px;
  padding: 2px 10px 5px;
}

.cv_content .cv_box::after {
  content: '';
  background: url(../img/common/cv_staff.png) no-repeat;
  background-size: contain;
  width: 326px;
  height: 298px;
  position: absolute;
  left: 4.5%;
  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: 20px 0 0 auto;
}

.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(325px * 0.8);
    height: calc(298px * 0.8);
  }
  .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: 8%;
    top: -45px;
  }
  .cv_content .cv_box {
    padding: 3vw 4vw;
  }
  .cv_content .cv_box p {
    font-size: 24px;
  }
  .cv_content .cv_box::after {
    width: calc(325px * 0.75);
    height: calc(298px * 0.75);
  }
}

@media only screen and (max-width: 568px) {
  .cv_ttl_box {
    background: url(../img/common/cv_bg_sp.jpg) no-repeat center;
    background-size: cover;
  }
  .cv_ttl_box .cv_ttl {
    font-size: 5.3vw;
    line-height: 1.3;
    padding: 20px 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;
    text-shadow: var(--site-primary) 2px 0px 0px, var(--site-primary) 1.75517px 0.95885px 0px, var(--site-primary) 1.0806px 1.68294px 0px, var(--site-primary) 0.14147px 1.99499px 0px, var(--site-primary) -0.83229px 1.81859px 0px, var(--site-primary) -1.60229px 1.19694px 0px, var(--site-primary) -1.97998px 0.28224px 0px, var(--site-primary) -1.87291px -0.70157px 0px, var(--site-primary) -1.30729px -1.5136px 0px, var(--site-primary) -0.42159px -1.95506px 0px, var(--site-primary) 0.56732px -1.91785px 0px, var(--site-primary) 1.41734px -1.41108px 0px, var(--site-primary) 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;
  }
  .cv_content .inner::before {
    content: '';
    background: url(../img/common/cv_staff_sp.png) no-repeat left bottom;
    background-size: contain;
    width: 127px;
    height: 151px;
    position: absolute;
    top: -176px;
    right: -5px;
  }
  .cv_content .camp dt {
    background: #e7605e 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;
  }
  .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: 15px;
    padding: 17px 17px;
    background: #fff;
  }
  .cv_content .cv_box p {
    font-size: 14px;
    padding: 2px 5px 3px;
    border-radius: 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;
  }
}
/*===============================================
 *	追従フッター temp.A
===============================================*/
.fixed_footer {
  background: #fff;
  border-top: 3px solid var(--site-primary);
  border-bottom: 3px solid var(--site-primary);
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  padding: 12px 0;
  display: none;
  z-index: 100;
}

.fixed_footer .footer_content {
  width: 90vw;
  max-width: 1300px;
  margin: 0 auto;
}

.fixed_footer .logo {
  width: 31%;
  max-width: 317px;
}

.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 {
    background: #e2f4ff;
    border: none;
    padding: 10px 0 0;
  }
  .fixed_footer .camp {
    background: var(--site-primary);
    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: #f7f81f;
  }
  .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/05/13 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: #356dc2;border-radius: 20px 20px 0 0;display: flex;justify-content: space-between;align-items: center;padding: 20px 40px;}
.popup-banner li{color: #fff;font-size: 23px;padding: 0 0 0 2.5em;line-height: 1.2;position: relative;}
.popup-banner li::before{content: "";display: block;background: url("../img/top/popup/icon_chk.png") left no-repeat;background-size: contain;width: 46px;height: 46px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.popup_btn_box{background: #fff;border-radius: 0 0 20px 20px;padding: 30px;}
.popup_btn_box a:hover{opacity: .8;}
.popup-close {display: block;position: absolute;width: 70px;height: 70px;border-radius: 50%;background: #000;right: -40px;top: -40px;cursor: pointer;}
.popup-close:hover {opacity: .8;}
.popup-close::before, .popup-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 4px;height: 40px;background: #fff;}
.popup-close::before {transform: translate(-50%,-50%) rotate(45deg);}
.popup-close::after {transform: translate(-50%,-50%) rotate(-45deg);}
.popup_line.active {display: block;}
.popup_line.hidden {display: none;}
@media only screen and (max-width: 568px) {
.popup-banner {width: 90%;}
.popup-banner ul {border-radius: 10px 10px 0 0;padding: 15px 20px;}
.popup-banner li {font-size: 13px;padding: 0 0 0 2.25em;}
.popup-banner li::before {width: 23px;height: 23px;}
.popup_btn_box {border-radius: 0 0 10px 10px;padding: 15px;}
.popup-close {width: 35px;height: 35px;right: -15px;top: -15px;}
.popup-close::before, .popup-close::after {width: 3px;height: 20px;}
}
/*===============================================
 *	CV 口コミ星
===============================================*/
.google_pr {overflow: hidden;width: 16%;margin: 0 auto;position: absolute;z-index: 10;top: 315px;left: 40px;}
.google_pr .cv_goole_txt {font-size: 18px;font-weight: bold;font-family: "GenEiMGothic";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: 23%;top: 245px;}
.google_pr .cv_goole_txt {font-size: 16px;}
.google_pr .cv_goole_txt .star_num {font-size: 20px;}
.google_pr .cv_goole_txt .star_acquire {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
.google_pr {width: 184px;top: -88px;left: 0px;}
.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;}
}