@charset "utf-8";
/* CSS Document */
/*====================================
Reset
====================================*/
html{
	width: 100%;
	font-size:2.41546vw; /* 1rem=10px */
	font-weight:400;
	margin-top: 0 !important;
}
body{
	min-width: 320px;
	line-height: 1;
	font-weight: 400;
	color: #333;
	background-color: #fff;
	position: relative;
	overflow-x: hidden;
	font-family: 'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (min-width: 600px) {
	html{
		font-size: 10px;
	}
}
img{
	width: 100%;
}
img,
input[type="image"],
a svg,
a path{
	transition: 0.5s  all ease;
}
a:not(.js--to_top){
	text-decoration: none;
	color:inherit;
	transition:0.5s all ease;
}
@media screen and (min-width: 1050px) {
	a:hover img:not(.rollover):not(.not_op){
		opacity: 0.7;
	}
}
a, input,
.slider_prev,
.slider_next,
button{
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* ハイライトカラー無効化 */
	 outline: 0;
}
::selection {
	background: #CCE9ED;
}
.mincho{
	font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}


/*====================================
Common
====================================*/
.cmn_width{
}
.contents_inner{
	padding:0 3.62vw;
}
#wrap{
	position: relative;
	overflow:hidden;
	z-index: 1;
}
.anchor{
	display: block;
	width: 0;
	height: 0;
	padding-top: 50px;
	margin-top: -50px;
}
.bg_blue_wrap{
	padding-top: 7.24vw;
	padding-bottom: 7.24vw;
	background-color: #E0EFF1;
}
@media screen and (min-width: 600px) {
	.contents_inner{
		padding:0 30px;
	}
	.bg_blue_wrap{
		padding-top: 40px;
		padding-bottom: 60px;
	}
}
@media screen and (min-width: 960px) {
	.contents_inner{
		padding:0;
	}
	.cmn_width{
		width: 900px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1100px) {
	.cmn_width{
		width: 1100px;
	}
	.anchor{
		padding-top: 70px;
		margin-top: -70px;
	}
	.bg_blue_wrap{
		box-sizing: 0px -1px 3px -2px rgba(153,153,153,.2) inset;
	}
}

/* 共通矢印ボタン
--------------------------------------*/
/* 開閉 */
.arrow_mark{
	position: absolute;
	pointer-events: none;
	display: block;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 100%;
	width: 20px;
	height: 20px;
}
.arrow_mark:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 6px;
	height: 6px;
	border-right: solid 1px #0092A7;
	border-bottom: solid 1px #0092A7;
	top: 50%;
	right: 5px;
	transform: translateY(-60%) rotate(45deg);
	transition: all 0.5s ease;
}
.is--open > .arrow_mark:before{
	transform: translateY(-40%) rotate(-135deg);
}
@media screen and (min-width: 1100px) {
	.arrow_mark{
		right: 12px;
		width: 15px;
		height: 15px;
	}
	.arrow_mark:before{
		width: 5px;
		height: 5px;
		right: 4px;
		transform: translateY(-70%) rotate(45deg);
	}
	.is--open > .arrow_mark:before{
		transform: translateY(-30%) rotate(-135deg);
	}
}

/* リンク */
.arrow_ku{
	position: relative;
}
.arrow_ku:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 8px;
	height: 8px;
	border-right: solid 1px #0092A7;
	border-bottom: solid 1px #0092A7;
	top: 50%;
	right: 12px;
	transform: translateY(-50%) rotate(-45deg);
	transition: all 0.5s ease;
}

/* ボタン */
a.arrow_ku_btn{
	display: block;
	border-radius: 3px;
	border:solid 1px #0092A7;
	padding:2.41vw 1.81vw 2.41vw 4.83vw;
	font-size: 1rem;
	font-weight: 500;
	color:#0092A7;
	position: relative;
}
a.arrow_ku_btn:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 3px;
	height: 3px;
	border-top: solid 1px #0092A7;
	border-right: solid 1px #0092A7;
	top: 50%;
	left: 2.41vw;
	transform: translateY(-50%) rotate(45deg);
	transition: all 0.5s;
}

@media screen and (min-width: 600px) {
	a.arrow_ku_btn{
		padding:5px 12px 6px 28px;
		font-size: 13px;
	}
	a.arrow_ku_btn:before{
		width: 4px;
		height: 4px;
		left: 14px;
	}
}
@media screen and (min-width: 1100px) {
	a.arrow_ku_btn:hover{
		background-color: #0092A7;
		color:#FFF;
	}
	a.arrow_ku_btn:hover:before{
		border-color: #FFF;
	}
}

/* 動画埋め込み */
.movie--wrap{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie--wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie--wrap video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*====================================
header
====================================*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: #FFF;
	box-shadow:0px 0px 10px 2px rgba(102,102,102,0.1);
	z-index: 1000;
}
header .header_inner{
	display: flex;
	justify-content: space-between;
}
header .header_logo{
	width: 123px;
	padding-top: 15px;
	padding-left: 15px;
}
@media screen and (max-width: 1099px) {
	header .header_inner{
		width: 100%;
	}
}
@media screen and (min-width: 1100px) {
	header{
		height: 70px;
	}
	header .header_logo{
		width: 161px;
		padding-top: 23px;
		padding-left: 3px;
	}
}

header .gnav{
	display: none;
}
@media screen and (min-width: 1100px) {
	header .gnav{
		display: block;
	}
	header .gnav_list{
		display: flex;
		height: 70px;
	}
	header .gnav_item{
		position: relative;
		padding-top: 26px;
		font-size: 14px;
		height: 100%;
		box-sizing: border-box;
	}
	header .gnav_item:not(.company){
		padding-left: 20px;
		padding-right: 20px;
	}
	header .gnav_item:not(.company):after{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 5px;
		height: 5px;
		border-radius: 5px;
		background-color: #62ADBB;
		top: 52px;
		left: 50%;
		transform: translateX(-50%);
		transition: width 0.25s, height 0.1s;
	}
	header .gnav_item:not(.company):hover:after,
	header .gnav_item.is--on:after{
		width: 35px;
		height: 2px;
		top: 53px;
	}
	header .gnav_item .nav_txt{
		padding-bottom: 40px;
		cursor: pointer;
	}
	header .gnav_item.company{
		width: 140px;
		text-align: center;
		border-right: solid 1px #F0F0F0;
		border-left: solid 1px #F0F0F0;
		cursor: pointer;
	}
	header .gnav_item.company svg{
		width: 12px;
		height: 11px;
		margin-left: 10px;
	}
	header .gnav_item.company svg path{
		transition: all 0.5s;
	}
	header .gnav_item.company:hover{
		color:#0092A7;
	}
	header .gnav_item.company:hover svg path{
		fill:#0092A7;
	}

	header .gnav .dropdown_blc{
		position: fixed;
		left: calc((100vw - 1100px) / 2);
		top: 75px;
		width: 100%;
		opacity: 0;
		z-index: 3;
		pointer-events: none;
		transition: opacity .3s ease;
	}
	header .gnav .dropdown_layer{
		background:rgba(51,51,51,.4);
		opacity: 0;
		position: fixed;
		top: 70px;
		left: 0;
		height: calc(100vh - 70px);
		width: 100vw;
		z-index:4;
		pointer-events: none;
		transition: opacity .3s ease;
	}
	header .gnav .dropdown_box{
		width: 1100px;
		box-sizing: border-box;
		position: relative;
		z-index: 5;
	}

	header .gnav .gnav_item:hover .dropdown_blc{
		opacity: 1;
		transition-delay: .1s;
	}
	header .gnav .gnav_item:hover .dropdown_layer{
		opacity: 1;
	}
	header .gnav .gnav_item:hover .dropdown_box{
		pointer-events: auto;
		transition-delay: .1s;
	}

	header .gnav_content_box{
		position: relative;
		background-color: #fff;
		padding: 30px 40px 15px 40px;
	}
	/* unique */
	header .gnav_content_box .blc_unque{
		margin-bottom: 20px;
	}
	header .gnav_content_box .blc_unque .to_archive{
		position: relative;
		color:#0092A7;
		font-size: 16px;
		font-weight: 500;
		padding-left: 20px;
		display: block;
	}
	header .gnav_content_box .blc_unque .to_archive:hover{
		text-decoration: underline;
	}
	header .gnav_content_box .blc_unque .to_archive .arrow_mark{
		right: auto;
		left: 0px;
		width: 15px;
		height: 15px;
		background-color: #0092A7;
	}
	header .gnav_content_box .blc_unque .to_archive .arrow_mark:before{
		border-color: #FFF;
		width: 4px;
		height: 4px;
		transform: translateY(-60%) rotate(-45deg);
		right: 5px;
	}
	header .gnav_content_box .blc_link{
		display: flex;
		flex-wrap: wrap;
		align-items:center;
	}
	header .gnav_content_box .blc_link a{
		display: block;
		width: 167px;
		color:#0092A7;
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		padding-top: 7px;
		padding-bottom: 8px;
		box-sizing: border-box;
		margin-right: 1px;
		letter-spacing: -0.02em;
		position: relative;
		margin-bottom: 25px;
	}
	header .gnav_content_box .blc_link a:after,
	header .gnav_content_box .blc_link a:nth-child(1):before,
	header .gnav_content_box .blc_link a:nth-child(7):before,
	header .gnav_content_box .blc_link a:nth-child(13):before{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 1px;
		height: 19px;
		background-color: #CCC;
		top: 5px;
	}
	header .gnav_content_box .blc_link a:after{
		right: -1px;
	}
	header .gnav_content_box .blc_link a:nth-child(1):before,
	header .gnav_content_box .blc_link a:nth-child(7):before,
	header .gnav_content_box .blc_link a:nth-child(13):before{
		left: -1px;
	}
	header .gnav_content_box .blc_link a:hover{
		background-color: #0092A7;
		color:#FFF;
	}
	/* グレー背景 */
	.side_gray{
		transition: all 0.25s;
		background:rgba(51,51,51,0);
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index:999;
		pointer-events: none;
	}
	.side_gray.gnav-on{
		background:rgba(51,51,51,.4);
	}
}

.js--hamburger{
	width: 50px;
	height: 50px;
	position: relative;
	background-color: #0092A7;
}
.js--hamburger span{
	position: absolute;
	top: 15px;
	right: 12px;
	width: 25px;
	height:1px;
	background-color:#FFF;
	transition: all 0.3s ease-in-out;
}
.js--hamburger.is--open span:first-child{
	transform:translateY(12px) rotate(-45deg);
}
.js--hamburger span:nth-child(2){
	top: 25px;
}
.js--hamburger.is--open span:nth-child(2){
	opacity: 0;
}
.js--hamburger span:last-child{
	top: 35px;
}
.js--hamburger.is--open span:last-child{
	transform:translateY(-8px) rotate(45deg);
}

@media screen and (min-width: 1100px) {
	.js--hamburger{
		display: none;
	}
}

/*===============================
hamburger menu
===============================*/
#menu{
	z-index:900;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	display: none;
	padding-top: 50px;
	padding-bottom: 50px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.8);
}
#menu .menu_inner{
	overflow-x: scroll;
	max-height: calc(100vh - 50px);
	box-sizing: border-box;
	padding-bottom: 50px;
}
@media screen and (min-width: 600px) {
	#menu .menu_inner{
		background-color: #E0EFF1;
		padding-bottom: 0;
	}
	#menu .blc_contact,
	#menu .blc_product,
	#menu .blc_link{
		width: 424px;
		margin: 0 auto;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 1100px) {
	#menu{
		display: none;
	}
}

/* お問い合わせ
--------------------------------------*/
#menu .blc_contact{
	padding:15px;
	background-color: #E0EFF1;
}
#menu .blc_contact a{
	display: block;
	background-color: #fff;
	border:solid 1px #0092A7;
	border-radius: 3px;
	padding:15px;
	text-align: center;
}
#menu .blc_contact a svg{
	width: 24px;
	height: 19px;
	margin-right: 10px;
	vertical-align: middle;
}
#menu .blc_contact a svg path{
	fill:#0092A7;
}
#menu .blc_contact a span{
	color:#0092A7;
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

/* 製品カテゴリ一覧
--------------------------------------*/
#menu .blc_product .product_ttl{
	position: relative;
	background-color: #0092A7;
	padding:15px 18px;
	color:#FFF;
	font-size: 16px;
}
#menu .blc_product .arrow_mark{
	width: 16px;
	height: 16px;
	right: 10px;
}
#menu .blc_product .arrow_mark::before{
	width: 4px;
	height: 4px;
	border-width: 2px;
	border-color: #0092A7;
	right: 5px;
}
#menu .blc_product .product_inner{
	padding:15px;
	background-color: #E0EFF1;
}
#menu .blc_product .product_list{
	background-color: #fff;
	padding:0 15px 15px 15px;
}
#menu .blc_product .row:not(:last-child){
	border-bottom: solid 1px #CCC;
}
#menu .blc_product .row:not(.column-1){
	display: flex;
}
#menu .blc_product .row a{
	display: block;
	padding: 20px 15px 20px 10px;
	color:#0092A7;
	font-size: 13px;
	font-weight: 500;
	width: 50%;
	box-sizing: border-box;
}
#menu .blc_product .row.column-1 a{
	text-align: center;
	width: 100%;
}
#menu .blc_product .row a:nth-child(2){
	border-left: solid 1px #CCC;
}

/* リンク一覧（footerと共有）
--------------------------------------*/
@media screen and (max-width: 1099px) {
	.cmn_link_menu .pc{
		display: none;
	}
	.cmn_link_menu{
		background-color: #fff;
	}
	.cmn_link_menu .link_wrap .row{
		display: flex;
	}
	.cmn_link_menu .link_wrap:not(:last-child) .row{
		border-bottom: solid 1px #CCC;
	}
	.cmn_link_menu .row li{
		width: 50%;
		position: relative;
	}
	.cmn_link_menu .row li:first-child{
		border-right: solid 1px #CCC;
	}
	.cmn_link_menu .row li span,
	.cmn_link_menu .row li a{
		display: block;
		padding:18px 15px;
		font-size: 16px;
	}
	.cmn_link_menu .row .arrow_mark{
		background-color: #0092A7;
		width: 15px;
		height: 15px;
		right: 7px;
	}
	.cmn_link_menu .row .arrow_mark:before{
		border-color: #FFF;
		width: 4px;
		height: 4px;
	}
	.cmn_link_menu .link_cbox{
		display: none;
		border-bottom: solid 1px #CCC;
		background-color:#F2F2F2;
		padding:0 15px;
	}
	.cmn_link_menu .link_cbox .link_c_wrap:first-child{
		border-bottom: solid 1px #CCC;
	}
	.cmn_link_menu .link_cbox a{
		display: block;
		font-size: 16px;
		line-height: 1.2;
		padding:15px 15px 15px 0;
	}
	.cmn_link_menu .link_cbox a:not(:last-child){
		border-bottom: solid 1px #CCC;
	}

}

/* ハンバーガーメニュー 色調整 */
#menu .blc_link{
	border-top: solid 1px #0092A7;
	border-bottom: solid 1px #0092A7;
}
#menu .blc_link .link_wrap .row{
	border-bottom: solid 1px #0092A7;
}
#menu .blc_link .row li:first-child{
	border-right: solid 1px #0092A7;
}
#menu .blc_link .link_cbox{
	border-bottom: solid 1px #0092A7;
}

/* 閉じる
--------------------------------------*/
#menu .blc_close{
	background-color: #0092A7;
	text-align: center;
	color:#FFF;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 16px;
}
#menu .blc_close span{
	width: 12px;
	height: 12px;
	position: relative;
	margin-right: 8px;
	display: inline-block;
}
#menu .blc_close span:before,
#menu .blc_close span:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	background-color: #fff;
	height: 1px;
	width: 16px;
	top: 0px;
	right: 0px;
}
#menu .blc_close span:before{
	transform: translateY(5px) rotate(-45deg);
}
#menu .blc_close span:after{
	transform: translateY(5px) rotate(45deg);
}

/*====================================
float_bnr
====================================*/
.float_bnr{
	display: none;
}
@media screen and (min-width: 1100px) {
	.float_bnr{
		position: fixed;
		top: 170px;
		z-index: 900;
		right: -59px;
		width: 59px;
		display: block;
		transition: all 0.4s ease;
		opacity: 0;
	}
	.float_bnr.is--fix{
		right: -4px;
		opacity: 1;
	}
	.float_bnr a{
		display: block;
		width: 100%;
		height: 190px;
		background-color: #fff;
		border-radius: 3px;
		box-sizing: border-box;
		box-shadow:0px 0px 3px 1px rgba(204,204,204,.65);
		overflow: hidden;
	}
	.float_bnr .bnr_inner{
		position: relative;
		padding-top: 17px;
		padding-left: 17px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.float_bnr .bnr_inner:before{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 4px;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #0092A7;
		transition: all 0.3s ease;
		z-index: 0;
	}
	.float_bnr a svg{
		width: 28px;
		height: 22px;
		margin-bottom: 6px;
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.float_bnr a svg path{
		fill:#0092A7;
	}
	.float_bnr a span{
		color:#0092A7;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.15;
		margin-left: 4px;
		display: inline-block;
		position: relative;
		z-index: 1;
		transition: all 0.3s ease;
	}
	.float_bnr a:hover .bnr_inner:before{
		width: 100%;
	}
	.float_bnr a:hover svg path{
		fill:#FFF;
	}
	.float_bnr a:hover span{
		color:#FFF;
	}
}

/*===============================
Footer
===============================*/
/* link */
@media screen and (max-width: 1099px) {
	footer{
		background-color: #E0EFF1;
	}
	footer .blc_link{
		border-top: solid 10px #0092A7;
		border-bottom: solid 1px #CCC;
	}
}
@media screen and (min-width: 1100px) {
	footer{
		display: flex;
		flex-direction:column;
	}
	footer .blc_link{
		order:2;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	footer .blc_link .cmn_link_menu{
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
	}
	footer .blc_link .link_wrap{
		display: flex;
		flex-wrap: wrap;
	}
	footer .blc_link .to_home{
		display: none;
	}
	footer .blc_link .row{
		display: flex;
		width: 100%;
	}
	footer .blc_link .row li{
		color:#0092A7;
		font-size: 16px;
		font-weight: 500;
		padding-left: 11px;
		position: relative;
		margin-bottom: 15px;
		box-sizing: border-box;
	}
	footer .blc_link .row li:before{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 3px;
		height: 13px;
		border-radius: 3px;
		background-color: #0092A7;
		top: 1px;
		left: 0;
	}
	footer .blc_link .row li .arrow_mark{
		display: none;
	}
	footer .blc_link .link_cbox a{
		display: block;
		font-size: 12px;
		line-height: 1.4;
		padding-left: 9px;
		position: relative;
	}
	footer .blc_link .link_cbox a:not(:last-child){
		margin-bottom: 20px;
	}
	footer .blc_link .link_cbox a:before{
		content:'-';
		display: block;
		position: absolute;
		pointer-events: none;
		top: 0;
		left: 0;
		border:none;
		transform: none;
		width: 1em;
		height: 1em;
	}
	footer .blc_link a:hover{
		text-decoration: underline;
	}
	/* unque */
	footer .blc_link .link_wrap:nth-child(1),
	footer .blc_link .link_wrap:nth-child(1) .row li[data-num="2"]
	footer .blc_link .link_wrap:nth-child(1) .box2{
		width: 125px;
	}
	footer .blc_link .link_wrap:nth-child(2){
		width: 397px;
	}
	footer .blc_link .link_wrap:nth-child(2) .row li[data-num="1"]{
		width: 251px;
	}
	footer .blc_link .link_wrap:nth-child(2) .box1{
		display: flex
	}
	footer .blc_link .link_wrap:nth-child(2) .box1 .link_c_wrap:nth-child(1){
		width: 121px;
	}
	footer .blc_link .link_wrap:nth-child(2) .box1 .link_c_wrap:nth-child(2){
		width: 125px;
	}
	footer .blc_link .link_wrap:nth-child(2) .row li[data-num="2"],
	footer .blc_link .link_wrap:nth-child(2) .box2{
		width: 130px;
	}
	footer .blc_link .link_wrap:nth-child(3){
		width: 422px;
	}
	footer .blc_link .link_wrap:nth-child(3) .row li[data-num="1"]{
		width: 250px;
	}
	footer .blc_link .link_wrap:nth-child(3) .box1{
		display: flex
	}
	footer .blc_link .link_wrap:nth-child(3) .box1 .link_c_wrap:nth-child(1){
		width: 127px;
	}
	footer .blc_link .link_wrap:nth-child(3) .box1 .link_c_wrap:nth-child(2){
		width: 123px;
	}
	footer .blc_link .link_wrap:nth-child(3) .row li[data-num="2"],
	footer .blc_link .link_wrap:nth-child(3) .box2{
		width: 172px;
	}
	footer .blc_link .link_wrap:nth-child(4){
		width: 155px;
	}
	footer .blc_link .information{
		display: none;
	}
}
/* info */
footer .blc_info{
	padding-top: 25px;
	padding-bottom: 25px;
}
footer .blc_info .box_company .item_head{
	margin-bottom: 15px;
}
footer .blc_info .box_company .item_head a{
	display: flex;
	align-items :flex-end;
}
footer .blc_info .box_company .item_head .logo{
	width: 123px;
	margin-right: 12px;
}
footer .blc_info .box_company .item_head .name{
	font-size: 11px;
	font-weight: 500;
}
footer .blc_info .box_company .item_address{
	font-size: 13px;
	line-height: 1.6;
}
footer .blc_info .box_tel .tel_wrap{
	display: flex;
}
@media screen and (max-width: 1099px) {
	footer .blc_info{
		background-color: #F0F0F0;
		box-shadow:0px -1px 3px -2px rgba(153,153,153,.4) inset;
	}
	footer .blc_info .pc{
		display: none;
	}
	footer .blc_info .box_company{
		border-bottom: solid 1px #CCC;
		padding-bottom: 25px;
	}
	footer .blc_info .box_company .item_head a{
		position: relative;
	}
	footer .blc_info .box_company .item_head a:after{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 11px;
		height: 11px;
		border-top: solid 1px #505050;
		border-right: solid 1px #505050;
		top: 50%;
		right: 0;
		transform: translateY(-60%) rotate(45deg);
	}
	footer .blc_info .box_tel{
		padding-top: 25px;
	}
	footer .blc_info .box_tel .tel_wrap{
		justify-content: space-between;
	}
	footer .blc_info .box_tel .tel_wrap .pc{
		display: none;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel{
		width: 48%;
		box-sizing: border-box;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel .btn_top_txt{
		margin-bottom: 6px;
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		color:#0092A7;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel .btn{
		display: block;
		padding:15px;
		color:#FFF;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		background-color:#0092A7;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel .btn svg,
	footer .blc_info .box_tel .tel_wrap .item_tel .btn span{
		display: inline-block;
		vertical-align: middle;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel .btn svg{
		width: 4.95vw;
		height: 5.07vw;
		margin-right: 1.2vw;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel .btn svg path{
		fill:#FFF;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel.tokyo .btn_top_txt{
		color:#F4A800;
	}
	footer .blc_info .box_tel .tel_wrap .item_tel.tokyo .btn{
		background-color:#F4A800;
	}
	footer .blc_info .box_tel .txt{
		margin-top: 10px;
		font-size: 13px;
		text-align: center;
	}
}
@media screen and (min-width: 600px) {
	footer .blc_info .box_tel .tel_txt{
		display: flex;
		align-items: center;
	}
	footer .blc_info .box_tel .tel_txt .area{
		display: inline-block;
		margin-right: 9px;
	}
	footer .blc_info .box_tel .tel_txt .area span{
		font-size: 13px;
		font-weight: 500;
		padding:0px 10px 1px 10px;
		border:solid 1px #0092A7;
		color:#0092A7;
		border-radius: 3px;
	}
	footer .blc_info .box_tel .tel_txt .num{
		font-size: 25px;
		font-weight: 500;
		color:#0092A7;
		letter-spacing: 0.03em;
		display: inline-block;
	}
	footer .blc_info .box_tel .item_tel.tokyo{
		margin-left: 14px;
	}
	footer .blc_info .box_tel .item_tel.tokyo .tel_txt .area span{
		color:#F4A800;
		border-color: #F4A800;
	}
	footer .blc_info .box_tel .item_tel.tokyo .tel_txt .num{
		color:#F4A800;
	}
}
@media screen and (min-width: 1100px) {
	footer .blc_info{
		order:1;
		display: flex;
		justify-content: space-between;
		align-items:center;
		padding-bottom: 40px;
		border-bottom: solid 1px #CCC;
	}
	footer .blc_info .sp{
		display: none;
	}
	footer .blc_info .box_company{
		width: 417px;
	}
	footer .blc_info .box_company .item_head{
		margin-bottom: 23px;
	}
	footer .blc_info .box_company .item_head .logo{
		width: 161px;
		margin-left: 4px;
		margin-right: 14px;
	}
	footer .blc_info .box_company .item_head .name{
		font-size: 14px;
	}
	footer .blc_info .box_tel{
		width: 545px;
		padding-top: 26px;
	}
	footer .blc_info .box_tel .txt{
		padding-left: 35px;
		font-size: 13px;
		margin-bottom: 18px;
	}
	footer .blc_info .box_tel .tel_wrap .icon_tel{
		margin-right: 15px;
	}
	footer .blc_info .box_tel .tel_wrap .icon_tel svg{
		width: 25px;
		height: 24px;
	}
	footer .blc_info .box_tel .tel_wrap .icon_tel svg path{
		fill:#0092A7;
	}
	footer .blc_info .box_contact{
		padding-top: 26px;
		width: 140px;
	}
	footer .blc_info .box_contact a{
		display: block;
		height: 50px;
		padding-top: 15px;
		width: 145px;
		color:#FFF;
		font-size: 16px;
		font-weight: 500;
		border-radius: 4px;
		background-color: #0092A7;
		text-align: center;
		box-sizing: border-box;
	}
	footer .blc_info .box_contact a:hover{
		background-color: #F4A800;
	}
	footer .blc_info .box_contact svg{
		width: 24px;
		height: 18px;
		margin-right: 3px;
		vertical-align: middle;
	}
	footer .blc_info .box_contact svg path{
		fill:#FFF;
	}
	footer .blc_info .box_contact span{
		color:#FFF;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
		vertical-align: middle;
	}
}
/* contact */
footer .blc_contact{
	background-color: #E0EFF1;
}
@media screen and (max-width: 1099px) {
	footer .blc_contact .pc{
		display: none;
	}
	footer .blc_contact .contact_bnr{
		display: block;
		width: 100%;
		padding-top: 16px;
		padding-bottom: 16px;
		border-bottom: solid 2px #FFF;
		text-align: center;
	}
	footer .blc_contact .contact_bnr svg{
		width: 24px;
		height: 19px;
		margin-right: 7px;
	}
	footer .blc_contact .contact_bnr svg path{
		fill:#0092A7;
	}
	footer .blc_contact .contact_bnr span{
		display: inline-block;
		color:#0092A7;
		font-size: 16px;
		font-weight: 500;
	}
}
@media screen and (min-width: 1100px) {
	footer .blc_contact{
		order:3;
	}
	footer .blc_contact .blc_inner{
		display: flex;
		justify-content:flex-end;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	footer .blc_contact a{
		display: inline-block;
		margin-left: 45px;
		font-size: 13px;
	}
	footer .blc_contact a:before{
		content:'-';
		display: inline-block;
		margin-right: 2px;
	}
	footer .blc_contact a:hover{
		text-decoration: underline;
	}
	footer .blc_contact .sp{
		display: none;
	}
}

/* copyright */
footer .blc_copyright{
	background-color: #0092A7;
	color:#FFF;
	position: relative;
}
@media screen and (max-width: 1099px) {
	footer .blc_copyright .copyright{
		line-height: 50px;
		width: calc(100% - 50px);
		text-align: center;
	}
	footer .blc_copyright .js--to_top{
		display: block;
		height: 50px;
		width: 50px;
		background-color: #fff;
		position: absolute;
		top: 0;
		right: 0;
	}
	footer .blc_copyright .js--to_top a{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	footer .blc_copyright .js--to_top a:before{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 17px;
		height: 17px;
		border-top: solid 2px #0092A7;
		border-right: solid 2px #0092A7;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-20%) rotate(-45deg);
	}
}
@media screen and (min-width: 1100px) {
	footer .blc_copyright{
		order:3;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	footer .blc_copyright .copyright{
		text-align: right;
	}
	footer .blc_copyright .js--to_top{
		display: none;
		width: 1100px;
		position: fixed;
		bottom: 90px;
		left: 50%;
		height: 40px;
		transform: translateX(-50%);
		pointer-events: none;
		z-index: 100;
	}
	footer .blc_copyright .js--to_top a{
		position: absolute;
		height: 40px;
		width: 40px;
		right: -60px;
		border-radius: 5px;
		background-color: #0092A7;
		pointer-events: auto;
	}
	footer .blc_copyright .js--to_top a:hover{
		background-color: #333;
	}
	footer .blc_copyright .js--to_top a:before{
		content:'';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 13px;
		height: 13px;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-20%) rotate(-45deg);
	}
}


/*===============================
popup
===============================*/
.popup{
	background-color: rgba(51,51,51,.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999;
	display: none;
}
.popup_inner{
	margin:0 auto;
	box-sizing:border-box;
	padding:6.03vw 4.83vw;
	background-color: #fff;
	border-radius: 3px;
	width: 90.33%;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: top 0.5s ease;
}
.popup .close{
	position: absolute;
	transition:all 0.3s ease;
	display:block;
	cursor:pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 30px;
	height: 30px;
	background-color:#F4A800;
	border-radius: 3px;
	top: -40px;
	right: 0px;
	z-index: 2;
}
.popup .close span{
	position: absolute;
	height: 1px;
	width: 20px;
	top: 50%;
	left: 50%;
	background-color: #fff;
	pointer-events: none;
}
.popup .close span:first-child{
	transform:translate(-50%,-50%) rotate(-45deg);
}
.popup .close span:last-child{
	transform:translate(-50%,-50%) rotate(45deg);
}
.popup .p_c{
	display: none;
	max-height: 75vh;
	overflow-y: scroll;
}
.popup .p_c::-webkit-scrollbar{
	display:none;
}

@media screen and (min-width: 600px) {
	.popup .popup_inner{
		padding:30px 40px 40px 40px;
		max-width: 540px;
	}
	.popup .close{
		width: 40px;
		height: 40px;
		top: -50px;
		right: 0px;
	}
	.popup .close span{
		height: 1px;
		width: 22px;
	}
	.popup .p_c{
		overflow-y: auto;
		max-height: 82vh;
	}
}


/*===============================
Slider
===============================*/
/* ナビゲーション */
.slider_arrows{
	position: absolute;
	top: 50px;
	pointer-events: none;
	width: 100%;
	z-index: 5;
}
.slider_prev,
.slider_next{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background-color: #0092A7;
	top: 0;
	pointer-events: auto;
	cursor: pointer;
}
.slider_prev:before,
.slider_next:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 13px;
	height: 13px;
	border-top: solid 2px #FFF;
	top: 50%;
}
.slider_prev{
	left: -70px;
}
.slider_prev:before{
	border-left: solid 2px #FFF;
	transform: translateY(-50%) rotate(-50deg) skewX(-10deg);
	left: 16px;
}
.slider_next{
	right: -70px;
}
.slider_next:before{
	border-right: solid 2px #FFF;
	transform: translateY(-50%) rotate(50deg) skewX(10deg);
	right:16px;
}
@media screen and (min-width: 1100px) {
	.slider_prev,
	.slider_next{
		transition: 0.5s all;
	}
	.slider_prev:hover,
	.slider_next:hover{
		background-color: #333;
	}
}

/* ページネーション */
.slider_pagination{
	position: absolute;
	bottom: -4.83vw;
}
.slider_pagination .swiper-pagination-bullet{
	width: 2.4vw;
	height: 2.4vw;
	border-radius: 3px;
	background-color: #CCC;
	opacity: 1;
}
.slider_pagination .swiper-pagination-bullet:not(:last-child){
	margin-right: .6vw;
}
.slider_pagination .swiper-pagination-bullet-active{
	background-color: #0092A7;
}
@media screen and (min-width: 600px) {
	.slider_pagination .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.slider_pagination .swiper-pagination-bullet:not(:last-child){
		margin-right: 5px;
	}
}

/*===============================
ページャー
===============================*/
.wp-pagenavi{
	text-align:center;
	margin-top: 3.62vw;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	display:inline-block;
	width: 7.24vw;
	height: 7.24vw;
	line-height: 7.24vw;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.2rem;
	background-color: #fff;
	border:solid 1px #0092A7;
	color:#0092A7;
	border-radius: 3px;
	margin-right: 1.2vw;
}
.wp-pagenavi .current{
	background-color: #0092A7;
	color:#FFF;
}

.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink{
	font-size: 0;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	position: relative;
	background:none;
	border: none;
}
.wp-pagenavi .nextpostslink{
	margin-right: 0;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before{
	background-color: #fff;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	transform: translate(-50% , -50%);
}
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after{
	width: 6px;
	height: 6px;
	border-top: solid 1px #0092A7;
}
.wp-pagenavi .previouspostslink:after{
	border-left: solid 1px #0092A7;
	transform: translate(-30% , -50%) rotate(-45deg);
}
.wp-pagenavi .nextpostslink:after{
	border-right: solid 1px #0092A7;
	transform: translate(-70% , -50%) rotate(45deg);
}

@media screen and (min-width: 960px) {
	.wp-pagenavi{
		text-align:center;
		margin-top: 45px;
	}
	.wp-pagenavi .pages,
	.wp-pagenavi .first,
	.wp-pagenavi .last,
	.wp-pagenavi .page,
	.wp-pagenavi .current,
	.wp-pagenavi .extend,
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink{
		display:inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-right:10px;
	}
	.wp-pagenavi .previouspostslink:before,
	.wp-pagenavi .nextpostslink:before{
		width: 24px;
		height: 24px;
	}
	.wp-pagenavi .previouspostslink:after,
	.wp-pagenavi .nextpostslink:after{
		width: 8px;
		height: 8px;
	}
}
@media screen and (min-width: 1100px) {
	.wp-pagenavi .page:hover{
		background-color: #0092A7;
		color:#FFF;
	}
}


/*===============================
下層ページ
===============================*/
/* 下層ページタイトル
--------------------------------------*/
.sec_page_ttl{
	background:url(../img/common/page_ttl_bg.jpg) no-repeat center bottom;
	background-size: cover;
	text-align: center;
	display: flex;
	align-items:center;
	justify-content:center;
	height: 30.19vw;
	width: 100%;
	margin-top: 50px;
}
.sec_page_ttl .page_ttl{
	color:#0092A7;
	font-size: 2.5rem;
	text-shadow:
		0px 0px 12px rgba(255,255,255,0.5),
		2px 2px 12px rgba(255,255,255,0.5),
		2px -2px 12px rgba(255,255,255,0.5),
		-2px 2px 12px rgba(255,255,255,0.5),
		-2px -2px 12px rgba(255,255,255,0.5),
		6px 6px 12px rgba(255,255,255,0.5),
		6px -6px 12px rgba(255,255,255,0.5),
		-6px 6px 12px rgba(255,255,255,0.5),
		-6px -6px 12px rgba(255,255,255,0.5);
}
@media screen and (min-width: 600px) {
	.sec_page_ttl{
		height: 150px;
	}
}
@media screen and (min-width: 960px) {
	.sec_page_ttl{
		height: 200px;
	}
	.sec_page_ttl .page_ttl{
		font-size: 48px;
	}
}
@media screen and (min-width: 1100px) {
	.sec_page_ttl{
		margin-top: 70px;
		box-shadow:0px -1px 3px -2px rgba(153,153,153,.2) inset;
	}
}

/* パンクズ
--------------------------------------*/
.pnkz{
	background-color: #62ADBB;
	color:#FFF;
	font-size: 1rem;
	font-weight: 500;
	padding-top: 1.2vw;
	padding-bottom: 1.2vw;
	border-bottom: solid 2px #0092A7;
}
@media screen and (min-width: 1100px) {
	.pnkz{
		padding-top: 9px;
		padding-bottom: 8px;
		font-size: 12px;
	}
}

/* 共通タイトル
--------------------------------------*/
.cmn_ttl1{
	font-size: 1.7rem;
	line-height: 1.4;
	padding-bottom: 4.22vw;
	position: relative;
}
.cmn_ttl1:before,
.cmn_ttl1:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	height: 2px;
	bottom: 0;
	left: 0;
}
.cmn_ttl1:before{
	width: 100%;
	background-color: #CCC;
}
.cmn_ttl1:after{
	background-color: #0092A7;
	width: 10.17%;
}
@media screen and (min-width: 960px) {
	.cmn_ttl1{
		font-size: 26px;
		padding-bottom: 22px;
	}
	.cmn_ttl1:before,
	.cmn_ttl1:after{
		height: 3px;
	}
	.cmn_ttl1:after{
		width: 70px;
	}
}

.cmn_ttl2{
	padding-left: 4.22vw;
	font-size: 1.6rem;
	line-height: 1.4;
	position: relative;
}
.cmn_ttl2:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 1.4vw;
	width: 2.41vw;
	height: 2.41vw;
	border-radius: 3px;
	background-color: #0092A7;
}
@media screen and (min-width: 600px) {
	.cmn_ttl2{
		padding-left: 25px;
	}
	.cmn_ttl2:before{
		top: 4px;
		width: 12px;
		height: 12px;
	}
}
@media screen and (min-width: 960px) {
	.cmn_ttl2{
		font-size: 22px;
	}
	.cmn_ttl2:before{
		top: 8px;
	}
}

.cmn_ttl3{
	position: relative;
	padding: 4px 0px 4px 12px;
	line-height: 1.6;
	font-size: 1.3rem;
}
.cmn_ttl3:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	border-radius: 3px 0 0 3px;
	background-color: #62ADBB;
}
@media screen and (min-width: 960px) {
	.cmn_ttl3{
		padding: 2px 0px 2px 16px;
		line-height: 1.4;
		font-size: 16px;
	}
}

/*===============================
サイドメニュー
===============================*/
/* コンテンツ
--------------------------------------*/
#contents .contents_cmn_block{
	background-color: #fff;
	border-radius: 3px;
	padding:6.03vw 4.83vw;
}
@media screen and (min-width: 600px) {
	#contents .contents_cmn_block{
		padding:40px;
	}
}
@media screen and (min-width: 960px) {
	#contents{
		width: 810px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1100px) {
	#contents{
		order:2;
		margin: 0;
	}
}

/* 共通
--------------------------------------*/
#side .side_cmn_block{
	background-color: #fff;
	border:solid 1px #0092A7;
	box-shadow: 0px 0px 3px 1px rgba(222,222,222,0.65);
	padding: 6.03vw 4.83vw;
	border-radius: 3px;
}
#side .side_cmn_block:not(:last-child){
	margin-bottom: 3.62vw;
}
#side .side_cmn_block .blc_ttl{
	color:#0092A7;
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 4.83vw;
}
@media screen and (max-width: 1099px) {
	#side{
		margin-top: 6.03vw;
	}
	#side .side_cmn_block .arrow_mark:before{
		right: 6px;
	}
}
@media screen and (min-width: 600px) {
	#side .side_cmn_block{
		padding: 50px 40px;
	}
}
@media screen and (min-width: 960px) {
	#side{
		width: 810px;
		margin: 0 auto;
		margin-top: 30px;
	}
	#side .side_cmn_block:not(:last-child){
		margin-bottom: 25px;
	}
	#side .side_cmn_block .blc_ttl{
		font-size: 2rem;
		margin-bottom:40px;
	}
}
@media screen and (min-width: 1100px) {
	#contents_wrap{
		display: flex;
		justify-content: space-between;
	}
	#side{
		order:1;
		width: 250px;
		margin: 0;
	}
	#side .side_cmn_block{
		padding: 25px 15px 15px 15px;
	}
	#side .side_cmn_block .blc_ttl{
		font-size: 20px;
		margin-bottom:20px;
	}
}

/* リンクリスト */
#side .link_list a{
	display: block;
	padding:3.62vw;
	position: relative;
	font-size: 1.3rem;
	color:#565656;
}
#side .link_list a:not(:last-child){
	border-bottom: solid 1px #E6E6E6;
}
#side .link_list a:before{
	right: 16px;
	border-color: #565656;
}
@media screen and (min-width: 960px) {
	#side .link_list a{
		padding:12px 30px 12px 15px;
		line-height: 1.2;
		font-size: 13px;
	}
	#side .link_list a:before{
		right: 18px;
		width: 5px;
		height: 5px;
	}
}
@media screen and (min-width: 1100px) {
	#side .link_list a:hover{
		background-color: #E6E6E6;
	}
}

/* product
--------------------------------------*/
#side .product_block .box_ttl{
	background-color: #62ADBB;
	border:solid 2px #E0EFF1;
	padding:2.41vw 3.01vw;
	border-radius: 3px;
	color:#FFF;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
}
/* 製品を探す */
#side .product_block .search .box_content{
	padding-top:2.41vw;
	padding-bottom: 4.83vw;
}
@media screen and (min-width: 960px) {
	#side .product_block .box_ttl{
		padding:11px 14px;
		font-size: 13px;
	}
	#side .product_block .search .box_content{
		padding-top:10px;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 1100px) {
	#side .product_block .box_ttl{
		cursor: pointer;
	}
}


/* 製品紹介一覧 */
#side .product_block .product_list .scroll_area{
	height: 80vh;
	overflow-y: scroll;
}
/* スクロールバー */
#side .product_block .product_list .scroll_are::-webkit-scrollbar{
  width: 12px;
	display: none;
}
#side .product_block .product_list .scroll_are::-webkit-scrollbar-track{
  background: #E8E8E8;
  border: none;
  border-radius: 10px;
}
#side .product_block .product_list .scroll_are::-webkit-scrollbar-thumb{
  background: #666;
  border-radius: 10px;
  box-shadow: none;
}

#side .product_block .product_list .cat_blc:not(:last-child){
	border-bottom: solid 1px #A7D1D8;
}
#side .product_block .product_list .box_ttl:not(.is--open){
	background-color: #fff;
	border: solid 1px #A7D1D8;
	color:#333;
	font-weight: 400;
	border-radius: 0;
}
#side .product_block .product_list .cat_item:not(:last-child) .box_ttl:not(.is--open){
	margin-bottom: -1px;
}
#side .product_block .product_list .box_ttl:not(.is--open) .arrow_mark{
	background-color: #62ADBB;
}
#side .product_block .product_list .box_ttl:not(.is--open) .arrow_mark:before{
	border-color: #FFF;
}
#side .product_block .product_list .cat_item:not(:first-child) .box_content{
	display: none;
}
@media screen and (min-width: 960px) {
	#side .product_block .product_list .scroll_area{
		height: 680px;
	}
}

/* download
--------------------------------------*/
#side .download_block .arrow_ku:before{
	border-color: #0092A7;
}

/* service
--------------------------------------*/
#side .service_block .arrow_ku:before{
	border-color: #0092A7;
}

/* case
--------------------------------------*/
#side .case_block .blc_ttl{
	font-size: 1.3rem;
	text-align:left;
	margin-bottom: 1.2vw;
	padding-top: 2px;
	padding-bottom: 2px;
}
@media screen and (min-width: 960px) {
	#side .case_block .blc_ttl{
		font-size:16px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

/* カテゴリ */
#side .case_block .blc_cat{
	margin-bottom: 2.41vw;
}
@media screen and (min-width: 960px) {
	#side .case_block .blc_cat{
		margin-bottom:25px;
	}
}
/* タグ */
#side .case_block .blc_tag{
	margin-bottom: 4.22vw;
}
#side .case_block .blc_tag .tag_list{
	display: flex;
	flex-wrap: wrap;
}
#side .case_block .blc_tag .item_tag{
	margin-right: 2.41vw;
	margin-bottom: 1.81vw;
}
#side .case_block .blc_tag .tag{
	display: block;
	border: solid 1px #0092A7;
	color:#0092A7;
	border-radius: 3px;
	padding:1vw 2vw 1vw 3.2vw;
	font-size: 1rem;
	font-weight: 500;
}
@media screen and (min-width: 960px) {
	#side .case_block .blc_tag{
		margin-bottom:30px;
	}
	#side .case_block .blc_tag .item_tag{
		margin-right: 5px;
		margin-bottom: 5px;
	}
	#side .case_block .blc_tag .tag{
		padding:5px 15px;
		font-size: 13px;
	}
}
@media screen and (min-width: 1100px) {
	#side .case_block .blc_tag .item_tag:hover{
		opacity: .7;
	}
}

/* 最近の記事 */
#side .case_block .blc_late .blc_ttl{
	margin-bottom: 2.41vw;
}
#side .case_block .blc_late .item_post:first-child{
	padding-bottom: 3.62vw;
	border-bottom: solid 1px #E6E6E6;
}
#side .case_block .blc_late .item_post:last-child{
	padding-top: 3.62vw;
}
#side .case_block .blc_late .item_post .box_cat{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1.2vw;
}
#side .case_block .blc_late .item_post .box_cat .icon_box{
	margin-right: 2.41vw;
}
#side .case_block .blc_late .item_post .box_cat .icon{
	padding: 1.2vw 3.01vw;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 500;
	box-sizing: border-box;
	min-width: 16.9vw;
	text-align: center;
	display: block;
}
#side .case_block .blc_late .item_post .box_cat .icon.cat{
	background-color: #0092A7;
	color:#FFF;
}
#side .case_block .blc_late .item_post .box_cat .icon.tag{
	border: solid 1px #0092A7;
	color:#0092A7;
}
#side .case_block .blc_late .item_post .box_ttl{
	font-size: 1.1rem;
	line-height: 1.3;
}
@media screen and (min-width: 960px) {
	#side .case_block .blc_late .blc_ttl{
		margin-bottom: 20px;
	}
	#side .case_block .blc_late .item_post:first-child{
		padding-bottom: 15px;
	}
	#side .case_block .blc_late .item_post:last-child{
		padding-top: 15px;
	}
	#side .case_block .blc_late .item_post .box_cat{
		margin-bottom: 10px;
	}
	#side .case_block .blc_late .item_post .box_cat .icon_box{
		margin-right: 10px;
	}
	#side .case_block .blc_late .item_post .box_cat .icon{
		padding: 5px 10px;
		min-width: 80px;
		font-size: 11px;
		margin-right: 0;
	}
	#side .case_block .blc_late .item_post .box_ttl{
		font-size: 13px;
	}
}
@media screen and (min-width: 1100px) {
	#side .case_block .blc_late .item_post .box_ttl:hover{
		text-decoration: underline;
	}
}

/* faq
--------------------------------------*/
#side .faq_block{
	margin-bottom: 3.62vw;
}
#side .faq_block .blc_ttl{
	font-size: 1.3rem;
	text-align:left;
	margin-bottom: 1.2vw;
	padding-top: 2px;
	padding-bottom: 2px;
}
@media screen and (min-width: 960px) {
	#side .faq_block{
		margin-bottom: 25px;
	}
	#side .faq_block .blc_ttl{
		font-size:16px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

/* news
--------------------------------------*/
#side .news_block .blc_late{
	margin-bottom: 6.03vw;
}
#side .news_block .blc_late .item_post .box_cat .icon_box{
	margin-bottom: 0;
}
#side .news_block .blc_late .icon_box .category{
	border: solid 1px #0092A7;
}
#side .news_block .blc_late .date{
	font-size: 1.1rem;
}
#side .news_block .blc_archive .blc_ttl{
	margin-bottom: 2.41vw;
}
#side .news_block .blc_archive .select_wrap{
	background-color: #fff;
	height: 40px;
}
#side .news_block .blc_archive .select_wrap:before{
	width: 40px;
	height: 40px;
}
#side .news_block .blc_archive .select_wrap:after{
	width: 15px;
	height: 15px;
	right: 10px;
}
#side .news_block .blc_archive .select_wrap select{
	height: 40px;
	font-size: 1.1rem;
}
@media screen and (min-width: 960px) {
	#side .news_block{
		padding-right: 25px;
	}
	#side .news_block .blc_late{
		margin-bottom: 35px;
	}
	#side .news_block .blc_late .date{
		font-size: 12px;
	}
	#side .news_block .blc_archive .blc_ttl{
		margin-bottom: 20px;
	}
	#side .news_block .blc_archive .select_wrap{
		height: 35px;
	}
	#side .news_block .blc_archive .select_wrap:before{
		width: 35px;
		height: 35px;
	}
	#side .news_block .blc_archive .select_wrap:after{
		width: 14px;
		height: 14px;
		right: 10px;
	}
	#side .news_block .blc_archive .select_wrap select{
		height: 35px;
		font-size: 13px;
	}
}

/* lora
--------------------------------------*/
#side .lora_block .blc_late .blc_ttl{
	margin-bottom:1.81vw;
}
@media screen and (min-width: 960px) {
	#side .lora_block .blc_late .blc_ttl{
		margin-bottom: 10px;
	}
	#side .lora_block .blc_cat .blc_ttl{
		padding-left: 10px;
		letter-spacing: -0.03em;
	}
}

/*===============================
input
===============================*/
/* placeholder */
input:placeholder-shown {
	color: #565656;
}
input::-webkit-input-placeholder {
	color: #565656;
}

/* input */
input[type=text]{
	padding:3.62vw;
	box-sizing: border-box;
	font-size: 1.1rem;
	background-color: #F0F0F0;
	border: none;
}
button{
	background-color: #0092A7;
	border: none;
	text-align: center;
	color:#FFF;
	font-size: 1.2rem;
	font-weight: 500;
}
@media screen and (min-width: 600px) {
	input[type=text]{
		padding:15px;
		font-size: 13px;
	}
	button{
		cursor: pointer;
		font-size: 16px;
	}
}
@media screen and (min-width: 1100px) {
	button{
		transition: all 0.4s;
	}
	button:hover{
		background-color: #F4A800;
	}
}

/* select */
.select_wrap{
	width: 100%;
	height: 28px;
	position: relative;
	border: solid 1px #CCC;
	background-color: #F0F0F0;
	border-radius: 3px;
}
.select_wrap:before,
.select_wrap:after{
	content:'';
	position: absolute;
	pointer-events: none;
	display: block;
}
.select_wrap:before{
	width: 23px;
	height: 28px;
	top: 0;
	right: 0;
	background-color: #0092A7;
	border-radius: 0 3px 3px 0;
}
.select_wrap:after{
	width: 6px;
	height: 6px;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	transform: rotate(45deg);
	top: 9px;
	right: 7px;
}
select{
	width: 100%;
	height: 28px;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding:6px 30px 5px 9px ;
	color:#333;
	font-size: 1rem;
}
select::-ms-expand{
	display: none;
}
@media screen and (min-width: 600px) {
	.select_wrap{
		height: 25px;
	}
	.select_wrap:before{
		width: 25px;
		height: 25px;
	}
	.select_wrap:after{
		top: 9px;
		right: 7px;
	}
	select{
		height: 25px;
		padding:2px 30px 5px 10px ;
		font-size: 13px;
	}
}

/* radio checkbox
--------------------------------------*/
label.radio,
label.checkbox{
	display: inline-block;
	box-sizing:border-box;
	transition:0.1s all;
	width: auto;
	margin-right: 4.83vw;
	margin-bottom: 3vw;
	vertical-align: middle;
	font-size: 1.4rem;
}
.checkbox input[type=checkbox],
.radio input[type=radio]{
	display: none;
}
.checkbox span,
.radio span{
	padding-left: 20px;
	position: relative;
	display: inline-block;
}
.checkbox span:before,
.radio span:before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #CCC;
	background-color: #F0F0F0;
}
.checkbox span:before{
	top: 0;
}
.radio input[type=radio] + span:before{
	border-radius:100%;
}
.radio input[type=radio]:checked + span:before{
	border-color:#DFDFDF;
}
.checkbox input + span:after,
.radio input + span:after{
	content: "";
	display: block;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
}
.radio input[type=radio]+ span:after{
	width: 6px;
	height: 6px;
	left: 5px;
	top: 8px;
	background-color: #0093A7;
	border-radius:50%;
}
.checkbox input[type=checkbox]+ span:after{
	left: 5px;
	width: 5px;
	height: 10px;
	top: 50%;
	transform: translateY(-70%) rotate(40deg);
	border-bottom: 2px solid #0093A7;
	border-right: 2px solid #0093A7;
}
.radio input[type=radio]:checked+ span:after,
.checkbox input[type=checkbox]:checked+ span:after{
	opacity: 1;
}
.radio input[type=radio][disabled]+ span{
	opacity: .5;
 cursor: default;
}

@media screen and (min-width: 600px) {
	label.radio,
	label.checkbox{
		margin-right: 25px;
		margin-bottom: 15px;
		cursor: pointer;
		font-size: 14px;
	}
	label.checkbox{
		margin-bottom: 18px;
	}
	.label.radio{
		margin-bottom: 0;
	}
}


/*===============================
検索
===============================*/
/* 検索窓 */
.cmn_search_input{
	width: 100%;
	display: flex;
	border-radius: 3px;
	overflow: hidden;
	border: solid 1px #CCC;
}
.cmn_search_input .search_input{
	width: calc(100% - 18.11vw);
}
.cmn_search_input .search_btn{
	width: 18.11vw;
}
.cmn_search_input .search_btn svg{
	width: 4.71vw;
	height: 4.83vw;
	margin-right: 2px;
	vertical-align: middle;
}
.cmn_search_input .search_btn svg path{
	fill:#FFF;
}
.cmn_search_input .search_btn span{
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 600px) {
	.cmn_search_input .search_input{
		width: calc(100% - 90px);
	}
	.cmn_search_input .search_btn{
		width: 90px;
	}
	.cmn_search_input .search_btn svg{
		width: 15px;
		height: 16px;
		margin-right: 4px;
		transition: all 0.2s ease;
	}
	.cmn_search_input .search_btn:hover svg{
		transform: scale(1.1);
	}
}

/* 検索窓（サイドメニュー） */
.cmn_side_search_input{
	width: 100%;
	display: flex;
	border-radius: 3px;
	overflow: hidden;
	border: solid 1px #CCC;
	padding:1.81vw 0 1.81vw 1.81vw;
	background-color: #F0F0F0;
	box-sizing: border-box;
}
.cmn_side_search_input .search_input{
	width: calc(100% - 14.49vw);
	padding:1.81vw;
	box-sizing: border-box;
	font-size: 1.3em;
	background:none;
	border: none;
}
.cmn_side_search_input .search_btn{
	width: 14.49vw;
	background: none;
	border: none;
	text-align: center;
	border-left: solid 1px #CCC;
}
.cmn_side_search_input .search_btn svg{
	width: 4.46vw;
	height: 4.83vw;
	vertical-align: middle;
}
.cmn_side_search_input .search_btn svg path{
	fill:#0092A7;
}
@media screen and (min-width: 960px) {
	.cmn_side_search_input{
		padding:10px 0 10px 10px;
	}
	.cmn_side_search_input .search_input{
		width: calc(100% - 40px);
		padding:0px 5px;
		font-size: 13px;
	}
	.cmn_side_search_input .search_btn{
		width: 40px;
		cursor: pointer;
	}
	.cmn_side_search_input .search_btn svg{
		width: 15px;
		height: 16px;
	}
}

/* 検索結果・表示件数 */
.cmn_seach_num{
	display: flex;
	justify-content: space-between;
}
.cmn_seach_num .result_num{
	font-size: 1.1rem;
	padding-top: 1.81vw;
	display: flex;
	align-items: center;
}
.cmn_seach_num .display_num{
	display: flex;
	align-items: center;
}
.cmn_seach_num .display_num .unit{
	color:#0092A7;
	font-size: 1.1rem;
	font-weight: 500;
	margin-right: 2.41vw;
}
.cmn_seach_num .display_num .select_box{
	width: 68px;
}

@media screen and (min-width: 600px) {
	.cmn_seach_num .result_num{
		font-size: 14px;
		padding-top: 4px;
	}
	.cmn_seach_num .display_num .unit{
		font-size: 13px;
		margin-right: 8px;
	}
	.cmn_seach_num .display_num .select_box{
		width: 75px;
	}
}

/* 検索結果がなかった場合 */
.cmn_noresult_block{
	text-align: center;
	line-height: 2;
	font-size: 1.6rem;
	padding-top: 12vw;
	padding-bottom: 12vw;
}
@media screen and (min-width: 960px) {
	.cmn_noresult_block{
		font-size: 16px;
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

/*===============================
form
===============================*/
/* アラート
--------------------------------------*/
.cmn_form .alert{
	color:#FF0000;
	margin-bottom: 3.62vw;
	font-size: 1.3rem;
}
.cmn_form .alert .alert_ttl{
	font-weight: 500;
	margin-bottom: 1.4rem;
}
.cmn_form .alert li{
	line-height: 1.5;
}
@media screen and (min-width: 600px) {
	.cmn_form .alert{
		margin-bottom: 30px;
		font-size: 15px;
	}
	.cmn_form .alert .alert_ttl{
		margin-bottom: 15px;
	}
	.cmn_form .alert li{
		line-height: 1.5;
	}
}

/* フォーム
--------------------------------------*/
.form_tbl{
	width: 100%;
}
.form_tbl tr th,
.form_tbl tr td{
	box-sizing: border-box;
	vertical-align: middle;
}
.form_tbl tr th{
	background-color: #C6E1E6;
	padding:3.01vw 2.41vw;
	font-size: 1.3rem;
	font-weight: 500;
}
.form_tbl tr th .required{
	display: inline-block;
	pointer-events: none;
	font-size: 1rem;
	color:#0092A7;
	background-color: #FFF;
	border-radius: 3px;
	padding:3px 7px;
	margin-left: 2em;
}
.form_tbl tr td{
	padding:2.41vw 0 4.83vw 0;
	font-size: 1.1rem;
	line-height: 1.4;
}

@media screen and (max-width: 959px) {
	.form_tbl tr th,
	.form_tbl tr td{
		display: block;
	}
	.form_tbl tr th{
		border: solid 1px #95C8D0;
	}
	.form_tbl tr th .pc{
		display: none;
	}
}
@media screen and (min-width: 960px) {
	.form_tbl tr th{
		width: 250px;
		font-size: 15px;
		line-height: 1.4;
		padding:20px;
		border-left: solid 1px #95C8D0;
		border-right: solid 1px #95C8D0;
		border-bottom: solid 1px #95C8D0;
	}
	.form_tbl tr:first-child th{
		border-top: solid 1px #95C8D0;
	}
	.form_tbl tr td{
		padding: 20px 0 20px 20px;
		font-size: 14px;
	}
	.form_tbl tr th .required{
		font-size: 12px;
		padding:5px 10px;
		line-height: 1;
	}
	.form_tbl tr:not(:last-child) td{
		border-bottom: solid 1px #CCC;
	}
}

/* input */
.form_tbl input[type="text"],
.form_tbl input[type="tel"],
.form_tbl input[type="email"],
.form_tbl textarea{
	width: 100%;
	padding:1.81vw;
	border: solid 1px #CCC;
	background-color: #F0F0F0;
	border-radius: 3px;
	box-sizing: border-box;
}
@media screen and (min-width: 960px) {
	.form_tbl input[type="text"],
	.form_tbl input[type="tel"],
	.form_tbl input[type="email"],
	.form_tbl textarea{
		padding: 10px;
	}
}

/* unique */
.form_tbl .box_address:not(:last-child){
	margin-bottom: 2.41vw;
}
.form_tbl .box_address span:first-child{
	margin-right: 1em;
}
.form_tbl .box_zip .input_zip{
	width: 37.8vw;
}

.form_tbl .privacy_tr .checkbox span:before{
	border-radius: 100%;
}
.form_tbl .privacy_tr .checkbox span:after{
	transform: none;
	border: none;
	width: 6px;
	height: 6px;
	left: 5px;
	top: 5px;
	background-color: #0093A7;
	border-radius: 50%;
}
.form_tbl .privacy_tr a{
	text-decoration: underline;
}

@media screen and (max-width: 959px) {
	.form_tbl .box_address:not(.box_zip) span{
		padding-bottom: 0.5em;
		display: block;
	}
}

@media screen and (min-width: 960px) {
	.form_tbl .box_address{
		display: flex;
		align-items: center;
	}
	.form_tbl .box_address:not(:last-child){
		margin-bottom: 10px;
	}
	.form_tbl .box_zip .input_zip{
		width: 260px;
	}
	.form_tbl .box_address:not(.box_zip) span{
		min-width: 6em;
	}
	.form_tbl .box_address .input_address{
		width: calc(100% - 7em);
	}
	.form_tbl .box_address .input_address2{
		flex: 1;
	}

	.form_tbl tr th .required_irregular{
		position: relative;
	}
	.form_tbl tr th .required_irregular .required{
		position: absolute;
		top: 0;
		right: 50px;
	}
}
@media screen and (min-width: 1100px) {
	.form_tbl .privacy_tr a:hover{
		text-decoration: none;
	}
}

/* ファイル */
.form_tbl .upload_txt{
	margin-bottom: 2.41vw;
}
.form_tbl .upload_txt ul li{
	text-indent: -1em;
	padding-left: 1em;
}
.form_tbl .upload_list li{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.form_tbl .upload_list li .input_ttl{
	font-weight: 500;
}
.form_tbl .upload_list li .input_wrap{
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 82.5%;
	height: 3rem;
	box-sizing: border-box;
}
.form_tbl .upload_list li:not(:last-child){
	margin-bottom: 2.41vw;
}
.form_tbl .upload_list li input{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 3rem;
	margin: 0;
	opacity: 0;
	box-sizing: border-box;
}
.form_tbl .upload_list .custom-file-label{
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 3rem;
	padding:1.2vw 1.8vw;
	line-height: 1.5;
	background-color: #F0F0F0;
	border:solid 1px #CCC;
	border-radius: 3px;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.form_tbl .upload_list .custom-file-label::after {
  content: "参照";
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 3;
	display: block;
	height: 3rem;
	padding:1.2vw 1.8vw;
	background-color: #62ADBB;
	border:solid 1px #CCC;
	color:#FFF;
	border-radius: 0 3px 3px 0;
	box-sizing: border-box;
}
.form_tbl .upload_note{
	color:#FF0000;
}
@media screen and (min-width: 600px) {
	.form_tbl .upload_list li .input_wrap,
	.form_tbl .upload_list li input{
		height: 44px;
	}
	.form_tbl .upload_list .custom-file-label{
		height: 44px;
		padding:10px 15px;
	}
	.form_tbl .upload_list .custom-file-label::after {
	  height: 44px;
		padding:10px 15px ;
	}
}
@media screen and (min-width: 960px) {
	.form_tbl .upload_txt{
		margin-bottom: 20px;
	}
	.form_tbl .upload_list li .input_wrap{
		width: 488px;
	}
	.form_tbl .upload_list li:not(:last-child){
		margin-bottom: 20px;
	}
	.form_tbl .upload_list li input{
		cursor: pointer;
	}
	.form_tbl .upload_list .custom-file-label{
		font-size: 14px;
	}
}

/* 送信ボタン
--------------------------------------*/
.cmn_form .btn_wrap{
	margin: 0 auto;
	width: 79.7vw;
}
.cmn_form .form_btn{
	outline: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 4.22vw;
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
	color:#FFF;
	background-color: #F4A800;
	border: none;
	line-height: 1;
	border-radius: 3px;
	box-sizing: border-box;
	transition: all 0.5s;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="submit"][disabled]{
	opacity: 0.5;
	background-color: #CCC;
	cursor: default;
}
.cmn_form .submit_box{
	margin-top: 1.2vw;
}
@media screen and (min-width: 600px) {
	.cmn_form .form_btn{
		cursor: pointer;
		width: 338px;
		padding:20px;
	}
	.cmn_form .submit_box{
		margin-top: 40px;
	}
}
@media screen and (min-width: 1100px) {
	.cmn_form .form_btn:hover{
		opacity: .7;
	}
}

/* 確認画面
--------------------------------------*/
.sec_confirm .form_tbl td{
	line-height: 1.4;
}
.sec_confirm .submit_box .btn_wrap:first-child{
	margin-bottom: 4vw;
}

@media screen and (min-width: 960px) {
	.sec_confirm .form_tbl th,
	.sec_confirm .form_tbl td{
		padding:20px;
	}
	.sec_confirm .submit_box{
		display: flex;
		justify-content: center;
	}
	.sec_confirm .submit_box .btn_wrap{
		margin: 0;
	}
	.sec_confirm .submit_box .btn_wrap:first-child{
		margin-bottom: 0;
		margin-right: 20px;
	}
}


/*サンキューページ
--------------------------------------*/
.sec_thankyou{
	font-size: 1.3rem;
	line-height:2;
}
.sec_thankyou .ttl{
	margin-bottom: 2.5vw;
}
.sec_thankyou .txt{
	margin-top: 3vw;
	margin-bottom: 5vw;
}
.sec_thankyou a{
	text-decoration: underline;
}
@media screen and (min-width: 960px) {
	.sec_thankyou{
		font-size: 14px;
	}
	.sec_thankyou .ttl{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.sec_thankyou .txt{
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.sec_thankyou a:hover{
		text-decoration: none;
	}
}


/*===============================
product　子カテゴリ別リスト表示
===============================*/
.product_list_bc .category_block:not(:last-child){
	margin-bottom: 4.83vw;
}
.product_list_bc .cat_ttl{
	background-color:#62ADBB;
	border-radius: 3px 3px 0 0;
	color:#FFF;
	font-size: 1.6rem;
	line-height: 1.3;
	padding:3.01vw 3.62vw;
	position: relative;
}
.product_list_bc .cat_ttl .arrow_mark:before{
	right: 6px;
}
.product_list_bc .cat_inner{
	background-color: #F0F0F0;
	border-radius: 0 0 3px 3px;
	padding:4.83vw;
}
.product_list_bc .box_img .img{
	background-color: #fff;
	border-radius: 3px;
	width: 73.42vw;
	height: 73.42vw;
	display: flex;
	justify-content:center;
	align-items:center;
}
.product_list_bc .box_img img{
	width: 90%;
}
.product_list_bc .box_list{
	margin-top: 4.83vw;
}
.product_list_bc .box_list a{
	display: block;
	font-size: 1.6rem;
	line-height: 1.3;
	text-decoration: underline;
	padding-left: 20px;
	position: relative;
}
.product_list_bc .box_list a:not(:last-child){
	margin-bottom: 2.41vw;
}
.product_list_bc .box_list a:before{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 8px;
	height: 8px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	transform: translatey(-50%) rotate(45deg);
	left: 0;
	top: 50%;
}
@media screen and (min-width: 600px) {
	.product_list_bc .cat_ttl{
		padding:15px 28px;
	}
	.product_list_bc .cat_ttl .arrow_mark{
		width: 23px;
		height: 23px;
	}
	.product_list_bc .cat_ttl .arrow_mark:before{
		width: 8px;
		height: 8px;
		right: 7px;
	}
	.product_list_bc .cat_inner{
		padding:30px;
	}
	.product_list_bc .box_img .img{
		width: 400px;
		height: 400px;
		margin: 0 auto;
	}
	.product_list_bc .box_img .img img{
		width: 100%;
	}
}
@media screen and (min-width: 960px) {
	.product_list_bc .category_block:not(:last-child){
		margin-bottom: 30px;
	}
	.product_list_bc .cat_ttl{
		font-size: 18px;
	}
	.product_list_bc .cat_inner{
		display: flex;
	}
	.product_list_bc .box_img{
		width: 265px;
	}
	.product_list_bc .box_img .img{
		width: 265px;
		height: 265px;
		margin: 0;
	}
	.product_list_bc .box_img img{
		width: 95%;
	}
	.product_list_bc .box_list{
		margin-top: 0;
		flex:1;
		padding-left: 25px;
	}
	.product_list_bc .box_list a{
		font-size: 16px;
		padding-left: 15px;
	}
	.product_list_bc .box_list a:not(:last-child){
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 1100px) {
	.product_list_bc .cat_ttl{
		cursor: pointer;
	}
	.product_list_bc .box_list a:hover{
		text-decoration: none;
	}
}

/*===============================
製品詳細系 共通ルール
===============================*/
.product_s_l .product_s_l_ttl{
	margin-bottom: 4.83vw;
}
.product_s_l .product_s_l_ttl .end_txt{
	color:#FD0002;
	font-size: 1.1rem;
	padding-left: 1.3vw;
	display: inline-block;
	font-weight: 500;
}
.product_s_l .basicinfo_block{
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
@media screen and (min-width: 960px) {
	.product_s_l .product_s_l_ttl{
		margin-bottom: 40px;
	}
	.product_s_l .product_s_l_ttl .end_txt{
		font-size: 14px;
		padding-left: 15px;
	}
	.product_s_l .basicinfo_block{
		display: flex;
		padding-bottom: 40px;
	}
	.product_s_l .basicinfo_block .img_block{
		order:2;
		width: 365px;
	}
	.product_s_l .basicinfo_block .txt_block{
		order:1;
		flex:1;
		padding-right: 40px;
	}
}

/* 画像 */
.product_s_l .sec_img .box_main{
	width: 100%;
	border:solid 1px #F0F0F0;
	border-radius: 3px;
	margin-bottom: 2.41vw;
	padding:2.41vw;
	box-sizing: border-box;
}
.product_s_l .sec_img .box_list{
	display: flex;
	flex-wrap: wrap;
}
.product_s_l .sec_img .box_list .btn_img{
	width: 18.96vw;
	border:solid 1px #F0F0F0;
	border-radius: 3px;
	margin-bottom: 2.41vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.product_s_l .sec_img .box_list .btn_img:not(:nth-child(4n)){
	margin-right: 2.41vw;
}
.product_s_l .sec_img .box_list .btn_img.is--active:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
	border-radius: 3px;
	transition: all 0.5s;
}
.product_s_l .sec_img .box_list .btn_img.is--active:after{
	background-color: rgba(0,0,0,.4);
}
.product_s_l .sec_img .box_list .btn_img img{
	width: 90%;
}
@media screen and (max-width: 959px) {
	.product_s_l .sec_img{
		margin-bottom: 3.62vw;
	}
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_img .box_main{
		margin-bottom: 20px;
		padding:15px;
	}
	.product_s_l .sec_img .box_list .btn_img{
		width: 83px;
		margin-bottom: 10px;
	}
	.product_s_l .sec_img .box_list .btn_img:not(:nth-child(4n)){
		margin-right: 10px;
	}
}
@media screen and (min-width: 1100px) {
	.product_s_l .sec_img .box_list .btn_img{
		cursor: pointer;
	}
}

/* ダウンロード（ページ上部） */
.product_s_l .sec_dl{
	margin-bottom: 6.03vw;
}
.product_s_l .sec_dl .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_dl .sec_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product_s_l .sec_dl .btn{
	display: block;
	width: 31.39%;
	text-align: center;
	background-color: #CCC;
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 3.01vw 0;
	margin-bottom: 2.41vw;
	border-radius: 3px;
}
.product_s_l .sec_dl a.btn{
	background-color: #62ADBB;
	box-shadow:1px 1px 3px 0px rgba(0,67,77,.65);
}
@media screen and (max-width: 959px) {
	.product_s_l .sec_dl{
		padding-bottom: 3.62vw;
		border-bottom: solid 1px #CCC;
	}
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_dl{
		margin-bottom: 30px;
	}
	.product_s_l .sec_dl .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_dl .btn{
		width: 157px;
		font-size: 15px;
		padding: 12px 0;
		margin-bottom: 10px;
	}
	.product_s_l .sec_dl a.btn:hover{
		opacity: .7;
	}
}

/* 製品説明 */
.product_s_l .sec_expla .txt{
	padding-top: 3.01vw;
	font-size: 1.3rem;
	line-height: 2;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_expla .txt{
		padding-top: 20px;
		font-size: 16px;
		line-height: 1.8;
	}
}

/*  代替製品 */
.product_s_l .sec_relation{
	padding-top: 6.03vw;
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_relation .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_relation .item_product{
	background-color: #F2F2F2;
	border-radius: 3px;
	padding:1.2vw;
	margin-bottom: 2.41vw;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.product_s_l .sec_relation .item_product .img_box{
	width: 18.11vw;
}
.product_s_l .sec_relation .item_product .img_box .img{
	width: 18.11vw;
	height: 18.11vw;
	border-radius: 3px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product_s_l .sec_relation .item_product .img_box .img img{
	width: 90%;
}
.product_s_l .sec_relation .item_product .ttl{
	flex:1;
	padding-left: 3.62vw;
	font-size: 1.3rem;
	line-height: 1.4;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_relation{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product_s_l .sec_relation .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_relation .product_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product_s_l .sec_relation .item_product{
		padding:10px;
		margin-bottom: 10px;
		width: 360px;
	}
	.product_s_l .sec_relation .item_product .img_box{
		width:150px;
	}
	.product_s_l .sec_relation .item_product .img_box .img{
		width: 150px;
		height: 150px;
	}
	.product_s_l .sec_relation .item_product .ttl{
		padding-left: 20px;
		font-size: 18px;
	}
}

/* 特長 */
.product_s_l .sec_feature{
	padding-top: 6.03vw;
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_feature .sec_inner{
	padding-top: 3.62vw;
	padding-left:4px;
}
.product_s_l .sec_feature li{
	padding-top: 0;
	padding-bottom: 0;
}
.product_s_l .sec_feature li:not(:last-child){
	margin-bottom: 3.62vw;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_feature{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product_s_l .sec_feature .sec_inner{
		padding-top: 15px;
		padding-left:0px;
	}
	.product_s_l .sec_feature li:not(:last-child){
		margin-bottom: 13px;
	}
}

/* 課題解決事例 */
.product_s_l .sec_case{
	padding-top: 6.03vw;
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_case .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_case .case_list{
	margin-bottom: 4.83vw;
}
.product_s_l .sec_case .case_blc:not(:last-child){
	margin-bottom: 3.01vw;
}
.product_s_l .sec_case .box_no{
	margin-bottom: 1vw;
}
.product_s_l .sec_case .box_no .no{
	display: inline-block;
	background-color: #F5F5F5;
	border-radius: 3px;
	color:#666;
	font-size: 1.1rem;
	padding:1.2vw 2.2vw;
	box-sizing: border-box;
}
.product_s_l .sec_case .box_ttl a{
	font-size: 1.3rem;
	line-height: 1.6;
	text-decoration: underline;
}
.product_s_l .sec_case .to_archive{
	color:#0092A7;
	font-size: 1.6rem;
	text-decoration: underline;
	display: inline-block;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_case{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product_s_l .sec_case .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_case .case_list{
		margin-bottom: 20px;
	}
	.product_s_l .sec_case .case_blc{
		display: flex;
	}
	.product_s_l .sec_case .case_blc:not(:last-child){
		margin-bottom: 15px;
	}
	.product_s_l .sec_case .box_no{
		margin-bottom: 0;
		width: 90px;
	}
	.product_s_l .sec_case .box_no .no{
		width: 100%;
		font-size: 13px;
		padding:6px 0 7px 0;
		text-align: center;
	}
	.product_s_l .sec_case .box_ttl{
		flex:1;
		padding-left: 20px;
	}
	.product_s_l .sec_case .box_ttl a{
		font-size: 16px;
	}
	.product_s_l .sec_case .to_archive{
		font-size: 14px;
	}
}
@media screen and (min-width: 1100px) {
	.product_s_l .sec_case .box_ttl a:hover,
	.product_s_l .sec_case .to_archive:hover{
		text-decoration: none;
	}
}

/* 仕様 */
.product_s_l .sec_spec{
	padding-top: 6.03vw;
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_spec .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_spec .spec_blc:not(:last-child){
	margin-bottom: 4.83vw;
}
.product_s_l .sec_spec .blc_ttl{
	margin-bottom: 2.41vw;
}
.product_s_l .sec_spec table{
	width: 100%;
	border:solid 1px #CCC;
	border-radius: 3px;
	border-collapse: separate;
	border-spacing: 0;
}
.product_s_l .sec_spec tr th,
.product_s_l .sec_spec tr td{
	text-align: center;
	vertical-align: middle;
	font-size: 1.1rem;
	line-height: 1.3;
	padding:1.81vw 1.2vw 2vw 1.81vw;
	box-sizing: border-box;
}
.product_s_l .sec_spec tr th{
	background-color: #F5F5F5;
}
.product_s_l .sec_spec tr:not(:last-child) th,
.product_s_l .sec_spec tr:not(:last-child) td{
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_spec tr th:not(:last-child),
.product_s_l .sec_spec tr td:not(:last-child){
	border-right: solid 1px #CCC;
}
.product_s_l .sec_spec tr:first-child th{
	padding:2.05vw 1.8vw;
	background-color: #C6E1E6;
	border-bottom: solid 1px #95C8D0;
	font-size: 1.2rem;
}
.product_s_l .sec_spec tr:first-child th:not(:last-child){
	border-right: solid 1px #95C8D0;
}
/* 列幅調整 */
.product_s_l .sec_spec .l-2row tr th,
.product_s_l .sec_spec .l-2row tr td{
	width: 50%;
}
.product_s_l .sec_spec .l-3row tr th,
.product_s_l .sec_spec .l-3row tr td{
	width: calc(100% / 3);
}
.product_s_l .sec_spec .l-4row tr th,
.product_s_l .sec_spec .l-4row tr td{
	width: 25%;
}

@media screen and (min-width: 960px) {
	.product_s_l .sec_spec{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product_s_l .sec_spec .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_spec .spec_blc:not(:last-child){
		margin-bottom: 20px;
	}
	.product_s_l .sec_spec .blc_ttl{
		margin-bottom: 10px;
	}
	.product_s_l .sec_spec tr th,
	.product_s_l .sec_spec tr td{
		font-size: 15px;
		padding:12px 10px;
	}
	.product_s_l .sec_spec tr:first-child th{
		padding:12px 10px;
		font-size: 15px;
	}
}

/* よくあるご質問 */
.product_s_l .sec_faq{
	padding-top: 6.03vw;
	padding-bottom: 6.03vw;
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_faq .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_faq .faq_list{
	margin-bottom: 4.83vw;
}
.product_s_l .sec_faq .faq_blc{
	display: flex;
	align-items: center;
}
.product_s_l .sec_faq .faq_blc:not(:last-child){
	margin-bottom: 3.01vw;
}
.product_s_l .sec_faq .box_q{
	width: 9.05vw;
}
.product_s_l .sec_faq .icon_q{
	width: 9.05vw;
	height: 9.05vw;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#0092A7;
	font-size: 2.2rem;
	background-color: #ECECEC;
	border-radius: 3px;
}
.product_s_l .sec_faq .box_ttl{
	flex:1;
	padding-left: 2.41vw;
}
.product_s_l .sec_faq .box_ttl a{
	font-size: 1.3rem;
	line-height: 1.6;
	text-decoration: underline;
}
.product_s_l .sec_faq .to_archive{
	color:#0092A7;
	font-size: 1.6rem;
	text-decoration: underline;
	display: inline-block;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_faq{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product_s_l .sec_faq .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_faq .faq_list{
		margin-bottom: 20px;
	}
	.product_s_l .sec_faq .faq_blc:not(:last-child){
		margin-bottom: 15px;
	}
	.product_s_l .sec_faq .box_q{
		width: 35px;
	}
	.product_s_l .sec_faq .icon_q{
		width: 35px;
		height: 35px;
		font-size: 21px;
	}
	.product_s_l .sec_faq .box_ttl{
		padding-left: 15px;
	}
	.product_s_l .sec_faq .box_ttl a{
		font-size: 16px;
		line-height: 1.4;
	}
	.product_s_l .sec_faq .to_archive{
		font-size: 14px;
	}
}
@media screen and (min-width: 1100px) {
	.product_s_l .sec_faq .box_ttl a:hover,
	.product_s_l .sec_faq .to_archive:hover{
		text-decoration: none;
	}
}

/* ダウンロード */
.product_s_l .sec_dl_list{
	padding-top: 6.03vw;
}
.product_s_l .sec_dl_list .sec_ttl{
	margin-bottom: 3.62vw;
}
.product_s_l .sec_dl_list .dl_blc:not(:last-child){
	margin-bottom: 2.41vw;
}
.product_s_l .sec_dl_list .tbl_wrap{
	display: flex;
}
.product_s_l .sec_dl_list .tbl_wrap .th,
.product_s_l .sec_dl_list .tbl_wrap .td{
	width: 50%;
	box-sizing: border-box;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
}
.product_s_l .sec_dl_list .tbl_wrap .th{
	border-radius: 3px 0 0 3px;
	border:solid 1px #95C8D0;
	background-color: #C6E1E6;
	padding: 2vw;
}
.product_s_l .sec_dl_list .tbl_wrap .td{
	border-radius: 0 3px 3px 0;
	border:solid 1px #CCC;
	background-color: #F5F5F5;
	border-left: none;
}
.product_s_l .sec_dl_list .tbl_wrap .td_cell{
	padding: 2vw;
}
.product_s_l .sec_dl_list .tbl_wrap .td_cell:not(:last-child){
	border-bottom: solid 1px #CCC;
}
.product_s_l .sec_dl_list .tbl_wrap .td a{
	text-decoration: underline;
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_dl_list{
		padding-top: 40px;
	}
	.product_s_l .sec_dl_list .sec_ttl{
		margin-bottom: 20px;
	}
	.product_s_l .sec_dl_list .dl_blc:not(:last-child){
		margin-bottom: 10px;
	}
	.product_s_l .sec_dl_list .tbl_wrap .th{
		width: 275px;
	}
	.product_s_l .sec_dl_list .tbl_wrap .td{
		flex:1;
	}
	.product_s_l .sec_dl_list .tbl_wrap .th,
	.product_s_l .sec_dl_list .tbl_wrap .td{
		font-size: 15px;
	}
	.product_s_l .sec_dl_list .tbl_wrap .th{
		padding: 10px;
	}
	.product_s_l .sec_dl_list .tbl_wrap .td_cell{
		padding: 10px;
	}
}
@media screen and (min-width: 960px) {
	.product_s_l .sec_dl_list .tbl_wrap .td a:hover{
		text-decoration: none;
	}
}

/* お問い合わせへ */
.product_s_l .to_contact{
	margin-top: 6.03vw;
}
.product_s_l .to_contact .end_txt{
	color:#FD0002;
	font-size: 1.1rem;
	text-align: center;
	padding-bottom: 1.81vw;
	font-weight: 500;
}
.product_s_l .to_contact a{
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	color:#FFF;
	background-color: #F4A800;
	border-radius: 3px;
	padding-top: 4.22vw;
	padding-bottom: 4.22vw;
}
@media screen and (min-width: 960px) {
	.product_s_l .to_contact{
		margin-top: 40px;
	}
	.product_s_l .to_contact .end_txt{
		font-size: 14px;
		padding-bottom: 15px;
	}
	.product_s_l .to_contact a{
		font-size: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 338px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1100px) {
	.product_s_l .to_contact a:hover{
		opacity: .7;
	}
}

/*===============================
課題解決-詳細系 共通ルール
===============================*/
/* 課題解決詳細系・ニュース詳細共通系 エディタ部分 */
.case_s_l .txt_area p,
.case_s_l .txt_area ul,
.news_s_l .txt_area p,
.news_s_l .txt_area ul{
	font-size: 1.3rem;
	line-height: 2;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.case_s_l .txt_area img,
.news_s_l .txt_area img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.case_s_l .txt_area a,
.news_s_l .txt_area a{
	text-decoration: underline;
}
@media screen and (min-width: 960px) {
	.case_s_l .txt_area p,
	.case_s_l .txt_area ul,
	.news_s_l .txt_area p,
	.news_s_l .txt_area ul{
		font-size:16px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.8;
	}
}
@media screen and (min-width: 1100px) {
	.case_s_l .txt_area a:hover,
	.news_s_l .txt_area a:hover{
		text-decoration: none;
	}
}

/* 投稿タイトル */
.case_s_l .sec_head{
	position: relative;
}
.case_s_l .sec_head .icon_new{
	position: absolute;
	color:#FFF;
	background-color: #F4A800;
	border-radius: 3px;
	padding:1vw 1.69vw;
	color:#FFF;
	font-size: 1.1rem;
	font-weight: 500;
	top: -7.85vw;
	left: 0;
}
.case_s_l .sec_head .blc_cat{
	display: flex;
	align-items: center;
	margin-bottom: 1.2vw;
}
.case_s_l .sec_head .blc_cat .icon_box{
	margin-right: 2.41vw;
	margin-bottom: 2.41vw;
}
.case_s_l .sec_head .blc_cat .icon{
	padding: 1.2vw 3.01vw;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 500;
	box-sizing: border-box;
	min-width: 16.9vw;
	text-align: center;
	display: block;
}
.case_s_l .sec_head .blc_cat .icon.cat{
	background-color: #0092A7;
	color:#FFF;
}
.case_s_l .sec_head .blc_cat .icon.tag{
	border: solid 1px #0092A7;
	color:#0092A7;
}
.case_s_l .sec_head .box_no{
	margin-bottom: 1.81vw;
	font-size: 1.1rem;
	font-weight: 500;
}
.case_s_l .sec_head .box_ttl{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
}
@media screen and (max-width: 959px) {
	.case_s_l .sec_head .box_no,
	.case_s_l .sec_head .box_ttl{
		display: block;
	}
}
@media screen and (min-width: 960px) {
	.case_s_l .sec_head .icon_new{
		padding:6px 12px;
		font-size: 13px;
		top: -55px;
		left: -20px;
	}
	.case_s_l .sec_head .blc_cat{
		margin-bottom:10px;
	}
	.case_s_l .sec_head .blc_cat .icon_box{
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.case_s_l .sec_head .blc_cat .icon{
		padding: 6px 12px;
		min-width: 110px;
		font-size: 14px;
	}
	.case_s_l .sec_head .box_no{
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 400;
		margin-right: 15px;
		line-height: 1.4;
	}
	.case_s_l .sec_head .box_ttl{
		font-size: 24px;
		font-weight: 400;
	}
}
@media screen and (min-width: 1100px) {
	.case_s_l .sec_head .blc_cat .icon:hover{
		opacity: .7;
	}
}

/* 冒頭 */
.case_s_l .sec_basicinfo .blc_txt .box_dl{
	margin-bottom: 6.03vw;
}
.case_s_l .sec_basicinfo .blc_txt .box_dl .btn{
	display: block;
	width: 100%;
	text-align: center;
	color:#FFF;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 3.01vw 0;
	border-radius: 3px;
	background-color:#62ADBB;
	box-shadow:1px 1px 3px 0px rgba(0,67,77,.65);
}
.case_s_l .sec_basicinfo .blc_txt .box_outline{
	font-size: 1.3rem;
	line-height: 2;
}
.case_s_l .sec_basicinfo .blc_txt .box_outline a{
	text-decoration: underline;
}
.case_s_l .sec_basicinfo .blc_txt .box_outline img{
	width: auto;
	height: auto;
	max-width: 100%;
}
@media screen and (min-width: 960px) {
	.case_s_l .sec_basicinfo{
		display: flex;
	}
	.case_s_l .sec_basicinfo .blc_img{
		order:2;
		width: 365px;
	}
	.case_s_l .sec_basicinfo .blc_txt{
		order:1;
		flex:1;
		padding-right: 30px;
	}
	.case_s_l .sec_basicinfo .blc_txt .box_dl{
		margin-bottom: 30px;
	}
	.case_s_l .sec_basicinfo .blc_txt .box_dl .btn{
		font-size: 15px;
		padding: 12px 0;
	}
	.case_s_l .sec_basicinfo .blc_txt .box_outline{
		font-size: 16px;
		line-height: 1.8;
	}
}
@media screen and (min-width: 1100px) {
	.case_s_l .sec_basicinfo .blc_txt .box_dl .btn:hover{
		opacity: 0.5;
	}
	.case_s_l .sec_basicinfo .blc_txt .box_outline a:hover{
		text-decoration: none;
	}
}

/* グレーボックス */
.case_s_l .sec_gray .sec_ttl{
	margin-bottom: 2.41vw;
}
.case_s_l .sec_gray .box_gray{
	background-color: #F2F2F2;
	border-radius: 3px;
	padding:3.62vw 4.83vw;
}
@media screen and (min-width: 960px) {
	.case_s_l .sec_gray .sec_ttl{
		margin-bottom: 10px;
	}
	.case_s_l .sec_gray .box_gray{
		padding:20px 30px;
	}
}

/*  関連する製品 */
.case_s_l .sec_relation .sec_ttl{
	margin-bottom: 3.62vw;
}
.case_s_l .sec_relation .item_product{
	background-color: #F2F2F2;
	border-radius: 3px;
	padding:1.2vw;
	margin-bottom: 2.41vw;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.case_s_l .sec_relation .item_product .img_box{
	width: 18.11vw;
}
.case_s_l .sec_relation .item_product .img_box .img{
	width: 18.11vw;
	height: 18.11vw;
	border-radius: 3px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case_s_l .sec_relation .item_product .img_box .img img{
	width: 90%;
}
.case_s_l .sec_relation .item_product .ttl{
	flex:1;
	padding-left: 3.62vw;
	font-size: 1.3rem;
	line-height: 1.4;
}
@media screen and (min-width: 960px) {
	.case_s_l .sec_relation .sec_ttl{
		margin-bottom: 20px;
	}
	.case_s_l .sec_relation .product_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.case_s_l .sec_relation .item_product{
		padding:10px;
		margin-bottom: 10px;
		width: 360px;
	}
	.case_s_l .sec_relation .item_product .img_box{
		width:150px;
	}
	.case_s_l .sec_relation .item_product .img_box .img{
		width: 150px;
		height: 150px;
	}
	.case_s_l .sec_relation .item_product .ttl{
		padding-left: 20px;
		font-size: 18px;
	}
}

/*  一覧へ戻る */
.case_s_l .sec_btn,
.news_s_l .sec_btn,
#lora-sensor-single .sec_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3.62vw;
}
.case_s_l .sec_btn .btn_archive,
.news_s_l .sec_btn .btn_archive,
#lora-sensor-single .sec_btn .btn_archive{
	background-color: #0092A7;
	color:#FFF;
	font-size: 1.2rem;
	font-weight: 500;
	padding:1.81vw 4.83vw;
	border-radius: 3px;
}
.case_s_l .sec_btn .btn_prev,
.case_s_l .sec_btn .btn_next,
.news_s_l .sec_btn .btn_prev,
.news_s_l .sec_btn .btn_next,
#lora-sensor-single .sec_btn .btn_prev,
#lora-sensor-single .sec_btn .btn_next{
	position: relative;
}
.case_s_l .sec_btn .btn_prev span,
.case_s_l .sec_btn .btn_next span,
.news_s_l .sec_btn .btn_prev span,
.news_s_l .sec_btn .btn_next span,
#lora-sensor-single .sec_btn .btn_prev span,
#lora-sensor-single .sec_btn .btn_next span{
	font-size: 1.2rem;
	font-weight: 500;
	text-decoration: underline;
	color:#0092A7;
}
.case_s_l .sec_btn .arrow_mark,
.news_s_l .sec_btn .arrow_mark,
#lora-sensor-single .arrow_mark{
	width: 20px;
	height: 20px;
	background-color: #0092A7;
}
.case_s_l .sec_btn .arrow_mark:before,
.news_s_l .sec_btn .arrow_mark:before,
#lora-sensor-single .sec_btn .arrow_mark:before{
	width: 6px;
	height: 6px;
	border-color: #FFF;
}
.case_s_l .sec_btn .btn_prev,
.news_s_l .sec_btn .btn_prev,
#lora-sensor-single .sec_btn .btn_prev{
	padding-left: 28px;
	margin-right: 15px;
}
.case_s_l .sec_btn .btn_prev .arrow_mark,
.news_s_l .sec_btn .btn_prev .arrow_mark,
#lora-sensor-single .sec_btn .btn_prev .arrow_mark{
	left: 0;
}
.case_s_l .sec_btn .btn_prev .arrow_mark:before,
.news_s_l .sec_btn .btn_prev .arrow_mark:before,
#lora-sensor-single .sec_btn .btn_prev .arrow_mark:before{
	transform: translateY(-50%) rotate(135deg);
}
.case_s_l .sec_btn .btn_next,
.news_s_l .sec_btn .btn_next,
#lora-sensor-single .sec_btn .btn_next{
	padding-right: 28px;
	margin-left: 15px;
}
.case_s_l .sec_btn .btn_next .arrow_mark,
.news_s_l .sec_btn .btn_next .arrow_mark,
#lora-sensor-single .sec_btn .btn_next .arrow_mark{
	right: 0;
}
.case_s_l .sec_btn .btn_next .arrow_mark:before,
.news_s_l .sec_btn .btn_next .arrow_mark:before,
#lora-sensor-single .sec_btn .btn_next .arrow_mark:before{
	transform: translateY(-50%) rotate(-45deg);
	right: 7px;
}
@media screen and (min-width: 960px) {
	.case_s_l .sec_btn,
	.news_s_l .sec_btn,
	#lora-sensor-single .sec_btn{
		margin-top: 20px;
	}
	.case_s_l .sec_btn .btn_archive,
	.news_s_l .sec_btn .btn_archive,
	#lora-sensor-single .sec_btn .btn_archive{
		font-size: 16px;
		padding:13px 40px;
	}
	.case_s_l .sec_btn .btn_prev span,
	.case_s_l .sec_btn .btn_next span,
	.news_s_l .sec_btn .btn_prev span,
	.news_s_l .sec_btn .btn_next span,
	#lora-sensor-single .sec_btn .btn_prev span,
	#lora-sensor-single .sec_btn .btn_next span{
		font-size: 16px;
	}
	.case_s_l .sec_btn .arrow_mark,
	.news_s_l .sec_btn .arrow_mark,
	#lora-sensor-single .sec_btn .arrow_mark{
		width: 24px;
		height: 24px;
	}
	.case_s_l .sec_btn .arrow_mark:before,
	.news_s_l .sec_btn .arrow_mark:before,
	#lora-sensor-single .sec_btn .arrow_mark:before{
		width: 8px;
		height: 8px;
	}
	.case_s_l .sec_btn .btn_prev,
	.news_s_l .sec_btn .btn_prev,
	#lora-sensor-single .sec_btn .btn_prev{
		padding-left: 35px;
		margin-right: 20px;
	}
	.case_s_l .sec_btn .btn_next,
	.news_s_l .sec_btn .btn_next,
	#lora-sensor-single .sec_btn .btn_next{
		padding-right: 35px;
		margin-left: 20px;
	}
	.case_s_l .sec_btn .btn_next .arrow_mark:before,
	.news_s_l .sec_btn .btn_next .arrow_mark:before,
	#lora-sensor-single .sec_btn .btn_next .arrow_mark:before{
		right: 9px;
	}
}
@media screen and (min-width: 1100px) {
	.case_s_l .sec_btn .btn_archive:hover,
	.case_s_l .sec_btn .btn_prev:hover,
	.case_s_l .sec_btn .btn_next:hover,
	.news_s_l .sec_btn .btn_archive:hover,
	.news_s_l .sec_btn .btn_prev:hover,
	.news_s_l .sec_btn .btn_next:hover,
	#lora-sensor-single .sec_btn .btn_archive:hover,
	#lora-sensor-single .sec_btn .btn_prev:hover,
	#lora-sensor-single .sec_btn .btn_next:hover{
		opacity: .7;
	}
}

/*===============================
課題解決-一覧系 共通ルール
===============================*/
.case_a_l .sec_list .item_post{
	background-color: #F0F0F0;
	border-radius: 3px;
	display: flex;
	padding:4.83vw;
}
.case_a_l .sec_list .item_post:not(:last-child){
	margin-bottom: 4.83vw;
}
.case_a_l .sec_list .item_post .blc_content{
	position: relative;
	padding-right: 4.83vw;
	flex:1;
}
.case_a_l .sec_list .item_post .icon_new{
	background-color: #F4A800;
	padding:1vw 1.69vw;
	border-radius: 3px;
	color:#FFF;
	font-size: 1.1rem;
	font-weight: 500;
	position: absolute;
	top: -6.64vw;
	left: 1.2vw;
}
.case_a_l .sec_list .item_post .box_cat{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0.5vw;
}
.case_a_l .sec_list .item_post .box_cat .icon_box{
	margin-right: 1.2vw;
	margin-bottom: 1.2vw;
}
.case_a_l .sec_list .item_post .box_cat .icon{
	padding: 1vw 3.01vw;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 500;
	box-sizing: border-box;
	text-align: center;
	display: block;
}
.case_a_l .sec_list .item_post .box_cat .icon.cat{
	color:#FFF;
	background-color: #0092A7;
}
.case_a_l .sec_list .item_post .box_cat .icon.tag{
	border: solid 1px #0092A7;
	color:#0092A7;
	background-color: #FFF;
}
.case_a_l .sec_list .item_post .box_ttl{
	display: block;
}
.case_a_l .sec_list .item_post .box_ttl .no{
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 1.2vw;
}
.case_a_l .sec_list .item_post .box_ttl .ttl{
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
}
.case_a_l .sec_list .item_post .blc_img{
	width: 32.6vw;
}
@media screen and (max-width: 959px) {
	.case_a_l .sec_list .item_post .box_ttl .txt{
		display: none;
	}
}
@media screen and (min-width: 600px) {
	.case_a_l .sec_list .item_post{
		padding:30px;
	}
	.case_a_l .sec_list .item_post .blc_content{
		padding-right: 40px;
	}
}
@media screen and (min-width: 960px) {
	.case_a_l .sec_list .item_post:not(:last-child){
		margin-bottom: 30px;
	}
	.case_a_l .sec_list .item_post .icon_new{
		padding:7px 12px;
		font-size: 13px;;
		top: -43px;
		left: 10px;
	}
	.case_a_l .sec_list .item_post .box_cat{
		margin-bottom: 10px;
	}
	.case_a_l .sec_list .item_post .box_cat .icon_box{
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.case_a_l .sec_list .item_post .box_cat .icon{
		padding: 6px 15px;
		font-size: 14px;
	}
	.case_a_l .sec_list .item_post .box_cat .icon.cat{
		min-width: 135px;
	}
	.case_a_l .sec_list .item_post .box_cat .icon.tag{
		min-width: 110px;
	}
	.case_a_l .sec_list .item_post .box_ttl .no{
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 8px;
	}
	.case_a_l .sec_list .item_post .box_ttl .ttl{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.case_a_l .sec_list .item_post .box_ttl .txt{
		font-size: 14px;
		line-height: 2;
	}
	.case_a_l .sec_list .item_post .blc_img{
		width: 300px;
	}
}
@media screen and (min-width: 1100px) {
	.case_a_l .sec_list .item_post .box_ttl:hover .ttl{
		text-decoration: underline;
	}
	.case_a_l .sec_list .item_post .box_cat .icon:hover{
		opacity: .7;
	}
}

/*===============================
 20210930 update
===============================*/
@media screen and (min-width: 1100px) {
	.float_bnr.s_energy_bnr a .bnr_inner {
		background-color: #F4A800;
		transition: .3s;
		padding-left: 15px;
	}
	.float_bnr.s_energy_bnr a .bnr_inner::before {
		content: none;
	}
	.float_bnr.s_energy_bnr a:hover .bnr_inner {
		background-color: #333;
	}
	.float_bnr.s_energy_bnr a {
		height: 245px;
	}
	.float_bnr.s_energy_bnr a svg path{
		fill:#FFF;
	}
	.float_bnr.s_energy_bnr a span{
		color: #FFF;
	}
	.float_bnr.s_energy_bnr a.to_top {
		height: 60px;
		margin-top: 5px;
	}
	.float_bnr.s_energy_bnr a.to_top .bnr_inner {
		background-color: #999999;
		padding-left: 13px;
	}
	.float_bnr.s_energy_bnr a.to_top:hover .bnr_inner {
		background-color: #333;
	}
	.float_bnr.s_energy_bnr a.to_top .icon {
		width: 30px;
	}
	.float_bnr.s_energy_bnr a.to_top span {
		font-size: 15px;
		margin-left: 0;
	}
}

/*==================================
 20220309 LoRa無線機LP改修
===================================*/
@media screen and (min-width: 1100px) {
	.float_bnr.s_lora_bnr{
		top: 220px;
		right: -126px;
		width: 116px;
		display: block;
	}
	.float_bnr.s_lora_bnr.is--fix{
		right: 0px;
	}
	.float_bnr.s_lora_bnr .bnr{
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 85px;
		box-shadow: 0px 0px 3px 1px rgba(204, 204, 204, .65);
		border-radius: 3px 0 0 3px;
		transition: opacity .3s ease;
	}
	.float_bnr.s_lora_bnr .bnr:not(:last-child){
		margin-bottom: 15px;
	}
	.float_bnr.s_lora_bnr .bnr:hover{
		opacity: .7;
	}
	.float_bnr.s_lora_bnr .bnr_inner{
		padding: 0;
		width: auto;
		height: auto;
	}
	.float_bnr.s_lora_bnr .bnr_inner:before{
		display: none;
	}
	.float_bnr.s_lora_bnr .txt{
		color: #fff;
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1.3;
		text-align: center;
	}
	.float_bnr.s_lora_bnr .bnr.contact{
		background-color: #F4A800;
	}
	.float_bnr.s_lora_bnr .bnr.contact .icon{
		width: 28px;
		margin: 0 auto 3px auto;
	}
	.float_bnr.s_lora_bnr .bnr.catalog{
		background-color: #0092A7;
	}
	.float_bnr.s_lora_bnr .bnr.catalog .icon{
		width: 24px;
		margin: 0 auto 2px auto;
	}
	.float_bnr.s_lora_bnr .bnr.to_top{
		background-color: #A2A2A2;
	}
	.float_bnr.s_lora_bnr .bnr.to_top .bnr_inner{
		position: relative;
		padding-top: 25px;
	}
	.float_bnr.s_lora_bnr .bnr.to_top .bnr_inner:before{
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		background: transparent;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		width: 21px;
		height: 21px;
		top: 0;
		left: 50%;
		transform: translate(-50%, 20%) rotate(-45deg);
	}
}

/*===============================

===============================*/
/*
--------------------------------------*/
@media screen and (min-width: 960px) {
}