@charset "UTF-8";

*{padding:0; margin:0;}
html {
	overflow-y: scroll;
	box-sizing: border-box;
	/* All browsers without overlaying scrollbars */

	-webkit-text-size-adjust: 100%;
	/* iOS 8+ */
}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

*,
::before,
::after {
	box-sizing: inherit;
}

::before,
::after {
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit; 
	text-decoration: inherit;
}

/* BODY
================================================== */
body {
	min-width: 320px;
	width: 100%;
    /* font-size: 62.5%; */
	font-style: normal;
	font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Meiryo", sans-serif;
	line-height: 2;
	font-feature-settings: "pkna";
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes loading {
	0% {
		background-position: left center;
	}
	100% {
		background-position: right center;
	}
}
.c-hdl2 {
	position: relative; 
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	font-size: 0.3rem;
	font-family: "Oswald", sans-serif;
	line-height: 1.1;
}
.c-hdl2:before {
	-ms-transform-origin: right center;
	    transform-origin: right center;
}
.c-hdl2 span:not([class]) {
	display: block; 
	margin-top: 10px;
	font-style: normal;
	font-size: 12px;
	font-size: .75rem;
	font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Meiryo", sans-serif;
	line-height: 1.5;
}
.c-hdl2 a {
	color: currentcolor;
}

.c-hdl3,
.c-hdl3--bk,
.p-pro-kind__item .c-olst__name,
.p-co-info__name,
.p-news-detail__body h2,
.p-news-detail__body h3,
.p-news-detail__body h4 {
	position: relative; 
	margin-bottom: 16px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	font-size: 1.125rem;
	font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Meiryo", sans-serif;
	line-height: 1.5;
}
.c-hdl3:after,
.c-hdl3--bk:after,
.p-pro-kind__item .c-olst__name:after,
.p-co-info__name:after,
.p-news-detail__body h2:after,
.p-news-detail__body h3:after,
.p-news-detail__body h4:after {
	position: absolute;
	bottom: 0;
	left: 0; 
	display: block;
	width: 24px;
	height: 1px;
	background-color: #fff;
	content: "";
}
.c-hdl3--bk,
.p-pro-kind__item .c-olst__name {
	color: #fff;
}
.c-hdl3--bk:after,
.p-pro-kind__item .c-olst__name:after {
	background-color: #009ce0;
}
.c-hdl3 a,
.c-hdl3--bk a,
.p-pro-kind__item .c-olst__name a,
.p-co-info__name a,
.p-news-detail__body h2 a,
.p-news-detail__body h3 a,
.p-news-detail__body h4 a {
	padding-bottom: 4px;
	color: currentcolor;
	transition: .3s ease;
}
.c-hdl4{position:relative;margin-bottom:32px;padding-left:12px;color:#000;font-weight:500;font-style:normal;font-size: 0.24rem; font-weight:bold;
    font-family:Oswald,sans-serif;line-height:1.63636}
.c-hdl4:after{position:absolute;top:2px;left:0;display:block;width:4px;height:30px;background-color:#009ce0;content:""}
.c-hdl4 span{margin-left:8px;font-weight:400;font-style:normal;font-size:12px;font-size:.14rem;font-family:"Yu Gothic Medium","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",HiraKakuProN-W3,Meiryo,sans-serif;line-height:3}
.c-hdl4 a{color:currentcolor}

.c-blst__name{position:absolute;top:48px;right:8.53333%;color:#000;letter-spacing:.08em;font-weight:400;font-style:normal;font-size:16px;font-size:1rem;font-family:Oswald,sans-serif;line-height:1;-ms-transform:rotate(90deg) translateX(100%);transform:rotate(90deg) translateX(100%);-ms-transform-origin:100% 0;transform-origin:100% 0}
.c-blst__body{position:relative}
.c-blst__body>.c-blst__name{top:6px;right:0}
.c-ullst{overflow:hidden}
.c-ullst__item-box{display:flex; flex-wrap:wrap;}
.c-ullst__item{position:relative; width:50%!important; line-height:50px; box-sizing:border-box; padding-right:10px;}
.c-ullst__item:after{display:block;clear:both;height:0;content:""}
.c-ullst__item:hover a{box-shadow: none;}
.c-ullst a{padding:5px 0 10px;box-shadow:0 -1px 0 0 #fff inset;color:#fff;font-style:normal;font-size:.18rem;font-family:"Yu Gothic Medium","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",HiraKakuProN-W3,Meiryo,sans-serif;line-height:1.5;transition:.3s}

@media screen and (max-width:576px){
.c-ullst a{font-size: 0.22rem;}
}

.c-btn{position:relative;display:block;padding:8px 0;width:100%;border:solid 1px rgba(0,0,0,.5);color:#000;text-align:center;letter-spacing:.2em;font-weight:400;font-style:normal;font-size:14px;font-size:.875rem;font-family:Oswald,sans-serif;line-height:1.57143}
.c-btn--whalp{position:relative;display:block;padding:8px 0;width:100%;border:solid 1px rgba(255,255,255,.5);color:#fff;text-align:center;letter-spacing:.2em;font-weight:400;font-style:normal;font-size:14px;font-size:.875rem;font-family:Oswald,sans-serif;line-height:1.57143}
.c-btn--gralp{position:relative;display:block;padding:8px 0;width:100%;border:solid 1px rgba(0,0,0,.25);color:#000;text-align:center;letter-spacing:.2em;font-weight:400;font-style:normal;font-size:14px;font-size:.875rem;font-family:Oswald,sans-serif;line-height:1.57143}
.c-btn--disable{position:relative;display:block;padding:8px 0;width:100%;border:solid 1px #ccc;color:#aaa;text-align:center;letter-spacing:.2em;font-weight:400;font-style:normal;font-size:14px;font-size:.875rem;font-family:Oswald,sans-serif;line-height:1.57143;pointer-events:none}
.c-btn-line{position:absolute;top:0;right:8%;bottom:0;display:block;margin:auto;max-width:24px;width:8%;height:1px;background-color:rgba(255,255,255,.75);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.c-btn-line:before{position:absolute;top:0;right:0;bottom:0;display:block;width:10px;height:1px;background-color:rgba(255,255,255,.75);content:"";opacity:0;transition:.3s ease;-ms-transform:rotate(0);transform:rotate(0);-ms-transform-origin:right top;transform-origin:right top}
.c-btn-part{position:absolute;top:0;right:8.08458%;bottom:0;display:block;margin:auto;width:1px;height:24px;background-color:rgba(255,255,255,.75)}
.c-btn-part:before{position:absolute;right:0;bottom:0;display:block;width:1px;height:10px;background-color:rgba(255,255,255,.75);content:"";transition:.3s ease;-ms-transform:rotate(0);transform:rotate(0);-ms-transform-origin:center bottom;transform-origin:center bottom}
.c-btn-part--bk{background-color:#000}
.c-btn-part--bk:before{background-color:#000}
.c-btn-anchor,.c-btn-anchor--bk{position:relative}
.c-btn-anchor--bk:after,.c-btn-anchor:after{position:absolute;top:0;right:25px;bottom:0;display:block;margin:auto;width:17px;height:6px;background-image:url(/common/image/anchor_wh.svg);background-position:center;background-size:17px 6px;background-repeat:no-repeat;content:""}
.c-btn-anchor--bk:after{background-image:url(/common/image/anchor.svg)}
.c-btn-plane,.c-btn-plane--bk{position:relative;display:block;padding:20px 20%;width:100%;border:none;background-image:linear-gradient(90deg,#d77515 10%,#009ce0 60%,#d77515);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;color:#fff;text-align:center;letter-spacing:.1em;font-weight:400;font-style:normal;font-size:16px;font-size:1rem;font-family:Oswald,sans-serif;line-height:1.625}
.c-btn-plane--bk{background-color:#000;background-image:none;color:#fff}
.c-btn-plus{position:relative}
.c-btn-plus:before{position:absolute;top:0;right:23px;bottom:0;z-index:1;display:block;margin:auto;width:20px;height:1px;background-color:#fff;content:""}
.c-btn-plus:after{position:absolute;top:0;right:23px;bottom:0;display:block;margin:auto;width:20px;height:1px;background-color:#fff;content:"";-ms-transform:rotate(90deg);transform:rotate(90deg);-ms-transform-origin:center;transform-origin:center}
.c-btn-back{position:relative;display:inline-block;color:#000;font-size:14px;font-size:.875rem;line-height:2}
.c-btn-back:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background-color:#bbb;content:""}


.p-product-nav{position:relative;z-index:70;overflow:hidden;margin-left:6.4%;width:93.6%;height:45px;
    background-image:linear-gradient(to right,#13aebc,#009ce0);}
.p-product-nav__ttl{display:none;float:left;padding-left:3.42857%;width:23.07692%; color: #fff; font-size: 0.25rem;}
.p-product-nav__ttl:after{left:16%}
.p-product-nav__search{display:none;width:69.23077%}
.p-product-nav__search>li{width:calc(100% / 3);border-top:solid 1px rgba(255,255,255,.5);
    border-bottom:solid 1px rgba(255,255,255,.5);
    border-left:solid 1px rgba(255,255,255,.5);text-align:center;
box-sizing: border-box; }
.p-product-nav__search>li:last-child,
.p-product-nav__search>li:nth-child(3n){border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__search>li.is-active a{background-color:#fff;color:#009ce0;cursor:default}
.p-product-nav__search>li.is-active a:after{-ms-transform:rotate(0);transform:rotate(0)}
.p-product-nav__search a{position:relative;display:block;padding:20px;color:#fff}
.p-product-nav__search a:after,.p-product-nav__search a:before{position:absolute;top:0;right:23px;bottom:0;z-index:1;display:block;
    margin:auto;width:20px;height:1px;background-color:#fff;content:"";transition:.3s ease}
.p-product-nav__search a:after{-ms-transform:rotate(90deg);transform:rotate(90deg);-ms-transform-origin:center;transform-origin:center}
.p-product-nav__items{display:none;margin-bottom:24px;margin-left:23.07692%;width:69.23077%}
.p-product-nav__items ul{display:-ms-flexbox;display:flex;width:100%;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}
.p-product-nav__items ul>li{box-sizing:border-box;border-bottom:solid 1px rgba(255,255,255,.5);border-left:solid 1px rgba(255,255,255,.5);text-align:center}
.p-product-nav__items ul>li:first-child,.p-product-nav__items ul>li:nth-child(2),.p-product-nav__items ul>li:nth-child(3){border-top:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items ul>li:last-child{border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items ul>li.is-active a{background-color:#fff;color:#009ce0}
.p-product-nav__items ul>li.is-disabled a{pointer-events:none}
.p-product-nav__items ul>li li{border-top:solid 1px rgba(255,255,255,.5);border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items a{position:relative;display:-ms-flexbox;display:flex;padding:20px;height:100%;color:#fff;line-height:1.2;transition:.3s ease;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.p-product-nav__items--category{margin-bottom:0;padding-top:24px}
.p-product-nav__items--category ul>li{width:50%}
.p-product-nav__items--category ul>li.is-active a:after{background-image:url(/common/image/anchor_r.svg)}
.p-product-nav__items--category ul>li:nth-child(2n){border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--product{float:left;margin-bottom:84px;padding-top:24px;width:calc(34.61538% + 1px)}
.p-product-nav__items--product:after{display:block;clear:both;height:0;content:""}
.p-product-nav__items--product ul{width:100%}
.p-product-nav__items--product li{width:100%;border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--product li:not(:first-child){border-top:none!important}
.p-product-nav__items--service{float:right;margin-right:7.69231%;margin-left:0;padding-top:24px;width:calc(34.61538% - 1px)}
.p-product-nav__items--service:after{display:block;clear:both;height:0;content:""}
.p-product-nav__items--service ul{display:none}
.p-product-nav__items--service li{width:100%;border-right:solid 1px rgba(255,255,255,.5);border-left:none!important}
.p-product-nav__items--service li:not(:first-child){border-top:none!important}
.p-product-nav__items--use{padding-top:24px}
.p-product-nav__items--use li{width:33.33333%}
.p-product-nav__items--use li:nth-child(3n){border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--use li:last-child{width:calc(33.3333% + 1px)}

.p-product-nav__items--use{padding-top:24px}
.p-product-nav__items--use li{width:33.33333%}
.p-product-nav__items--use li:nth-child(3n){border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--use li:last-child{width:calc(33.3333% + 1px)}




.p-product-nav__items--type{padding-top:24px}
.p-product-nav__items--type ul{margin-top:-4px;margin-left:-4px}
.p-product-nav__items--type li{margin:4px;border:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--type li:nth-child(3n){border-right:solid 1px rgba(255,255,255,.5)}
.p-product-nav__items--type a{position:relative;display:block;padding:8px;color:#fff;font-size:12px;font-size:0.14rem;line-height:1;transition:.3s ease}
.p-product-nav__name{position:absolute;top:50%;right:3.07692%;display:none;color:#000;font-weight:400;font-style:normal;font-size:16px;font-size:1rem;font-family:Oswald,sans-serif;line-height:1;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
.p-product-nav__name--product{height:160px;-ms-transform:translateY(-73px);transform:translateY(-73px)}
.p-product-nav__btn{display:none;float:right;overflow:hidden;margin-right:7.69231%;width:23.07692%}
.p-product-nav__btn:after{display:block;clear:both;height:0;content:""}
.p-product-nav__btn a{-ms-transform:translateY(-60px);transform:translateY(-60px);-ms-transform-origin:left top;transform-origin:left top}
.p-product--index{margin-top:60px;padding-bottom:60px}
.p-product--index .p-product__item{padding-bottom:0}
.p-product--index .p-product__body{padding-bottom:0}
.p-product__item{position:relative}
.p-product__item--reverse{overflow:hidden}
.p-product__item--reverse .p-product__header{margin-left:6.4%;padding-left:0}
.p-product__item--reverse .p-product__btn,.p-product__item--reverse .p-product__name{margin-left:8.10811%}
.p-product__item--reverse .p-product__img{margin-left:0}
.p-product__item--category{position:relative}
.p-product__item--category .p-product__header{width:93.6%}
.p-product__item--category .p-product__img{margin-left:6.4%;width:93.6%}
.p-product__item--category .p-product__img img{width:100%;height:auto}
.p-product__item--category.p-product__item--reverse .p-product__name{margin-left:6.83761%}
.p-product__item--category.p-product__item--reverse .p-product__img{margin-left:0}
.p-product__item+.p-product__item{margin-top:60px}
.p-product__header{padding:40px 8.10811%;width:93.6%;
    background-image:linear-gradient(to right,#13aebc,#009ce0);}
.p-product__name{position:relative;color:#fff}
.p-product__body{padding-bottom:60px;width:100%}
.p-product__img{position:relative;margin-top:-16px;margin-left:6.4%;width:93.6%}
.p-product__img img{width:100%;height:auto}
.p-product__img--tl2{margin-top:-16px;margin-left:0}
.p-product__txt{position:relative;padding:16px 6.4% 20px;width:100%}
.p-product__txt p{font-size:0.22rem; line-height:2}
.p-product__service{position:relative;padding:0 6.4%}
.p-product__service dt{margin-bottom:0.2rem}
.p-product__service dd{width:86.66667%}
.p-product__service dd a{box-shadow:0 -1px 0 0 #000 inset;color:#000}
.p-product__btn{position:absolute;right:0;bottom:0;left:0;margin:auto;width:85%}
.p-result{display:none;margin-top:120px;padding:0 7.14286% 53px}
.p-result__header{position:relative;margin-left:-8.33333%;padding:62px 8.33333%;width:58.33333%;background-color:#009ce0;-ms-transform:scale(0,1);transform:scale(0,1);-ms-transform-origin:left center;transform-origin:left center}
.p-result__ttl{margin-bottom:20px;color:#fff;font-weight:700;font-style:normal;font-size:20px;font-size:1.25rem;font-family:"Yu Gothic Medium","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",HiraKakuProN-W3,Meiryo,sans-serif;line-height:1.5}
.p-result__tag{margin:-4px;font-size:0}
.p-result__tag span{display:inline-block;margin:4px;padding:8px;min-width:100px;border:solid 1px #fff;color:#fff;text-align:center;white-space:nowrap;font-size:12px;font-size:.75rem;line-height:1}
.p-result__body{padding-top:75px}
.p-pro-kind__body{margin-top:-16px}
.p-pro-kind__item+.p-pro-kind__item{margin-top:32px}
.p-pro-kind__item .c-olst__name{margin-bottom:14px;padding-bottom:10px}
.p-pro-kind__item--more+.p-pro-kind__item{margin-top:60px}
.p-pro-kind__btn{margin-top:40px}
.p-pro-index__body{padding-top:64px}
.p-pro-index__ttl{padding:0 6.4% 15px}
.p-pro-index__ttl:after{left:6.4%}
.p-pro-chara__img{margin-bottom:30px;width:100%}
.p-pro-chara__img--graph1{margin-bottom:30px;width:99.75124%}
.p-pro-chara__img--graph1 img{width:100%}
.p-pro-chara__img--graph2{margin-bottom:30px;width:57.21393%}
.p-pro-chara__img--graph2 img{width:100%}
.p-pro-chara__heading{margin-top:50px;margin-bottom:24px;font-size:16px;font-size:1rem;line-height:2}
.p-pro-anchor{padding-top:52px}
.p-pro-anchor__ttl{margin-bottom:6px}
.p-pro-anchor__ttl span{display:block;margin-top:-3px;margin-left:-12px}
.p-pro-anchor__sttl{margin-top:8px}
.p-pro-anchor__lst{font-size:0}
.p-pro-anchor__item{position:relative;display:inline-block;font-size:14px;font-size:.875rem;line-height:1.5}
.p-pro-anchor__item:not(:last-child){margin-right:20px;padding-right:20px}
.p-pro-anchor__item:not(:last-child):before{position:absolute;top:0;right:0;bottom:0;display:block;margin:auto;width:1px;height:12px;background-color:rgba(0,0,0,.2);content:""}
.p-pro-anchor__item a{color:#000;transition:.2s cubic-bezier(.645,.045,.355,1)}
.p-pro-anchor__btn{margin-top:24px;font-style:normal;font-size:16px;font-size:1rem;font-family:"Yu Gothic Medium","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",HiraKakuProN-W3,Meiryo,sans-serif;line-height:1.5}
.p-pro-machine__lst .c-olst__num{opacity:0}
.p-pro-machine__lst .c-olst__name{font-size:22px;font-size:1.375rem;line-height:1.5}
.p-pro-small__chara2{margin-top:64px}
.p-pro-small__const{margin-top:64px}
.p-pro-small__alumina{overflow:hidden;margin-top:72px}
.p-pro-small__graphite{overflow:hidden;margin-top:76px}
.p-pro-small__sample{margin-top:68px}
.p-pro-small__product{margin-top:66px}
@media screen and (min-width:769px){
	/* body{font-size:15px;font-size:.9375rem;line-height:2} */

.c-btn{transition:.3s ease}
.c-btn:hover{border-color:#000;background-color:#000;color:#fff}
.c-btn:hover .c-btn-line{animation:btnline .5s 1 cubic-bezier(.645,.045,.355,1)}
.c-btn--whalp{transition:.3s ease}
.c-btn--whalp:hover{border-color:#fff;background-color:#fff;color:#009ce0}
.c-btn--gralp{transition:.3s ease}
.c-btn--gralp:hover{border-color:#000;background-color:#000;color:#fff}
.c-btn--disable{transition:.3s ease}
.c-btn--disable:hover{border-color:#000;background-color:#000;color:#fff}
.c-btn-plane--bk:hover .c-btn-line:before,.c-btn-plane:hover .c-btn-line:before,.c-btn:hover .c-btn-line:before,.l-content__link a:hover .c-btn-line:before,.l-content__link--co a:hover .c-btn-line:before,.l-footer__catalog a:hover .c-btn-line:before{opacity:1;-ms-transform:rotate(30deg);transform:rotate(30deg)}
.c-btn-plane--bk:hover,.c-btn-plane:hover{background-position:right center}
.c-btn-plane,.c-btn-plane--bk{padding:17px 13%;transition:background-position .6s ease}
.c-btn-plane--bk:hover .c-btn-line,.c-btn-plane:hover .c-btn-line{animation:btnline .5s 1 cubic-bezier(.645,.045,.355,1)}
.c-btn-back:hover:after{opacity:0}

.p-product-nav{margin-top:-90px; padding-bottom: 0.3rem; margin-left:7.14286%;padding-top:140px;width:92.85714%;height:auto}
.p-product-nav__ttl{display:block}
.p-product-nav__search{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;
flex-wrap: wrap; box-sizing: border-box;}
.p-product-nav__search a{transition:.3s ease}
.p-product-nav__search a:hover{background-color:#fff;color:#009ce0}
.p-product-nav__search a:hover:after,.p-product-nav__search a:hover:before{background-color:#009ce0}
.p-product-nav__items a:hover{background-color:#fff;color:#009ce0}
.p-product-nav__items--category a:hover:after{background-image:url(/common/image/anchor_r.svg)}
.p-product-nav__items--type a:hover{background-color:#fff;color:#009ce0}
.p-product-nav__name{display:block}
.p-product-nav__btn{display:block}
.p-product--index{margin-top:120px;padding-bottom:0}
.p-product--index .p-product__item{padding-bottom:0}
.p-product__item--reverse .p-product__header{float:right;margin-left:0}
.p-product__item--reverse .p-product__header:after{display:block;clear:both;height:0;content:""}
.p-product__item--reverse .p-product__btn,.p-product__item--reverse .p-product__name{margin-left:48.85714%}
.p-product__item--reverse .p-product__txt{margin-left:28.57143%}
.p-product__item--reverse .p-product__service{left:74.42857%}
.p-product__item--reverse .p-product__service dd{width:100%}
.p-product__item--category .p-product__header{width:71.42857%}
.p-product__item--category .p-product__name{margin-left:10%}
.p-product__item--category .p-product__btn{margin-left:10%;width:25.2%}
.p-product__item--category .p-product__img{margin-top:-237px;margin-left:50%;width:50%}
.p-product__item--category.p-product__item--reverse .p-product__name{margin-left:34.8%}
.p-product__item--category.p-product__item--reverse .p-product__btn{margin-left:34.8%}
.p-product__item+.p-product__item{margin-top:0}
.p-product__header{padding:75px 0;width:50%}
.p-product__name{margin-bottom:34px;margin-left:14.28571%}
.p-product__body{display:-ms-flexbox;display:flex;padding-bottom:0;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}
.p-product__img{margin-top:-257px;margin-left:40%;width:60%}
.p-product__img--tl2{margin-top:-295px}
.p-product__txt{margin-left:40%;padding:48px 3.42857% 115px;width:60%; background: #f5f5f5;}
.p-product__txt p{font-size:.18rem;line-height:2}
.p-product__service{position:absolute;top:367px;left:7.14286%;padding:0;width:21.42857%}
.p-product__service--tl2{top:406px}
.p-product__service dt{margin-bottom:0.2rem}
.p-product__btn{position:relative;right:auto;margin:0 0 0 14.28571%;width:37.14286%; font-size: 0.16rem;}
.p-product__btn:hover .c-btn-line,.p-product__btn:hover .c-btn-line:before{background-color:#009ce0}


.u-p-btn{padding:18px 0}
.u-p-btn2{padding:7px 0}


}