@charset "utf-8";

html {
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{
	background:#ffffff;
	color:#323232;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size:1rem;
	word-wrap:break-word;
}
body.no-scroll{
	overflow:hidden;
}

img{
    font-size:0;
    height:auto;
    line-height:0;
    max-width:100%;
    vertical-align:top;
	-ms-interpolation-mode:bicubic;
}

sup{
	display:inline-block;
	font-size:70%;
	vertical-align:top;
	margin-top:-5px;
}

input[type="submit"], input[type="reset"]{
	-webkit-appearance: none;
	border-radius: 0;
}



/* Link
-------------------------------------------------- */
a{
	color:#323232;
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}
a:hover{
	color:#323232;
	text-decoration:none;
}



/* Common
-------------------------------------------------- */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

.txt_right {text-align:right;}
.txt_center {text-align:center;}
.txt_left {text-align:left;}

.fl_right {float:right;}
.fl_left  {float:left;}

.noto100 {font-weight:100;} /* Thin */
.noto300 {font-weight:300;} /* Light */
/* .noto350 {font-weight:350;} DemiLight 350*/
.noto400 {font-weight:400;} /* Regular */
.noto500 {font-weight:500;} /* Medium */
.noto700 {font-weight:700;} /* Bold */
.noto900 {font-weight:900;} /* Black */

/* clearfix */
.clearfix:before,
.clearfix:after{
    content:" ";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}
.clear{
	clear:both;
}



/* Layout
-------------------------------------------------- */
#container{
	min-width:inherit;
	overflow:hidden;
	padding-top:91px;
	font-size:1.4rem;
}


/* ヘッダー */
#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:47px;
	z-index:1000;
	background:#ffffff;
}
#header #head{
	background:#ffffff;
	border-top:5px solid #d90013;
	width:100%;
	height:42px;
}
#header #head h1{
	float:left;
	width:154px;
	margin:10px;
}


/* バーガーメニュー */
#burgermenu{
	float:right;
	margin:10px;
	cursor:pointer;
}
#burgermenu .menu-trigger,
#burgermenu .menu-trigger span{
	display:inline-block;
	transition:all .4s;
	box-sizing:border-box;
}
#burgermenu .menu-trigger{
	position:relative;
	width:24px;
	height:20px;
}
#burgermenu .menu-trigger span{
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#d90013;
}
#burgermenu .menu-trigger span:nth-of-type(1){
	top:0;
}
#burgermenu .menu-trigger span:nth-of-type(2){
	top:9px;
}
#burgermenu .menu-trigger span:nth-of-type(3){
	bottom:0;
}
#burgermenu .menu-trigger.open span:nth-of-type(1){
	-webkit-transform:translateY(9px) rotate(-315deg);
	transform:translateY(9px) rotate(-315deg);
}
#burgermenu .menu-trigger.open span:nth-of-type(2){
	opacity:0;
}
#burgermenu .menu-trigger.open span:nth-of-type(3){
	-webkit-transform:translateY(-9px) rotate(315deg);
	transform:translateY(-9px) rotate(315deg);
}


/* ナビゲーション */
#header #header-inner{
	position:fixed;
	top:47px;
	left:0;
	background:#ffffff;
	width:100%;
	height:calc(100% - 47px);
	z-index:1001;
	overflow:auto;
	display:none;
}
#header #header-inner.open{
	display:block;
}


/* ウィジェット */
#header #header-inner ul.btn-widget{
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:5px;
/*	letter-spacing:-0.4em;*/
	text-align:center;
}
#header #header-inner ul.btn-widget li{
/*	letter-spacing:normal;*/
	display:inline-block;
	font-weight:500;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:4.4rem;
	height:4.4rem;
	border:2px solid #ffffff;
	vertical-align:top;
	line-height:calc(4.4rem - 4px);
}
#header #header-inner ul.btn-widget li.active{
	border:2px solid #d90013;
	color:#d90013;
}
#header #header-inner ul.btn-widget li a{
	display:block;
	line-height:calc(4.4rem - 4px);
}


/* サイト内検索 */
/*
#header #header-inner ul.btn-widget li.btn_search{
	vertical-align:top;
}
#header #header-inner ul.btn-widget li.btn_search i{
	display:inline-block;
}
#header #header-inner .gcs{
	display:inline-block;
	height:4.4rem;
}
#header #header-inner .gcs #gs_tti50 .gsc-i-id1{
	vertical-align:top!important;
}
**/
/*
#header #header-inner .gcs .gsc-control-cse{
	height:4.4rem;
	padding:0;
}
#header #header-inner .gcs .gsc-search-box{
	margin-bottom:0;
}
*/
/*
#header #header-inner .gcs #gs_id50{
	height:4.4rem;
}
#header #header-inner .gcs #gs_tti50{
	height:4.4rem;
}
*/

/* グローバルメニュー */
#header #header-inner .global-parent{
	border-bottom:solid 1px #dedede;
}
#header #header-inner .global-parent > a{
	position:relative;
	display:block;
	height:auto;
	line-height:1;
	padding:15px;
	background:#f0f0f0;
	font-size:1.3rem;
}
#header #header-inner .global-parent > a::after{
	content:'＋';
	width:1.3rem;
	height:1.3rem;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.65rem;
	vertical-align:bottom;
	color:#d90013;
}
#header #header-inner .global-parent > a.open::after{
	content:'－';
}


/* ドロップメニュー */
#header #header-inner ul.global-child{
	display:none;
}
#header #header-inner ul.global-child.open{
	display:block;
}
#header #header-inner ul.global-child li{
	background:#ffffff;
}
#header #header-inner ul.global-child li a{
	position:relative;
	display:block;
	padding:15px 15px 15px calc(15px + 0.75em);
	font-size:1.3rem;
	border-top:solid 1px #dedede;
}
#header #header-inner ul.global-child li a::before{
	content:'';
	width:0.5rem;
	height:0.5rem;
	border:0;
	border-top:solid 1px #d90013;
	border-right:solid 1px #d90013;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-0.25rem;
}


/* ページタイトルとローカルメニュー */
#localhead{
	background:#d90013;
	position:fixed;
	width:100%;
	top:47px;
	left:0;
	overflow:auto;
	z-index:500;
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);
}
#localhead h2 a{
	display:block;
	background:#d90013;
	color:#ffffff;
	font-size:3rem;
	font-weight:300;
	padding:7px 10px;
	position:relative;
	z-index:510;
}
#localhead h2 > a::before{
	content:'＋';
	width:1.6rem;
	height:1.6rem;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.8rem;
	font-size:1.6rem;
}
#localhead h2.open > a::before{
	content:'－';
}
#localhead ul.localnavi{
	display:none;
}
#localhead ul.localnavi li{
	background:#7d7d7d;
	position:relative;
}
#localhead ul.localnavi li a{
	color:#ffffff;
	position:relative;
	display:block;
	padding:15px 15px 15px calc(15px + 0.75em);
	font-size:1.3rem;
	border-top:solid 1px #717171;
}
#localhead ul.localnavi li a::before{
	content:'';
	width:0.5rem;
	height:0.5rem;
	border:0;
	border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-0.25rem;
}


/* パンくず */
#crumb ul{
	padding:2px 10px 4px 10px;
}
#crumb ul li,
#crumb ul span{
	display:inline-block;
	font-size:1.2rem;
}
#crumb ul li a,
#crumb ul span a{
	display:inline-block;
	color:#d90013;
	text-decoration:none;
}
#crumb ul li a::after,
#crumb ul span a::after{
	content:">";
	display:inline-block;
	margin:0 5px 0 7px;
	color:#323232;
}
#crumb ul li a i.fa-2x{
	font-size:1.2em;
}

/* フッター */
#footer{
	background:#4b4b4b;
	color:#ffffff;
/*	margin-top:5rem;*/
}
#footer .footernavi .footernavi-parent{
	border-bottom:solid 1px #717171;
}
#footer .footernavi .footernavi-parent > a{
	color:#ffffff;
	position:relative;
	display:block;
	height:auto;
	line-height:1;
	padding:15px;
	background:#4b4b4b;
	font-size:1.3rem;
}
#footer .footernavi .footernavi-parent > a::before{
	content:'＋';
	width:1.3rem;
	height:1.3rem;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-0.65rem;
	vertical-align:bottom;
}
#footer .footernavi .footernavi-parent > a.open::before{
	content:'－';
}

#footer .footernavi .footernavi-child{
	display:none;
}
#footer .footernavi .footernavi-child li{
	background:#7d7d7d;
}
#footer .footernavi .footernavi-child li a{
	color:#ffffff;
	position:relative;
	display:block;
	padding:15px 15px 15px calc(15px + 0.75em);
	font-size:1.3rem;
	border-top:solid 1px #717171;
}
#footer .footernavi .footernavi-child li a::before{
	content:'';
	width:0.5rem;
	height:0.5rem;
	border:0;
	border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-0.25rem;
}
#footer .bnr_scrumjpn{
	width:80%;
	margin:20px auto;
}
#footer .bnr_scrumjpn a{
	display:block;
	margin-bottom:5px;
}
#footer .bnr_scrumjpn_inner{
	display: flex;
	justify-content: flex-end;
    align-items: flex-start;
}
#footer .bnr_scrumjpn_inner p{
	line-height:125%;
	font-size:1.1rem;
}
#footer .bnr_scrumjpn_inner #bnr-nintei-box{
    margin-right: 20px;
    margin-top: 20px;	
}
#footer .copyright{
	background:#d90013;
	padding:12px;
}
#footer .copyright p{
	text-align:center;
	font-size:1.1rem;
}

/* ページトップ */
#footer p.pagetop{
	display:none;
}

/* 改行 */
br.sp-none{
	display:none;
}
br.pc-none{
	display:inline;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
	#container{
		padding-top:141px;
		font-size:15px;
	}
	#container.scroll{
		padding-top:70px;
	}

	#header{
		height:auto;
	}
	#header #head{
		border-top:none;
		height:auto;
		max-width:1024px;
		margin:0 auto;
	}
	#header #head h1{
		width:192px;
		margin:13px;
	}
	.scroll #header #head h1{
		width:154px;
		margin:8px;
	}


	/* ハンバーガーメニュー */
	#burgermenu{
		display:none;
	}


	/* ナビゲーション */
	#header #header-inner{
		height:auto;
		display:block!important;
		top:53px;
		overflow:visible;
	}
	.scroll #header #header-inner{
		top:38px;
	}

	/* ウィジェット */
	#header #header-inner .widget{
		position:relative;
		max-width:1024px;
		margin:0 auto;
	}
	#header #header-inner ul.btn-widget{
		position:absolute;
		top:-53px;
		right:0;
		border:none;
	}
	.scroll #header #header-inner ul.btn-widget{
		top:-38px;
	}
	#header #header-inner ul.btn-widget li{
		width:41px;
		height:41px;
		line-height:35px;
	}
	.scroll #header #header-inner ul.btn-widget li{
		width:28px;
		height:28px;
		line-height:23px;
		font-size:12px;
	}
	#header #header-inner ul.btn-widget li a{
		line-height:35px;
	}
	.scroll #header #header-inner ul.btn-widget li a{
		line-height:24px;
	}
	.scroll #header #header-inner ul.btn-widget li i{
		font-size:15px;
		line-height:26px;
	}

	/* グローバルメニュー */
	#header #header-inner #globalnavi{
		width:100%;
		background:#d90013;
	}
	.scroll #header #header-inner #globalnavi{
		background:transparent;
		max-width:600px;
		margin:-38px auto 0 auto;
	}
	#header #header-inner ul.global{
		max-width:1024px;
		background:#d90013;
		margin:0 auto;
		letter-spacing:-0.4em;
	}
	.scroll #header #header-inner ul.global{
		background:transparent;
		max-width:600px;
	}
	#header #header-inner ul.global	li.global-parent{
		letter-spacing:normal;
		display:inline-block;
		width:20%;
		text-align:center;
		border-bottom:none;
		position:relative;
		z-index:1002;
	}
	#header #header-inner ul.global.cn li.global-parent,
	#header #header-inner ul.global.en li.global-parent{
		width:25%;
	}
	#header #header-inner ul.global	li.global-parent > a{
		background:#d90013;
		color:#ffffff;
		font-size:15px;
	}
	.scroll #header #header-inner ul.global	li.global-parent > a{
		background:transparent;
		padding:11px;
		font-size:14px;
		color:#1e1e1e;
	}
	#header #header-inner .global-parent > a::after{
		display:none;
	}
	#header #header-inner .global-parent > a.open::after{
		display:none;
	}

	/* ドロップメニュー */
	#header #header-inner ul.global	ul.global-child{
		display:none;
		position:absolute;
		top:45px;
		left:0;
		z-index:1005;
		width:100%;
		border-right:1px solid #dedede;
		border-left:1px solid #dedede;
		border-bottom:1px solid #dedede;
		text-align:left;
	}
	.scroll #header #header-inner ul.global	ul.global-child{
		border:0;
	}
	#header #header-inner ul.global-child li a{
		padding-left:15px;
		font-size:15px;
	}
	.scroll #header #header-inner ul.global-child li,
	.scroll #header #header-inner ul.global-child li a{
		display:none;
	}
	#header #header-inner ul.global-child li a:hover{
		background:#e0e0e0;
	}


	/* ページタイトルとローカルメニュー */
	#localhead{
		background:#4b4b4b;
		top:98px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.scroll #localhead{
		top:38px;
		background:#d90013;
		-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	}
	#localhead .localhead-inner{
		max-width:1024px;
		margin:0 auto;
	}
	#localhead h2{
		float:left;
		white-space:nowrap;
	}
	#localhead h2 a{
		background:#4b4b4b;
		font-size:24px;
	}
	.scroll #localhead h2 a{
		background:#d90013;
		padding:7px 10px;
		font-size:18px;
	}
	#localhead h2 > a::before,
	#localhead h2.open > a::before{
		display:none;
	}
	#localhead ul.localnavi{
		display:block!important;
		float:right;
		text-align:left;
		position:static;
		width:auto;
		height:auto;
		padding-top:0;
		background:#4b4b4b;
	}
	.scroll #localhead ul.localnavi{
		background:#d90013;
	}
	#localhead ul.localnavi li{
		display:inline-block;
		background:transparent;
	}
	#localhead ul.localnavi li:first-child{
		display:none;
	}
	#localhead ul.localnavi li a{
		display:block;
		padding:15px 5px;
		font-size:13px;
		border-top:none;
	}
	#localhead ul.localnavi.en li a{
		font-size:11px;
		padding:15px 3px;
	}
	#localhead ul.localnavi li a::after{
		content:'|';
		display:inline-block;
		margin-left:10px;
	}
	#localhead ul.localnavi li:last-child a::after{
		display:none;
	}
	.scroll #localhead ul.localnavi li a{
		padding:10px 5px;
		font-size:11px;
	}
	#localhead ul.localnavi li:last-child a{
		border-bottom:none;
	}
	#localhead ul.localnavi li a::before{
		display:none;
	}

	/* transition */
	#container, #header #head h1, #header #header-inner,
	#header #header-inner ul.btn-widget,
	#header #header-inner ul.btn-widget li,
	#header #header-inner ul.btn-widget li a,
	#header #header-inner #globalnavi,
	#header #header-inner ul.global,
	#header #header-inner ul.global	li.global-parent > a,
	#header #header-inner ul.global	ul.global-child,
	#localhead, #localhead h2 a,
	#localhead ul.localnavi, #localhead ul.localnavi li a{
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}
	
	/* 製品の特長　アンカーメニュー */
	.characteristic .characteristic-area .follow-list.scroll{
		position: fixed;		
		background: #000;
		width: 100%;
		top: 70px;
		z-index: 99;
	}
	
	/*追加*/
	#container .characteristic .contents-inner.fixed_on {
		padding-top:300px;
	}
	/*追加 end*/
	
	#container .characteristic .contents-inner .sereas_item {
		margin-top: -500px;
		padding-top: 500px;
	}

	#container.scroll .characteristic .contents-inner .sereas_item {
		margin-top: -260px;
		padding-top: 260px;
	}

	
	/* パンくず */
	#crumb ul{
		max-width:1024px;
		margin:0 auto;
		padding:4px 0 6px 23px;
	}
	#crumb ul li,
	#crumb ul span{
		display:inline-block;
		font-size:13px;
	}
	#crumb ul li a,
	#crumb ul span a{
		display:inline-block;
		color:#d90013;
		text-decoration:none;
	}
	#crumb ul li a::after,
	#crumb ul span a::after{
		content:">";
		display:inline-block;
		margin:0 5px 0 7px;
		color:#323232;
	}
	#crumb ul li a i.fa-2x{
		font-size:1.4em;
	}


	/* フッター */
	#footer{
		margin-top:0;
		padding-top:50px;
	}
	#footer .footernavi{
		max-width:1024px;
		margin:0 auto;
		padding:0 10px 50px 10px;
		letter-spacing:-0.4em; /* 改行による隙間対策 */
	}
	#footer .footernavi .footernavi-parent{
		letter-spacing:normal; /* 改行による隙間対策 */
		border-bottom:none;
		display:inline-block;
		width:20%;
		vertical-align:top;
	}
	#footer .footernavi.cn .footernavi-parent,
	#footer .footernavi.en .footernavi-parent{
		width:25%;
	}
	#footer .footernavi .footernavi-parent > a{
		display:inline-block;
		padding:0;
		background:transparent;
		font-size:15px;
		margin-bottom:15px;
	}
	#footer .footernavi .footernavi-parent > a:hover{
		text-decoration:underline;
	}
	#footer .footernavi .footernavi-parent > a::before,
	#footer .footernavi .footernavi-parent > a.open::before{
		display:none;
	}

	#footer .footernavi .footernavi-child{
		display:block!important;
	}
	#footer .footernavi .footernavi-child li{
		background:transparent;
		margin-bottom:15px;
	}
	#footer .footernavi .footernavi-child li a{
		display:inline;
		padding:15px 15px 15px calc(15px + 1.1em);
		font-size:12px;
		border-top:none;
		white-space:nowrap;
	}
	#footer .footernavi .footernavi-child li a:hover{
		text-decoration:underline;
	}
	#footer .footernavi .footernavi-child li a::before{
		content:'';
		width:4px;
		height:4px;
		left:15px;
		margin-top:-2px;
	}
	#footer .bnr_scrumjpn{
		width:auto;
		max-width:1024px;
		position:relative;
		margin:0 auto;
	}
	#footer .bnr_scrumjpn_inner{
		position: absolute;
        right: 0;
        top: -220px;
        font-size: 10px;
	}
	#footer .bnr_scrumjpn_inner img{
    	height: 170px;
	}
	#footer #bnr-nintei-box{
		margin-right: 3em;
	}
	#footer #bnr-scrumjpn-box{
		display: inline-block;
		max-width: 240px;
		text-align: left;
	}
	#footer .copyright{
		padding:15px 0;
	}
	#footer .copyright p{
		text-align:left;
		font-size:13px;
		max-width:1024px;
		padding:0 10px;
		margin:0 auto;
	}

	/* ページトップ */
	#footer p.pagetop{
		height:4rem;
		position:fixed;
		right:30px;
		bottom:60px;
		background:#transparent;
		z-index:9999;
	}
	#footer p.pagetop a{
		width:40px;
		height:40px;
		display:block;
		background-image:url(../png/pagetop.png);
		background-repeat:no-repeat;
		background-position:left top;
		background-size:40px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}

	/* 改行 */
	br.sp-none{
		display:inline;
	}
	br.pc-none{
		display:none;
	}
}