@charset "UTF-8";
/* CSS Document */
/*共通スタイル*/
/*フレックスボックス----------------------------------------------*/
/*CORE*/
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("/common/LIB/font-awesome-4.7.0/css/font-awesome.min.css");
body, #header, #footer, #main {
  width: 100%;
}

.br { display: none; }

#gnaviDD>ul>li {
	position:relative;
}
.gnaviDD {
	position:absolute;
	display:none;
}

img {
  /*	display:block;*/
}

.mtLL {
  margin-top: 50px;
}

.mtL {
  margin-top: 40px;
}

.mtM, .prd-item-sentence ul {
  margin-top: 30px;
}

.mtS {
  margin-top: 20px;
}

.mtSS {
  margin-top: 10px;
}

.mtSSS {
  margin-top: 5px;
}

@media print,screen and (min-width: 768px) {
  .mtLL {
    margin-top: 100px;
  }
  .mtL {
    margin-top: 80px;
  }
  .mtM, .prd-item-sentence ul {
    margin-top: 60px;
  }
  .mtS {
    margin-top: 40px;
  }
  .mtSS {
    margin-top: 20px;
  }
  .mtSSS {
    margin-top: 10px;
  }
}

@media print,screen and (min-width: 1200px) {
  .mtLL {
    margin-top: 100px;
  }
  .mtL {
    margin-top: 80px;
  }
  .mtM, .prd-item-sentence ul {
    margin-top: 60px;
  }
  .mtS {
    margin-top: 40px;
  }
  .mtSS {
    margin-top: 20px;
  }
}

/*パディング共通*/
.pdLL {
  padding: 50px 0;
}

.pdL {
  padding: 40px 0;
}

.pdM {
  padding: 30px 0;
}

.pdS {
  padding: 20px 0;
}

.pdSS {
  padding: 10px 0;
}

@media print,screen and (min-width: 768px) {
  .pdLL {
    padding: 100px 0;
  }
  .pdL {
    padding: 80px 0;
  }
  .pdM {
    padding: 60px 0;
  }
  .pdS {
    padding: 40px 0;
  }
  .pdSS {
    padding: 20px 0;
  }
}

@media print,screen and (min-width: 1200px) {
  .pdLL {
    padding: 100px 0;
  }
  .pdL {
    padding: 80px 0;
  }
  .pdM {
    padding: 60px 0;
  }
  .pdS {
    padding: 40px 0;
  }
  .pdSS {
    padding: 20px 0;
  }
}

.fixed {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
  z-index: 10000;
}


/*//ヘッダ*/

.header,#gnaviDD>div,.gnaviDD>div {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 4%;
}

#header {
	height:90px; /*20180318 110px*/
	border-top:5px solid #9b3a26;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
}
.header {
	height:75px; /*20180318 95px*/
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.header>div:first-child img {
	margin-top:20px;
	width:200px;
	height:auto;
}
.header>div:first-child p:nth-child(2) {
	font-size:1.3rem;
	font-weight:bold;
	line-height:20px;
}
.header>div:nth-child(2) {
	display: none;
}
.header>div:nth-child(2)>div {
	display:table;
	margin:12px auto 0;
}
.header>div:nth-child(2)>div>p {
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
.header>div:nth-child(2)>div>p:nth-child(1) {
	font-size:1.4rem;
	font-weight:bold;
}
.header>div:nth-child(2)>div>p:nth-child(2) {
	padding-left:2rem;
	font-size:1.2rem;
	line-height:1.6rem;
}
.header>div:nth-child(2)>div>p:nth-child(2)>span {
	display:block;
	font-size:2.9rem;
	line-height:2.9rem;
}
.header>div:nth-child(2)>div>p:nth-child(2)>span.fa:before {
	content: "\f095";
	margin-right:0.6rem;
	font-size:2.4rem;
}
.header>div:nth-child(2)>div>p:nth-child(2)>span>strong {
	font-family:'Open Sans',sans-serif;
	font-weight:bold;
}

.header>div>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	margin-top:10px;
}
.header>div>ul li {
	margin-left:2em;
	font-size:1.3rem;
	line-height:1.3rem;
}
.header div:nth-child(2) img {
	margin-top:15px;
}

/*.header>div>ul li:nth-child(1):before {
	content: "\f0f7";
	margin-right:1rem;
}*/
/*.header>div>ul li:nth-child(1):before {
	content: "\f0f6";
	margin-right:1rem;
}*/
.header>div>ul li:nth-child(1):before {
	content: "\f013";
	margin-right:1rem;
}
.header>div>ul li:nth-child(2):before {
	content: "\f0e0";
	margin-right:1rem;
}
.header>div>ul li a {
	color:#000;
}
.header>div>div {
	display:-webkit-flex;
	display:flex;
}
#gnaviDD {
	display:none;
}

@media print,screen and (max-width: 375px) {
.header>div:first-child p:nth-child(2) {
	font-size:2.8vw;
	font-weight:bold;
	line-height:20px;
}
}

@media print,screen and (min-width: 801px) {
#header {
	height:130px; /*20180318 150px*/
}
.header>div:nth-child(2){
	display: block;
}
#gnaviDD {
	display:block;
	height:55px;
	z-index:100;
}
#gnaviDD>div>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row || nowrap;
	flex-flow:row || nowrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
#gnaviDD>div>ul li {
	width:100%;
	height:48px;
	box-sizing:border-box;
	border-bottom:4px solid #fff;
}
#gnaviDD>div>ul li:hover {
	border-bottom:4px solid #9b3a26;
	transition: all 500ms 0s ease;
}
#gnaviDD>div>ul li span {
	display:block;
	height:37px;
	margin-top:6px;
	border-left:1px solid #aaa;
	box-sizing:border-box;
	line-height:36px;
	text-align:center;
	font-size:1.3vw;
	font-weight:bold;
}
#gnaviDD>div>ul li span a {
	color:#000;
}
#gnaviDD>div>ul li span a:hover {
	text-decoration:none;
}
#gnaviDD>div>ul li:last-child span {
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	box-sizing:border-box;
}
.gnaviDD {
	left:50%;
	top:154px;
	width:1000px;
	padding:15px 0 0;
	margin-left:-500px;
	color:#fff;
	z-index:100;
}
#gnaviDD>div>ul li:nth-child(1) .gnaviDD {
	background:url(/corporation/images/framework/gnavmm-arrow.png) 80px 0px no-repeat;
}
#gnaviDD>div>ul li:nth-child(2) .gnaviDD {
	background:url(/corporation/images/framework/gnavmm-arrow.png) 240px 0px no-repeat;
}
#gnaviDD>div>ul li:nth-child(3) .gnaviDD {
	background:url(/corporation/images/framework/gnavmm-arrow.png) 410px 0px no-repeat;
}
#gnaviDD>div>ul li:nth-child(4) .gnaviDD {
	background:url(/corporation/images/framework/gnavmm-arrow.png) 570px 0px no-repeat;
}
.gnaviDD>div {
	width:920px;
	padding:20px 50px 20px 30px;
	background:url(/corporation/images/framework/bg_pattern3_blk_80p.png),/*rgba(0,56,134,1)*/rgba(51,51,51,1);
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.gnaviDD>div .ttl {
	width:100%;
	margin-left:20px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.gnaviDD>div .ttl h1 {
	font-size:1.8rem;
	line-height:1.8rem;
	font-weight:bold;
}
.gnaviDD>div .ttl h1 a {
	color:#fff;
}
.gnaviDD>div .ttl h1 a:hover {
	text-decoration:none;
}
.gnaviDD>div .ttl h1:before {
	content: "\f101";
	color:#9b3a26;
	margin-right:1.0rem;
}
.gnaviDD nav {
	width:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.gnaviDD nav>a>dl {
	margin:10px 0 0 20px;
}
.gnaviDD nav>a>dl dt {
	height:100px;
	box-sizing:border-box;
	border:1px solid #666;
	overflow:hidden;
}
.gnaviDD nav.col4>a>dl,.gnaviDD nav.col4>a>dl dt,.gnaviDD nav.col4>a>dl dt img {
	width:210px;
}
.gnaviDD nav.col3>a>dl,.gnaviDD nav.col3>a>dl dt,.gnaviDD nav.col3>a>dl dt img {
	width:286px;
}
.gnaviDD nav>a {
	color:#fff;
}
.gnaviDD nav>a>dl dd p {
	font-size:1.35rem;
	line-height:1.35rem;
}
.gnaviDD nav>a>dl dd p:before {
	content: "\f101";
	color:#9b3a26;
	margin-right:1.0rem;
}
}

@media print,screen and (min-width: 1000px) {
.header>div:first-child {
	display:-webkit-flex;
	display:flex;
}
.header>div:first-child img {
	margin-top:20px;
	width:240px;
	height:auto;
}
.header>div:first-child p:nth-child(2) {
	font-size:1.3rem;
	font-weight:bold;
	line-height:90px;
	margin-left:3rem;
}
}

@media print,screen and (min-width: 1200px) {
.header,#gnaviDD>div,.gnaviDD>div {
	width:1000px;
	padding:0;
}
.header>div:first-child img {
	width:240px;
}
#gnaviDD>div>ul li span {
	font-size:1.5rem;
}
}


@media print,screen and (max-width: 800px) {
#global-smp {
}
#global-smp-btn {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:20%;
	height:90px;
	background:#9b3a26 url(/corporation/images/framework/mark-hmbg.svg) center no-repeat;
	background-size: 50%;
}
#global-smp .global-smp {
	display: none;
	border-top:1px solid #999;
	background:#666;
}
#global-smp .global-smp>div {
	width:100%;
	margin:0 auto 0;
}
#global-smp .global-smp>div h2 {
	position: relative;
	width:100%;
	box-sizing: border-box;
	padding:15px 20px;
	font-size:1.6rem;
	line-height:1.6rem;
	font-weight:normal;
	border-bottom:1px solid #999;
	color:#fff;
}
#global-smp .global-smp>div h2.acnav-sp:after {
	position: absolute;
	content: '＋';
	right: 20px;
}
#global-smp .global-smp>div h2.active:after {
	content: '－';
}

#global-smp .global-smp>div h2 a {
	color:#fff;
}
#global-smp .global-smp>div h2 a:hover {
	text-decoration:none;
}
#global-smp .global-smp>div ul {
	border-bottom:1px solid #999;
	display: none;
}
#global-smp .global-smp>div ul li {
	margin:15px 0 15px 40px;
	font-size:1.4rem;
	line-height:1.4rem;
}
#global-smp .global-smp>div ul li a {
	color:#fff;
}
#global-smp .global-smp>div .mt30 {
	margin-top: 0;
}
}
@media print,screen and (min-width: 801px) {
	#global-smp {
		display: none;
	}
}

/*//フッタ*/

.contact-bn {
	margin-top: 100px;
	width:100%;
	background:#000 url(/corporation/images/contents/prd_footer_bn_bg.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center;
}
@media print,screen and (min-width: 801px) {
.contact-bn {
	margin-top: 150px;
	}
}
.prdcms .contact-bn {
	margin-top:0;
}
	.sub1 .contact-bn,.sub2 .contact-bn,.sub3 .contact-bn,.sub4 .contact-bn,.sub5 .contact-bn,.sub6 .contact-bn {
		margin-top:0;
	}
.contact-bn img {
	width:100%;
}

.contact-bn-b1 {
	color:#fff;width:40%;margin-top:5px;
	font-size:2.1rem;
	font-weight: bold;
}
.contact-bn-b2 {
	color:#fff;width:50%;padding-bottom:30px;
	font-size:1.6rem;
	line-height: 2.0rem;
}
.contact-bn-b3 {
	color:#fff;width:40%;
}
.contact-bn-b4 {
	color:#fff;width:50%;
}
.contact-bn-b4 .box_link {
	padding:13px;
}
.contact-bn-b4 .box_link:before {
    position: absolute;
    top: 17px;
    left: 27px;
}
.contact-bn-b4 .box_link span {
    display: block;
    font-size: 1.8rem;
	padding-top:4px;
}
@media print,screen and (max-width: 800px) {
	.contact-bn-b1,.contact-bn-b2,.contact-bn-b3,.contact-bn-b4 {
		width:100%;
		text-align: center;
	}
	.contact-bn-b2 {
		margin-top:30px;
		font-size:3.5vw;
		line-height: 4vw;
	}
	.contact-bn-b4 .box_link span {
		font-size:3.5vw;
	}
}

#sitemap {
	margin-top: 100px;
	background:#333;
	padding:0px 0 46px;
}
.products-sitemap {
	margin-top: 0 !important;
	background:#dfdfdf !important;
}
#sitemap .sitemap {
/*	border-top:1px solid #fff;*/
}
#sitemap .sitemap>div {
	width:100%;
	margin:0 auto 0;
}
#sitemap .sitemap>div h2 {
	position: relative;
	width:100%;
	box-sizing: border-box;
	padding:15px 20px;
	font-size:1.6rem;
	line-height:1.6rem;
	font-weight:normal;
	border-bottom:1px solid #fff;
	color:#fff;
}
.products-sitemap .sitemap>div h2 {
	border-bottom:1px solid #fff !important;
	color:#000 !important;
}
#sitemap .sitemap>div h2.acnav-sp:after {
	position: absolute;
	content: '＋';
	right: 20px;
}
#sitemap .sitemap>div h2.active:after {
	content: '－';
}

#sitemap .sitemap>div h2 a {
	color:#fff;
}
.products-sitemap .sitemap>div h2 a {
	color:#000 !important;
}
#sitemap .sitemap>div h2 a:hover {
	text-decoration:none;
}
#sitemap .sitemap>div ul {
	border-bottom:1px solid #fff;
	display: none;
}
#sitemap .sitemap>div ul li {
	margin:15px 0 15px 40px;
	font-size:1.4rem;
	line-height:1.4rem;
}
#sitemap .sitemap>div ul li a {
	color:#fff;
}
.products-sitemap .sitemap>div ul li a {
	color:#000 !important;
} 
#sitemap .sitemap>div .mt30 {
	margin-top: 0;
}
#footer {
/*	height:120px;
	padding-top:30px;*/
	height:100px;
	padding-top:20px;
	background:#9b3a26;
}
#footer .footer>div p {
	width:90%;
	margin-top:20px;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	color:#fff;
	font-size:2.8vw;
	line-height:1.2rem;
}
#footer .footer>div img {
	width:150px;
}
#footer .footer>div nav ul li:first-child {
	border-left:1px solid #fff;
}
#footer .footer>div nav ul {
	text-align:center;
}
#footer .footer>div nav ul li {
	display:inline-block;
	color:#fff;
	border-right:1px solid #fff;
	padding:2px 5px;
	font-size:1.2rem;
	line-height:1.2rem;
}
#footer .footer>div nav ul li a {
	color:#fff;
}
@media print,screen and (min-width: 801px) {
	#sitemap {
	margin-top: 150px;
	padding:70px 0;
}
	.sub1 #sitemap,.sub2 #sitemap,.sub3 #sitemap,.sub4 #sitemap,.sub5 #sitemap,.sub6 #sitemap {
		margin-top:0;
	}
#sitemap .sitemap {
	border-top:none;
}
#sitemap>.sitemap,#footer>.footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:0 4%;
}
#sitemap {
	margin-top: 150px;
}
#sitemap .sitemap {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#sitemap .sitemap>div {
	width:20%;
	margin:0;
}
#sitemap .sitemap>div h2 {
	width:90%;
	padding:0 0 15px 0;
	font-size:1.45vw;
	line-height:1.5rem;
	font-weight:bold;
	border-bottom:1px solid #fff;
	color:#fff;
}
#sitemap .sitemap>div h2.acnav-sp:after {
display: none;
}
#sitemap .sitemap>div h2 a {
	color:#fff;
}
#sitemap .sitemap>div h2 a:hover {
	text-decoration:none;
}
#sitemap .sitemap>div ul {
	display: block;
	border-bottom:0;
	margin:20px 0 0 0;
	width: 90%;
}
#sitemap .sitemap>div ul li {
	margin-top:5px;
	margin-left:0;
	margin:10px 0 10px 0;
	font-size:1.1vw;
	line-height:1.4rem;
}
#sitemap .sitemap>div ul li.blk-menu {
	height: 0.5em;
}
#sitemap .sitemap>div ul li a {
	color:#fff;
}
#sitemap .sitemap>div .mt30 {
	margin-top: 30px;
}
#footer .footer>div p {
	font-size:1.2rem;
	width:auto;
}
}

@media print,screen and (min-width: 1200px) {
#sitemap>.sitemap,#footer>.footer {
	width:1000px;
	padding:0;
}
#sitemap .sitemap>div h2 {
	font-size:1.5rem;
}
#sitemap .sitemap>div ul li {
	font-size:1.2rem;
}
#footer .footer{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#footer .footer>div p {
	text-align:right;
	margin-top:0;
}
#footer .footer>div nav ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
}

.goto-pagetop {
	display:block;
	position:fixed ;
	right:0;
	bottom:-100px;
	width:60px;
	height:60px;
	background:rgba(39,39,39,0.4);
	line-height:40px;
	text-align:center;
	z-index: 99999999;
/*	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;*/
}
.goto-pagetop img {
	padding-top:10px;
}
.goto-pagetop:hover {
	background:rgba(39,39,39,1);
}
@media print, screen and (min-width: 1080px) {
.goto-pagetop {
	left:50%;
	margin-left:520px;
}
}

/*フォームボタンパーツデザイン（reCAPTCHA導入版）*/
.inq-formsubmit .g-recaptcha>div {
	margin:30px auto;
}
.inq-formsubmit {
	text-align: center;
}
.inq-formsubmit input {
	position: relative;
	border:none;
	width: 100%;
	max-width: 357px;
	color: #fff;
    background-color: rgba(155,58,38,1);
    padding: 30px 13px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.8rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	cursor: pointer;
}
.inq-formsubmit input:hover {
	opacity: 0.7;
}

@media print,screen and (min-width:768px){
#cmn-header #cmn-gnav>ul>li:nth-child(6)>a:after,#cmn-header #cmn-gnav>ul>li:nth-child(6)>span:after{width:100%}
body.ir #cmn-header #cmn-gnav>ul>li:nth-child(6)>a:after,body.ir #cmn-header #cmn-gnav>ul>li:nth-child(6)>span:after{width:0}
body.ir #cmn-header #cmn-gnav>ul>li:nth-child(7)>a:after,body.ir #cmn-header #cmn-gnav>ul>li:nth-child(7)>span:after{width:100%}
}