@charset "utf-8";
/*=============================================================
 productflow Layout
=============================================================*/
#pageBody .contentsInner {
    max-width: unset;
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
.setLocalMenu #contents {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
}
.boxContents {
    max-width: 980px;
    margin: 0 auto;
}
.lead-dft {
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
#topicPathArea .contentsInner {
    max-width: var(--contensWidth);
    margin: 0 auto;
    padding: 0 var(--bothSides);
    box-sizing: inherit;
}
/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{
	background:no-repeat center 8px;
	background-image:url(../img/bg_pagetitle.png) !important;
	background-size:auto 256px;
	min-height:0;
	padding-top:35px;
	padding-bottom:0;
	margin-bottom:35px;
}
#contentsHdr>div {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}
#contentsHdr h1{
	text-align:center;
	margin-bottom:8px;
}
/* productflow-subNav
-------------------------------------------------------------*/
.productflow-subNav{
	max-width:none !important;
	border-bottom:2px solid #475962;
}
.productflow-subNav li{
	float:left;
	width:122px;
}
.productflow-subNav li a{
	background:url(../img/nav_btn_spr.png) no-repeat -2px 0;
	box-sizing:border-box;
	display:block;
	padding-top:78px;
	height:78px;
	overflow:hidden;
}
.productflow-subNav .subNav02 a{background-position:-124px 0;}
.productflow-subNav .subNav03 a{background-position:-246px 0;}
.productflow-subNav .subNav04 a{background-position:-368px 0;}
.productflow-subNav .subNav05 a{background-position:-490px 0;}
.productflow-subNav .subNav06 a{background-position:-612px 0;}
.productflow-subNav .subNav07 a{background-position:-734px 0;}
.productflow-subNav .subNav08 a{background-position:-856px 0;}
.productflow-subNav li a:hover,
.act-subNav01 .productflow-subNav .subNav01 a,
.act-subNav02 .productflow-subNav .subNav02 a,
.act-subNav03 .productflow-subNav .subNav03 a,
.act-subNav04 .productflow-subNav .subNav04 a,
.act-subNav05 .productflow-subNav .subNav05 a,
.act-subNav06 .productflow-subNav .subNav06 a,
.act-subNav07 .productflow-subNav .subNav07 a,
.act-subNav08 .productflow-subNav .subNav08 a {
	background-color:transparent;
	background-image:url(../img/nav_btn_act_spr.png);
	opacity:1;
}
/* subNav
-------------------------------------------------------------*/
.subNav{display:none;}

/* productflowTop-menu
-------------------------------------------------------------*/
#productflowTop-menu{
	background:url(../img/index_menu_bg.png) no-repeat 0 270px;
	/*height:1244px;*/
	height: 1620px;
	position:relative;
}
#productflowTop-menu li{position:absolute;}
#productflowTop-menu01{
	top:0;
	left:18px;
}
#productflowTop-menu02{
	top:40px;
	left:508px;
}
#productflowTop-menu03{
	top:454px;
	left:1px;
}
#productflowTop-menu04{
	top:486px;
	left:542px;
}
#productflowTop-menu05{
	top:858px;
	left:431px;
}
#productflowTop-menu06{
	top:909px;
	left:2px;
}
#productflowTop-menu07{
	top:1285px;
	left:285px;
}
/* productflow-fig
-------------------------------------------------------------*/
.productflow-fig{text-align:center;}

/* relatedArea
-------------------------------------------------------------*/
section {
    background: #fff;
}
.relatedArea {
    width: 72.31%;
    margin: var(--spaceLL) auto 0;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px), only screen and (max-device-width:1023px){
.setLocalMenu #contents {
    padding-bottom: 0;
}
.sp-dsp-none {
    display: none !important;
}
img.sp-dsp-block {
    display: inline;
}
.boxContents {
    padding: 0 15px;
}
/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{
	background-size:auto 192px;
	margin-bottom:20px;
}
#contentsHdr h1 img{width:245px;}
.lead-dft {
    text-align: left;
    margin-bottom: 25px;
}

/* productflow-subNav
-------------------------------------------------------------*/
.productflow-subNav{display:none;}

/* subNav
-------------------------------------------------------------*/
.subNav{
    display:block;
}

/* productflowTop-menu
-------------------------------------------------------------*/
#productflowTop-menu{
	background:none;
	height:auto;
}
#productflowTop-menu li{
	text-align:center;
	margin-top:20px;
	position:static;
}
/* productflow-fig
-------------------------------------------------------------*/
.productflow-fig{
	max-width:345px;
	margin:0 auto;
}
.productflow-fig img{
	padding-right:1.2%;
	padding-left:2.2%;
}
/* relatedArea
-------------------------------------------------------------*/
.relatedArea {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin:  var(--spaceL) auto 0;
}
    
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){



}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){



}