@charset "utf-8";
/*===============================================
 *	ブラウザリセット
===============================================*/
@font-face {font-family: 'Noto Sans JP';font-style: bold;font-weight: 900;src: url('../fonts/NotoSansJP-Black.woff2') format('woff2'),url('../fonts/NotoSansJP-Black.woff') format('woff');font-display: swap;}
@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;}
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%;}
*{margin: 0;padding: 0;}
/* --------------このサイトオリジナル設定--------------- */
a {color: #343434;outline: none;text-decoration:none;}
:root {
  --site-primary: #0476aa;
  --site-secondary: #be9b4a;
  --site-basecolor: #ecf6fc;
  --site-keycolor: #ffea00;
  --site-ecocolor: #50ab5e;
  --site-vicecolor: #6f6f6f;

}
/*====================== 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;}

.sec_ttl{color: var(--site-primary);font-size: 28px;font-weight: bold;position: relative;margin-bottom: 5%;}
.sec_ttl::after {content: '';background: var(--site-primary);width: 60px;height: 4px;position: absolute;bottom: -10px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.bg_basecolor{background: var(--site-basecolor);}
.bg_primarycolor{background: var(--site-primary);}
.bg_white{background: #fff;}
.bg_red{background: #d21d25;}

.border-box{border:2px solid var(--site-primary);border-radius: 6px;}

@media only screen and (max-width: 568px) {
.html{scroll-padding-top: 60px;}
.sec_ttl{font-size: 26px;margin-bottom: 30px;}
}
/*===============================================

 *	common

===============================================*/
html body {background: #fff;color: #343434;font-size: 16px;line-height: 1.6;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;}
em {font-weight: bold;}
sup{font-size: 10px;}
.sp {display: none;}
.inner { max-width: 1200px;margin: 0 auto;width: 95%;position: relative;}
.txt-small{font-size: 13px;}
.center {text-align: center;}
.right {text-align: right;}
.txt-caution{font-size:12px;}
.txt-red{color: #d52951;}
.txt-yellow{color: #fcff00;}
.txt-orange{color: #f14c0a;}
.txt-color{color: var(--site-primary);}
.txt-white{color: #ffffff;}
.inner_space{padding: 3% 0 5%;}
@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%;}
}
@media only screen and (max-width: 960px) {
html body {font-size: 15px;}
.inner {width: 92%;}
}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
.inner {width: 89.4vw;}
.pc {display: none;}
.sp {display: block;}
.inner_space{padding: 6% 0 10%;}
}
/*===============================================
 *	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: 960px){
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
-----------------------------------------------*/

/*===============================================
 *	Btn
===============================================*/
.btn-basic {text-align: center;margin: 0 auto;max-width: 340px;width: 100%;font-size: 20px;font-weight: 700;position: relative;z-index: 10;}
.btn-basic a::after {content: '';background: url(../img/common/icon_arrow.png)no-repeat; width: 20px;height: 20px;right: 15px;position: absolute;top: 50%;transform: translateY(-50%);}
.btn-basic a {border-radius: 6px;display: block;padding: 1em 2em;text-align: center;color: #fff;background-color: var(--site-primary);box-shadow: 6px 6px 10px -5px #0000004D;transition: 0.3s;}
.btn-basic a:hover {transform: translateY(3px);text-decoration: none;box-shadow: 0 2px 0 #1e5d7d;}

/*===============================================
 *	header
===============================================*/
#header_area{background: #fff;width: 100%;}
#header_wrap {max-width: 1200px;margin: 0 auto;}
#header_wrap .logo{max-width: 180px;margin-right: auto;}

@media only screen and (max-width:1024px) {
#header_wrap {padding: 0 0 0 20px;}
}
@media only screen and (max-width: 960px) {
#header_wrap .logo{max-width: 125px;}

}
@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 5%;}
#header_wrap .logo{max-width: 100px;}
}
/*=============================================== *
	Gnavi
===============================================*/
.global_nav {width: 100%;max-width: 895px;}
.global_nav ul li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;}
.global_nav ul li a {color: #616161;font-size: 17px;line-height: 1.4;font-weight: bold;display: block;text-align: center;padding: 10px;}
.global_nav ul li a:hover{border-bottom: var(--site-primary) 2px solid;padding: 10px 10px 8px;}
.global_nav ul li.hd_line{background: #06c755;}
.global_nav ul li img{margin: 0 auto;}
.global_nav ul li.hd_line a{padding: 21px 24px 20px;}
.global_nav ul li.hd_mail a{padding: 22px 0 20px;}
.global_nav ul li.hd_line a,
.global_nav ul li.hd_mail a{color: #fff;font-size: 15px;}
.global_nav ul li.hd_line a:hover,
.global_nav ul li.hd_mail a:hover{border-bottom: none;opacity: .85;}
.global_nav ul li.hd_line img{max-width: 38px;}
.global_nav ul li.hd_mail img{max-width: 40px;margin-bottom: 7px;}
.global_nav ul li.hd_mail{background: #3a75bb;}
@media only screen and (max-width: 960px) {
.global_nav {display: none;}
.global_nav ul {width: 96vw;}
.global_nav ul li a {font-size: 14px;}
}


/*=============================================== *
	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/common/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: 960px) {
.menu_box {display: block;}
.menu_box {width: 70px;height: 70px;}
}
@media only screen and (max-width: 568px) {
.menu_box {width: 60px;height: 60px;}
.menu_content.open {top: 60px;}
.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 30px 20px;}
.menu_content .cv_box .camp_ttl {padding: 0;margin: 0 3.5% 8px;}
.menu_content .cv_box p {font-size: 14px;}
.menu_content .cv_box .appeal-box div{gap:3vw;}

.menu_content .cv_box .tel-box{border: 2px solid var(--site-primary); border-radius:6px;padding: 10px;background: #fff;margin-bottom: 10px;}

.menu_content .cv_box .tel-box .tel-number{font-size: 32px;font-weight: 900;color: #444;letter-spacing: 1.5px;position: relative;padding-left: 50px;margin-bottom: 5px;line-height: 1.3;}
.menu_content .cv_box .tel-box .tel-number::before{content: ''; background: url(../img/common/icon_tel.png)no-repeat; background-size:contain; position: absolute; left: 0;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;}
.menu_content .cv_box .tel-box span{display: block; background:#c8e8fe ; color: #444;padding: 5px 0;border-radius: 6px;font-size: 12px;}
.nav-copy{font-size: 12px;margin-top: 10px;}

}
/*===============================================
 *	Main visual
===============================================*/
#mv_wrap {width: 100%;margin: 0;padding: 2.5% 0 0;position: relative;overflow: hidden;}
#mv_wrap::after {content: '';background:url("../img/top/bg_wavy_line.png") no-repeat;background-size: cover;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transform: skewY(-1.8deg) translateY(-44px);}
#mv_wrap::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #03488E;background: linear-gradient(0deg,rgba(3, 72, 142, 1) 0%, rgba(19, 155, 193, 1) 70%, rgba(38, 101, 167, 1) 100%);transform: skewY(5deg) translateY(-140px);z-index: -1;}
.hd_mv_head{color: #fff;font-size: 50px;font-weight: bold;text-shadow: 1px 1px 2px #003469;margin-bottom: 20px;}
.mv_contents{max-width: 1200px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;position: relative;z-index: 10;}
.mv_txtbox{color: #fff;max-width: 630px;}
.mv_txtbox > p{text-shadow: 1px 1px 2px #003469;}
.mv_point{display: flex;justify-content: space-between;}
.mv_point li {position: relative;}
.mv_point li p{background: #fff;border-radius: 60px;border:var(--site-primary) 2px solid;color:var(--site-primary);font-size: 16px;font-weight: bold;display: inline-block;padding: 0 1em;position: relative;left: 50%;top: 15px;transform: translateX(-50%);}
.mv_point li img{border-radius: 6px;border:var(--site-primary) 2px solid;}
.mv_item{max-width: 409px;}
@media only screen and (max-width: 1024px) {
.hd_mv_head {font-size: 44px;margin-bottom: 10px;}
.mv_txtbox {max-width: 540px;}
.mv_contents {max-width: initial;width: 94%;}
.mv_item {max-width: initial;width: 40%;}
.mv_point li {width: 30%;}
}
@media only screen and (max-width: 960px) {
.hd_mv_head {font-size: 35px;}
}
@media only screen and (max-width: 568px) {
#mv_wrap {padding: 80px 0;}
#mv_wrap::before {transform: skewY(10deg) translateY(-110px);}
#mv_wrap::after{transform: unset;background-size: initial;}
.mv_contents {width: 89.4vw;}
.mv_txtbox {max-width: initial;position: relative;z-index: 10;}
.mv_item {max-width: initial;width: 44%;position: absolute;right: -2%;}
.hd_mv_head {font-size: 27px;line-height: 1.4;}
.mv_contents {flex-wrap: wrap;}
.mv_point li p {font-size: 13px;}
}
/*===============================================
 *	厚労省
===============================================*/
.heat_stroke_wrap{border:#bb3a4f 2px solid;border-radius: 6px;margin: 2em auto 3%;}
.heat_stroke_wrap::after{content: "";display: block;background: url("../img/top/img_heat_stroke.png") no-repeat;background-size: contain;width: 249px;height: 300px;position: absolute;right: 1em;bottom: 0;}

.heat_stroke_ttl{background: #bb3a4f;color: #ffea00;font-size: 36px;font-weight: bold;text-align: center;padding: 5px 0;text-shadow: 1px 1px 2px #61101d;}
.heat_stroke_contents{padding: 2%;width: 72%;line-height: 1.8;}
.heat_stroke_txt{font-weight: 800;}
.heat_stroke_caution{margin: 5px 0;}
.heat_stroke_link {text-align: right;}
.heat_stroke_link a{color: #0012fe;border-bottom: #0012fe 1px solid;position: relative;display: inline-block;padding-left: 12px;}
.heat_stroke_link a:before {content: '';width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #0012fe;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}

@media only screen and (max-width: 1024px) {
.heat_stroke_wrap::after {right: 0;}

}
@media only screen and (max-width: 960px) {
.heat_stroke_ttl {font-size: 28px;}
.heat_stroke_wrap::after {width: 200px;height: 240px;}
}
@media only screen and (max-width: 568px) {
.heat_stroke_wrap {margin: 0 auto 2em;}
.heat_stroke_contents{padding: 5%;width: 91%;}
.heat_stroke_ttl {font-size: 24px;line-height: 1.3;padding: 10px 0;}
.heat_stroke_ttl p{position: relative;z-index: 1;}
.heat_stroke_wrap::after {width: 103px;height: 124px;top: -42px;}
.heat_stroke_link {font-size: .9em;}
}
/*===============================================
 *	Banner
===============================================*/
.bnr_web{margin-bottom: 3%;}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 568px) {

}
/*===============================================
 *	Merit
===============================================*/
.merit{margin-bottom: 3%;}
.merit ul{gap: 1vw;}
.merit ul li{max-width: 270px;width: 23%;display: flex;flex-direction: column;gap:15px;}
.merit ul li img{border-radius: 6px;}
.merit ul li h3{font-size: 20px;font-weight: bold;}

@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 960px) {
.merit ul li h3{font-size: 18px;}
.merit ul li p{font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.merit{margin: 30px 0;}
.merit ul{flex-direction: column; gap:5vw;}
.merit ul li{max-width: 100%; width: 100%;gap:10px;}
.merit ul li h3{font-size: 22px;}
}

/*===============================================
 *	Support
===============================================*/
.support ul{margin-bottom: 5%; gap:1vw;}
.support ul li{max-width: 270px;width: 23%;display: flex;flex-direction: column;gap:15px;border: 4px solid var(--site-primary);box-sizing: border-box;border-radius: 6px;padding:30px 20px 20px;background: #fff;}
.support ul li img{border-radius: 6px;max-width: 70px;margin: 0 auto;}
.support ul li h3{font-size: 22px;font-weight: bold;line-height: 1.4;}
@media only screen and (max-width: 1024px) {
  .support ul li h3{font-size: 20px;}

}
@media only screen and (max-width: 960px) {
  .support ul li{padding: 20px;}
}
@media only screen and (max-width: 568px) {
  .support ul{flex-wrap: wrap; gap:2vw;margin-bottom: 10%;}
  .support ul li{width: 48%;padding: 20px 15px 15px;}
  .support ul li img{max-width: 50px;}
  .support ul li h3{font-size: 17px;}
  .support ul li p{font-size: 15px;}
}

/*===============================================
 *	CV area
===============================================*/
.cv_area{padding: 40px 0;}
.cv_ttl{font-size: 48px; color:var(--site-keycolor);display: flex;align-items: center;font-weight: bold;gap: 20px;margin-bottom: 40px;}
.size_small{font-size:28px;border: 2px solid #fff;padding: 10px 20px;}
.cv_area ul li{background: #fff;border-radius: 10px;max-width: 560px;width: 100%;display: inherit;}
.cv_area ul{gap: 2vw;}
.cv_area ul li.tel-box a{padding: 25px 45px; width: 100%;}
.cv_area ul li.tel-box .tel-number{font-size: clamp(24px, 3.8vw, 54px);font-weight: 900;color: #444;letter-spacing: 1.5px;position: relative;padding-left: 70px;margin-bottom: 5px;line-height: 1.3;}
.cv_area ul li.tel-box .tel-number::before{content: ''; background: url(../img/common/icon_tel.png)no-repeat; background-size:contain; position: absolute; left: 0;top: 50%;transform: translateY(-50%);width: 61px;height: 61px;}
.cv_area ul li.tel-box span{display: block; background:#c8e8fe ; color: #444;padding: 10px 0;}
.cv_area ul li.contact-box .btn-basic{max-width: 250px;width: 100%;font-size: 17px;}
.cv_area ul li.contact-box .btn-basic a:hover{box-shadow: none;}
.cv_area ul li.contact-box dl{width: 100%;padding: 45px 25px;gap: 1vw;}
.cv_area ul li.contact-box dd a{position: relative;}
.cv_area ul li.contact-box .mail{background:#3a75bb;padding: 25px 0;}
.cv_area ul li.contact-box .line{background:#39ae36;padding: 25px 0;}


@media only screen and (max-width: 1024px) {
  .size_small{font-size: 24px;}
  .cv_ttl{line-height: 1.2;font-size: 44px;}
  .cv_area ul li.tel-box .tel-number{margin-bottom: 10px;font-size: clamp(22px, 4.1vw, 42px);}
  .cv_area ul li.contact-box dl{padding: 30px 25px;}

}
@media only screen and (max-width: 960px) {
  .cv_area{padding: 30px 0;}
  .size_small{font-size: 20px;}
  .cv_ttl{font-size: 32px;}
  .cv_area ul li.tel-box .tel-number::before{width: 40px;height: 40px;}
  .cv_area ul li.tel-box .tel-number{padding-left: 45px; font-size: 32px;}
  .cv_area ul li.tel-box a{padding: 25px;}
  .cv_area ul li.tel-box span{font-size: 12px;}
  .cv_area ul li.contact-box .mail, .cv_area ul li.contact-box .line{font-size: 14px;padding: 25px;text-align: left;}
  .cv_area .btn-basic a::after{right: 5px;}
  .cv_area ul li.contact-box dl{padding:25px;}
}
@media only screen and (max-width: 568px) {
  .cv_area{padding: 20px 0;}
  .cv_area ul,.cv_area ul li.tel-box a, .cv_area ul li.contact-box dl{flex-direction: column;}
  .cv_area ul{gap: 4vw;}
  .size_small {font-size: 14px;padding: 5px;}
  .cv_ttl{margin-bottom: 15px;font-size: 20px;gap: 10px;}
  .cv_area ul li.tel-box a,.cv_area ul li.contact-box dl{padding:15px 20px;gap:10px;}
  .cv_area ul li.tel-box span{padding: 5px 0 7px;}
  .cv_area ul li.contact-box .btn-basic{max-width: 100%;}
  .cv_area ul li.contact-box .mail, .cv_area ul li.contact-box .line {text-align: center;padding: 15px;}
  .btn-basic a::after{right: 15px;}
}

/*===============================================
 *	Product list
===============================================*/
.product-list ul{margin-bottom: 3%;gap:1vw;}
.product-list ul li{ max-width: 370px;}
.product-item{box-sizing: border-box;margin-bottom: 20px;}
.product-item img{margin: 0 auto;}
.product-item h3,.product-name{font-size: 18px;font-weight: bold;padding: 5px 0 6px;}
.product-name{margin-bottom: 17px;}
.product-list ul li:first-child .product-item img{max-width: 157px;}
.product-list ul li:nth-child(2) .product-item  img{max-width: 126px;}
.product-list ul li:nth-child(3) .product-item img{max-width: 144px;}
.note{border-radius:0;margin-bottom: 3%;}
.note h3{font-size:30px; font-weight: bold;padding:7px 0 10px; }
.note p{padding: 10px 0;}


@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 960px) {
  .product-list ul li{width: 32%;}
}
@media only screen and (max-width: 568px) {
  .product-list ul{flex-direction: column;gap:4vw;}
  .product-list ul li{width: 100%;}
  .product-item,.product-name{margin-bottom: 10px;}
  .note{margin-bottom: 20px;}
  .note h3{font-size: 20px;text-align: center;}
  .note p{font-size: 15px;padding: 10px;text-align: left;}
}

/*===============================================
 *	FAQ
===============================================*/
.faq .bg_white{padding: 40px;}
.faq dl dt{font-size: 22px;font-weight: bold;position: relative;margin-bottom: 15px;}
.faq dl dt::before{content: 'Q';color: #fff;background: var(--site-primary);border-radius: 6px;width: 60px;height: 60px;display: inline-block;text-align: center;font-size: 40px;line-height: 1.3;margin-right: 20px;}
.faq dl dd{margin-bottom: 25px;}

@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 960px) {
.faq .bg_white{padding: 25px;}
}
@media only screen and (max-width: 568px) {
  .faq .bg_white{padding: 20px;}
  .faq dl dt::before{font-size: 24px;width: 35px;height: 35px;margin-right: 10px;vertical-align: top;margin-top: 12px;}
  .faq dl dt{font-size: 18px;vertical-align: middle;}
  .faq dl dt span{display: inline-block; width: 80%;}
}

/*===============================================
 *	Footer
===============================================*/
footer{background: #3e3e3e; color: #fff;padding: 50px 0;}
footer .row{margin-bottom: 40px;}
footer .company img{width: 220px;margin-bottom: 20px;}
.fooer-nav{gap:20px;margin-top: 20px;}
.fooer-nav li a{color: #fff;font-size: 17px;position: relative;padding-left: 12px;}
.fooer-nav li a:hover{border-bottom:2px solid #fff;}
.fooer-nav li a::before{content:'';background: url(../img/common/icon_navarrow.svg)no-repeat;width: 7px;height: 12px;position: absolute;left: 0;top: 60%;transform: translateY(-60%);}
.fooer-content{display: flex;flex-direction: column;}
.copy{display: flex;margin-top: auto;margin-left: auto; align-items: baseline;gap: 20px;font-size: 17px;}
.copy a{color: #fff;}
.copy a img{width: 40px;margin-bottom: -3px;}

@media only screen and (max-width: 1024px) {
footer .row{flex-direction: row;}
.fooer-nav li a{font-size: 15px;}
.fooer-nav li a span{display: inline-block;}
.fooer-nav li a::before{top: 60%;transform: translateY(-60%);}
.fooer-nav li:nth-child(-n+3) a::before{top: -50%;transform: translateY(-60%);}
}
@media only screen and (max-width: 960px) {

  footer{padding: 30px 0;}
  footer .company{width: 25%;}
  footer .company img{width: 70%;}
  .fooer-nav{gap: 5px;}
  .copy{gap: 0;}
  .copy a{margin-right: 5px;}
  address{font-size: 15px;}
}
@media only screen and (max-width: 568px) {
  footer .row{flex-direction: column;margin-bottom: 20px;}
  footer .company {width: 100%;}
  footer .company img{width: 40%;}
  .fooer-nav li:nth-child(-n+3) a::before{top: 60%;transform: translateY(-60%);}
  .copy{flex-direction: column;}
  .copy a{margin: 0 auto 20px;}
  address{font-size: 12px;}
  .registered{font-size: 12px; text-align: left;}

}