@charset "UTF-8";

html,body{height:100%;font-family:sans-serif;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	color: #000;
	min-width: 320px;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	font-weight:300;
	overflow: scroll;
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:top;font-size: 70%}
sub{vertical-align:bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#333;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;max-width:100%;height: auto;}
a{text-decoration: none;color:#333;transition: all .25s ease;}
a:hover{}
*{box-sizing:border-box;}

p{
	font-size:16px;
	line-height: 2;
	color: #555;
}

.font-en {
	font-weight: normal;
}

/* color 

blue #0546A5
border #EAEAEA
text gray #535A63
*/


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .foo { color: red } /* IE11 */
}

@media all and (-ms-high-contrast:none){
	.foo { color: green } /* IE10〜Edge */
}


/* layout ---------------------------------------*/

.wrapper{padding-top: 70px;}

.inner{
	max-width:1080px;
	margin:0 auto;
}

.section{padding:48px 20px;}
.columnnav-wrapper + .section{padding-top: 0;}
.block{margin-top: 40px;}
.block:first-child{margin-top: 0;}

.border-bottom{border-bottom:1px solid #EAEAEA;}

.ov-h{overflow: hidden;}

.overlay{display: none;}


/* header ---------------------------------------*/

header{
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px;
	z-index: 105;
	background: #fff;
	transition: all .25s ease;
}

.header-inner{
	height:70px;
	margin:0 auto;
	position:relative;
	width: 100%;
}

.header-logo {
	display: block;
	/* width: 110px; */
	width: 91px;
	height: 27px;
	overflow: hidden;
	position: absolute;
	left: 40px;
	top: 22px;
}

.header-logo svg {
	width: 91px;
	height: 24px;
}

.header-logo-sub{
	position: absolute;
	left: 135px;
	top: 32px;
}

.header-logo-sub a {
	display: block;
	color: #0546a5;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
}

.header-logo-company{
	position: absolute;
	right: 27px;
	top: 23px;
	display: block;
	transition: all .25s ease;
}

.header-logo-company:hover{opacity: 0.8;}
.header-logo-company img{}


/* gnav ---------------------------------------*/

.gnav{
	position: absolute;
	right: 174px;
	top: 0px;
	width: calc(100% - 345px);
}

.gnav-list{
	font-size:0px;
	/* text-align: left; */
}

.gnav-list-item{
	display: inline-block;
	font-size:14px;
	line-height: 1.0;
	vertical-align: top;
	font-family: YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

.gnav-list-item > a,
.gnav-search{
	display: block;
	padding: 0 24px;
	line-height: 70px;
	position: relative;
	overflow: hidden;
	transition: all .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	color: #0546A5;
	font-weight:bold;
}

.gnav-list-item > a:hover,
.gnav-list-item.is-active > a{
	background-color: #0546A5;
	color: #fff;
	opacity: 1;
}

.gnav-search:hover{opacity:1;}

.gnav-list-item.has-megadrop > a::after{
	display:block;
	content:'';
	border-left: 5px solid transparent;
	border-top: 5px solid rgba(255,255,255,0.8);
	border-right: 5px solid transparent;
	width:0px;
	height:0px;
	position:absolute;
	left: 50%;
	bottom: 11px;
	transition: all .25s ease;
	transform: translate(-50%, 0);
}

.gnav-list-item.is-active > a::after,
.gnav-list-item > a:hover::after{transform: translate(-50%, 0);}

/*
.gnav-list-item:first-child > a:hover::after,
.gnav-list-item:first-child.is-active > a::after{transform: translate(-75%, 0);}
*/

.gnav-list-item.is-search{
	transition: all .25s ease;
	position: absolute;
	top: 0;
	right: 96px;
}

.gnav-list-item.is-search.is-active{
	background-color: #0546A5;
	color: #fff;
}

.gnav-list-item .gnav-search{
	/* padding-right: 20px; */
	cursor: pointer;
	position: relative;
	transition: all .25s ease;
	/* padding-left: 50px; */
	font-weight: normal;
}

.gnav-list-item.is-active .gnav-search{color:#fff;}

.gnav-list-item .gnav-search > span{
	/* position: absolute;
	left: 20px;
	top: 50%; */
	width: 18px;
	height: 18px;
	/* transform: translate(0,-50%); */
	line-height: 1.0;
	position: relative;
	top: 5px;
}

.gnav-list-item .gnav-search > span svg{
	width: 18px;
	height: 18px;
}

.gnav-list-item .gnav-search > span svg path{
	transition: all .25s ease;
	fill: #0546A5;
}

.gnav-list-item.is-active .gnav-search > span svg path{fill: #fff;}


.gnav-list-item .gnav-search > p{
	width: 100%;
	height: 100%;
	line-height: inherit;
	color: inherit;
	font-size: inherit;
}

.gnav-list-item.is-active .gnav-search > p{color:#fff;}


.gnav-list-item.is-language {
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

.gnav-language {
	display: flex;
	justify-content:  center;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
	padding: 0 20px;
	line-height: 70px;
}

.gnav-language-item {
	color: #0546A5;
	font-size: 14px;
	font-weight: 500;
}

span.gnav-language-item {
	position: relative;
}

span.gnav-language-item::after {
    display: block;   
	content: '';
	background: #0546A5; 
	width: 17px;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 24px;
	transform: translate(-50%,0);
}

a.gnav-language-item {
	color: #99B3D5;
	transition: all .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

a.gnav-language-item:hover {
	opacity: 0.7;
}

.gnav-language-item:last-child {
	position: relative;
}

.gnav-language-item:last-child::before {
    display: block;   
	content: '/';
	width: 1em;
	color: #0546A5;
	font-weight: 500;
	height: 70px;
	line-height: 70px;
	position: absolute;
	left: -13px;
	top: 50%;
	transform: translate(0,-50%);
}


/* megadrop ---------------------------------------*/

.megadrop{
	position: absolute;
	left: 0;
	top: 70px;
	width: 100%;
	background: #0546A5;
	padding: 0px 0 0px;
	display: none;
	overflow: hidden;
}

.megadrop-overlay{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	z-index: 102;
	display: none;
}

.megadrop-inner{
	margin:0 auto;
	position:relative;
}

.megadrop-firstview{
	/* width: calc(100% - 280px); */
	width: 76.5%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 16px;
}

.megadrop-firstview.is-active{
	display: flex;
}

.megadrop-firstview-text{
	font-size: 16px;
	line-height: 1.5;
	color: #99B3D5;
}

.megadrop-list{
	width: 23.5%;
	background: rgba(0,0,0,0.3);
	padding: 35px 0 30px 43px;
}

.megadrop-list-item{
	font-size:14px;
	line-height: 1.4;
	width: 100%;
	overflow: hidden;
}

.megadrop-list-item > a{
	display: block;
	position: relative;
	padding: 18px 0 18px 10px;
	color: #fff;
	transition: all .25s ease;
	overflow: hidden;
	width: 240px;
	float: right;
	line-height: 1.5;
}

.megadrop-list-item.has-sublist > a {
    cursor: pointer;
}

.megadrop-list-item:hover > a{background: #0951AF;}
.megadrop-list-item.has-sublist.is-active > a{background: #0546A5;}

.has-sublist > a::after{
	display:block;
	content:'';
	background:url('../img/common/icon_arrow_wh.svg') no-repeat center center / 100% 100%;
	width:8px;
	height:12px;
	position:absolute;
	right:16px;
	top:50%;
	transform:translate(0,-50%);
}


.has-sublist:hover > a::after{}
.megadrop-list-item > a::before{}

.megadrop-sub{
	position: absolute;
	left: 23.5vw;
	top: 0;
	width: 1085px;
	height: 100%;
	padding:40px 47px 40px 37px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all .50s cubic-bezier(0.16, 1, 0.3, 1);
	background: #0546A5;
}

.megadrop-sub.animate-ready {
	
}

.has-sublist.is-active .megadrop-sub{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.megadrop-sub-title{
	font-weight:bold;
	font-size:16px;
	width: 48%;
	position:relative;
	color: #fff;
	display: inline-block;
	margin-bottom: 3px;
	padding: 14px 0 14px 10px;
}

a.megadrop-sub-title:hover{
	background-color: rgba(255,255,255,0.1);
}

a.megadrop-sub-title::after{
	display: inline-block;
	content:'';
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	width:6px;
	height:6px;
	position:relative;
	top: -2px;
	transform: rotate(-45deg);
	margin-left: 15px;
}

.megadrop-sub-menu{
	display:flex;
	/* position: relative; */
}

.megadrop-sub-menu-main{
	width: 620px;
	padding-right: 20px;
}

.tablet-menuclose-wrapper {
	display: none;
}

.megadrop-sublist{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 600px;
}

.megadrop-sublist-item{
	font-size:14px;
	line-height: 1.4;
	width: 48%;
	margin: 4px 0;
}

.is-rd .megadrop-sublist-item{
	margin: 2px 0;
}

.megadrop-sublist.col-3type{justify-content:flex-start;}
.megadrop-sublist.col-3type .megadrop-sublist-item{width:32%;margin-left:2%;}
.megadrop-sublist.col-3type .megadrop-sublist-item:nth-child(3n + 1){margin-left:0;}


.megadrop-sublist-item > a{
	padding:8px 0 8px 35px;
	line-height: 1.5;
	display: block;
	position: relative;
	color: #fff;
	font-weight: normal;
	background: url('../img/common/icon_arrow_megadropsub.svg') no-repeat 10px 9px;
	background-size: 18px;
	transition: all .25s ease;
	overflow: hidden;
}

.is-rd .megadrop-sublist-item > a {
	padding: 6px 0 6px 35px;
}

.megadrop-sublist-item > a:hover{
	background-color: rgba(255,255,255,0.1);
}

.megadrop-sublist-item > a > small {
	font-size: 12px;
	display: block;
	color: #CCD9EA;
}

.megadrop-sub-menu-main-btn{
	border:1px solid #658EC4;
	display: inline-block;
	font-size:14px;
	line-height: 1;
	padding: 10px 40px 9px 30px;
	position:absolute;
	left: 40px;
	bottom: 40px;
	color: #fff;
	transition: all .25s ease;
}

.megadrop-sub-menu-main-btn::after{
	display:block;
	content:'';
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	width:7px;
	height:7px;
	position:absolute;
	right:15px;
	top:50%;
	transform:translate(0,-50%) rotate(-45deg);
	transition: all .25s ease;
}


.megadrop-sub-menu-main-btn:hover{
	background: #fff;
	color: #0546A5;
}
.megadrop-sub-menu-main-btn:hover::after{
	border-color: #0546A5;
}

.megadrop-sub-menu-main-btn-rd{
	margin-top: 10px;
	position: relative;
	left: auto;
	bottom: auto;
	text-align: center;
	width: 48%;
}

.megadrop-sub-menu-detail{
	width: 374px;
	min-height: 350px;
	color: #fff;
	padding-left: 34px;
	position:relative;
	border-left: 1px solid rgba(255,255,255,0.2);
	position: relative;
}

.megadrop-close {
	position: absolute;
	width: 36px;
	height: 36px;
	background: url(../img/common/header_close.svg) #002D68 no-repeat center center;
	background-size: 16px;
	right: 0;
	top: -40px;
	cursor:pointer;
	z-index:2;
}

.megadrop-sub-menu-detail ul{
	position:relative;
}

.megadrop-sub-menu-detail li{
	position:absolute;
	left: 0;
	top: 0;
	transition: all .25s ease;
	opacity: 1;
	display: none;
}

.megadrop-sub-menu-detail li.is-active{display: block;}

.megadrop-sub-detail-image{margin-bottom: 10px;}

.megadrop-sub-detail-image img{
	width: 100%;
}

.megadrop-sub-detail-title{
	font-weight:bold;
	margin-bottom: 15px;
	margin-bottom: 5px;
}

.megadrop-sub-detail-title small {
	display: block;
	font-size: 12px;
	color: #CCD9EA;
	font-weight: normal;
}

/*
.megadrop-sub-detail-title sub {
	vertical-align: super;
}
*/

.megadrop-sub-menu-detail p{
	color: #c0d1e8;
	font-size:13px;
	line-height: 1.6;
}

.megadrop-sub-menu-detail p sub {
	vertical-align: sub;
}

/*
a.megadrop-sub-link {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #C9DBF4;
	color: #fff;
	width: 48%;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
}

a.megadrop-sub-link:hover {
	background-color: rgba(255,255,255,0.1);
}

a.megadrop-sub-link span {}
a.megadrop-sub-link span::after {
	display: inline-block;
	content:'';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 6px;
	height: 6px;
	position: relative;
	top: -1px;
	transform: rotate(-45deg);
	margin-left: 15px;
}
*/

/* 研究開発 */

.megadrop-list.is-rd{
	width: 29%;
	height: 500px;
	position:relative;
}

.is-rd .megadrop-sub-menu-detail{min-height:315px;}

.megadrop-list-head{
	position:absolute;
	right: 13%;
	top: 50%;
	transform: translate(0,-50%);
	color: #fff;
}

.megadrop-list-head-title{
	font-size:20px;
	font-weight:bold;
}

.megadrop-sub-rd{
	left: 29vw;
	width: 70vw;
	min-width: 1085px;
	opacity: 1;
}


/* ラベル素材を知る　動画/カタログ */


.megadrop-list.is-knowledge,
.megadrop-list.is-catalog{
	height: 370px;
	position:relative;
	width: 29%;
}

.megadrop-box{
	left: 29vw;
	top: 0;
	width: 70vw;
	position:absolute;
	padding: 47px 32px 0;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
	transition: all .50s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-active .megadrop-box {
	opacity: 1;
	transform: translateY(0);
}

.megadrop-box-menu{
	position: relative;
}

.megadrop-boxlist{
	display:flex;
	justify-content:flex-start;
}

.megadrop-boxlist li{
	width: 310px;
	margin-right: 24px;
}

.megadrop-boxlist li a{
	display: block;
	color: #fff;
}

.megadrop-boxlist-image{
	margin-bottom: 10px;
	overflow: hidden;
	width: 310px;
	height: 200px;
	position:relative;
}

.megadrop-boxlist-image img{
	width: 100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition: all .75s ease;
}

.megadrop-boxlist li a:hover .megadrop-boxlist-image img{transform:translate(-50%,-50%) scale(1.1,1.1);}

.megadrop-boxlist-title{
	font-weight:bold;
	margin-bottom: 15px;
	margin-bottom: 5px;
}

.megadrop-boxlist p{
	color: #c0d1e8;
	font-size:13px;
	line-height: 1.6;
}

.tablet-sublist-open{display: none;}


/* サイト内検索 */

.megadrop-list.is-search{
	height: 370px;
	position:relative;
	width: 29%;
}


/* サイト内検索 */

.header-search{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px;
	padding: 0 20px;
	background: #fff;
	z-index: 10;
	transition: all .25s ease;
	transform: translate(0,-70px);
}

.header-search.is-active{transform: translate(0,0px);}

.header-search-inner{
	max-width: 1060px;
	display:flex;
	justify-content:space-between;
	padding-top: 110px;
}

.header-search-form{
	width: calc(100% - 50px);
	position: relative;
}

.header-search-form input{
	width: 100%;
	background: #F8F9FA;
	border:none;
	border-radius:0;
	padding: 15px 80px 15px 15px;
	line-height: 1.0;
	outline: none;
	height: 48px;
}

.header-search-form button{
	position: absolute;
	right: 0px;
	top: 0px;
	font-size:14px;
	padding: 0;
	border:none;
	background: none;
	cursor: pointer;
	line-height: 1.0;
	color: #fff;
	width: 92px;
	height: 48px;
	background: #02316e;
}

.header-search-form button:hover{
	background: #1969c1;
}

.header-search-form button svg{
	width: 25px;
	height: 25px;
}

.header-search-form button svg path{
	fill: #707070;
}

.header-search-form p{
	font-size:14px;
	line-height: 1.3;
	padding-top: 10px;
	color:#c0d1eb
}

.header-search-close{
	width: 50px;
	position: relative;
}

.header-search-close-btn{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 14px;
	height: 14px;
	font-size:0px;
	line-height: 1.0;
	transition: all .25s ease;
	cursor: pointer;
}

.header-search-close-btn:hover{
	opacity: 0.8;
}

.header-search-close-btn img{
	width: 14px;
	height: 14px;
}


/* columnnav ---------------------------------------*/

.columnnav-wrapper {
	padding: 40px 20px 0;
}

.productssearch-block-title + .columnnav-wrapper {
	padding: 0;
}

.columnnav-wrapper-products {
	margin-bottom: 47px;
}

.kvcommon + .columnnav-wrapper-products {
	padding-top: 0;
}

.columnnav {
	max-width: 1080px;
	margin: 0 auto;
	padding: 20px 24px 16px;
	border: 1px solid #C6D9E9;
	border-radius: 8px;
	background: #fff;
}

.columnnav-single {
	padding: 20px 24px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 50px;
}

.columnnav-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 16px;
}

.columnnav-single .columnnav-title {
	margin-bottom: 0;
}

.columnnav-title-image {}
.columnnav-single .columnnav-title-image {}
.columnnav-title-text {
	font-size: 12px;
	font-weight: bold;
	color: #E77400;
	position: relative;
	top: 2px;
	letter-spacing: 0.05em;
}
.columnnav-single .columnnav-title-text {}
.columnnav-detail {}
.columnnav-single .columnnav-detail {}
.columnnav-detail-list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 4px 28px;
}
.columnnav-single .columnnav-detail-list {
	display: block;
}
.columnnav-detail-list li {
	position: relative;
	padding-left: 20px;
	line-height: 1.6;
	width: calc(50% - 14px);
}
.columnnav-detail-list li::before {
	display: inline-block;
	content: '';
	background: url('../img/common/icon_arrow_search.svg') no-repeat center center; 
	background-size: 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 6px;
	left: 0;
	transform: rotate(-90deg);
}
.columnnav-single .columnnav-detail-list li {
	width: 100%;
}
.columnnav-detail-list-item {
	color: #004196;
	text-decoration: underline;
	font-size: 14px;
	letter-spacing: 0.06em;
}
.columnnav-detail-list-item:hover {
	text-decoration: none;
}
.columnnav-single .columnnav-detail-list-item {}



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

	.megadrop-list{width:280px;}
	.megadrop-firstview{width: calc(100% - 280px);}
	.megadrop-sub{left:280px;}
	.megadrop-list-item > a{width:100%;}
	.megadrop-list.is-rd{width:280px;}
	.megadrop-list.is-knowledge, .megadrop-list.is-catalog{width:280px;}
	.megadrop-box,
	.megadrop-sub-rd{left:280px;}

	.megadrop-list.is-search{width:280px;}

}


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

	.megadrop-list.is-knowledge,
	.megadrop-list.is-catalog,
	.megadrop-list.is-rd,
	.megadrop-list.is-search{width:280px;}
	.megadrop-box,
	.megadrop-sub-rd{left:280px;}
	.megadrop-list-head{right:70px;}

}



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

	.megadrop-list{width:240px;padding-left:35px;}
	.megadrop-firstview{width: calc(100% - 240px);}
	.megadrop-sub{left:240px;width:1035px;}
	.megadrop-list.is-knowledge,
	.megadrop-list.is-catalog,
	.megadrop-list.is-rd,
	.megadrop-list.is-search{width:240px;}
	.megadrop-sub-rd{width:1020px;left:240px;min-width:0;}
	.megadrop-list-head{right:40px;}
	.megadrop-list-item > a{width:100%;}
	.is-rd .megadrop-sub-menu-detail{min-width:0;}
	.megadrop-boxlist li{width:310px;}
	.megadrop-boxlist-image{width:100%;}

}


#openmenu{display:none;}


/* カタログエリア ---------------------------------------*/

.footer-catalog {
	background: #0546A5;
	padding: 27px 20px 15px;
}

.footer-catalog-inner {
	max-width: 1030px;
	margin: 0 auto;
	position: relative;
}

.footer-catalog-title {
	color: #fff;
	font-size:28px;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 30px;
}

.footer-catalog-list {
	display:flex;
	flex-wrap:wrap;
}

.footer-catalog-list-item {
	width: 32%;
	margin-bottom: 25px;
	margin-right: 2%;
	background: #fff;
}

.footer-catalog-list-item:nth-of-type(3n) {
	margin-right: 0;
}

.footer-catalog-list-item a{
	display: block;
	padding: 15px 15px 10px;
}

.footer-catalog-list-item-inner {
	overflow: hidden;
	position: relative;
}

.footer-catalog-list-item-image {
	width: 62px;
	float: left;
	padding-bottom: 5px;
}

.footer-catalog-list-item-detail {
	margin-left: 72px;
	position: relative;
}

.footer-catalog-list-item-title {
	font-weight: bold;
	line-height: 1.0;
	transition: all .25s ease;
}

a:hover .footer-catalog-list-item-title {opacity:0.8;}

.footer-catalog-list-item-title small{
	display: block;
	font-size:14px;
	margin-bottom: 8px;
	color: #979CA1;
}

.footer-catalog-list-item-title span{
	display: block;
	font-size:18px;
	font-feature-settings: "palt" 1;
	line-height: 1.4;
}

.footer-catalog-list-item-btn {
	position: absolute;
	right: 0;
	bottom: 0px;
	color: #0546A5;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0px 7px;
	display: block;
	text-align: center;
	line-height: 1.0;
	overflow: hidden;
}

.footer-catalog-list-item-btn-text{
	overflow: hidden;
	line-height: 1.0;
}

.footer-catalog-list-item-btn-text p{
	display: block;
	padding-right: 23px;
	background: url('../img/common/icon_arrow_btn_bl.svg') no-repeat right center;
	background-size: 11px 11px;
	transform: translate(0px,22px);
	transition: all .75s ease;
	line-height: 1.0;
	color: #0546A5;
	font-size: 12px;
	padding-top: 2px;
}

.is-active .footer-catalog-list-item-btn-text p{transform:translate(0,0);}

.footer-catalog-list-item-btn-text p span{
	transition: all .25s ease;
	display: block;
}

a:hover .footer-catalog-list-item-btn-text p span{transform:translate(5px,0);}

.footer-catalog-list-item-btn-line{
	display:block;
	content:'';
	background:#0546A5;
	background-size:100%;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	transition: all .25s ease;
	transform: translate(-100%,0);
}

.footer-catalog-list-item-btn-line::before{
	content:'';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #0546A5;
	width:100%;
	height:2px;
	transform: translate(-200%,0);
}

.is-active .footer-catalog-list-item-btn-line{
	transform: translate(0,0);
	transition: all 1s .25s ease;
}

a:hover .footer-catalog-list-item-btn-line{
	transform: translate(200%,0);
}

.footer-catalog-more{
	line-height: 1.0;
	position: absolute;
	top: 0;
	right: 0;
}

.footer-catalog-more a{
	color: #fff;
	line-height: 1.4;
	font-weight: bold;
	display: inline-block;
	padding: 0 0px 3px 0;
	background-size: 13px;
	position: relative;
	overflow: hidden;
}

.footer-catalog-more-text{overflow: hidden;}

.footer-catalog-more-text p{
	display: block;
	padding: 3px 23px 0 0;
	background: url('/img/common/icon_arrow_btn_wh.svg') no-repeat right center;
	background-size: 13px 13px;
	transition: all .75s ease;
	color: #fff;
	font-size:14px;
}

.footer-catalog-more-text p span{
	transition: all .25s ease;
	display: block;
}

.footer-catalog-more a:hover .footer-catalog-more-text p span{transform:translate(5px,0);}

.footer-catalog-more-line{
	display:block;
	content:'';
	background:#fff;
	background-size:100%;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom:0;
	transition: all .75s ease;
}

.footer-catalog-more-line::before{
	content:'';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	width:100%;
	height:2px;
	transform: translate(-200%,0);
}

.footer-catalog-more a:hover .footer-catalog-more-line{transform: translate(200%,0);}


/* pankuzu ---------------------------------------*/

.pankuzu{
	background: #F8F9FA;
	padding: 13px 20px;
}

.pankuzu-list{
    max-width: 1080px;
    margin: 0 auto;
    font-size:0px;
}

.pankuzu-list li{
	display:inline-block;
	font-size:14px;
	margin-right: 15px;
}

.pankuzu-list li a,
.pankuzu-list li span{
	display: block;
	color: #333333;
}

.pankuzu-list li a{
	position: relative;
	padding-right: 15px;
}

.pankuzu-list li a:hover{text-decoration: underline;}

.pankuzu-list li a::after{
	display:block;
	content:'';
	width:1px;
	height:12px;
	background: #CED0D6;
	position:absolute;
	right:0px;
	top:50%;
	transform: translate(0,-50%);
}

.fixed-link {
	position: fixed;
	right: 25px;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 100;
}

.fixed-contact {
/*
	position: fixed;
	right: 25px;
	bottom: 80px;
	z-index: 100;
*/
	margin-bottom: 10px;
}

.fixed-contact a{
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #0546A5;
	border: 1px solid #285DAA;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
	transition: all .25s ease;
	position: relative;
}

.fixed-contact a::after {
	display: block;
	content: '';
	background: url('/img/common/icon_contact.png') no-repeat center center; 
	background-size: 100%;
	width: 18.5px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.fixed-contact a:hover{background-color: #1D61C4;}

.gotop{
/*
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 100;
*/
	opacity: 1;
	transition: all .25s ease;
}

.gotop.is-active{
	opacity: 1;
}

.gotop a{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: block;
	transition: all .25s ease;
	background-color: #0546A5;
	border: 1px solid #285DAA;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
	position: relative;
}

.gotop a::after {
	display: block;
	content: '';
	background: url('/img/common/icon_gotop-arrow.png') no-repeat center center; 
	background-size: 100%;
	width: 15.2px;
	height: 8.8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.gotop a:hover{background-color: #1D61C4;}


/* アンカーリンク */

.fixed-anker{
	position: fixed;
	right: -135px;
/*	top: 100%;*/
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	transition: all .25s ease;
}
.is-active.fixed-anker{
	right: 0;
}

.fixed-anker-label {
	position: absolute;
	top: 0;
	right: 100%;
	background: #0546A5;
	border-radius: 0 4px 4px 0;
	padding: 28px 12px;
	color: #fff;
	min-height: 150px;
	writing-mode: vertical-rl;
	letter-spacing: 0.05em;
	transform: rotate(180deg);
	text-align: center;
	font-size: 13px;
	border: 1px solid #285DAA;
	border-left: none;
	box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
}

.fixed-anker-label span {
	display: inline-block;
	padding-bottom: 30px;
	position: relative;
}

.fixed-anker-label span::after {
	display: block;
	content: '';
	background: url('../img/common/icon_gotop-arrow.png') no-repeat center center; 
	background-size: 100%;
	width: 15.2px;
	height: 8.8px;
	position: absolute;
	right: 50%;
	bottom: 0;
	transform: translate(50%,0) rotate(90deg);
	transition: all .25s ease;
}
.is-active .fixed-anker-label span::after {
	transform: translate(50%,0) rotate(-90deg);
}

.fixed-anker-list{
	background: #0546A5;
	border: 1px solid #285DAA;
	padding: 13px 0px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	width: 135px;
	min-height: 150px;
}

.fixed-anker-list-item a{
	color: #fff;
	padding: 5px 28px 5px 25px;
	display: block;
	font-size: 12px;
	position: relative;
	transition: all .25s ease;
}

.fixed-anker-list-item a:hover{font-weight: bold;}

.fixed-anker-list-item a:hover::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 50%;
	background: #fff;
	background-size: 100%;
	width: 5px;
	height: 5px;
	left: 10px;
	top: 50%;
	transform: translate(0,-50%);
}

/* footer ---------------------------------------*/

footer{
	padding:40px 20px 10px;
	position: relative;
	background: #fff;
}

.footer-inner{
	max-width:1030px;
	margin:0 auto;
	position:relative;
}

.footer-mainnav{
	max-width: 850px;
	padding-bottom: 20px;
	margin: 0 auto 10px;
	border-bottom: 1px solid #F6F6F6;
}

.footer-mainnav-list{
	font-size:0px;
	text-align: center;
	line-height: 1.0;
}

.footer-mainnav-list li{
	font-size:13px;
	display: inline-block;
	margin: 0 10px;
}

.footer-mainnav-list li a,
.footer-mainnav-list li span{
	transition: all .25s ease;
	cursor: pointer;
}

.footer-mainnav-list li a:hover,
.footer-mainnav-list li span:hover{opacity:0.8;}

.footer-subnav{margin: 5px 0 40px;}
.footer-subnav-list{
	font-size:0px;
	text-align: center;
	line-height: 1.0;
}

.footer-subnav-list li{
	margin: 0 10px;
	display: inline-block;
	font-size:12px;
}

.footer-subnav-list li a{
	display: block;
	padding-right: 10px;
	background: url('../img/common/icon_blank.svg') no-repeat right center;
	background-size: 8px 8px;
	transition: all .25s ease;
}
.footer-subnav-list li:last-of-type a{background: none;}

.footer-subnav-list li a:hover{opacity:0.8;}

.footer-address{
	max-width: 1080px;
	margin: 0 auto;
	display:flex;
	justify-content:center;
	align-items: center;
}

.footer-address-logo{width: 200px;}

.footer-logo{
	display: block;
	transition: all .25s ease;
}

.footer-logo:hover{opacity:0.8;}

.footer-address-inner{
	width: calc(100% - 300px);
	padding: 0 0 0 30px;
	font-size:12px;
}

.footer-address-detail-text{
	display: block;
	line-height: 1.0;
	margin-bottom: 8px;
}

.footer-contact{
	display: inline-block;
	padding-left: 5px;
}

.footer-contact > span{
	display: inline-block;
	margin: 0 0 0 10px;
}

.footer-tel-pc{
	background: url('../img/common/icon_tel.svg') no-repeat left center;
	background-size: 7px;
	padding-left: 10px;
}

.footer-tel-sp{display: none;}

.footer-fax{
	border-left:1px solid #EAEAEA;
	background: url('../img/common/icon_fax.svg') no-repeat 12px center;
	background-size: 9px;
	padding-left: 25px;
}

.copyright{
	display: block;
	text-align: center;
	font-size: 11px;
	padding-top: 20px;
	color: #979CA1;
	font-family: "YuGothic";
}

.footer-cookie{
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 25px 20px;
	background:rgba(0,0,0,0.7);
	color: #fff;
	width: 100%;
	transition: all 1s .25s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	z-index: 100;
	transform: translate(0,110%);
}

.footer-cookie.is-active{transform: translate(0,0%);}

.footer-cookie-inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.footer-cookie-detail{
	width: calc(100% - 200px);
	font-size:15px;
	line-height: 1.6;
}

.footer-cookie-detail a{
	text-decoration: underline;
	color: #fff;
}

.footer-cookie-detail a:hover{text-decoration:none;}

.footer-cookie-detail a.blank{padding-right: 5px;}
.footer-cookie-detail a.blank::after{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	content:'';
	background:url('../img/common/icon_blank_wh.svg') no-repeat left top;
	background-size:100%;
	width:10px;
	height:10px;
}

.footer-cookie-btn{width: 155px;}

.footer-cookie-btn-close{
	display: block;
	line-height:1.0;
	font-size:13px;
	font-weight:bold;
	border:1px solid #fff;
	color: #fff;
	text-align:center;
	padding: 8px 0;
	transition: all .25s ease;
	cursor: pointer;
}

.footer-cookie-btn-close:hover{opacity:0.7;}



/* box-bottom --------------------------------*/

.box-bottom-wrapper{display: flex;}

.box-bottom{width: 50%;}

.box-bottom:first-of-type{border-right: 1px solid #668DC0;}

.box-bottom a{
	position: relative;
	overflow: hidden;
	background: #003792;
	padding-top: 280px;
	transition: 0.3s;
	display: block;
}

.box-bottom a:hover{background: #004196CC;}

.box-bottom a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0.3;
	transition: 0.3s;
	height: 100%;
	width: 100%;
}

.box-bottom a:hover img{transform: scale(1.2) translate(-42%,-42%);}

.box-bottom-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}

.box-bottom-content-text{
	font-size: 16px;
	color: #fff !important;
	padding-top: 24px;
	position: relative;
}

.box-bottom-content-text::after {
	display: block;
	content: '';
	background: #fff;
	width: 80px;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
}

.box-bottom-btn span{position: relative;}

.box-bottom-btn{
	color: #004196 !important;
	background: #FFFFFF;
	border: #99B3D5 1px solid;
	text-align: center;
	padding: 12px 0;
	display: block;
	margin-top: 16px;
	transition: 0.3s;
	width: 320px;
	margin: 40px auto 0;
}

.box-bottom-btn span::after{
	display: block;
	content: '';
	background: url('/img/common/icon_arrow_right_blue.svg') no-repeat center center; 
	background-size: 100%;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0,-50%);
}

.box-bottom-btn span{
	font-size: 16px;
	padding-right: 20px;
}

.box-bottom-btn span::after{
	width: 14px;
	height: 14px;
}


/* pcのみ */
@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}
	.pcnone{display: none !important;}

	.megadrop-sub{}
	.has-sublist:hover .megadrop-sub{transition: all .25s .25s ease;}


	/* en header ---------------------------------------*/

	.en .gnav-list-item {
		font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	}

	.en .gnav-list-item > a,.en  .gnav-search {
		font-weight: 500;
	}

	.en .gnav {
		right: 230px;
		width: calc(100% - 400px);
	}

	.en .megadrop-sub-environment .megadrop-sub-title,.en .megadrop-sub-lvip .megadrop-sub-title {
		width: unset;
	}

	.en .is-products {
		padding-bottom: 110px;
	}

	.en .megadrop-list.is-rd{
		height: 430px;
	}

	.en .footer-address-inner {
		width: calc(100% - 280px);
		padding-left: 40px;
	}

}


@media screen and (min-width: 769px) and (max-width: 1273px){

	/* en header ---------------------------------------*/

	.en .header-logo-company{
		right: 15px;
	}
	
	.en .header-logo-company img{
		width: 130px;
	}

	.en .gnav{
		right: 198px;
		width: calc(100% - 340px);
	}

	.en .gnav-list-item.is-search {
		right: 86px;
	}

}

@media screen and (min-width: 769px) and (max-width: 1212px){

	/* en header ---------------------------------------*/

	.en .header-logo {
		left: 20px;
	}

}

/* middle pc */
@media screen and (min-width: 769px) and (max-width: 1160px){

	.gnav-list-item > a, .gnav-search,.gnav-language{padding:0 1.4vw;}


	/* en header ---------------------------------------*/

	.en .gnav {
		right: 155px;
		width: calc(100% - 290px);
	}


}


@media screen and (min-width: 769px) and (max-width: 1095px){
	.gnav {
		position: absolute;
		right: 180px;
		width: calc(100% - 330px);
	}

	.gnav-list-item.is-search {
		right: 86px;
	}

}

@media screen and (min-width: 769px) and (max-width: 1014px){

	/* en header ---------------------------------------*/

	.en .header-logo {
		width: 80px;
		height: 22px;
	}

	.en .header-logo svg {
		width: 80px;
		height: 22px;
	}

	.en .gnav {
	width: calc(100% - 260px);
	}

	.en .gnav-list-item {
		font-size: 12px;
	}

	.en .gnav-list-item > a, .gnav-search{padding:0 1vw;}

	.en .gnav-list-item.is-search {
		right: 75px;
	}

	.en .gnav-language-item {
		font-size: 12px;
	}

}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1000px){

	.header-logo {
		left: 20px;
	}

	.header-logo-company{
		right: 15px;
		top: 22px;
	}

	.header-logo-company img{
		width: 90px;
		height: 15px;
	}

	.gnav{
		right: 110px;
		width: calc(100% - 230px);
	}

	.gnav-list-item {
		font-size: 12px;
	}

	.gnav-list-item > a, .gnav-search{padding:0 1vw;}

	.gnav-list-item .gnav-search{
		padding-right: 8px;
		height:70px;
	}

	.gnav-search > p{display: none;}
	.footer-catalog-list-item{width:calc(50% - 15px);}
	.footer-catalog-list-item:nth-of-type(2n){margin-right: 0;}
	.footer-catalog-list-item:nth-of-type(3n){margin-right: 2%;}
	.footer-catalog-list-item:nth-of-type(6n){margin-right: 0;}

	.gnav-list-item.is-search {
		right: 75px;
	}

	.gnav-language-item {
		font-size: 12px;
	}

	.en .gnav{
		right: 140px;
	}

}


@media screen and (min-width: 769px) and (max-width: 863px){

	/* en header ---------------------------------------*/

	.en .header-logo {
		width: 65px;
		height: 18px;
	}

	.en .header-logo svg {
		width: 65px;
		height: 18px;
	}

	.en .header-logo-company img {
		width: 100px;
	}

	.en .gnav {
		width: calc(100% - 215px);
		right: 115px;
	}

	.en .gnav-list-item {
		font-size: 11px;
	}

	.en .gnav-list-item.is-search {
		right: 70px;
	}

	.en .gnav-language-item {
		font-size: 11px;
	}

	.en .gnav-list-item .gnav-search>span {
		width: 14px;
		height: 14px;
		top: 3px;
	}

	.en .gnav-list-item .gnav-search>span svg {
		width: 14px;
		height: 14px;
	}

}


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

	/* default ---------------------------------------*/

	img{max-width:100%;}
	p{
		font-size:13px;
		line-height: 1.7;
		color: #333;
	}

	/* common item ---------------------------------------*/

	.pc{display: none !important;}
	.pcbr{display: none;}
	.spnone{display: none !important;}

	/* layout ---------------------------------------*/

	.header-inner,
	.footer-inner,
	.inner,
	.wrapper{
		min-width:0;
		width:100%;
	}

	.wrapper{padding-top: 60px;overflow: hidden;width:100%;}
	.section{padding:40px 20px;}
	.columnnav-wrapper + .section{padding-top: 0;}
	.block{margin-top: 20px;}

	/* header ---------------------------------------*/

	header{
		position:fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 60px;
		z-index: 105;
	}

	.header-inner{
		height:60px;
		margin:0 auto;
		position:relative;
	}

	.header-logo-wrapper{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 200;
		transition: all .25s ease;
		background: #fff;
	}

	.is-active .header-logo-wrapper{
		background: rgba(255,255,255,1);
		border-bottom:1px solid #EAEAEA;
	}

	.header-logo {
		display: block;
		width: 80px;
		height: 20px;
		left: 20px;
		top: 20px;
	}

	.header-logo svg{
		width: 80px;
		height: 20px;
	}

	.header-logo path{transition: all .25s ease;}

	.is-active .header-logo path{fill: #0546A5;}

	.header-logo-sub {
		left: 105px;
		top: 28px;
	}

	.header-logo-sub a {font-size: 10px;}

	.header-logo-tool{
		position: absolute;
		right: 60px;
		top: 0px;
		line-height: 1.0;
	}


	.header-logo-tool a,
	.header-logo-tool span{
		display: inline-block;
		margin-left: 0px;
		padding: 24px 10px 0;
		height: 60px;
		width: 56px;
		vertical-align: middle;
		text-align:center;
	}

	.header-logo-tool span{padding-top: 22px}

	.header-logo-tool-mail svg{
		width: 20px;
		height: 14px;
	}

	.header-logo-tool-search svg{
		width: 19px;
		height: 20px;
	}

	.header-logo-company{display: none;}


	/* サイト内検索 */

	.header-search{
		height: 208px;
		padding: 0 17px;
		background: #0546A5;
		color: #fff;
		z-index: 104;
		transition: all .25s ease;
		transform: translate(0,-100%);
		top: 60px;
	}

	.header-search.is-hide{
		opacity: 0;
		visibility: hidden;
	}

	.header-search-inner {
		display: block;
		padding: 43px 0 0;
	}

	.header-search-title{
		font-size: 14px;
		line-height: 1.4;
		color: #fff;
		margin-bottom: 12px
	}

	.header-search.is-active{transform: translate(0,0px);}
	.header-search-form{width: 100%;}

	.header-search-form input{
		padding: 10px 30px 10px 10px;
		font-size:14px;
		height: 40px;
	}

	.header-search-form button{
		right: 0px;
		width: 56px;
		height: 40px;
		font-size:12px;
	}
	.header-search-form button:hover{opacity: 1;}
	.header-search-form button svg{
		width:20px;
		height: 20px;
	}

	.header-search-form p{font-size:13px;}

	.header-logo-tool-search{position:relative;}

	.header-logo-tool-search-close{
		content: '';
		background: #0546A5;
		position:absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	.header-logo-tool-search-close::before,
	.header-logo-tool-search-close::after{
		content:'';
		display: block;
		width:18px;
		height:2px;
		background: #fff;
		position: absolute;
		left:20px;
	}

	.header-logo-tool-search-close::before{
		transform:rotate(45deg);
		top:30px;
		left:20px;
	}

	.header-logo-tool-search-close::after{
		transform:rotate(-45deg);
		top:30px;
		left:20px;
	}


	#openmenu{
		display:block;
		width:60px;
		height:60px;
		text-indent: -99em;
		overflow: hidden;
		position:absolute;
		right:0px;
		top:0px;
		z-index: 300;
	}

	#openmenu.open{background: #0546A5;}

	#openmenu span{
		content:'';
		display: block;
		width:18px;
		height:2px;
		background: #0546A5;
		position: absolute;
		left:20px;
		transition: all .25s ease;
	}

	#openmenu span:nth-child(1){top:24px;}
	#openmenu span:nth-child(2){top:32px;}

	#openmenu.open span{background: #fff;}

	#openmenu.open span:nth-child(1){
		transform:rotate(45deg);
		top:30px;
		left:20px;
	}

	#openmenu.open span:nth-child(2){
		transform:rotate(-45deg);
		top:30px;
		left:20px;
	}

	.menuopen{
		position: fixed;
		width: 100%;
		height: 100%;
	}


	/* gnav ---------------------------------------*/

	#gnav{
		border:none;
		background: #0546A5;
		color: #fff;
		padding-bottom: 30px;
		overflow:auto;
		z-index:10;
		position: absolute;
		left:0px;
		top:0px;
		width:100%;
		transition: all .25s ease;
		transform:translate3d(0,-100%,0);
	}

	#gnav.is-active{
		transform:translate3d(0,0,0);
		opacity:1;
	}

	.gnav-inner{padding: 0;}

	.gnav-list{
		width:auto;
		padding: 60px 0px 0;
		margin-bottom: 0px;
	}

	.gnav-list-item{
		display: block;
		border-top:1px solid rgba(255,255,255,0.2);
	}

	.gnav-list-item:first-child{border-top:none;}

	.gnav-list-item a{
		text-align: left;
		border-right:none;
		width:auto;
		height:auto;
		line-height:1.5;
		font-size:14px;
		font-weight: normal;
		padding:14px 70px 14px 15px;
		color:#fff;
		position: relative;
	}

	.gnav-list-item.has-megadrop > a::after{display: none}

	.gnav-list-item.has-megadrop{position:relative;}
	.gnav-list-item.has-megadrop.is-catalog{border-bottom: 1px solid rgba(255,255,255,0.2);}

	.gnav-list-item.has-megadrop > .sublist-open,
	.gnav-list-item.has-megadrop > .sublist-open:hover,
	.gnav-list-item.has-megadrop.is-active > .sublist-open{
		display:block;
		content:'';
		background:url('../img/common/plus_wh.svg') no-repeat 15px center;
		background-size:15px;
		width:55px;
		height:48px;
		position:absolute;
		left: auto;
		right:0px;
		top:0px;
		transition: all .25s ease;
		cursor: pointer;
	}

	.gnav-list-item.has-megadrop > .sublist-open::after{
		display:block;
		content:'';
		background:rgba(255,255,255,0.2);
		width:1px;
		height:20px;
		position:absolute;
		left:0px;
		top:50%;
		transform:translate(0,-50%);
	}

	.gnav-list-item.has-megadrop > .sublist-open.is-open{background-image:url('../img/common/minus_wh.svg')}

	.gnav-list-item > a:hover,
	.gnav-list-item > span:hover{opacity:1;}

	.gnav-list-item .gnav-search{
		background: none;
		padding-right: 0px;
	}

	.gnav-submenu{display: none;}

	.megadrop-list{
		width: auto;
		padding: 0;
		background: none;
	}

	.megadrop-list-item{
		font-size:14px;
		width: 100%;
		position: relative;
		border-top:1px solid rgba(255,255,255,0.2);
		background: #004eab;
	}

	.megadrop-list-item > a,
	.megadrop-list-item.has-sublist.is-active > a{
		padding: 14px 70px 14px 25px;
		color: #fff;
		font-weight: normal;
		overflow: hidden;
		font-size:14px;
		float: none;
		background: #004eab;
		line-height: 1.5;
	}

	.megadrop-list-item > a:hover{
		color: #fff;
		background: #004eab;
	}

	.megadrop-list-item > a >small {
		display: block;
		font-size: 12px;
		color: #CCD9EA;
	}

	.gnav-list-item.no-megadrop > a{position: relative;}
	.gnav-list-item.no-megadrop > a::after{
		display:block;
		content:'';
		background:url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size:7px;
		width:45px;
		height:20px;
		position:absolute;
		right:10px;
		left: auto;
		top:50%;
		transform:translate(0,-50%);
		border-left: 1px solid rgba(255,255,255,0.2);
		border-top: 0;
		border-right: 0;
	}

	.gnav-footer {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 16px;
		background: #002D68;
	}

	.gnav-footer-language {
		display: flex;
		justify-content:  center;
		align-items: center;
		flex-wrap: wrap;
		gap: 40px;
		padding: 0 34px 0 25px;
		line-height: 70px;
		font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	}

	.gnav-footer-language-item {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
	}

	span.gnav-footer-language-item {
		position: relative;
	}

	span.gnav-footer-language-item::after {
		display: block;   
		content: '';
		background: #fff; 
		width: 17px;
		height: 2px;
		position: absolute;
		left: 50%;
		bottom: 24px;
		transform: translate(-50%,0);
	}

	a.gnav-footer-language-item {
		color: #99B3D5;
	}

	.gnav-footer-language-item:last-child {
		position: relative;
	}

	.gnav-footer-language-item:last-child::before {
		display: block;   
		content: '/';
		width: 1em;
		color: #fff;
		font-weight: 500;
		height: 63px;
		line-height: 63px;
		position: absolute;
		left: -22px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.megadrop-list-item:not(.has-sublist) > a::after{
		display:block;
		content:'';
		background:url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size:7px;
		width:45px;
		height:20px;
		position:absolute;
		right:10px;
		top:50%;
		transform:translate(0,-50%);
		border-left: 1px solid rgba(255,255,255,0.2);
	}

	.megadrop-list-item.has-sublist > a{
		color: #fff;
		position: relative;
		margin-right: 45px;
	}

	.megadrop-list-item.has-sublist > .sublist-open{
		display:block;
		content:'';
		background:url('../img/common/plus_wh.svg') no-repeat 15px center;
		background-size:15px;
		width:55px;
		height:48px;
		position:absolute;
		left: auto;
		right:0px;
		top:0px;
		transition: all .25s ease;
		cursor: pointer;
	}

	.megadrop-list-item.has-sublist > .sublist-open::after{
		display:block;
		content:'';
		background:rgba(255,255,255,0.2);
		width:1px;
		height:20px;
		position:absolute;
		left:0px;
		top:50%;
		transform:translate(0,-50%);
	}

	.megadrop-list-item.has-sublist > .sublist-open.is-open{background-image:url('../img/common/minus_wh.svg')}

	.megadrop-list-item > a::after{display: none;}
	.megadrop-list-item > a::before{display: none;}

	.megadrop-sub,
	.has-sublist:hover .megadrop-sub{
		position: static;
		left: 0px;
		top: 0;
		transform: translate(0,0);
		width: 100%;
		padding-left: 0;
		opacity: 1;
		visibility: visible;
		padding: 0;
		display: none;
	}

	.megadrop-sublist{
		display: block;
		width: auto;
	}

	.tablet-menuclose-wrapper {
		display: none;
	}

	.has-sublist:hover .megadrop-sublist{transform: translate(0,0);}

	.megadrop-sublist-item{
		font-size:15px;
		line-height: 1.4;
		width: 100%;
		margin:0;
	}

	.is-rd .megadrop-sublist-item{
		margin:0;
	}

	.megadrop-sublist-item:not(:first-child){border-top:1px solid rgba(0,0,0,0.15);}

	.megadrop-sublist-item > a{
		position:relative;
		padding:13px 70px 13px 31px;
		background: #1969c1;
		font-size:15px;
		line-height: 22px;
		font-weight: normal;
		border-bottom:none;
	}
	
	.is-rd .megadrop-sublist-item > a {
		padding:13px 70px 13px 31px;
	}

	.megadrop-sublist-item > a::before{display: none;}

	.megadrop-sublist-item > a::after{
		display:block;
		content:'';
		background:url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size:7px;
		width:45px;
		height:20px;
		position:absolute;
		right:10px;
		top:50%;
		transform:translate(0,-50%);
		border-left: 1px solid rgba(255,255,255,0.2);
	}

	.gnav-contact{
		background: #F8F9FA;
		padding: 35px 20px 20px;
		text-align: center;
		margin-bottom: 25px;
	}
	.gnav-contact-title{
		line-height: 1.0;
		font-weight: bold;
		font-size:30px;
		margin-bottom: 20px;
	}

	.gnav-contact-text{
		line-height: 1.6;
		font-size:14px;
		font-weight: bold;
		margin-bottom: 13px;
	}

	.gnav-contact-btn{
		background: #0546A5;
		line-height: 1.0;
		color: #fff;
		display: block;
		text-align: center;
		font-size:16px;
		font-weight: bold;
		letter-spacing: 0.05em;
		padding: 12px 0;
		margin-bottom: 18px;
	}

	.gnav-contact-number{
		display:flex;
		justify-content:space-between;
	}

	.gnav-contact-number a,
	.gnav-contact-number span{
		width: 50%;
		display: block;
	}

	.gnav-contact-tel{
		text-align: left;
		background: url('../img/common/icon_tel.svg') no-repeat left center;
		background-size: 10px 18px;
		padding-left: 20px;
	}

	.gnav-contact-fax{
		text-align: left;
		background: url('../img/common/icon_fax.svg') no-repeat 20px center;
		background-size: 12px 18px;
		padding-left: 45px;
		position: relative;
	}
	
	.gnav-contact-fax::before{
		content:'';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		background: #ddd;
		width:1px;
		height:18px;
		margin-top: -9px;
	}


	/* 共通 ---------------------------------------*/

	.footer-catalog {padding: 30px 15px 45px;}

	.footer-catalog-list {
		justify-content: space-between;
	}

	.footer-catalog-title {
		font-size:20px;
		margin-bottom: 30px;
	}

	.footer-catalog-list-item {
		width: calc(50% - 5px);
		margin-bottom: 10px;
		margin-right: 0;
	}

	.footer-catalog-list-item a{padding: 12px 8px;}
	.footer-catalog-list-item-inner{display: block;}
	.footer-catalog-list-item-image {width: 45px;}
	.footer-catalog-list-item-detail {margin-left: 50px;}
	a:hover .footer-catalog-list-item-title {opacity:1;}
	.footer-catalog-list-item-title{padding-left: 8px;}

	.footer-catalog-list-item-title small{
		font-size:11px;
		margin-bottom: 5px;
	}

	.footer-catalog-list-item-title span{
		font-size:12px;
	}

	.footer-catalog-list-item-btn {
		clear: both;
		position: static;
		font-size: 12px;
		padding: 5px 0px 7px;
		overflow: hidden;
	}

	.footer-catalog-list-item-btn-text{overflow: hidden;}

	.footer-catalog-list-item-btn-text p{
		padding-right: 15px;
		background: url('../img/common/icon_arrow_btn_bl.svg') no-repeat right center;
		background-size: 10px 10px;
		font-size:11px;
	}

	.footer-catalog-list-item-btn-text p span{text-align: left;}

	.is-active .footer-catalog-list-item-btn-text p{transform:translate(0,0);}
	a:hover .footer-catalog-list-item-btn-text p span{transform:translate(0px,0);}
	.footer-catalog-list-item-btn-line{height:1px;}
	.footer-catalog-list-item-btn-line::before{height:1px;}

	.fixed-contact {display: none;}

	.footer-catalog-more-text p {
    padding: 1px 23px 0 0;
    background-size: 10px 10px;
		font-size: 13px;
	}

	.footer-catalog-more {
    top: -5px;
	}


	/* pankuzu ---------------------------------------*/

	.pankuzu{
		padding: 10px 20px;
		overflow-x: scroll;
		word-break: keep-all;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.pankuzu-list{}

	.pankuzu-list li{
		font-size:11px;
		margin-right: 10px;
	}
	.pankuzu-list li:last-of-type {margin-right: 0;}

	.pankuzu-list li a{
		padding-right: 10px;
		color: #979CA1;
	}


	/* footer ---------------------------------------*/

	.gotop{display: none;}

	/* アンカーリンク */
	.fixed-anker{display: none;}

	footer{padding:43px 15px 10px;}

	.footer-mainnav{
		padding-bottom: 10px;
		margin: 0 auto 10px;
	}

	.footer-mainnav-list li{margin: 0 10px 20px;}
	.footer-mainnav-list li a:hover{opacity:1;}
	.footer-subnav{margin: 15px 0 25px;}
	.footer-subnav-list li{font-size:12px;}
	.footer-subnav-list li:last-of-type a{margin-top: 20px;}
	.footer-subnav-list li a:hover{opacity:1;}
	.footer-address{display: block;}
	.footer-address-logo{width: 170px;}
	.footer-logo:hover{opacity:1;}

	.footer-address-inner{
		padding: 13px 0 0 0px;
		font-size:12px;
		width: 82%;
		max-width: 350px;
		margin: 0 auto;
	}

	.footer-address-detail{
		line-height: 2;
		font-size:13px;
		padding-top: 25px;
	}

	.footer-contact{
		padding: 20px 0 13px;
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.footer-contact > span{
		margin: 0 0px 0 15px;
		font-size:16px;
		display: inline-block;
		line-height: 1.4;
	}

	.footer-contact > span.footer-tel-pc{display: none;}

	.footer-tel-sp{
		display: inline-block;
		background: url('../img/common/icon_tel.svg') no-repeat left center;
		background-size: 11px 22px;
		padding-left: 18px;
		font-size:16px;
	}

	.footer-fax{
		background: url('../img/common/icon_fax.svg') no-repeat 20px center;
		background-size: 15px 21px;
		padding-left: 45px;
	}

	.copyright{
		display: block;
		text-align: center;
		font-size: 11px;
		padding-top: 20px;
	}

	.footer-cookie{padding: 20px 15px;}
	.footer-cookie-inner{display: block}

	.footer-cookie-detail{
		width: 100%;
		font-size:14px;
		line-height: 1.7;
		margin-bottom: 20px
	}

	.footer-cookie-detail a.blank{padding-right: 5px;}

	.footer-cookie-btn{width: auto;}

	.footer-cookie-btn-close{
		font-size:15px;
		padding: 14px 0;
		letter-spacing: 0.1em;
	}

	.footer-cookie-btn-close:hover{opacity:1;}


	/* box-bottom --------------------------------*/

	.box-bottom-wrapper{display: block;}

	.box-bottom{width: 100%;}

	.box-bottom:first-of-type{
		border-bottom: 1px solid #668DC0;
		border-right: none;
	}

	.box-bottom a{padding-top: 180px;}

	.box-bottom-content-text{
		font-size: 14px;
		padding-top: 0;
	}

	.box-bottom-content{width: 75%;}

	.box-bottom-content-text::after{
		display: none;
	}

	.box-bottom-content .box-bottom-btn{
		width: 100%;
		margin: 20px auto 0;
		padding: 8px 0;
	}

	.box-bottom-btn span{font-size: 14px;}


	/* columnnav ---------------------------------------*/

	.columnnav-wrapper {
		padding: 40px 16px 0;
	}

	.columnnav-wrapper-products {
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.columnnav {
		padding: 20px 20px 9px;
	}

	.columnnav-single {
		display: block;
		padding: 20px 20px 16px;
	}

	.columnnav-title {
		margin-bottom: 18px;
	}

	.columnnav-single .columnnav-title {
		margin-bottom: 18px;
	}
	
	.columnnav-title-image {}
	.columnnav-single .columnnav-title-image {}
	/* .columnnav-title-text {
		font-size: 12px;
		font-weight: bold;
		color: #E77400;
		position: relative;
		top: 2px;
		letter-spacing: 0.05em;
	} */
	.columnnav-single .columnnav-title-text {}
	.columnnav-detail {}
	.columnnav-single .columnnav-detail {}
	.columnnav-detail-list {
		/* display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px 20px; */
		display: block;
	}
	/* .columnnav-single .columnnav-detail-list {
		display: block;
	} */
	.columnnav-detail-list li {
		padding-left: 18px;
		line-height: 1.5;
		width: 100%;
		margin-bottom: 7px;
	}
	.columnnav-detail-list li::before {
		/* display: inline-block;
		content: '';
		background: url('../img/common/icon_arrow_search.svg') no-repeat center center; 
		background-size: 14px;
		width: 14px;
		height: 14px;
		position: absolute; */
		top: 5px;
		/* left: 0;
		transform: rotate(-90deg); */
	}
	.columnnav-single .columnnav-detail-list li {
		margin-bottom: 0;
	}
	.columnnav-detail-list-item {
		/* color: #004196;
		text-decoration: underline;
		font-size: 14px; */
		letter-spacing: 0.02em;
	}
	.columnnav-detail-list-item:hover {
		text-decoration: underline;
	}
	.columnnav-single .columnnav-detail-list-item {}

}


/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){
	.footer-contact > span,
	.footer-contact > a{
		font-size:14px;
		line-height: 2.0;
	}

}





/* tablet size global navi */
@media screen and (min-width: 769px) and (max-width: 1080px){

	/* megadrop ---------------------------------------*/

	.megadrop{}
	.megadrop-inner{}

	.megadrop-firstview {
		display: none;
	}

	.megadrop-firstview.is-active {
		display: none;
	}

	.megadrop-list{
		width: 100%;
		background: none;
		padding: 0;
	}

	.megadrop-list.is-products{
		max-height: calc(100vh - 70px);
		overflow: auto;
	}

	.megadrop-list-item{
		font-size:14px;
		line-height: 1.4;
		width: 100%;
		overflow: hidden;
		display: block;border-top: 1px solid rgba(255,255,255,0.2);
		position:relative;
	}

	.megadrop-list-item > a{
		padding: 14px 0 14px 20px;
		width: 100%;
		float: none;
		background: #0546A5;
		line-height: 1.4;
	}

	.megadrop-list-item:not(.has-sublist) > a {
		position: relative;
	}

	.megadrop-list-item:not(.has-sublist) > a::after{
		display: block;
		content: '';
		background: url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size: 7px;
		width: 52px;
		height: 20px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0,-50%);
		border: none;
		border-left: 1px solid rgba(255,255,255,0.2);
		margin: 0;
	}

	

	.megadrop-list-item:hover > a{background: #0546A5;}
	.megadrop-list-item.has-sublist.is-active > a{background: #0546A5;}


	.has-sublist > a::after{
		display:none;
	}

	.megadrop-close {
		display: none;
	}
	
	.tablet-menuclose-wrapper {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-wrap: wrap;
	}

	.tablet-menuclose {
		background: url(../img/common/header_close.svg) #002D68 no-repeat center center;
		background-size: 16px;
		width: 52px;
		height: 40px;
	}

	.megadrop-sub{
		position:relative;
		left: 0;
		top: 0%;
		width: 100%;
		height: auto;
		padding:0;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	a.megadrop-sub-title{
		font-weight:normal;
		font-size:14px;
		width: 100%;
		position:relative;
		top: 0;
		color: #fff;
		display: block;
		margin-bottom: 0;
		padding: 14px 0 14px 20px;
		background: #004eab;
	}

	a.megadrop-sub-title:hover{background: #004eab;}
	a.megadrop-sub-title::after{
		display:block;
		content:'';
		background:url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size:7px;
		/* width:45px; */
		width:52px;
		height:20px;
		position:absolute;
		/* right:10px; */
		right:0;
		top:50%;
		transform:translate(0,-50%);
		border: none;
		border-left: 1px solid rgba(255,255,255,0.2);
		margin: 0;
	}

	h3.megadrop-sub-title{display: none;}

	.megadrop-sub-menu{display: block;}

	.megadrop-sub-menu-main{
		width: 100%;
		padding-right: 0px;
	}

	.megadrop-sublist{
		display: block;
		width: auto;
	}

	.megadrop-sub-featured .megadrop-sublist{}

	.megadrop-sublist-item{
		font-size:15px;
		line-height: 1.5;
		width: 100%;
		margin: 0 0;
		border-top: 1px solid rgba(255,255,255,0.2);
	}

	.megadrop-sublist.col-3type .megadrop-sublist-item{width:100%;margin-left:0;}

	.megadrop-sublist-item > a{
		background: #1855B6;
		padding:13px 0 13px 35px;
		line-height: 1.5;
		display: block;
		position: relative;
		font-weight: normal;
		overflow: hidden;
	}

	.megadrop-sublist-item > a::after{
		display:block;
		content:'';
		background:url('../img/common/icon_arrow_wh.svg') no-repeat 55% center;
		background-size:7px;
		/* width:45px; */
		width:52px;
		height:20px;
		position:absolute;
		/* right:10px; */
		right: 0px;
		top:50%;
		transform:translate(0,-50%);
		border: none;
		border-left: 1px solid rgba(255,255,255,0.2);
		margin: 0;
	}

	.megadrop-sublist-item > a:hover{background: #1855B6;}
	.megadrop-sub-menu-main-btn{display: none}
	.megadrop-sub-menu-detail{display: none;}


	/* 研究開発 */

	.megadrop-list.is-rd{
		width: 100%;
		max-height: calc(100vh - 70px);
		height: auto;
		position:relative;
	}

	.is-rd .megadrop-sub-menu-detail{min-height:0;}
	.megadrop-list-head{display: none}

	.megadrop-sub-rd{
		left: 0;
		width: 100%;
		min-width: 0;
		opacity: 1;
		display: block;
	}


	/* ラベル素材を知る　動画/カタログ */


	.megadrop-list.is-knowledge,
	.megadrop-list.is-catalog{
		height: auto;
		position:relative;
		width: 0;
	}

	.megadrop-box{
		left: 0;
		top: 0;
		width: 100%;
		position:relative;
		padding: 50px;
		transform: translateY(0);
	}

	.megadrop-sub{transform: translateY(0);}

	.megadrop-sub-search{}

	.megadrop-box-menu{}

	.megadrop-boxlist{
		display:flex;
		justify-content:flex-start;
	}

	.megadrop-boxlist li{
		width: 210px;
		margin-right: 16px;
	}

	.megadrop-boxlist li a{
	}

	.megadrop-boxlist-image{
		margin-bottom: 10px;
		overflow: hidden;
		width: 210px;
		height: 140px;
		position:relative;
	}

	.megadrop-boxlist li a:hover .megadrop-boxlist-image img{transform:translate(-50%,-50%) scale(1.0,1.0);}

	.megadrop-boxlist-title{
		font-weight:bold;
		margin-bottom: 15px;
		margin-bottom: 5px;
	}

	.megadrop-boxlist p{
		color: #fff;
		font-size:13px;
		line-height: 1.4;
	}

	.megadrop-list.is-search{
		width:100%;
		height: 200px;
	}
	.header-search-inner{padding-top:0px;}


	.tablet-sublist-open{
		display:block;
		content:'';
		background:url('../img/common/plus_wh.svg') no-repeat center center;
		background-size:15px;
		/* width:45px; */
		width:52px;
		height:20px;
		position:absolute;
		left: auto;
		/* right:10px; */
		right:0;
		top:14px;
		transition: all .25s ease;
		border-left: 1px solid rgba(255,255,255,0.2);
	}

	.tablet-sublist-open.is-open{background-image:url('../img/common/minus_wh.svg')}



}