@charset "utf-8";

/* body */
html {
	font-size: 100%;
} /* font-size　16px*62.5%＝10px */
body {
	font-size: 1.0rem;
} /* 16px　100％ 同*/
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust:none;
	width:100%;
	margin:auto;
	letter-spacing:0.03em;
	line-height: 1.7;
	color:#333333;
	word-wrap: break-word;
	white-space: normal;
	word-break:break-all;
}
#wra {
	width:100%;
	height:auto;
	background:var(--base-color);
	position: relative;
}
h1 {
	margin:0;
	padding:0;
}
a, a:focus {
	color:#333333;
	text-decoration:none;
	outline: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a:link, a:visited {
	color:#333333;
}
a:hover, a:active {
	/* opacity: 0.8; */
	transition: 0.3s;
	-webkit-transition: 0.3s;
	color: var(--key-color);
}
img {
	display:block;
}
a img {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a img:hover {
	opacity: 0.8;
}
*:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6, img, img a, p, table, tr, td, dt, dl, dd {
	margin: 0px;
	padding: 0px;
	border:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ul, ol, li, dl, dt, dd {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	font-weight:500;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* header*/
#hea-wra {
	width:100%;
	height:auto;
}
.hea-line {
	width:100%;
	height:40px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	padding:0 2.5%;
	font-size: 12px;
	background:#e5ebef;
	position: sticky;
	top: 0;
	z-index: 31;
	font-family: var(--ff-sans);
	letter-spacing: 0.05em;
}
.hea-line-lef{
	font-size: 14px;
}
.hea-log {
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:154px;
}
.hea-log img {
	max-width:154px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.haa-btn a{
	display: block;
	border-radius: 4px;
	background-color: #fff;
	padding: 5px 18px 5px 19px;
	color: var(--main-color);
}
.haa-btn a:hover{
	color: #fff;
	background-color:var(--key-color);
}
.hea-line-rig {
	margin-left:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.hea-line-rig > p {
	margin-left:20px;
}
.sp-hea-lef {
	display:none;
}
.hea-contents {
	position:relative;
	width:100%;
	max-height:auto;
	height:120px;
	padding:0 2.5%;
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items:center;
	background:url(../images/bac_head01.jpg) left center no-repeat;
	background-size: cover;
	font-family: var(--ff-sans);
	letter-spacing: 0.05em;
}
.hea-contents-log {
	width:100%;
	height:auto;
	max-width:358px;
}
.hea-contents-log img {
	max-width:280px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.hea-contents-log-text{
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
}
.hea-contents-tit {
	font-size:0.9rem;
	color:#FFF;
	display:inline-block;
	margin-top: 0.5em;
}
.hea-contents-cen {
	display:none;
}
.hea-contents-right {
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
}
.hea-contents-right > li {
	margin-left:5px;
}
.hea-banner-item {
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:280px;
}
.hea-banner-item a{
	display: block;
}
.hea-banner-item a:hover{
	opacity: 1;
}
.hea-banner-item img {
	max-width:170px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.hea-banner-item img:hover{
	opacity: 0.85;
}
.sp-cate-menu {
	display:none;
}
.sp-cate-menu-arrow a{
	cursor:pointer;
}
/* Navi */
.nav-sea-for {
	box-sizing: border-box;
	position: relative;
	border: 1px solid #7C7B7B;
	display: block;
	background:#ffffff;
	padding: 0px 0px;
	border-radius: 5px;
	height: auto;
	min-height:46px;
	max-width: 340px;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.nav-sea-for input[type="text"].inp-search {
	outline: 0;
	border:none;
	width:100%;
	height:100%;
	padding:0 0 0 20px;
}
.nav-sea-for input[type="text"].inp-search:focus {
	outline: 0;
}
.nav-sea-for input[type="submit"].but-inp-hom {
	cursor: pointer;
	border: none;
	color: #fff;
	position: absolute;
	width: 15%;
	height:24px;
	right:0px;
	top: 10px;
	outline : none;
	background:url(../images/icon_search.svg) center no-repeat;
}
/* MENU*/
nav {
	display:block;
	position: sticky;
	top: 40px;
	z-index: 31;
}
/* アコーディオンメニュー時　hide*/
.men-wra {
	width:100%;
	text-align:center;
	margin:0 auto 60px;
	padding:0px 0;
	display:block;
	background:var(--main-color);
	font-family: var(--ff-sans);
	letter-spacing: 0.05em;
}
.men-wra.men-wra-act {
	display:block;
}
.menu {
	max-width:1280px;
	width:100%;
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.menu li {
	text-align:center;
	width:auto;
	height:auto;
}
.menu li a {
	color:#FFF;
	width:calc(100% - 0px);
	height:auto;
	font-size: 1rem;
	font-weight:500;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	margin:0px auto;
	padding:12px 15px;
	transition: 0.3s;
}
.menu li a:hover {
	opacity:1;
	color:#fff;
	background: var(--key-color);
	text-decoration:none;
	margin:0px auto;
	border-radius:0px;
}

/* HUM　MENU　スマホ用 */
#hum-men-wra {
	display:none;
}
/* メインスライダー */
.slider {
	display: none;
}
.slider.slick-initialized {
	display: block;
}
.mai-vis-sli-wra {
	max-width:1280px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.mai-vis-sli {
	text-align:center;
	width:100%;
	height:auto;
	padding:0 0px;
	margin:0px auto;
	position:relative;
}
.mai-vis-ite {
	max-width:1280px;
	width:100%;
	height:auto;
	background:#ffffff;
	display:flex;
	justify-content: space-between;
}
.mai-vis-pic {
	flex-shrink: 0;
	width:52%;
	background:#FFF;
	aspect-ratio: 64 / 36;
}
.mai-vis-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mai-vis-desc {
	width:50%;
	height:auto;
	padding: 40px;
}
.mai-vis-desc-lis {
	text-align:left;
}
.mai-vis-desc-cate {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.mai-vis-cate-tit {
	color: var(--main-color);
	font-size: 14px;
}
.mai-vis-desc-icon {
	max-width:24px;
	width:auto;
	height:auto;
	margin-right:5px;
}
.mai-vis-desc-icon img {
	max-width:24px;
	width:100%;
	height:auto;
}
.mai-vis-desc-tit {
	font-size:1.74rem;
	font-weight:500;
	letter-spacing:0;
	line-height:140%;
}
.mai-vis-desc-dat {
	color:#A3A3A3;
	font-size:0.9rem;
	padding:10px 0 20px;
	letter-spacing:2px;
}
.mai-vis-desc-cap {
	font-size:1.1rem;
	letter-spacing:0;
	padding-bottom:20px;
	font-weight: 400;
}
.mai-vis-desc-but a {
	max-width:450px;
	width:100%;
	height:54px;
	margin:0 auto;
	border-radius:5px;
	background-color: var(--key-color);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.mai-vis-desc-anc {
	color: #fff;
}
.mai-vis-desc-but a:hover {
	background-color: var(--key-color-light);
}
.sli-pre {
	position:absolute;
	color:#009e96;
	font-size:140%;
	bottom:50%;
	left:0;
	z-index:10;
}
.sli-nex {
	position:absolute;
	color:#009e96;
	font-size:140%;
	right:0;
	bottom:50%;
	z-index:10;
}
.slick-slide img {
	opacity:0.75;
}
.slick-slide.slick-active img {
	opacity:1.0;
}
.slide-dots {
	text-align: center;
	margin-bottom:60px;
}
.slide-dots li {
	display:inline;
	margin:auto 10px;
}
.slide-dots button {
	position: relative;
	text-indent: -9999px;
	border:solid 0px #F00;
	background:none;
	cursor:pointer;
}
.slide-dots button:before {
	content:"●";
	color:#707070;
	font-size: 1.2rem;
	text-indent: 0px;
	position: absolute;
	top:-50%;
	left:0%;
	width:100%;/*object-fit IE11バグ */
	height:auto;
	top: 50%;
	left: 50%;
	min-height: auto;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.slide-dots button:hover:before {
	content: '●';
	color:#2a4779;
}
.slide-dots .slick-active button:before {
	content: '●';
	color:#000000;
}

/* footer*/
#foo-wra {
	height:auto;
	width:100%;
	padding:40px 0;
	background:var(--main-color);
	font-family: var(--ff-sans);
	letter-spacing: 0.05em;
}
.foo-blo {
	max-width:1280px;
	width:95%;
	height:auto;
	margin:auto;
}
.foo-blo a {
	text-decoration:none;
}
.foo-men {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin-bottom:40px;
}
.foo-men li a {
	width:auto;
	height:auto;
	color:#ffffff;
	font-size:0.9rem;
	padding:0px 10px;
	border-bottom:dotted 0px #CCC;
}
#cop {
	font-family: var(--ff-sans);
	text-align:center;
	font-size:0.9rem;
	line-height:130%;
	padding:0px 10px;
	color:#fff;
}
#cop a {
	color:#fff;
	font-size: 10px;
}
/* page top*/
#pag-top {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:100;
}
#pag-top a {
	display:block;
	width:44px;
	height:44px;
	text-align:center;
	border-radius:0px;
	color:#FFF;
	text-decoration:none;
	background:#333333;
	background:-moz-linear-gradient(135deg, #333333 50%, #005135 51%);
	background:-webkit-linear-gradient(135deg, #333333 50%, #005135 51%);
	background:linear-gradient(135deg, #333333 50%, #005135 51%);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
/* nav */
.lef-con {
	max-width:340px;
	width:100%;
	margin-left:40px;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
}
.nav-blo {
	max-width:340px;
	width:100%;
	height:auto;
	margin-bottom:40px;
}
.nav-tit {
	color:var(--text-color);
	font-size:1.1rem;
	font-weight:700;
	text-align:left;
	max-width:340px;
	width:100%;
	margin-bottom:20px;
	position: relative;
	padding-bottom: 0.5em;
}
.nav-tit::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #dbdde0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.nav-tit::after {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background-color: var(--main-color);
	position: absolute;
	left: 0;
	bottom: 0;
}
.nav-lis, .widget_archive ul, .widget_categories ul {
	text-align:left;
}
.nav-lis li, .widget_archive ul li, .widget_categories ul li {
	display: inline-block;
	margin-bottom: 8px;
}
.nav-lis li:not(:last-of-type),
.widget_archive ul li:not(:last-of-type),
.widget_categories ul li:not(:last-of-type) {
	margin-right: 5px;
}
.nav-lis li a,
.widget_archive ul li a,
.widget_categories ul li a {
	display: block;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 700;
	color: var(--main-color);
}
.nav-lis li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover {
	color: var(--key-color);
	opacity: 1;
}
/* .nav-lis li::before, .widget_archive ul li::before, .widget_categories ul li::before {
position:absolute;
left:-2px;
top:2px;
content: "";
background:url(../images/chevron-right.svg) left center no-repeat;
width:20px;
height:20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} */
.nav-lis li:last-of-type, .widget_archive ul li:last-of-type, .widget_categories ul li:last-of-type {
	padding-bottom: 0;
}
.nav-card-wra {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
}
.nav-card-pic {
	max-width:130px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding-bottom:0px;
	overflow:hidden;
	aspect-ratio: 64 / 36;
}
.nav-card-pic img {
	width:100%;
	height:auto;
}
.nav-card-desc {
	font-size:0.9rem;
	line-height:140%;
	max-width:210px;
	width:100%;
	height:auto;
	padding-left:16px;
	margin-bottom:30px;
}
.nav-card-wra:last-of-type .nav-card-desc {
	margin-bottom:0px;
}
.nav-card-desc a:hover{
	color: var(--key-color);
	opacity: 1;
}
.nav-banner-wra {
}
.nav-banner-item {
	width:100%;
	height:auto;
	margin:0 auto 10px;
	max-width:340px;
}
.nav-banner-item img {
	max-width:340px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.ext-site-wra {
	width:100%;
	height:auto;
	margin:0 auto;
}
.ext-site-wra img {
	max-width:1680px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.prod-ban-wra {
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1680px;
}
.prod-ban-wra img {
	max-width:1680px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.pc-blo{
	display:block;
}
.sp-blo{
	display:none;
}
/* Contents */
.con-wra {
}
#sub-blo {
	max-width:1280px;
	width:95%;
	height:auto;
	margin:0 auto;
	background-color: rgba( 255, 255, 255, 0.0 );
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items:stretch;

}
.cen-con {
	max-width:900px;
	width:100%;
	height:auto;
}
.page-tit {
	color:#333333;
	font-weight:700;
	font-size:1.4rem;
	margin-bottom:30px;
}
.page-capt {
	padding-bottom:30px;
}
.art-card-wra {
	max-width:900px;
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom:20px;
}
.art-card-pic {
	max-width:36%;
	width:100%;
	min-height:185px;
	height:auto;
	background:#FFF;
	overflow:hidden;
	position:relative;
	aspect-ratio: 64 / 36;
}
.art-card-pic img {
	position:absolute;
	width:auto;
	height:100%;
	top: 50%;
	left: 50%;
	min-height: auto;
	min-width: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
}
.art-card-lis {
	max-width:64%;
	width:100%;
	min-height:185px;
	height:auto;
	padding:0px 30px;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:#ffffff;
}
.art-card-lis a:hover{
	opacity: 1;
	color: var(--key-color);
}
.art-card-desc {
}
.art-card-desc a:hover{
	opacity: 1;
}
.art-card-cat {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	font-size: 14px;
}
.art-cat-tit {
	font-size:0.9rem;
	color:var(--main-color);
}
.art-card-icon {
	max-width:24px;
	width:auto;
	height:auto;
	margin-right:3px;
}
.art-card-icon img {
	max-width:24px;
	width:100%;
	height:auto;
}
.art-card-tit {
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0;
	line-height:130%;
}
.art-card-dat {
	color:#A3A3A3;
	font-size:0.9rem;
	padding:10px 0 0px;
	letter-spacing:2px;
}
.pag-nav {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.pag-nav ul {
	position: relative;
	float: left;
	left: 50%;
	margin-bottom: 12px;
}
.pag-nav ul li {
	position: relative;
	float: left;
	left: -50%;
	width: 34px;
	height: 38px;
	display: table;
	margin: 0 2px;
	display: none;
}
.pag-nav ul li.pagination-no-num {
	width: auto;
	display: table;
}
.pag-nav ul li.pagination-no-num span {
	background: #efefef;
	border: 0px solid #e7e7e7;
	color: #e7e7e7;
	padding:0 10px;
	opacity:0.4;
}
.pag-nav ul li.pagination-no-num a {
	padding:0 10px;
}
.pag-nav ul li.pagination-sp {
	display: table;
}
.pag-nav ul li a, .pag-nav ul li span {
	font-family: var(--ff-sans);
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	border: 0px solid #ccc;
}
.pag-nav ul li a:before, .pag-nav ul li span:before {
	position: absolute;
	display: none;
	content: '';
	width: 96%;
	height: 2px;
	background: #ccc;
	bottom: -3px;
	left: 2%;
}
.pag-nav ul li a:hover {
	border:solid 0px #0070d5;
	background: #fcfcfc;
	text-decoration:none;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.pag-nav ul li span {
	background: var(--main-color);
	color: #fff;
}
.pagination-txt {
	font-family: var(--ff-sans);
	clear: both;
	text-align: center;
	margin-bottom: 40px;
	background:#f4f4f4;
}
.pagination-txt span {
	color: #212121;
}
.docum-card-wra {
	max-width:900px;
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom:20px;
}
.docum-card-pic {
	max-width:36%;
	width:100%;
	min-height:185px;
	height:auto;
	background:#FFF;
	overflow:hidden;
	position:relative;
	aspect-ratio: 64 / 36;
}
.docum-card-pic img {
	position:absolute;
	height:100%;
	width:auto;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: auto;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
	aspect-ratio: 64 / 36;
}
.docum-card-lis {
	max-width:64%;
	width:100%;
	min-height:185px;
	height:auto;
	padding:0px 30px;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:#ffffff;
}
.docum-card-lis a:hover{
}
.docum-card-capt {
	font-size:0.9rem;
	font-weight:400;
}
.docum-card-tit {
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0;
	line-height:130%;
	padding-bottom:10px;
}
.docum-card-dat {
	padding:10px 0 0px;
}
.docum-dat-lis {
	color:#A3A3A3;
	font-size:0.9rem;
	letter-spacing:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.docum-dat-lis dt {
	padding-inline: 0.5em 1em;
}
.art-wra {
	padding:60px;
	background:#ffffff;
	margin:0 auto 80px;
}
.art-tit {
	color:#333333;
	font-weight:700;
	font-size:1.9rem;
	padding-bottom:15px;
	margin-bottom:15px;
	letter-spacing:0;
	border-bottom:solid 1px #707070;
	line-height: 1.5;
}
.art-tit._page{
	margin-bottom: 60px;
}
.art-desc-wra {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom:10px;
}
.art-desc-cat {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.sns-blo {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:60px;
}
.sns-blo li {
	margin-right:7px;
	width: 40px;
	height: 40px;
}
.sns-blo li:last-of-type {
	margin-right:0px;
}
.sns-blo li img{
	width: 100%;
}
.art-pic {
	width:100%;
	height:auto;
	margin:30px auto 30px;
	max-width:780px;
}
.art-pic img {
	max-width:780px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.art-cont-blo h2 {
	color:#333333;
	font-weight:700;
	font-size:1.6rem;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top: 3rem;
	letter-spacing:0;
	border-bottom:solid 2px #dddddd;
	position:relative;
}
.art-cont-blo h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 38%;
	height: inherit;
	border-bottom: 2px solid var(--main-color);
}
.art-cont-blo figure{
	margin-bottom: 2rem;
}
.art-cont-blo a{
	color: var(--main-color);
	text-decoration: underline;
}
.art-cont-blo a:hover{
	text-decoration: none;
}
.art-cont-blo .wp-block-button .wp-block-button__link{
	color: #fff;
	text-decoration: none;
}
.art-cont-blo .wp-block-button .wp-block-button__link:hover{
	opacity: 0.8;
}

.toc-list-wra {
	max-width:780px;
	width:100%;
	height:auto;
	padding:30px;
	margin-bottom:40px;
	border:solid 1px #a3a3a3;
}
.toc-list-hea {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:20px;
}
.toc-list-tit {
	font-family: var(--ff-sans);
	font-weight:700;
	font-size:1.6rem
}
.toc-hea-cap {
	font-size:0.8rem;
}
.toc-list-ite {
	padding:0 16px 4px 27px;
	position:relative;
}
.toc-list-ite::before {
position:absolute;
left:-2px;
top:2px;
content: "";
background:url(../images/chevron-down.svg) left center no-repeat;
width:20px;
height:20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.toc-list-ite000:last-of-type {
	padding:0 16px 0px 32px;
}
.art-cont-blo p {
	font-weight:400;
	padding-bottom:30px;
}
.art-cont-blo h3 {
	color:#333333;
	font-weight:700;
	font-size:1.2rem;
	padding-bottom:5px;
	margin-bottom:20px;
	letter-spacing:0;
	border-left:solid 5px var(--main-color);
	padding-left:15px;
}
.art-cont-blo h4 {
	color:#333333;
	font-weight:700;
	font-size:1.1rem;
	padding-bottom:5px;
	margin-bottom:20px;
	letter-spacing:0;
}
.art-cont-blo ul {
	margin-bottom:30px;
}
.art-cont-blo ul li {
	font-size:1rem;
	font-weight:400;
	position:relative;
	padding:0px 0 10px 25px;
}
.art-cont-blo ul li:before {
	position:absolute;
	left:0px;
	top:0px;
	content:"・";
	color:#333333;
	display:inline-block;
	transform: rotate(0deg);
	font-size:100%;
}
.art-cont-blo ol {
	margin:0 auto 30px;
}
.art-cont-blo ol li {
	font-weight:400;
	padding:0 0 0 20px;
	line-height:160%;
	padding-bottom:10px;
	list-style-type:none;
	list-style-position:outside;
	counter-increment: cnt;
	position:relative;
}
.art-cont-blo ol li:before {
	position:absolute;
	left:0px;
	display: marker;
	content: counter(cnt) ". ";
}
.art-cont-blo strong{
	font-weight: bold;
}
.prod-card-wra {
	padding:30px;
	max-width:780px;
	width:100%;
	height:auto;
	border:solid 1px #a3a3a3;
	margin-bottom:50px;
}
.prod-card-tit {
	color:#ffffff;
	font-size:1.4rem;
	font-weight:500;
	background:var(--main-color);
	padding:6px 16px;
	margin-bottom:40px;
}
.prod-card-inn {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:flex-start;
}
.prod-card-pic {
	max-width:38%;
	width:100%;
	height:auto;
	margin:0 auto;
}
.prod-card-pic img {
	width:100%;
	height:auto;
	margin:0 auto;
}
.prod-card-sec {
	max-width:62%;
	width:100%;
	height:auto;
	padding-left:20px;
}
.prod-card-poin {
	color:#333333;
	font-weight:700;
	font-size:1.1rem;
	margin-bottom:10px;
	letter-spacing:0;
	border-left:solid 5px #e3e3e3;
	padding-left:10px;
}
.prod-card-tex {
	font-weight:400;
	line-height:160%;
	padding-bottom:20px;
}
.prod-card-but {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:15px auto 10px;
}
.prod-card-but a {
	max-width:450px;
	color:#ffffff;
	font-weight:700;
	font-size:1.1rem;
	width:100%;
	height:54px;
	border-radius:5px;
	background:var(--key-color);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.prod-card-but a:hover {
	background: var(--key-color-light);
}
.sns-blo-wra {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.sns-blo-tit {
	font-family: var(--ff-sans);
	font-weight:700;
	font-size:22px;
	margin-bottom:10px;
}
.art-relate-wra {
	max-width:780px;
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
	margin-bottom:20px;
	padding-bottom: 20px;
}
.art-relate-wra:not(:last-of-type) {
	border-bottom:solid 1px #e3e3e3;
}
.art-relate-pic {
	width:42%;
	background:#FFF;
	aspect-ratio: 64 / 36;
}
.art-relate-pic img {
	width:100%;
	object-fit: cover;
}
.art-relate-lis {
	max-width:58%;
	width:100%;
	height:auto;
	padding:0px 30px;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:#ffffff;
}
.art-relate-tit {
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0;
	line-height:130%;
}
.docum-art-dat {
	margin-bottom:50px;
}
.docum-art-dat-lis {
	color:#333333;
	font-size:0.9rem;
	letter-spacing:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.docum-art-dat-lis dd {
	padding-right:10px;
}

/* 共通セレクタ */
.bre-cru {
	text-align: left;
	height: auto;
	line-height:140%;
	font-size:90%;
	margin:0 auto 20px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.bre-cru li:after {
	content:"〉";
	padding:0 0 0px 5px;
	font-size:90%;
}
.bre-cru li:last-child:after {
	content:"";
}
.ali-rig {
	text-align: right;
}
.ali-lef {
	text-align:left;
}
.ali-cen {
	text-align:center;
}
.con-cir-lis {
	width:calc(100% - 60px);
	border-radius:4px;
	-webkit-border-radius:4px;
	margin:20px auto;
	padding:20px 30px;
	background-color: #fffef1;
}
.con-cir-lis li {
	font-size:110%;
	font-weight:600;
	position:relative;
	padding:5px 30px;
}
.con-cir-lis li:before {
	left: 0;
	padding-right:10px;
	position:absolute;
	content: "";
	background:url(../images/check.svg) left center no-repeat;
	width:22px;
	height:22px;
}
.flu-ima {
	max-width:100%;
	width:100%;
	height:auto;
}
.ima-sor {
	width:100%;
	height:auto;
	margin:30px auto;
	text-align:center;
}
.ima-sor img {
	display:inline;
	max-width:100%;
	height:auto;
}
.mar-top-mid {
	margin-top:20px;
}
/* END　共通セレクタ */

/* テーブル　アンダーライン*/
.ver-tab-und-lin {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	text-align:center;
	margin:0px auto 20px;
}
.ver-tab-und-lin dt, .ver-tab-und-lin dd {
	font-size:100%;
	padding:10px;
	border-bottom:solid 1px #CCC;
	background:#fff;
}
.ver-tab-und-lin dt {
	width:calc(30% - 20px);
	color:#606521;
	background-color: #FAFCD8;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.ver-tab-und-lin dd {
	margin-left:10px;
	width:calc(70% - 30px);
	display:flex;
	justify-content:flex-start;
	align-items:center;
	text-align:left;
}
/* END テーブル　アンダーライン*/

/* Form */
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
/* iOSデフォルトスタイル リセット */
}
img.ui-datepicker-trigger {
	display:inline;
	margin-left:5px;
	vertical-align:middle;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="pass"],textarea, select {
	border:solid 1px #7C7B7B;
	border-radius:5px;
	width:100%;
	height:auto;
	font-size:1.0rem;
	padding:13px 15px;
}
select{
	-webkit-appearance: none;
  appearance: none;
}
.c-form__select{
	width: 50%;
	position: relative;
}
.c-form__select::before{
	content: "";
	display: block;
	width: 18px;
	height: 10px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background-color: #ccc;
	position: absolute;
	inset: 0;
	margin-block: auto;
	margin-inline: auto 10px;
}
.for-att {
	color:#FFF;
	font-weight:600;
	font-size:80%;
	padding:2px;
	line-height:120%;
	border-radius:4px;
	background:#e07979;
}
::-webkit-input-placeholder {
 opacity:1.0;
 color:#cfcfcf;
}
::-moz-placeholder {
 opacity:1.0;
 color:#cfcfcf;
}
:-ms-input-placeholder {
 opacity:1.0;
 color:#cfcfcf;
}
:-moz-placeholder {
 opacity:1.0;
 color:#cfcfcf;
}
/* メールフォーム */
.inq-blo {
	min-width:780px;
	width:100%;
	height:auto;
	margin:auto;
}
.ico-mus {
	max-width:48px;
	width:100%;
	height:auto;
	font-size:1.0rem;
	font-weight:700;
	color: #ffffff;
	margin: 0px 0px 0 15px;
	text-align:center;
	background:var(--key-color);
}
.inq-blo .dat-lis {
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
}
.inq-blo .dat-lis dt {
	width:100%;
	color:#333333;
	font-weight:700;
	font-size:1.3rem;
	padding-bottom:5px;
	margin-bottom:20px;
	letter-spacing:0;
	border-left:solid 5px var(--main-color);
	padding-left:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
.inq-blo .dat-lis dd {
	width:100%;
	height:auto;
	background:none;
	padding:0px 0px;
	margin-bottom:30px;
}
.inq-blo .submit-but-wra {
	width:100%;
	height:auto;
	margin:40px auto 0px;
	text-align:center;
}
.inq-blo .but-fre {
	font-size:1.1rem;
	font-weight:700;
	color:#ffffff;
	letter-spacing:2px;
	background: var(--key-color);
	border: none;
	line-height:140%;
	width:calc(60% - 0px);
	padding:10px 10px;
	border-radius:5px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	position:relative;
	top:0px;
}
.inq-blo .but-fre:hover {
	color: #ffffff;
	position:relative;
	top:10px;
	background:#CE4242;
	border:0px solid #D52A32;
}
.che-ent-wra {
	text-align:center;
}
.che-ent-wra a {
	text-decoration:underline;
}
blockquote {
	color:#878787;
	margin: 20px 0;
	padding:20px 40px;
	background: #f3f3f2;
	border: 0px solid #ccc;
	position:relative;
}
blockquote:before {
	content: "''";
	font-size:120%;
	font-weight: 600;
	color: #d7d7d7;
	left: 10px;
	top: 10px;
	position: absolute;
}
blockquote:after {
	content: "''";
	font-size:120%;
	font-weight: 600;
	color:#d7d7d7;
	right:10px;
	bottom:10px;
	position: absolute;
}

.prod-ban-wra {
	width:100%;
	height:auto;
}
.prod-ban-wra img {
	margin:0 auto;
	width:100%;
	height:auto;
}
/* l-container */
.l-content__inner {
	width: 100%;
	max-width: 1392px;
	padding: 0 40px;
	padding: 0 4rem;
	margin: 0 auto
}
/* c-products 外部サイトエリア */
.c-products {
	position: relative;
	padding: 96px 0;
	margin: 0 0 128px;
	background: url(../images/bg_products_pc.jpg) center center;
	background-size: cover;
	margin-top: 80px;
}

.c-products::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	content: '';
	background: rgba(33, 33, 33, .5)
}

.c-products .l-content__inner {
	position: relative;
	z-index: 2
}

.c-products__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2.4390243902%;
	padding: 0;
	margin: 0
}

.c-products__list>li {
	position: relative;
	width: 31.7073170732%;
	overflow: hidden;
	background: rgba(255, 255, 255, .5);
	-webkit-backdrop-filter: blur(10px) brightness(1.5);
	backdrop-filter: blur(10px) brightness(1.5)
}

.c-products__list a {
	position: relative;
	display: block;
	height: 100%;
	padding: 25px 30px 32px;
	-webkit-transition: .5s;
	transition: .5s
}

.c-products__list a:hover {
	opacity: .7
}
.c-products__list a:hover .title{
	color: var(--text-color);
}

.c-products__list a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 0;
	content: '';
	border-color: #1e293b transparent transparent transparent;
	border-style: solid;
	border-width: 80px 80px 0 0
}

.c-products__list a::after {
	position: absolute;
	top: 18px;
	left: 6px;
	z-index: 2;
	display: inline-block;
	font-family: var(--ff-sans);
	font-size: 12px;
	color: #fff;
	letter-spacing: .03em;
	content: 'PICK UP';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.c-products__list .images {
	margin-bottom: 12px
}

.c-products__list .images > picture:nth-child(1) img{
	height: 50px;
	margin-inline: auto;
}

.c-products__list .images > picture:nth-child(2) img{
	width: 100%;
}

.c-products__list .title {
	margin-bottom: 16px;
	text-align: center;
	letter-spacing: .03em
}

.c-products__list .title>span {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.6
}

.c-products__list .title>em {
	display: block;
	font-size: 17px;
	font-style: normal;
	line-height: 1.5882352941
}

.c-products__list .desc {
	margin-bottom: 28px;
	letter-spacing: .03em
}

.c-products__list .c-button:hover {
	color: inherit !important;
	background: 0 0 !important
}

.c-products__list .c-button:hover .c-icon--blank {
	color: #1e293b !important
}

/* .c-banners 製品バナーエリア */
.c-banners {
	padding: 120px 0 128px;
	margin-top: 100px;
	background-color: #e5ebef;
}

.c-banners__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 32px 3.7037037037%;
	width: 100%;
	max-width: 864px;
	padding: 0;
	margin: 0 auto
}

.c-banners__list>li {
	width: 48.1481481481%
}

.c-banners__list>li a {
	display: block
}

.c-banners__list>li a {
	position: relative
}

.c-banners__list>li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	content: '';
	background: rgba(255, 255, 255, 0);
	-webkit-transition: .5s;
	transition: .5s
}

.is-complete.c-banners__list>li a:hover::before {
	background: rgba(255, 255, 255, .3)
}
.c-banners__list>li a img{
	width: 100%;
}

/* c-button */
.c-button {
	display: block;
	width: 192px;
	min-height: 40px;
	padding: 8px 0;
	margin: 0 auto;
	font-size: 14px;
	color: #1e293b;
	text-align: center;
	cursor: pointer;
	border: 1px solid;
	-webkit-transition: .5s;
	transition: .5s
}

.c-button>span {
	color: inherit;
	vertical-align: middle
}

.c-button>span .c-icon--blank {
	margin-left: 10px
}

.c-button:hover {
	color: #fff !important;
	background: #1e293b !important
}

.c-button:hover [class*=c-icon] {
	color: #fff
}

[class*=c-button].md {
	width: 252px;
	padding: 15px 0;
	font-size: 16px;
}

[class*=c-button].lg {
	width: 416px;
	padding: 15px 0;
	font-size: 16px;
}

[data-stagger-fadein] .c-button {
	-webkit-transition: none;
	transition: none
}

[data-stagger-fadein].is-complete .c-button {
	-webkit-transition: .5s;
	transition: .5s
}

/* c-icon */
.c-icon--blank {
	position: relative;
	display: inline-block;
	width: 15.5px;
	height: 12px;
	color: #1e293b;
	-webkit-transition: .5s;
	transition: .5s
}

.c-icon--blank::before {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 12px;
	height: 8px;
	color: inherit;
	content: '';
	border: 1px solid
}

.c-icon--blank::after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 8px;
	color: inherit;
	content: '';
	border-bottom: 1px solid;
	border-left: 1px solid
}
.c-form__privacy{
		padding: 3em 1em;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 0;
		border: 1px solid #e2e2e2;
		height: 15em;
    overflow-y: auto;
}