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

.hea-contents-tit {

 font-size:12px;

}

}

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

.mai-vis-desc-tit {

 font-size:1.4rem;

 font-weight:500;

 letter-spacing:0;

 line-height:140%;

}

.art-card-tit {

 font-size:1.1rem;

 font-weight:500;

 letter-spacing:0;

 line-height:130%;

}

}

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



#wra {

 width:100%;

 height:auto;

 margin-top:100px;

}

 #hea-wra {

 width:100%;

 height:100%;

 background:#ffffff;

 position:relative;

}

 .hea-line-lef {

 display:none;

}

.hea-line-rig {

 display:none;

}

.hea-line {

 width:100%;

 height:60px;

 margin:0 auto;

 display:flex;

 flex-wrap:wrap;

 justify-content: space-between;

 align-items:center;

 padding:0 2.5%;

 background:var(--main-color);

 position:fixed;

 top:0;

 z-index:32;

}

.sp-hea-lef {

 display:block;

 width:100%;

 height:auto;

 margin:0 auto 0 0;

 max-width:154px;

}

.sp-hea-lef img {

 max-width:154px;

 width:100%;

 height:auto;

 margin:0 auto;

}



/* HUM　MENU　スマホ用 */

#hum-men-wra {

 display:block;

}

/* Hum Menu */

.hum-men, .hum-men span {

 display: inline-block;

 transition: all .4s;

 box-sizing: border-box;

}

a.hum-men {

 position: relative;

 width: 20px;

 height: 19px;

 opacity:1;

 cursor: pointer;

}

.hum-men span {

 position: absolute;

 left: 0;

 width: 100%;

 height: 1.4px;

 background: #ffffff;

 border-radius: 2px;

}

.hum-men span:nth-of-type(1) {

 top: 0;

}

.hum-men span:nth-of-type(2) {

 top: 9px;

}

.hum-men span:nth-of-type(3) {

 bottom: 0;

}

.hum-men.hum-men-act span:nth-of-type(1) {

 -webkit-transform: translateY(9px) rotate(-45deg);

 transform: translateY(8px) rotate(-45deg);

 height: 2.8px;

 background: #ffffff;

}

.hum-men.hum-men-act span:nth-of-type(2) {

 opacity: 0;

}

.hum-men.hum-men-act span:nth-of-type(3) {

 height: 2.8px;

 background: #ffffff;

 -webkit-transform: translateY(-9px) rotate(45deg);

 transform: translateY(-8px) rotate(45deg);

}





/* モーダル背景 */

.mod-bac {

display:none;

background-color: rgba(26, 8, 56, 0.0);

width:100%;

height:140%;

position:fixed;

top:60px;

left:0;

z-index: 30;

}

/* モーダルウィンドウ */

.hea-contents {

 top:60px;

position:fixed;

z-index: 31;

 width:100%;

 height:calc(100% - 60px);

 max-height:768px;

 overflow-y:scroll;

 padding:5% 2.5%;

 display:none;

 flex-wrap:nowrap;

 flex-direction:column;

 justify-content: flex-start;

 align-items:flex-start;

 background:url(../images/sp_bac_hum_menu01.jpg) left top no-repeat;

 background-size: cover;

}

.hea-contents-lef {

 width:100%;

 height:auto;

}

.hea-contents-log {

 width:100%;

 height:auto;

 max-width:280px;

 margin-bottom:10px;

}

.hea-contents-log img {

 max-width:280px;

 width:100%;

 height:auto;

 margin:0 auto;

}

.hea-contents-tit {

 font-size:0.70rem;

 color:#FFF;

 display:block;

}

.hea-contents-cen {

 width:100%;

 height:auto;

 margin:20px auto 30px;

 display:flex;

 flex-wrap:wrap;

 flex-direction:column;

 justify-content:flex-start;

 align-items:flex-start;

}

.hea-contents-cen > li {

 width:100%;

 height:auto;

}

.hea-contents-cen > li a {

 display:inline-block;

 width:100%;

 height:auto;

 color:#ffffff;

 font-weight:700;

 padding:16px 0px 16px 30px;

 border-bottom:solid 1px rgba(255, 255, 255, 0.5);

 position:relative;

}

.hea-contents-cen > li a::before {

position:absolute;

left:0px;

top:19px;

content: "";

background:url(../images/chevron-right-white.svg) left center no-repeat;

width:20px;

height:20px;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

.hea-contents-right {

	display: none;

}

.hea-contents-right > li {

 width:100%;

 height:auto;

 margin-left:0px;

 margin:0 auto 20px;

}

.hea-banner-item {

 width:100%;

 height:auto;

 margin:0 auto;

 max-width:280px;

}

.hea-banner-item img {

 max-width:280px;

 width:100%;

 height:auto;

 margin:0 auto;

}

 .sp-cate-menu {

 width:100%;

 height:40px;

 padding:0 2.5%;

 background:var(--main-color-light);

 display:flex;

 flex-wrap:wrap;

 justify-content: space-between;

 align-items:center;

 position:fixed;

 top:60px;

}

.sp-cate-menu-tit {

 display:inline-block;

 font-size: 14px;

 line-height:120%;

 padding:0;

 margin:0;

}

.sp-cate-menu-arrow a {

 display:inline-block;

 width:20px;

 height:20px;

}

.sp-cate-menu-arrow a:hover, .sp-cate-menu-arrow a img:hover {

 opacity:1;

}

.sp-cate-menu-arrow img {

 width:100%;

 height:100%;

}

nav{

	position:relative;

	z-index:20;



}

.men-wra {

	width:100%;

	text-align:left;

	margin:0 auto;

	padding:0px 0;

	display:none;

	background:#ffffff;

	position:fixed;

	top:100px;

}

.menu {

	width:100%;

	height:auto;

	margin:0px auto;

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	justify-content:flex-start;

	align-items:flex-start;

}

.menu li{

	width:100%;

	height:auto;

	text-align:left;



}

.menu li a{

	display:inline-block;

	width:100%;

	height:auto;

	color:var(--main-color);

	font-weight:700;

	text-align:left;

	padding:10px 5% 10px 5%;

	border-bottom:solid 1px #dddddd;

	position:relative;

	background:#ffffff;

}

/* .menu li a::before {

position:absolute;

left:2.0%;

top:calc(50% - 10px);

content: "";

background:url(../images/chevron-right.svg) left center no-repeat;

width:20px;

height:20px;

} */

/* メインスライダー */

.mai-vis-sli-wra {

	max-width:768px;

	width:95%;

	height:auto;

	margin:0 auto;

	padding:4% 0;

}

.mai-vis-sli {

	text-align:center;

	width:100%;

	height:auto;

	padding:0 0px;

	margin:0px auto;

	position:relative;

}

.mai-vis-ite {

	max-width:768px;

	width:100%;

	height:auto;

	background:#ffffff;

	display:flex;

	flex-wrap:wrap;

	justify-content: center;

	align-items:center;

}

.mai-vis-pic {

	max-width:768px;

	width:100%;

	height:100%;

	background:#FFF;

	overflow:hidden;

	aspect-ratio: auto;

}

.mai-vis-pic img {

	height:auto;

	width:100%;

}

.mai-vis-desc {

	max-width:768px;

	width:100%;

	height:auto;

	padding:5% 4%;

}

.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 {

	padding-bottom:5px;

}

.mai-vis-desc-icon {

	max-width:24px;

	width:auto;

	height:auto;

	margin-right:10px;

}

.mai-vis-desc-icon img {

	max-width:24px;

	width:100%;

	height:auto;

}

.mai-vis-desc-tit {

	font-size:1.2rem;

	font-weight:500;

	letter-spacing:0;

	line-height:140%;

}

.mai-vis-desc-dat {

	color:#A3A3A3;

	font-size:0.8rem;

	padding:10px 0 20px;

	letter-spacing:2px;

}

.mai-vis-desc-cap {

	font-size:1.0rem;

	letter-spacing:0;

	padding-bottom:20px;

}

.mai-vis-desc-but a {

	max-width:450px;

	width:100%;

	height:54px;

	margin:auto;

	border-radius:5px;

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	align-items:center;

}

.mai-vis-desc-anc {

	color:#fff;

}

.slide-dots li {

	display:inline;

	margin:auto 5px;

}

.slide-dots {

	text-align: center;

	margin-bottom:0px;

}

.slide-dots button:before {

	content:"●";

	color:#707070;

	font-size: 0.6rem;

	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%);

}

#sub-blo {

	max-width:768px;

	width:95%;

	height:auto;

	margin:0 auto;

	background-color: rgba( 255, 255, 255, 0.0 );

	display:flex;

	flex-wrap:wrap;

	justify-content: center;

	align-items:flex-start;

}

.page-tit {

	color:#333333;

	font-weight:700;

	font-size:1.0rem;

	margin-bottom:23px;

}

.page-capt {

	padding-bottom:23px;

}

.art-card-wra {

	max-width:768px;

	width:100%;

	height:auto;

	display:flex;

	flex-wrap:wrap;

	justify-content: center;

	align-items:flex-start;

	margin-bottom:20px;

}

.art-card-pic {

	max-width:768px;

	width:100%;

	min-height:185px;

	height:auto;

	background:#FFF;

	overflow:hidden;

	position:relative;

}

.art-card-pic img {

	position:static;

	width:100%;

	height:100%;

	top: 0%;

	left: 0%;

	min-height: 100%;

	min-width: 100%;

	-ms-transform: translateX(-0%) translateY(-0%);

	-moz-transform: translateX(-0%) translateY(-0%);

	-webkit-transform: translateX(-0%) translateY(-0%);

	transform: translateX(-0%) translateY(-0%);



}



.art-card-lis {

	max-width:768px;

	width:100%;

	min-height:165px;

	height:auto;

	padding:0px 20px;

	text-align:left;

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	justify-content:center;

	align-items:center;

	background:#ffffff;

}

.art-card-desc {

}

.art-card-cat {

	display:flex;

	flex-wrap:wrap;

	justify-content:flex-start;

	align-items:center;

	padding-bottom:5px;

}

.art-cat-tit {

	font-size:0.9rem;

}

.art-card-icon {

	max-width:24px;

	width:auto;

	height:auto;

	margin-right:5px;

}

.art-card-icon img {

	max-width:24px;

	width:100%;

	height:auto;

}

.art-card-tit {

	font-size:1.1rem;

	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: 30px;

}

.pag-nav-war{

	margin:0 auto 30px;

}

.pag-nav ul {

	position: relative;

	float: left;

	left: 50%;

	margin-bottom: 12px;

}

.pag-nav ul li {

	position: relative;

	float: left;

	left: -50%;

	width: 24px;

	height: 28px;

	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 8px;

	opacity:0.4;

}

.pag-nav ul li.pagination-no-num a {

	padding:0 8px;

}

.pag-nav ul li.pagination-sp {

	display: table;

}

.pag-nav ul li a, .pag-nav ul li span {

	font-family: var(--);

	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 {

	color: #fff;

}

.pagination-txt {

	font-family: var(--ff-sans);

	clear: both;

	text-align: center;

	margin-bottom: 30px;

	background:#f4f4f4;

}

.pagination-txt span {

	color: #212121;

}



.prod-card-wra {

	padding:20px;

	max-width:768px;

	width:100%;

	height:auto;

	border:solid 1px #a3a3a3;

	margin-bottom:30px;

}

.prod-card-tit {

	color:#ffffff;

	font-size:1.2rem;

	font-weight:500;

	padding:6px 16px;

	margin-bottom:30px;

	text-align:center;

}

.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:300px;

	width:100%;

	height:auto;

	margin:0 auto 20px;

}

.prod-card-pic img {

	width:100%;

	height:auto;

	margin:0 auto;

}

.prod-card-sec {

	max-width:100%;

	width:100%;

	height:auto;

	padding-left:0px;

}

.prod-card-poin {

	color:#333333;

	font-weight:700;

	font-size:1.1rem;

	margin-bottom:10px;

	letter-spacing:0;

	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:5px 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;

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	align-items:center;

}

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

}



/* nav */

.lef-con {

	max-width:520px;

	width:100%;

	height:100%;

	margin-left:0px;

	padding-top: 0;

}

.sticky {

	position: -webkit-sticky;

	position: sticky;

	top: 10px;

}

.nav-blo {

	max-width:520px;

	width:100%;

	height:auto;

	margin:30px auto 0;

}

.nav-tit {

	font-size:1.1rem;

	font-weight:500;

	text-align:left;

	max-width:520px;

	width:100%;

	height:auto;

	min-height:48px;

	margin-bottom:1em;

	display:flex;

	flex-wrap:wrap;

	justify-content:flex-start;

	align-items:center;

}

.nav-lis, .widget_archive ul, .widget_categories ul {

	text-align:left;

}

.nav-lis li, .widget_archive ul li, .widget_categories ul li {

	position:relative;

}

/* .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 {

	max-width:520px;

	width:100%;

	height:auto;

	display:flex;

	flex-wrap:wrap;

	justify-content:flex-start;

	align-items:flex-start;

	margin-bottom: 10px;

}

.nav-card-pic {

	max-width:38.24%;

	width:100%;

	height:auto;

	margin:0 auto;

	padding-bottom:0px;

	overflow:hidden;

}

.nav-card-pic img {

	width:100%;

	height:auto;

}

.nav-card-desc {

	font-size:0.9rem;

	line-height:140%;

	max-width:61.76%;

	width:100%;

	height:auto;

	padding-left:16px;

	margin-bottom:30px;

}

.nav-card-wra:last-of-type .nav-card-desc {

	margin-bottom:0px;

}

.nav-banner-wra {

	padding-inline: 2.5%;

}

.nav-banner-item {

	width:100%;

	height:auto;

	margin:0 auto 10px;

	max-width:520px;

}

.nav-banner-item img {

	max-width:520px;

	width:100%;

	height:auto;

	margin:0 auto;

}



.ext-site-wra {

	width:100%;

	height:auto;

	margin:0 auto;

	max-width:768px;

}

.ext-site-wra img {

	max-width:768px;

	width:100%;

	height:auto;

	margin:0 auto;

}

.prod-ban-wra {

	width:100%;

	height:auto;

	margin:0 auto;

	max-width:768px;

}

.prod-ban-wra img {

	max-width:768px;

	width:100%;

	height:auto;

	margin:0 auto;

}

.pc-blo{

	display:none;

}

.sp-blo{

	display:block;

}

.foo-men {

	max-width:768px;

	width:100%;

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	justify-content:flex-start;

	align-items:flex-start;

	margin:0 auto;

	margin-bottom:30px;

}

.foo-men li{

	width:100%;

	height:auto;

}

.foo-men li a {

	display:inline-block;

	width:100%;

	height:auto;

	color:#ffffff;

	font-size:0.9rem;

	padding:15px 10px;

	border-bottom:dotted 1px rgba( 255, 255, 255, 0.5);

}

#pag-top {

	position:fixed;

	bottom:30px;

	right:10px;

	z-index:100;

}

/* Contents */

.cen-con {

	max-width:768px;

	width:100%;

	height:auto;

	margin-top:30px;

}

.docum-card-wra {

	max-width:768px;

	width:100%;

	height:auto;

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	justify-content:flex-start;

	align-items:center;

	margin-bottom:20px;

}

.docum-card-pic {

	position:relative;

	max-width:768px;

	width:100%;

	min-height:185px;

	height:auto;

	background:#FFF;

	overflow:hidden;

}

.docum-card-pic img {

	position:static;

	height:100%;

	width:100%;

	top: 0%;

	left: 0%;

	min-height: 100%;

	min-width: 100%;

	-ms-transform: translateX(-0%) translateY(-0%);

	-moz-transform: translateX(-0%) translateY(-0%);

	-webkit-transform: translateX(-0%) translateY(-0%);

	transform: translateX(-0%) translateY(-0%);

}

.docum-card-lis {

	max-width:768px;

	width:100%;

	min-height:165px;

	height:auto;

	padding:15px 20px;

	text-align:left;

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	justify-content:center;

	align-items:center;

	background:#ffffff;

}

.docum-card-capt {

	font-size:0.9rem;

	font-weight:400;

}

.docum-card-tit {

	font-size:1.2rem;

	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 dd {

	padding-right:10px;

}

.toc-list-wra {

	max-width:768px;

	width:100%;

	height:auto;

	padding:20px;

	margin-bottom:30px;

}

.toc-list-hea {

	display:flex;

	margin-bottom:20px;

}

.toc-list-tit {

	font-family: var(--ff-sans);

	font-weight:700;

	font-size:20px;

}

.toc-hea-cap {

	font-size:0.8rem;

}

.toc-list-ite {

	padding:0 0px 10px 18px;

	position:relative;

	font-size: 14px;

}

.toc-list-ite::before {

position:absolute;

left:-2px;

top:2px;

content: "";

width:20px;

height:20px;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

.toc-list-ite000:last-of-type {

	padding-bottom: 0;

}

.art-cont-blo h3 {

	color:#333333;

	font-weight:700;

	font-size:1.1rem;

	padding-bottom:5px;

	margin-bottom:20px;

	letter-spacing:0;

	padding-left:10px;

}

.art-cont-blo h4 {

	color:#333333;

	font-weight:700;

	font-size:1.0rem;

	padding-bottom:5px;

	margin-bottom:20px;

	letter-spacing:0;

}

.art-wra {

	padding:4% 5% 30px;

	background:#ffffff;

	margin:0 auto 60px;

}

.art-tit {

	color:#333333;

	font-weight:700;

	font-size:1.3rem;

	padding-bottom:15px;

	margin-bottom:15px;

	letter-spacing:0;

	border-bottom:solid 1px #707070;

}

.art-tit._page{

	margin-bottom: 30px;

}

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

}

.mar-top-mid {

	margin-top:0px;

}

.art-pic {

	width:100%;

	height:auto;

	margin:30px auto 30px;

	max-width:768px;

}



.art-pic img {

	max-width:768px;

	width:100%;

	height:auto;

	margin:0 auto;

}

.art-cont-blo h2 {

	color:#333333;

	font-weight:700;

	font-size:1.3rem;

	line-height:130%;

	padding-bottom:5px;

	margin-bottom:20px;

	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;

}

/* 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"], select{

	border:solid 1px #7C7B7B;

	border-radius:5px;

	width:100%;

	height:auto;

	font-size:1.0rem;

	padding:13px 15px;

}

.c-form__select{

	width: 100%;

}

textarea {

	border:solid 1px #cdcdcd;

	width:calc(100% - 22px);

	height:calc(80px);

	padding:10px;

	font-size:100%;

}

.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:100%;

	max-width:768px;

	width:100%;

	height:auto;

	margin:auto;

}

.ico-mus {

	max-width:48px;

	width:100%;

	height:auto;

	font-size:0.9rem;

	font-weight:700;

	color: #ffffff;

	margin: 0px 0px 0 15px;

	text-align:center;

}

.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.1rem;

	padding-bottom:5px;

	margin-bottom:15px;

	letter-spacing:0;

	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:15px;

}

.inq-blo .submit-but-wra {

	width:100%;

	height:auto;

	margin:20px 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);

	line-height:140%;

	width:90%;

	padding:10px 10px;

	border: none;

	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;

}

.art-relate-wra {

	max-width:768px;

	width:100%;

	height:auto;

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	align-items:flex-start;

	margin-bottom:20px;

}

.art-relate-pic {

	max-width:768px;

	width:100%;

	height:100%;

	background:#FFF;

	overflow:hidden;

}

.art-relate-pic img {

	height:auto;

	width:100%;

}

.art-relate-lis {

	max-width:768px;

	width:100%;

	height:auto;

	padding:20px;

	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.1rem;

	font-weight:500;

	letter-spacing:0;

	line-height:130%;

}



/* l-content */

.l-content__inner {

	padding: 0 5%;

}



/* c-products 外部サイトエリア */

.c-products {

	padding: 60px 0;

	margin: 0 0 60px;

	background: url(../images/bg_products_sp.jpg) top center;

	background-size: cover

}



.c-products__list {

	display: block

}



.c-products__list>li {

	width: 100%

}



.c-products__list>li+li {

	margin-top: 32px;

}



.c-products__list a {

	padding: 25px 32px 32px;

}



.c-products__list .images {

	margin-bottom: 12px;

}



.c-products__list .images>img:nth-child(1) {

	width: 15rem;

	margin: 0 auto 16px;

}



.c-products__list .images>img:nth-child(2) {

	width: 20rem

}



.c-products__list .title>span {

	margin-bottom: 10px;

}



.c-products__list .desc {

	margin-bottom: 25px;

	font-size: 12px;

	line-height: 1.8

}



/* c-banners 製品バナーエリア */

.c-banners {

	padding: 60px 0;

	margin-top: 60px;

}



.c-banners__list {

	display: block

}



.c-banners__list>li {

	width: 100%

}



.c-banners__list>li+li {

	margin-top: 16px;

}



.c-button {

	width: 100%

}



[class*=c-button].md {

	width: 100%;

	padding: 14px 0

}



[class*=c-button].lg {

	width: 100%;

	padding: 14px 0

}

}

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

}

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

}

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

}

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

}