@CHARSET "UTF-8";
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}
:root{scroll-padding-top:10px;}
@media (max-width:1023px){
	:root{scroll-padding-top:78px;}
}

/* Common
---------------------------- */
body{margin:0;}
main{display:block;}
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
:root ol,:root ul{margin:0;padding:0;}
dt{font-weight:bold;}
dd{margin-left:0;}
hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit;}
pre{font-family:monospace, monospace;font-size:inherit;}
address{font-style:inherit;}
a{background-color:transparent;text-decoration:none;color:inherit;}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:inherit;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg,img,embed,object,iframe{vertical-align:bottom;}
button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit;}
[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox; appearance:checkbox;}
[type=radio]{-webkit-appearance:radio;-moz-appearance:radio; appearance:radio;}
button,[type=button],[type=reset],[type=submit]{cursor:pointer;}
button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default;}
:-moz-focusring{outline:auto;}
select:disabled{opacity:inherit;}
option{padding:0;}
fieldset{margin:0;padding:0;min-width:0;}
legend{padding:0;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{outline-offset:-2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
label[for]{cursor:pointer;}
details{display:block;}
summary{display:list-item;}
[contenteditable]:focus{outline:auto;}
table{border-color:inherit;border-collapse:collapse;}
caption{text-align:left;}
td,th{vertical-align:top;padding:0;}
th{text-align:left;font-weight:bold;}

/* PC
---------------------------- */
@media (min-width:1024px){
	.sp\:view{display:none !important;}
}

/* SP
---------------------------- */
@media (max-width:1023px){
	.pc\:view{display:none !important;}
}

/* Header
---------------------------- */
.nav-logo{
	max-width:1120px;
	width:calc(100% - 30px);
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	z-index:2;}
.navmenu{
	box-shadow:0 0 10px 3px rgb(0,0,0,0.1);}
.navmenu a,
.navmenu a span{
	text-decoration:none;}
.navmenu__mainnav,
.navmenu-subnav{
	max-width:1120px;
	width:100%;
	margin:auto;}
.nav-inner{
	transition:top 0.3s;
	border-bottom:1px solid #CBD5DA;}
.nav-inner:only-child{
	height:128px;}
.nav-inner:only-child .custom-logo-link{
	width:160px;}
.header-drawer-card:not(:only-child){
	margin-bottom:8px;}
.header-nav-link{
	pointer-events:auto;
	border:none;}
.header-drawer-list li::before{
	display:none;}
.navmenu-drawer-grid li.no-link{
	pointer-events:none}
.navmenu-drawer-grid li.no-link .sub-menu li a{
	pointer-events:auto;}
.navmenu-drawer-grid li.no-link a::before{
	display:none;}
a[href*=".pdf"].c-header-drawer-card .c-header-drawer-card__icon::before,
a[href*=".pdf"].c-header-drawer-card .c-header-drawer-card__icon::after{
	content:"\e904";
	color:#004EA1;}
.navmenu-overlay{
	display:none;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:9998;}
@media only screen and (min-width:1024px){
	.nav-inner{
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:0 auto;
		background:#fff;
		width:100%;
		position:relative;
		z-index:9999;}
	.custom-logo-link{
		width:132px;
		position:absolute;
		top:50%;
		transform:translate(0, -50%);
		left:0;
		transition:opacity 0.3s;}
	.custom-logo-link span{
		display:block;
		margin-top:16px;
		letter-spacing:0.2em;
		line-height:1;
		white-space:nowrap;}
	.custom-logo-link:hover{
		opacity:0.7;}
	.navmenu-sp{
		display:none;}
	.navmenu__nav{
		width:calc(100% - 30px);
		height:100%;
		display:flex !important;
		flex-direction:column;}
	.navmenu-subnav{
		order:1;
		display:flex;
		justify-content:flex-end;
		align-items:center;
		height:44px;
		margin:6px auto 0;}
	.navmenu__mainnav{
		order:2;
		display:flex;
		justify-content:end;}
	.header-subnav{
		display:flex;
		align-items:center;
		height:100%;}
	.header-subnav-link{
		display:flex;
		align-items:center;
		height:100%;
		position:relative;
		outline:none!important;
		margin:0 45px 0 0;}
	.header-subnav-link:hover span:last-child{
		text-decoration:underline;}
	.header-subnav-btn{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		line-height:1.5;
		text-align:center;
		width:180px;
		height:100%;
		background:#707070;
		border:1px solid #707070;
		color:#FFF;
		position:relative;
		border-radius:35px;
		transition:0.3s;}
	.header-subnav-btn:hover{
		background:#FFF;
		color:#707070;}
	.header-nav{
		display:flex;
		width:-moz-fit-content;
		width:fit-content;
		height:50px;}
	.header-nav-link{
		outline:none!important;
		display:flex;
		justify-content:center;
		align-items:center;
		height:100%;
		position:relative;
		transition:0.3s all;
		margin:0 0 0 45px;}
	.header-nav-item:first-child .header-nav-link{
		margin:0;}
	.header-nav-link.-current::before{
		height:2px;}
	.header-nav-link::before{
		content:"";
		display:block;
		width:100%;
		height:0;
		background:#707070;
		position:absolute;
		bottom:6px;
		left:0;
		transition:0.3s all;}
	.header-nav-link.-active,
	.header-nav-link:hover{
		color:#707070;}
	.header-nav-link.-active::before,
	.header-nav-link:hover::before{
		height:2px;}
	.header-nav-drawer{
		display:none;
		width:100%;
		background:#FFF;
		position:absolute;
		top:101px;
		left:0;
		padding:30px 48px 40px;}
	.header-nav-drawer-close{
		position:absolute;
		top:20px;
		right:20px;
		width:30px;
		height:30px;
		border:1px solid #E2E9ED;
		border-radius:100%;
		transition:0.3s all;}
	.header-nav-drawer-close::before{
		content:"\e909";
		font-family:"icomoon";
		font-weight:normal;
		line-height:1;
		color:#003349;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);}
	.header-nav-drawer-close:hover{
		opacity:0.7;}
	.header-nav-drawer-pc{
		margin:0 auto;
		max-width:1136px;}
	.header-nav-drawer-sp{
		display:none !important;}
	.header-drawer-top{
		display:table;
		margin:0 0 12px;}
	.header-drawer-toplink{
		line-height:1em;
		font-size:20px;
		align-items:center;
		font-weight:bold;
		position:relative;
		text-decoration:none;}
	.header-drawer-toplink span{
		display:block;
		font-size:12px;
		text-decoration:none!important;}
	.header-drawer-toplink:hover{
		color:#A3A3A3;}
	.header-drawer-toplink:hover span{
		text-decoration:underline;}
	.navmenu-drawer-grid{
		display:flex;
		flex-wrap:wrap;}
	.navmenu-drawer-grid + .navmenu-drawer-grid{
		padding-top:60px;
		position:relative;}
	.navmenu-drawer-grid + .navmenu-drawer-grid::before{
		content:"";
		width:calc(100% - 28px);
		height:1px;
		background:#CBD5DA;
		position:absolute;
		top:30px;
		left:20px;}
	.navmenu-drawer-grid li{
		width:calc(25% - 22.5px);
		margin:20px 20px 0 0;}
	.navmenu-drawer-grid li:nth-child(4n){margin:30px 0 0;}
	.navmenu-drawer-grid li:nth-of-type(-n+4){margin:0 30px 0 0;}
	.navmenu-drawer-grid li:nth-of-type(4){margin:0 0 0;}
	.navmenu-drawer-grid li.current-menu-item::before{
		display:none!important}
	#menu-mega-products{
		display:flex;
		flex-wrap:wrap;}
	#menu-mega-products li{
		width:calc(20% - 8px);
		margin:10px 10px 0 0;}
	#menu-mega-products li:nth-child(5n){
		margin:10px 0 0;}
	#menu-mega-products li:nth-of-type(-n+5){
		margin:0 10px 0 0;}
	#menu-mega-products li:nth-of-type(5){
		margin:0 0 0;}
	#menu-mega-products li a{
		position:relative;
		font-weight:normal;
		padding:0 0 0 15px;}
	#menu-mega-products li a::before{
		content:'';
		width:6px;
		height:6px;
		border:0px;
		border-width:1px 1px 0 0;
		border-style:solid;
		transform:rotate(45deg);
		position:absolute;
		top:calc(50% - 4px);
		left:0;
		transition:all .2s ease-in 0s;}
	#menu-mega-products li a:hover,
	#menu-mega-products li.current-menu-item a{
		color:#000;
		text-decoration:underline;}
	.c-header-drawer-card__img{
		width:100%;
		overflow:hidden;
		margin-bottom:16px;}
	.c-header-drawer-card__img img{
		width:100%;
		transition:0.3s all;}
	.c-header-drawer-card__ttl{
		font-weight:700;
		display:inline-flex;
		align-items:center;
		position:relative;}
	a.c-header-drawer-card .c-header-drawer-card__ttl::after{
		content:"\e90a";
		font-family:"icomoon";
		font-weight:normal;
		color:#003349;
		display:block;}
	a.c-header-drawer-card:hover .c-header-drawer-card__img img{
		transform:scale(1.1,1.1);}
	a.c-header-drawer-card:hover .c-header-drawer-card__ttl span{
		text-decoration:underline;}
	.navmenu-drawer-grid li a{
		display:table;
		align-items:center;
		min-height:50px;
		width:100%;
		border-bottom:1px solid #CBD5DA;
		line-height:50px;
		padding:6px 20px 6px 8px;
		margin:0;
		position:relative;
		font-size:14px;}
	.navmenu-drawer-grid li a::before{
		content:'';
		width:8px;
		height:8px;
		border:0px;
		border-width:2px 2px 0 0;
		border-style:solid;
		transform:rotate(45deg);
		position:absolute;
		top:calc(50% - 5px);
		right:8px;
		transition:all .2s ease-in 0s;}
	.navmenu-drawer-grid li a:hover,
	.navmenu-drawer-grid li.current-menu-item a{
		color:#000;
		background:#F5F5F5;}
	.navmenu-drawer-grid .sub-menu{
		margin:20px 0 0;
		background:transparent!important;}
	.navmenu-drawer-grid .sub-menu li{
		width:100%;
		margin:0 0 8px;}
	.navmenu-drawer-grid .sub-menu li a{
		padding:0;
		border:none;
		margin:0;
		min-height:auto;
		position:relative;
		padding:0 0 0 15px;
		line-height:normal;
		font-weight:normal;}
	.navmenu-drawer-grid .sub-menu li a:hover,
	.navmenu-drawer-grid .sub-menu li.current-menu-item a{
		text-decoration:underline;
		background:transparent;}
	.navmenu-drawer-grid li.current-menu-item .sub-menu li a{
		background:transparent;}
	.navmenu-drawer-grid .sub-menu li a::before{
		display:none;}
	.navmenu-drawer-grid .sub-menu li a::after{
		content:'';
		width:6px;
		height:6px;
		border:0px;
		border-width:1px 1px 0 0;
		border-style:solid;
		transform:rotate(45deg);
		position:absolute;
		top:calc(50% - 4px);
		left:0;
		transition:all .2s ease-in 0s;}
	.navmenu-drawer-grid .sub-menu li.anchor-link.current-menu-item a{
		text-decoration:none;}
	.navmenu-drawer-grid .sub-menu li.anchor-link.current-menu-item a:hover{
		text-decoration:underline;}
	.header-drawer-list li:not(:last-child){
		margin:0 0 15px;}
	.header-drawer-list li a{
		display:inline-flex;
		align-items:center;
		line-height:1.2;
		position:relative;
		color:#707070;}
	.header-drawer-list li a:hover span{
		text-decoration:underline;}
	.navmenu-overlay{
		display:none;}
}
@media only screen and (max-width:1023px){
	.nav-inner:only-child{
		height:68px;}
	.nav-inner:only-child .custom-logo-link{
		width:103px;}
	.nav-inner{
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:68px;
		margin:0 auto;
		padding:0 8px 0 16px;
		background:#fff;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;}
	.custom-logo-link{
		width:103px;
		transition:opacity 0.3s;}
	.custom-logo-link span{
		display:block;
		margin-top:8px;
		letter-spacing:0.2em;
		line-height:1;}
	.navmenu-sp{
		display:flex;
		height:50px;
		margin:0 0 0 auto;
		border-radius:2px;
		overflow:hidden;
		justify-content:end;
		z-index:3;}
	.navmenu-sp-menu{
		display:block;
		width:50px;
		height:50px;
		border:none;
		position:relative;}
	.navmenu-sp-menu::before{
		content:"";
		width:20px;
		height:20px;
		display:block;
		margin:auto;
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		transition:0.3s;}
	.navmenu-sp-menu.-active::before{
		background-image:url(../img/menu/close.svg);}
	.navmenu-sp-menu::before{
		background-image:url(../img/menu/hamburger.svg);}
	.navmenu__nav{
		display:none;
		position:fixed;
		top:68px;
		left:0;
		width:100%;
		max-height:calc(100dvh - 68px);
		background:#fff;
		overflow-y:auto;}
	.header-subnav{
		display:flex;}
	.header-subnav.type01{
		flex-wrap:wrap;}
	.header-subnav.type02{
		flex-direction:column;
		align-items:center;
		padding:16px 0;}
	.header-subnav-link{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		width:50%;
		height:55px;
		border-bottom:1px solid #CBD5DA;}
	.header-subnav-link::before{
		font-family:"icomoon";
		font-weight:normal;
		line-height:1;
		color:#003349;}
	.header-subnav-link:nth-child(2n){
		border-left:1px solid #CBD5DA;}
	.navmenu-subnav > .header-subnav.type01 .header-subnav-link.sp-contact{
		width:100%;}
	.navmenu-subnav > .header-subnav.type01:has(>*:nth-child(2n):last-child) .header-subnav-link.sp-contact{
		width:50%;}
	.navmenu-subnav > .header-subnav.type01:has(>*:nth-child(3n):last-child) .header-subnav-link.sp-contact{
		width:100%;}
	.navmenu-subnav > .header-subnav.type01:has(>*:nth-child(2n):nth-child(3n):last-child) .header-subnav-link.sp-contact{
		width:50%;}
	.header-subnav-link span{
		display:flex;
		justify-content:center;
		align-items:center;}
	.header-subnav-link.-sp-col12{
		width:100%;}
	.header-subnav-btn{
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;}
	.header-subnav-btn::before{
		font-family:"icomoon";
		font-weight:normal;
		line-height:1;
		color:#003349;}
	.header-nav-item{
		border-bottom:1px solid #CBD5DA;
		position:relative;}
	.header-nav-link{
		display:flex;
		margin:0 0 0 auto;
		align-items:center;
		width:100%;
		height:55px;
		padding:5px 20px;
		position:relative;}
	.header-nav-link.dropicon{
		position:absolute;
		width:55px;
		padding:0;
		right:0;
		top:0;
		z-index:2;}
	.header-nav-link.dropicon::after{
		content:'';
		width:8px;
		height:8px;
		border:0px;
		border-width:2px 2px 0 0;
		border-style:solid;
		transform:rotate(135deg);
		position:absolute;
		top:calc(50% - 6px);
		right:20px;
		transition:all .2s ease-in 0s;}
	.header-nav-link.-active::after{
		transform:rotate(-45deg);}
	.header-nav a.header-nav-link.dropicon::after{
		content:"\e90a";}
	.header-nav-drawer{
		display:none;}
	.header-nav-drawer-pc{
		display:none !important;}
	.header-nav-drawer-sp{
		padding:0 20px;}
	.header-nav-drawer-sp.-orange{
		background:#FDF2F2;}
	.header-nav-drawer-sp.-blue{
		background:#F5F5F5;}
	.header-nav-drawer-close{
		display:none !important;}
	.header-drawer-list > li:not(:last-child){
		border-bottom:1px solid #CBD5DA;}
	.header-drawer-list li a{
		display:flex;
		align-items:center;
		width:100%;
		height:55px;
		font-weight:normal;
		position:relative;}
	.header-drawer-list-lower{
		display:none;
		margin:0 -20px;
		padding:20px;}
	.-orange .header-drawer-list-lower{
		background:#EFDCDB;}
	.-blue .header-drawer-list-lower{
		background:#D3DEE4;}
	.header-drawer-list-lower li a{
		display:flex;
		align-items:center;
		width:100%;
		height:45px;
		padding:8px;
		position:relative;}
	.header-drawer-list-lower li a::after{
		content:"\e90a";
		font-family:"icomoon";
		font-weight:normal;
		color:#98ACB5;
		position:absolute;
		top:50%;
		transform:translate(0, -50%);
		right:8px;}
	.header-drawer-list-lower li a[target=_blank]::after{
		content:"\e900";
		line-height:1;}
	.navmenu-overlay{
		display:none;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.5);
		position:fixed;
		top:0;
		left:0;
		z-index:9998;}
}
@media (min-width:1024px) and (max-width:1365px){
	.custom-logo-link{
		width:115px;}
}
@media (min-width:1024px) and (max-width:1279px){
	.header-nav{
		padding:0;}
}
@media (hover:hover){
	.l-localnav__link:hover .l-localnav__icon::before{
		transform:translateX(0);
		opacity:1;}
	.l-localnav__link:hover .l-localnav__icon::after{
		transform:translateX(0);
		opacity:0;}
}