@charset "utf-8";
/*=============================================================
 gas_chemistry Layout
=============================================================*/
/* contents
-------------------------------------------------------------*/
#pageBody .contentsInner {
    max-width: unset;
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
#contents{background:url(../img/gas_chemistry_bg_contents.png) repeat-y center;}
.setLocalMenu #contents {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
}
.boxContents {
    max-width: 980px;
    margin: 0 auto;
}

/* topicPathArea
-------------------------------------------------------------*/
#topicPathArea .contentsInner {
    max-width: var(--contensWidth);
    margin: 0 auto;
    padding: 0 var(--bothSides);
    box-sizing: inherit;
}

/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{
	background:#fff !important;
	min-height:0;
	margin-bottom:0;
	padding:0 0 75px;
	overflow:hidden;
}
#contentsHdr>div {
    position: relative;
}
#contentsHdr h1 img{
    object-fit: cover;
    height: 291px;
    object-position: center;
}
#contentsHdr .text{
	font-weight:bold;
	line-height:1.6;
	text-align:center;
	width:640px;
	position:absolute;
	top:90px;
	left: 50%;
    transform: translateX(-50%);
}
/* gas_chemistry-linkAc */
.gas_chemistry-linkAc{
	line-height:1.35;
	font-weight:bold;
	text-align:center;
}
.gas_chemistry-linkAc li{
	display:inline-block;
	vertical-align:top;
	min-width:260px;
}
.gas_chemistry-linkAc li a{
	color:#455a64;
	text-decoration:none;
	display:inline-block;
	padding-top:42px;
	position:relative;
}
.gas_chemistry-linkAc li a::before{
	content:"";
	background:url(../img/gas_chemistry_bg_ac_spr.png) no-repeat 0 0;
	background-size:auto 36px;
	display:block;
	width:40px;
	height:36px;
	margin-left:-20px;
	position:absolute;
	top:0;
	left:50%;
}
.gas_chemistry-linkAc li:nth-child(2) a::before{background-position:-40px 0;}
.gas_chemistry-linkAc li:nth-child(3) a::before{background-position:-80px 0;}

/* gas_chemistry-box
-------------------------------------------------------------*/
.gas_chemistry-box{
	background:url(../img/gas_chemistry_bg01.png) no-repeat center 5px;
	margin-top:70px;
	border-top:35px solid transparent;
	box-shadow:inset 0 5px 0 #000;
	position:relative;
}
#contentsHdr+.gas_chemistry-box{margin-top:-35px;}
#ac02.gas_chemistry-box{background-image:url(../img/gas_chemistry_bg02.png);}
#ac03.gas_chemistry-box{background-image:url(../img/gas_chemistry_bg03.png);}
.gas_chemistry-box h2{
	text-align:center;
	margin:-35px 0 8px;
}
/* lead */
.gas_chemistry-box .lead{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
}
.gas_chemistry-box .lead p+p{margin-top:1.8em;}
.gas_chemistry-box .lead strong{
	font-size:190%;
	line-height:1.2;
	vertical-align:-7%;
}
#ac01.gas_chemistry-box .lead{position:relative;}
#ac01.gas_chemistry-box .lead .img{
	position:absolute;
	top:55px;
	right:0;
}
/* sttl */
.gas_chemistry-box .sttl{
	color:#fff;
	font-size:2.2rem;
	line-height:1.3;
	font-weight:bold;
	background-color:#26b7bc;
	text-align:center;
	margin:40px 0 20px;
	padding:12px 8px 7px;
	border-bottom:3px solid #06838b;
	border-radius:10px 10px 0 0;
}
#ac02.gas_chemistry-box .sttl{
	background-color:#5fad31;
	border-bottom-color:#237509;
}
#ac03.gas_chemistry-box .sttl{
	background-color:#21a7f0;
	border-bottom-color:#046de2;
}
/* gas_chemistry-box
-------------------------------------------------------------*/
.gas_chemistry-boxCheck{
	background-color:#e9f8f8;
	margin-top:60px;
	padding:0 40px 35px;
	border-top:3px solid #26b7bc;
}
#ac02 .gas_chemistry-boxCheck{
	background-color:#eff7ea;
	border-top-color:#5fad31;
}
.gas_chemistry-boxCheck h3{
	text-align:center;
	margin:-21px 0 20px;
}
#ac01 .gas_chemistry-boxCheck .clm .text{
	float:left;
	width:335px;
}
#ac01 .gas_chemistry-boxCheck .clm figure{float:right;}
#ac02 .gas_chemistry-boxCheck .text{text-align:center;}
#ac02 .gas_chemistry-boxCheck .text strong{
	color:#0072bf;
	font-size:1.8rem;
	line-height:1.6;
}
/* gas_chemistry-box02
-------------------------------------------------------------*/
.gas_chemistry-box02{
	color:#fff;
	box-sizing:border-box;
	height:458px;
	margin-top:80px;
	padding:28px 0 10px;
	border-top:5px solid #000;
    background: #0072bf;
}
.gas_chemistry-box02 h2{
	text-align:center;
	margin-bottom:15px;
}
.gas_chemistry-box02 .text{text-align:center;}
.gas_chemistry-box02 .text .list-circle{
	font-size:3rem;
	line-height:1.3;
	font-weight:bold;
	text-align:left;
	display:inline-block;
	border-top:3px dotted #fff;
}
.gas_chemistry-box02 .text .list-circle li{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:3px dotted #fff;
    margin: 0;
}
.gas_chemistry-box02 .text .list-circle li::before{
	background-color:#fff;
	margin-top:15px;
	top:0.31em;
}
/* box-bg
-------------------------------------------------------------*/
.gas_chemistry-box02+.box-bg{margin-top:0 !important;background: #fff;}

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

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px), only screen and (max-device-width:1023px){
.sp-dsp-none {
    display: none !important;
}
img.sp-dsp-block {
    display: inline;
}
.boxContents {
    padding: 0 15px;
}
/* contents
-------------------------------------------------------------*/
#contents{background:none;}

/* contentsHdr
-------------------------------------------------------------*/
#contentsHdr{padding-bottom:45px;}
#contentsHdr h1 img{
	width:100%;
	margin-left:0;
    height: auto;
}
#contentsHdr .text{
	text-align:left;
	width:auto;
	margin-top:5px;
	position:static;
    padding: 0 15px;
    transform: none;
}
/* gas_chemistry-linkAc */
.gas_chemistry-linkAc{
	text-align:left;
	margin-top:20px;
    padding: 0 15px;
}
.gas_chemistry-linkAc li{
	display:block;
	margin-top:15px;
}
.gas_chemistry-linkAc li a{
	padding:0 0 0 47px;
}
.gas_chemistry-linkAc li a::before{
	margin:-18px 0 0;
	top:50%;
	left:0;
}
/* gas_chemistry-box
-------------------------------------------------------------*/
.gas_chemistry-box{
	background-position:center 4px;
	background-size:auto 132px;
	margin-top:54px;
	border-top-width:26px;
	box-shadow:inset 0 4px 0 #000;
}
#contentsHdr+.gas_chemistry-box{margin-top:-26px;}
.gas_chemistry-box h2{
	width:281px;
	margin:-26px auto 8px;
}
/* lead */
.gas_chemistry-box .lead{text-align:left;}
.gas_chemistry-box .lead p+p{margin-top:0;}
#ac01.gas_chemistry-box .lead .img{
	text-align:center;
	margin-top:10px;
	position:static;
}
/* sttl */
.gas_chemistry-box .sttl{margin:35px 0 12px;}

/* gas_chemistry-box
-------------------------------------------------------------*/
.gas_chemistry-boxCheck{
	margin-top:25px;
	padding:0;
	border-top:none;
}
.gas_chemistry-boxCheck h3{
	text-align:left;
	margin:0;
	padding:17px 15px;
}
.gas_chemistry-boxCheck .toggle-btn{
	padding-right:45px;
	position:relative;
}
/*.gas_chemistry-boxCheck .toggle-btn::after{
	content:"";
	background-color:#fff;
	width:25px;
	height:25px;
	margin-top:-13px;
	position:absolute;
	top:50%;
	right:14px;
	border:1px solid #90a4ae;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.gas_chemistry-boxCheck .toggle-btn>span::before,
.gas_chemistry-boxCheck .toggle-btn>span::after{
	content:"";
	background-color:#455a64;
	width:15px;
	height:1px;
	position:absolute;
	top:50%;
	right:20px;
	z-index:1;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.gas_chemistry-boxCheck .toggle-btn>span::after{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}*/
.gas_chemistry-boxCheck .toggle-btn:hover::after{border-color:#0072bf;}
.gas_chemistry-boxCheck .toggle-btn:hover>span::before,
.gas_chemistry-boxCheck .toggle-btn:hover>span::after{background-color:#0072bf;}
.gas_chemistry-boxCheck.open .toggle-btn>span::before,
.gas_chemistry-boxCheck.open .toggle-btn>span::after{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.gas_chemistry-boxCheck .toggle-box{padding:0 15px 15px;}
#ac01 .gas_chemistry-boxCheck .clm .text{
	float:none;
	width:auto;
}
#ac01 .gas_chemistry-boxCheck .clm figure{
	float:none;
	margin-top:12px;
}
#ac02 .gas_chemistry-boxCheck .text{text-align:left;}

/* gas_chemistry-box02
-------------------------------------------------------------*/
.gas_chemistry-box02{
	background-color:#0072bf;
	height:auto;
	margin-top:50px;
	padding:14px 0 22px;
	border-top-width:4px;
}
.gas_chemistry-box02 h2{
	width:114px;
	margin:0 auto 8px;
}
.gas_chemistry-box02 .text{text-align:left;padding: 0 15px;}
.gas_chemistry-box02 .text .list-circle{
	font-size:1.7rem;
	display:block;
	border-top-width:2px;
}
.gas_chemistry-box02 .text .list-circle li{
	padding-top:6px;
	padding-bottom:6px;
	border-bottom-width:2px;
}
.gas_chemistry-box02 .text .list-circle li::before{margin-top:6px;}
    
/* relatedArea
-------------------------------------------------------------*/
.relatedArea {
    width: 100%;
    padding: var(--spaceL) 15px 0;
    margin: 0 auto;
    box-sizing: border-box;
}

}



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



}

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



}