@charset "utf-8";

/*-----------------------------------------------------------
	共通
-----------------------------------------------------------*/
html{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

body{
	margin: 0;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#666464;
}

a{
	color:#0095C9;
	text-decoration:none;
}
a:hover{
	color:#EA5504;
}
a[href^="tel:"]{
	cursor: default !important;
}
a[href^="tel:"]:hover{
	opacity: 1 !important;
}
.hov{
    transition: all .2s;
}
.hov:hover{
    opacity: .6;
}

em{
	font-style: normal;
}
ul,ol,dl{
	margin:0;
	padding:0;
	list-style:none;
}
dd{
	margin:0;
}

.img{
	margin:0;
}
img{
	width:100%;
	vertical-align:bottom;
}

.embed-container {/* 埋め込み動画 */
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
button,
input[type="submit"]{
	border:0;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.center{
    text-align: center;
}

#wrap{
	min-width:1000px;
	margin:0 auto;
	overflow: hidden;
}
#contents{
	position: relative;
	max-width:1000px;
	margin:0 auto;
	padding-bottom: 20px;
	background: #FFF;
}

#contentsNon{
	position: relative;
	max-width:1000px;
	margin:0 auto;
	padding-bottom: 20px;
}
.spImg{
	display: none !important;
}
.pcDel{
	display: none;
}

.bold{
	font-weight: bold;
}
.textAlignC{
	line-height: 1.5em;
	text-align: center;
}
.marginTop-s{
	margin-top: 40px !important;
}
.marginBottom{
	margin-bottom: 80px !important;
}
.marginTop--m{
	margin-top: -90px !important;
}
.ken{
	font-size: 75%;
	padding: 0 5px;
}

.heading{
	position: relative;
	left: -150px;
	width: 1300px;
	margin: 40px 0;
	padding: 20px 0;
	border-top: 1px solid #595757;
	border-bottom: 1px solid #595757;
	font-weight: bold;
	font-size: 32px;
	font-family: ヒラギノ角ゴ W6 JIS2004;
	text-align: center;
	color: #7B7A7B;
}
.heading2{
	position: relative;
	margin: 0 0 20px;
	padding:10px 10px 10px 20px;
	border-bottom: 1px dotted #333;
	font-weight: bold;
	font-size: 20px;
}
.heading2:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 5px;
	width: 4px;
	height: 70%;
	background: #42B049;
}
.heading2blue:before{
	background: #005CA2;
}
.heading2orange:before{
	background: #f08300;
}
.heading2gold:before{
	background: #eab700;
}
.heading2viridian:before{
	background: #28899c;
}
.heading2b{
	color: #0073AD;
	position: relative;
	margin: 0 0 20px;
	padding:10px 10px 10px 20px;
	border-bottom: 1px dotted #333;
	font-weight: bold;
	font-size: 20px;
}
.heading2b:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 5px;
	width: 4px;
	height: 70%;
	background: #0073AD;
}


.heading3{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 18px;
    line-height: 1.5;
}
.heading3:before{
	content: "";
	display: inline-block;
	position: relative;
	top: 3px;
	width: 9px;
	height: 9px;
	margin-right: 5px;
	border: 6px double #FFF;
	border-radius: 50%;
	background: #42B049;
}
.heading3blue:before{
	background: #005CA2;
}

.heading3viridian:before{
	background: #28899c;
}

.heading3a{
	padding: 10px 40px 10px 10px;
	border-bottom: 1px solid #EEE;
}
.heading4{
	margin:  20px 0;
	font-size: 24px;
	font-family: 秀英明朝 B;
    line-height: 1.5;
}
.heading5{
	margin: 40px 0;
	padding: 15px 10px;
	border: 1px solid #231815;
	font-size: 18px;
	text-align: center;
	background: #EFEFEF;
}
.heading6{
    margin: 0;
    padding: 5px 10px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 18px;
    background: #b1e0ee;
}
.heading7{
    display: inline-block;
    position: relative;
    margin: 20px 0 10px;
    padding: 0 50px;
    font-size: 18px;
    color: #004D97;
}
.heading7:before,
.heading7:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 1px;
    background: #004D97;
}
.heading7:before{
    left:0;
}
.heading7:after{
    right: 0;
}
.heading8{
    margin: 0;
    padding: 20px 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    color: #231815;
    background-image: linear-gradient( -45deg, #fff 25%, #e0e1e1 25%, #e0e1e1 50%, #fff 50%, #fff 75%, #e0e1e1 75%, #e0e1e1 );
    background-size: 10px 10px !important;
}
.heading9{
    margin: 0 0 20px;
    padding: 15px 30px;
    border-top: 1px solid #d3d1d0;
    border-bottom: 1px solid #d3d1d0;
    font-weight: bold;
    font-size: 20px;
    background: #fff;
}
.heading10{
    margin: 15px 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}
.heading11{
    margin: 10px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

.heading12{	
	position: relative;
	margin: 0 0 10px;
	padding:10px 10px 10px 20px;
	#border-bottom: 1px dotted #000;
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	color: #000;
}

.heading13{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 18px;
    line-height: 1.5;
}

.heading14{
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 17px;
    line-height: 1.5;
}

.heading13blue:before{
	background: #005CA2;
}
.heading13a{
	padding: 10px 40px 10px 10px;
	border-bottom: 1px solid #EEE;
}

.support h3 a{
    color: #FFF;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.support h3 a:hover{
    color: #EA5504;
}

.catching{
	clear: both;
	margin: 20px 0;
	padding: 15px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
	background: #E60012;
}
.catching a{
	color: #FFF;
}
.catching a:hover{
	opacity: .6;
}
.catching .fa{
	margin-right: 5px;
	font-weight: bold;
}


.red {
    color: #f00;
}
.small{
	font-size: 75%;
}
.large{
	font-size: 125%;
}
.heading3a .small{
	display: block;
	text-indent: 2.2em;
}

.OC{
	position: relative;
}
.OC:hover{
	opacity: .6;
	cursor: pointer;
}
.OC:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 18px;
	height: 18px;
	margin: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.OC-o:after{
	background: url(../img/icon-minus-black.svg) center center no-repeat;
}
.OC-o.active:after{
	background: url(../img/icon-plus-black.svg) center center no-repeat;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.OC-c:after{
	background: url(../img/icon-plus-black.svg) center center no-repeat;
}
.OC-c.active:after{
	background: url(../img/icon-minus-black.svg) center center no-repeat;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.blueBtn{
	margin-top: 20px;
}
.blueBtn a{
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #0088D3;
	border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	background: #0088D3;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.blueBtn a:hover{
	color: #0088D3;
	background: #FFF;
}

.backBtn a{
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #3E4042;
	background: -webkit-linear-gradient(to bottom, #717577,#595C5E);
	background: linear-gradient(to bottom, #717577,#595C5E);
}
.backBtn a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	width: 5px;
	height: 5px;
	margin: auto;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.backBtn a:hover{
	opacity: .8;
}
.applicationBtn{
	margin: 60px auto 40px;
	font-weight: bold;
	text-align: center;
}
.applicationBtn .fa{
	position: relative;
	top: -1px;
	margin-right: 5px;
	font-weight: bold;
}
.applicationBtn a{
	display: inline-block;
	padding: 15px 50px;
	border: 4px solid #0068B5;
	color: #FFF;
	background: #0068B5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.applicationBtn a:hover{
	color: #EA5504;
	background: #FFF;
}

.linkDel{
	text-decoration: none !important;
	cursor: default;
}
.linkDel:hover{
	color: inherit !important;
	opacity: 1 !important;
}

#bannerArea{
	width: 80%;
	margin: 40px auto 20px;
}
#bannerArea a{
	display: block;
	float: left;
	width: 48%;
	margin-right: 4%;
	border: 4px solid #FFF;
	border-radius: 10px;
	box-shadow: 0 0 20px #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
#bannerArea a:nth-child(2n){
	margin-right: 0;
}
#bannerArea a:hover{
	opacity: .8;
}
#bannerArea img{
	border-radius: 10px;
}
.errormsg {   
    display: none;   
}


/*	ページ上部へ戻る	*/
.pagetop{
	display: none;
  position: fixed;
	z-index: 100;
  bottom: 20px;
  right: 10px;
	width: 30px;
	height: 30px;
	padding:10px;
	border-width:1px;
	border-style: solid;
	border-radius: 26px;
	font-size:24px;
	line-height: 1.3em;
	text-align: center;
	color:#FFF;
	cursor:pointer;
	-webkit-transition:background .5s;
	transition:background .5s;
}
#pagetopBlue{
	border-color: rgba(0, 79, 153, 1);
	background:rgba(0, 79, 153, .5);
	box-shadow:0px 0px 10px rgba(0, 79, 153, .5);
}
#pagetopBlue:hover{
	background:rgba(0, 79, 153, .8);
}
#pagetopGreen{
	border-color: rgba(67, 177, 73, 1);
	background:rgba(67, 177, 73, .5);
	box-shadow:0px 0px 10px rgba(67, 177, 73, .5);
}
#pagetopGreen:hover{
	background:rgba(67, 177, 73, .8);
}
#pagetopOrange{
	border-color: rgba(240, 131, 0, 1);
	background:rgba(240, 131, 0, .5);
	box-shadow:0px 0px 10px rgba(240, 131, 0, .5);
}
#pagetopOrange:hover{
	background:rgba(240, 131, 0, .8);
}

.exBtnNew{
	display: inline-block;
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	background: #E80000;
	font-size: 60%;
}

/* Font-Awesome---------- */
.fa-file-pdf-o{
	position: relative;
	top: -1px;
	padding: 0 3px;
	color: #ED1C24;
}
.fa-external-link{
	padding: 0 3px;
}

/* Lity---------- */
#movieThumb{
	position: relative;
	width: 410px;
	height: auto;
	padding: 5px;
	background: #231815;
}
#movieThumb a{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#movieThumb a:after{
	content: "\f16a";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 100px;
	margin: auto;
	font-size: 100px;
	font-family: FontAwesome;
	line-height: 100px;
	color: rgba(0, 0, 0, .8);
	-webkit-transition: all .3s;
	transition: all .3s;
}
#movieThumb a:hover{
	opacity: .8;
}
#movieThumb a:hover:after{
	color: rgba(205, 32, 31, .8);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.club-mark-01{
    margin: 40px 0;
    padding: 10px 20px;
    border: 1px solid #eab700;
    line-height: 1.5;
    text-align: center;
    background: #fbf1cc;
}
.club-mark-02{
    margin: 20px 0;
}
.club-mark-01 p{
    margin: 0;
}
.club-mark-icon-01{
    position: relative;
    top: 2px;
    width: 30px;
}
.club-mark-icon-02{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 30px;
    height: 30px;
    margin: auto;
}
.club-item{
    position: relative;
    background: #fbf1cc;
}
.support-club-left{
    display: block;
    float: left;
    width: 470px;
    margin-right: 20px;
}
.support-club-left:hover{
    opacity: .6;
}
.support-club-right{
    display: table;
    float: left;
    width: 470px;
    height: 143px;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #bdd7ee;
    background: #f2f7fc;
    line-height: 1.5;
    font-size: 14px;
    text-align: justify;
    box-sizing: border-box;
}
.support-club-right-inner{
    display: table-cell;
    vertical-align: middle;
}



/*-----------------------------------------------------------
	ヘッダー
-----------------------------------------------------------*/
#header{
	position: relative;
	max-width:1000px;
	min-height: 50px;
	margin: 15px auto 0;
	z-index: 100;
}
.is-loading header {
  display: flex;
  min-height: 101px;
	margin: 15px auto 0;
  align-items: center;
  justify-content: center;
  color: transparent;
  background: linear-gradient(white, white 56.9%, #005799 57%);
}
#hamburgerWrap{
	position: absolute;
	top: 0;
	right: 0;
}
#hamburger{
	position: relative;
	width: 54px;
	height: 54px;
	border: 3px solid #004D9D;
	border-radius: 5px;
	font-weight: bold;
	font-size: 10px !important;
	text-align: center;
	color: #004D9D;
	background: #FFF;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#menuWrap:hover #hamburger{
	opacity: .6;
}
#menu{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#line1,
#line2,
#line3{
	position: absolute;
	right: 0;
	left: 0;
	width: 60%;
	height: 3px;
	margin: auto;
	border-radius: 6px;
	background: #004D9D;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#line1{
	top: 5px;
}
#line2{
	top: 15px;
}
#line3{
	top: 25px;
}






/*-----------------------------------------------------------
	パンくずリスト
-----------------------------------------------------------*/
#breadCrumb{
	margin: 10px 0 -10px;
	font-weight: bold;
	font-size: 14px;
	z-index: 180;
}
#breadCrumb li{
	display: inline-block;
}
#breadCrumb li:after{
	content: "＞";
	display: inline-block;
	padding: 0 5px;
}
#breadCrumb li:last-child:after{
	display: none;
}
#breadCrumb li a{
	text-decoration: underline;
}
#breadCrumb li a:hover{
	text-decoration: none;
}
.breadCrumbSub{
    max-width: 1000px;
    margin: 10px auto !important;
}




/*-----------------------------------------------------------
	コンテンツ
-----------------------------------------------------------*/
#mainVisual{
	position: relative;
	left: -150px;
	z-index: 10;
	top: -70px;
	width: 1300px;
	margin-bottom: -70px;
	overflow: hidden;
}
#mainVisual h1{
	margin: 0;
}
.section h2{
	position:relative;
	padding:15px 30px;
    line-height: 1.5;
	font-size:24px;
	color:#666464;
	background:#EFEFEF;
}
.section h2 span:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	width:5px;
	height:40px;
	margin:auto;
	background:#005CA2;
}





/*-----------------------------------------------------------
	タイトル
-----------------------------------------------------------*/
.ttlBg{
	position: relative;
	z-index: 90;
	left: -150px;
	width:1300px;
	height: 70px;
	margin:0 auto;
}
.ttlBg strong{
	position: absolute;
	top: 18px;
	left: 150px;
	margin: 0;
	font-size: 24px;
	color: #FFF;
}

#ttlBgClear{
	background: url(../img/header-clear.png) center center no-repeat;
	background-size: 1300px 70px;
}
#ttlBgBlue{
	background: url(../img/header-blue.png) center center no-repeat;
	background-size: 1300px 70px;
}
#ttlBgGreen{
	background: url(../img/header-green.png) center center no-repeat;
	background-size: 1300px 70px;
}
#ttlBgOrange{
	background: url(../img/header-orange.png) center no-repeat;
	background-size: 1300px 70px;
}
#ttlBgGold{
	background: url(../img/header-gold.png) center no-repeat;
	background-size: 1300px 70px;
}





/*-----------------------------------------------------------
	フッター
-----------------------------------------------------------*/
#footer{
	clear: both;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 20px;
    font-size: 16px;
}
#footerInner{
	position: fixed;
	z-index: 10;
	bottom: -160px;
	width: 1000px;
	padding: 10px 0;
	text-align: center;
	background: #FFF;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.formDel #footer{
	margin-top: 0;
}
.formDel #footerInner{
	position: static;
	opacity: 1;
}
.formDel .entryBtn{
	display: none;
}
#footerInner.fixed2{
	bottom: 0;
	opacity: 1;
}
#footerInner.fixed{
	bottom: 400px;
	opacity: 1;
}

#footerMain,
#footerRecruit{
	padding: 20px 0;
}
#footerMain:before{
	content: "";
	display: block;
	position: relative;
	top: -30px;
	left: -150px;
	width: 1300px;
	height: 72px;
	background:url(../img/footer-main.png) center top no-repeat;
	background-size: 1300px 72px;
}
.footerFloat{
	float: left;
	width: 31.333333%;
	height: 1140px;
	margin-right: 3%;
	padding: 10px 0;
	padding-right: 3%;
	border-right: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footerFloat:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.footerFloat a{
	color: inherit;
}
#footerHeadingBlue{
	border-bottom: 3px solid #004f99;
}
#footerHeadingGreen{
	border-bottom: 3px solid #43b149;
}
#footerHeadingOrange{
	border-bottom: 3px solid #f08300;
}

.footerHeading{
	display: block;
	margin-bottom: 20px;
	padding: 0 5px 10px;
	font-weight: bold;
	font-size: 24px;
}
.footerHeading span{
	padding-left: 20px;
	font-size: 16px;
}
.footerMenu{
	line-height: 1.25em;
}
.footerMenu a:hover{
	text-decoration: underline;
}
.footerMenu dt{
	margin-bottom: 10px;
	margin-left: 5px;
	font-weight: bold;
}
.footerMenu dt a:before{
	content: "";
	display: inline-block;
	position: relative;
	left: -3px;
	width: 14px;
	height: 14px;
	background: url(../img/footer-icon-main.svg) center center no-repeat;
}
.footerMenu dd{
	margin-bottom: 5px;
	margin-left: 3px;
	padding-left: 1em;
	text-indent: -1em;
}
.footerMenu dd:before{
	content: "・";
}
.footerMenu dd+dt{
	margin-top: 20px;
}

#footerRecruit dl{
	float: left;
	width: 200px;
	height: 240px;
	padding: 20px 16px;
	border-right: 1px solid #666464;
	line-height: 1.5em;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footerRecruit dl:last-child{
	border-right: 0;
}
#footerRecruit dl a{
	color: #666464;
}
#footerRecruit dl a:hover{
	text-decoration: underline;
}
#footerRecruit dt{
	margin-bottom: 10px;
	font-weight: bold;
}
#footerRecruit dt a:before{
	content: "";
	display: inline-block;
	position: relative;
	z-index: 1;
	left: -3px;
	width: 14px;
	height: 14px;
	background:url(../img/footer-icon.svg) center center no-repeat;
}
#footerRecruit dd{
	margin-bottom: 5px;
	margin-left: -2px;
}
#footerRecruit dd:before{
	content: "・";
}

/*#footerLogo img{
	display: block;
	width: 240px;
	margin: 10px auto;
}*/
#footerLogo img{
	display: inline-block;
	width: 240px;
	margin: 10px;
}
#footer88th img{
	display: inline-block;
	width: 120px;
	margin: 10px;
}
#copy{
	display: block;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}
.footerIconClub{
    position: relative;
    top: -1px;
    left: 5px;
    width: 20px;
}






.footer {
    position: relative;
    margin-top: 120px;
    font-size: 12px;
}
.footer-top-wrap {
    background: #e5f6ff;
    box-shadow: 0 -40px 40px #e5f6ff;
}
.footer-top{
	max-width: 1000px;
	margin: 0 auto;
    padding: 20px 0;
}
.footer::before {
	content: "";
	display: block;
	position: absolute;
    z-index: 100;
	top: -80px;
    width: 100%;
	height: 90px;
	background:url(../img/footer-main.png) center center repeat-x;
	background-size: cover;
}
.footer-block {
    float: left;
    width: 20%;
    padding: 0 10px;
    box-sizing: border-box;
}
.footer-heading {
    margin: 0 0 8px;
    padding-bottom: 2px;
    border-bottom: 1px solid #666;
    font-weight: bold;
}
.footer-top-nolink {
    display: block;
    padding: 5px 0;
}
.footer-top-list li {
    margin-bottom: 2px;
}
.footer-top-list a::before {
    content: "＞";
}
.footer-top a,
.footer-bottom a{
    display: inline-block;
    padding: 5px 0;
    color: #444;
}
.footer a:hover {
    color: #EA5504;
    text-decoration: underline;
}
.footer-bottom-wrap {
    background: #c1c1c1;
}
.footer-bottom {
	max-width: 1000px;
	margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}
.footer-bottom-list li {
    display: inline-block;
    font-weight: bold;
}
.footer-bottom-list li::after {
    content: "|";
    padding: 0 5px;
    font-weight: normal;
}
.footer-bottom-list li:last-child::after {
    content: "";
}
.footer-logo {
    padding: 20px 0 10px;
    text-align: center;
}
.footer-logo-img {
    transition: all .2s;
}
.footer-logo-img:hover {
    opacity: .6;
}
.footer-logo-img img {
    width: 240px;
}
.footer-copy {
    margin: 15px 0 0;
    font-size: 10px;
}






/*-----------------------------------------------------------
	ページネーションナビ
-----------------------------------------------------------*/
.pageNav{
    margin: 80px auto 50px;
    width: 1000px;
}
.pageNav a{
    display: block;
    position: relative;
    height: 100px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.pageNavLeft{
    float: left;
    width: 40%;
}
.pageNavLeft a{
    box-shadow: 5px 5px 0px #eee;
}
.pageNavLeft a:before{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 30px 50px 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.pageNavGreen .pageNavLeft a:before{
    border-color: transparent #BCE5BF transparent transparent;
}
.pageNavBlue .pageNavLeft a:before{
    border-color: transparent #BCDCFF transparent transparent;
}
.pageNavGold .pageNavLeft a:before{
    border-color: transparent #FFF5D1 transparent transparent;
}
.pageNavLeft a:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
    width: 30px;
    height: 100px;
    box-shadow: 0px 5px 0px #eee;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.pageNavCenter{
    float: left;
    position: relative;
    width: 16%;
    margin: 0 2%;
}
.pageNavCenter a:hover{
    opacity: .6;
}
.pageNavIcon{
    display: block;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pageNavRight{
    float: left;
    width: 40%;
}
.pageNavRight a{
    box-shadow: -5px 5px 0px #eee;
}
.pageNavRight a:before{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 30px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.pageNavGreen .pageNavRight a:before{
    border-color: transparent transparent transparent #BCE5BF;
}
.pageNavBlue .pageNavRight a:before{
    border-color: transparent transparent transparent #BCDCFF;
}
.pageNavGold .pageNavRight a:before{
    border-color: transparent transparent transparent #FFF5D1;
}
.pageNavRight a:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -100;
    top: 0;
    right: 0;
    width: 30px;
    height: 100px;
    box-shadow: 0px 5px 0px #eee;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.pageNavGreen .pageNavLeft a,
.pageNavGreen .pageNavLeft a:after,
.pageNavGreen .pageNavRight a,
.pageNavGreen .pageNavRight a:after{
    background: #BCE5BF;
}
.pageNavBlue .pageNavLeft a,
.pageNavBlue .pageNavLeft a:after,
.pageNavBlue .pageNavRight a,
.pageNavBlue .pageNavRight a:after{
    background: #BCDCFF;
}
.pageNavGold .pageNavLeft a,
.pageNavGold .pageNavLeft a:after,
.pageNavGold .pageNavRight a,
.pageNavGold .pageNavRight a:after{
    background: #FFF5D1;
}
.pageNavLeft a:hover,
.pageNavLeft a:hover:after,
.pageNavRight a:hover,
.pageNavRight a:hover:after,
.pageNav a:hover .pageNavFor{
    color: #fff;
}
.pageNavGreen .pageNavLeft a:hover,
.pageNavGreen .pageNavLeft a:hover:after,
.pageNavGreen .pageNavRight a:hover,
.pageNavGreen .pageNavRight a:hover:after{
    background: #42B049;
}
.pageNavBlue .pageNavLeft a:hover,
.pageNavBlue .pageNavLeft a:hover:after,
.pageNavBlue .pageNavRight a:hover,
.pageNavBlue .pageNavRight a:hover:after{
    background: #005CA2;
}
.pageNavGold .pageNavLeft a:hover,
.pageNavGold .pageNavLeft a:hover:after,
.pageNavGold .pageNavRight a:hover,
.pageNavGold .pageNavRight a:hover:after{
    background: #D7A32E;
}
.pageNavGreen .pageNavLeft a:hover:before{
    border-right-color: #42B049;
}
.pageNavBlue .pageNavLeft a:hover:before{
    border-right-color: #005CA2;
}
.pageNavGold .pageNavLeft a:hover:before{
    border-right-color: #D7A32E;
}
.pageNavGreen .pageNavRight a:hover:before{
    border-left-color: #42B049;
}
.pageNavBlue .pageNavRight a:hover:before{
    border-left-color: #005CA2;
}
.pageNavGold .pageNavRight a:hover:before{
    border-left-color: #D7A32E;
}
.pageNavLeft a:hover:before{
    left: -60px;
}
.pageNavLeft a:hover:after{
    left: -30px;
}
.pageNavRight a:hover:before{
    right: -60px;
}
.pageNavRight a:hover:after{
    right: -30px;
}
.pageNavFor{
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
    color: #666464;
}
.pageNavTtl{
    display: block;
    height: 46px;
    font-size: 20px !important;
    text-decoration: underline;
    overflow: hidden;
}
.pageNavRight .pageNavTtl{
    text-align: right;
}
.pageNav a:hover .pageNavTtl{
    text-decoration: none;
}





/*-----------------------------------------------------------
	トップページ
-----------------------------------------------------------*/
.bxsliderTop li:nth-child(n+2){
	display: none;
}
.bx-viewport .bxsliderTop li{
  display: block !important;
}
#top{
	position: relative;
	z-index: 15;
	margin-top: -180px;
}
/* 左側---------- */
#topMain{
	float: left;
	width: 800px;
	margin: 0 auto 40px;
}
#topTopics{
	margin-bottom: 20px;
}
#topTopics>*{
	font-size: 16px !important;
}
#topTopics dt{
	float: left;
	height: 18px;
	padding: 10px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	background: #E83820;
}
#topTopicsData{
	padding-right: 20px;
}
#topTopics dd{
	height: 18px;
	padding: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #FFF;
}
.topMessage {
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #f0f0f0;
	text-align: center;
}
.topMainFloat{
	float: left;
	width: 390px;
	margin-right: 20px;
}
.topMainFloat:nth-child(2n+1){
	margin-right: 0;
}
.topMainFloat h2,
.topMainBottomWrap h2{
	margin: 0 0 10px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 20px;
}
.topMainFloat h2:before,
.topMainBottomWrap h2:before{
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	left: -5px;
	width: 20px;
	height: 20px;
}

.topHeadingBlue{
	color: #004F99;
}
.topHeadingGreen{
	color: #43B149;
}
.topHeadingBlue:before{
	background: url(../img/top-icon-blue.svg) center center no-repeat;
}
.topHeadingGreen:before{
	background: url(../img/top-icon-green.svg) center center no-repeat;
}

.topMainFloatIn{
	height: 350px;
    margin: 0px;
	padding: 20px;
	border: 1px solid #9FA0A0;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	background: linear-gradient(to bottom, #efefef, #FFF);
}
.topMainFloatIn a{
	display: block;
	color: inherit;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topMainFloatIn a:hover{
	opacity: .6;
}
.floatInContents{
	float: left;
	width: 164px;
	margin: 0 20px 20px 0;
}
.floatInContents:nth-child(2n){
	margin-right: 0;
}
.floatInContentsRight{
	margin: 0 0 20px 20px;
}

.floatInWidth{
	width: 100%;
	margin: 0 0 20px;
}
.floatInContents img,
.floatInWidth img{
	border-radius: 5px;
}
.floatInContents h3,
.floatInWidth h3{
	margin: 5px 0 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.25em;
}
.floatInEng{
	font-size: 14px;
	color: #9FA0A0;
}

.topMainBottomWrap{
	clear: both;
	padding-top: 40px;
	width: 100%;
}
.topMainBottomWrap h3{
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 18px;

}
.topMainBottom{
	position: relative;
	margin: 20px 0 40px;
}
.topMainBottom:last-child{
	margin-bottom: 0;
}
.topMainBottomIn{
	padding: 20px;
	border: 1px solid #9FA0A0;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
}
.topMainBottomIn dt:nth-of-type(n+4),
.topMainBottomIn dd:nth-of-type(n+4){
	display: none;
}
.topMainBottom .newsListNone{
	display: none;
}


.bottomInView{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	font-size: 16px;
}
.bottomInView a{
	color: #004F99;
}
.bottomInView a:hover{
	color: #EA5504;
	text-decoration: underline;
}
.bottomInView a:before{
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	left: -3px;
	width: 16px;
	height: 16px;
	background: url(../img/footer-icon-blue.svg) center center no-repeat;
}

/* トップバナー---------- */
#topBanner{
	margin: 60px auto 40px;
}
#topBanner li{
	float: left;
	width: 260px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #9FA0A0;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#topBanner li:nth-child(3n){
	margin-right: 0;
}
#topBanner li a{
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#topBanner li a:hover{
	opacity: .6;
}
#topBanner li a img{
	border-radius: 5px;
}

/* 右側---------- */
#topAside{
	float: right;
	width: 180px;
}
#topAside li{
	margin-bottom: 10px;
	border-radius: 5px;
	background: #FFF;
}
#topAside li a{
	display: block;
	padding: 2px;
	border: 1px solid #9FA0A0;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#topAside li a:hover{
	opacity: .6;
}
#topAside li a img{
	border-radius: 5px;
}

/* フジキンからのお知らせ---------- */
#news .heading2{
	margin-top: 80px;
}
#news .newsList{
	margin-bottom: 80px;
}
.newsListHeading{
	display: block;
	position: relative;
	margin: 40px 0 10px;
	padding: 10px;
	background: #EFEFEF;
	cursor: pointer;
	-webkit-transiton: all .3s;
	transition: all .3s;
}
.newsListHeading:after{
	content: "\f055";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin: auto;
	font-family: FontAwesome;
	color: #42B049;
}
.newsListHeading.active:after{
	content: "\f056";
}
.newsListHeading:hover{
	opacity: .6;
}
.bottomInList{
	line-height: 1.5em;
}
.bottomInList dt{
	float: left;
	font-weight: bold;
	color: #004F99;
}
.bottomInList dd{
	margin-bottom: 10px;
	padding: 0 0 10px 170px;
	border-bottom: 1px solid #DDD;
}
.bottomInList dt[data-rank]:first-of-type {
	padding-top: 12px;
}
.bottomInList .exhibitionActiveTitle:first-of-type {
	border-top: #E83820 4px double;
	padding-top: 9px;
}
.bottomInList .exhibitionActiveTitleLast {
	border-bottom: #E83820 4px double;
}
.bottomInList .exhibitionActive {
	color: #E83820;
}
.newsPickupDt{
	padding-top: 12px;
}
.newsPickupDd{
	padding-top: 9px !important;
	border-top: #E83820 4px double;
	border-bottom: #E83820 4px double !important;
}
.newsPickupDd a{
    -webkit-transition: all .3s;
    transition: all .3s;
}
.newsPickupDd a:hover{
    opacity: .6;
}
.exBtn a{
	display: block;
	position: relative;
	width: 120px;
	margin-top: 5px;
	padding: 5px 15px 5px 10px;
	border: 2px solid #009FE8;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
	background: #009FE8;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.exBtn a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	width: 6px;
	height: 6px;
	margin: auto;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.exBtn a:hover{
	color: #009FE8;
	background: #FFF;
}
.exBtn a:hover:after{
	right: 10px;
	border-top-color: #009FE8;
	border-right-color: #009FE8;
}


/*-----------------------------------------------------------
	プライバシーポリシー
-----------------------------------------------------------*/
/* 個人情報保護方針---------- */
/* 個人情報の取り扱いについて---------- */
#privacyContents p{
	margin: 10px 0 40px;
	line-height: 1.75em;
}

#helpDesk{
	padding: 20px;
	line-height: 1.5em;
	background: #F0F0F0;
}
#helpDesk dt{
	font-weight: bold;
}
#helpDesk.helpDesk {
    margin: 0 0 40px;
}

.privacyCount{
	margin: 30px 0 40px 60px;
	line-height: 1.5em;
	list-style-type: decimal;
}
.privacyCount li{
	margin-bottom: 15px;
}

.policyCountA{
	margin: 30px 0 40px 60px;
	line-height: 1.5em;
	list-style-type: lower-alpha;
}
.policyCountSq li{
	margin-bottom: 15px;
}

.policyCountSq{
	margin: 30px 0 40px 60px;
	line-height: 1.5em;
	list-style-type: square;
}
.policyCountA li{
	margin-bottom: 15px;
}


#publisher{
	text-align: right;
}
#publisher p{
	margin: 20px 0;
	line-height: 1.25em;
}
.privacyList{
	margin: 20px 0 40px 20px;
	line-height: 1.5em;
	list-style-type: none;
}
.privacyList li{
	margin-bottom: 10px;
}
.privacyList li .privacyList{
    margin-left: 40px;
}






/*-----------------------------------------------------------
	フジキンについて - トップページ
-----------------------------------------------------------*/
#companyTop{
	margin-top: 40px;
}
.companyTopNav{
	float: left;
	width: 235px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #9FA0A0;
	border-radius: 5px;
	text-align: center;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.companyTopNav:nth-child(4n){
	margin-right: 0;
}
.companyTopNav a{
	display: block;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	background: linear-gradient(to top, #efefef, #FFF);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.companyTopNav a:hover{
	opacity: .6;
}
.companyTopNav h2{
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #42AC49;
}
.companyTopNav p{
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.55em;
}





/*-----------------------------------------------------------
	フジキンについて - ボトムナビ
-----------------------------------------------------------*/
.support{
	margin: 40px 0;
}
.support-campaign{
    margin: 40px 0 10px;
}
.support-campaign a{
    -webkit-transition: all .2s;
    transition: all .2s;
}
.support-campaign a:hover{
    opacity: .6;
}
.support h3{
	margin: 0;
	padding: 15px 30px;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	font-size: 24px;
	font-family: 見出ゴMB31;
	text-align: center;
	color: #FFF;
	background: #898989;
}

#supportBox{
	padding: 20px;
	border-radius: 0 0 5px 5px;
	background: #EFEFEF;
}
#surppotBoxTop li{
	float: left;
	width: 225px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #FFF;
}
#surppotBoxTop li:nth-child(4n+4){
	margin-right: 0;
}
#surppotBoxTop li a{
	display: table;
    width: 100%;
	padding: 10px;
	color: #595757;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#surppotBoxTop li a:hover{
	opacity: .6;
}
.supportBoxImg{
	display: table-cell;
	width: 90px;
	padding-right: 10px;
}
.supportBoxText{
	display: table-cell;
    width: 100%;
	font-size: 14px;
	vertical-align: middle;
}

#supportBoxBottom li{
	float: left;
	width: 470px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#supportBoxBottom li:nth-child(2){
	margin-right: 0;
}
#supportBoxBottom li a:hover{
	opacity: .6;
}

#supportContact{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	letter-spacing: -.4em;
	color: #005488;
}
#supportContact>*{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
#supportContactTel{
	margin: 0 30px;
	font-size: 28px;
}

#supportContactMail{
	font-size: 28px;
}

#supportContact a{
	color: #005488;
}
#supportContact a:hover{
	opacity: .6;
}

#supportContact .fa {
     position: relative;
     top: -1px;
     margin-right: 5px;
     font-weight: bold;
}
/*-----------------------------------------------------------
	社長挨拶
-----------------------------------------------------------*/
/*
#greeting{
	position: relative;
	width: 1300px;
	height: 810px;
	margin-top: -40px;
	margin-bottom: -40px;
	margin-left: -150px;
	background: url(../../company/img/coo-main.jpg) left top no-repeat;
	background-size: 1450px;
	overflow: hidden;
}
#greetingImg img{
	display: none;
}
#greetingCOO{
	position: absolute;
	right: 0;
	bottom: 50px;
	padding: 20px 160px 20px 40px;
	font-size: 20px;
	font-family: リュウミン B-KL;
	line-height: 1.5em;
	text-align: center;
	color: #EFEFEF;
	background: rgba(0, 159, 232, .7);
}
#greetingCOOName{
	display: block;
	font-size: 24px;
	font-family: リュウミン B-KL;
}
#greetingContents{
	width: 580px;
	padding: 0 150px;
}
#greetingHeading{
	margin: 0;
	padding: 40px 0 0;
	font-weight: bold;
	font-size: 34px;
	font-family: リュウミン B-KL;
	line-height: 1.5em;
}
.greetingSmall{
	font-size: 16px !important;
	font-family: リュウミン B-KL;
}
#greetingSign{
	width: 250px;
	margin: 20px 0 20px 400px;
}
#greetingContents p{
	margin: 0 0 15px;
	line-height: 1.6em;
}
*/
#greeting{
	position: relative;
	width: 1300px;
	height: auto;
	margin-top: -40px;
	margin-left: -150px;
	background: url(../../company/img/coo-main2022.jpg) right top no-repeat;
	background-size: 864px;
	overflow: hidden;
	background-color: #f6f6f6;
	padding-bottom: 60px;
}
#greetingContents{
	width: 1000px;
	margin: 0 auto;
}
#greetingLead {
	max-width: 420px;
	width: 100%;
	padding: 100px 0 60px 60px;
} 
#greetingHeading{
	margin: 0;
	padding: 40px 0 0;
}
#greetingSign{
	display: flex;
	align-items: center;
    justify-content: end;
	font-size: 14px;
	margin-top: 30px !important;
}
#greetingSign span {
	margin-left: 1em;
	display: inline-block;
	width: 30%;
}
#greetingImg {
	display: none;
}
#greetingText {
	background: #fff;
	padding: 60px;
}
#greetingText p{
	margin: 0 0 2em;
	line-height: 1.75em;
}
#greetingText p:last-child {
	margin-bottom: 0;
}




/*-----------------------------------------------------------
	会社概要
-----------------------------------------------------------*/
.graf{
	width: 800px;
	margin: 40px auto 80px;
	border-collapse: collapse;
}
.graf th,
.graf td{
	width: 130px;
	padding: 10px;
	border: 1px solid #DCDCDC;
	line-height: 1.5em;
	vertical-align: top;
}
.graf th{
	font-weight: normal;
	text-align: left;
	background: #F9F9F9;
}
.graf td:nth-child(2){
	width: auto;
	padding: 10px 20px;
}
.grafPosi1 dt{
	padding-bottom: 10px;
}
.grafPosi1 dd{
	padding-left: 10px;
	font-size: 14px;
}
.grafPosi2{
	font-size: 10px;
}
.outlineImg{
	width: 200px;
}





/*-----------------------------------------------------------
	事業内容
-----------------------------------------------------------*/
/*
.biz{
	margin: 10px 0;
	padding: 10px 0;
}
.biz01{
	margin-bottom: 40px;
	border-bottom: 1px solid #DCDCDC;
}
.bizContents{
	width: 60%;
	margin: 0 2%;
}
.bizContents h2{
	margin: 0 0 30px;
	font-weight: bold;
	font-size: 28px;
	font-family: リュウミン B-KL;
	line-height: 1.5em;
}
.bizImg{
	width: 32%;
	margin: 0 2%;
}
.bizRight{
	float: right;
}
.bizLeft{
	float: left;
}
.biz p{
	line-height: 1.75em;
}

#LifeImg{
	width: 100%;
	margin: 30px auto;
}

#LifeImg2{
	width: 50%;
	#margin: 30px auto;
}
*/

.bizContents {
	max-width: 1000px;
	margin: 0 auto;
}
.bizContents .disp-sp {
	display: none;
}
.biz p {
	line-height: 1.75em;
	margin: 0;
}
.bizLead{
	position: relative;
	width: 1300px;
	height: 580px;
	margin-top: -40px;
	margin-left: -150px;
	background: url(../../company/img/biz-bg.jpg) right center no-repeat;
	overflow: hidden;
}
.bizLeadText {
	display: flex;
	max-width: 950px;
	margin: 20px 45px 0 auto;
	justify-content: space-between;
}
.bizLeadText h2 {
	font-weight: bold;
	font-size: 28px;
	font-family: リュウミン B-KL;
	line-height: 2em;
	margin-top: -0.05em;
}
.bizLeadText p {
	line-height: 2.5em ;
}
.bizAnchorLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}
.bizAnchorLink li {
	width: calc(100% / 4 - 15px);
	border: solid 1px #666464;
	margin-top: 15px;
}
.bizAnchorLink li a {
	display: block;
	text-align: center;
	color: #666464;
	font-weight: bold;
	padding: 10px 10px 30px;
	position: relative;
}
.bizAnchorLink li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background: #f6f6f6;
	position: absolute;
	bottom: 0;
	left: 0;
}
.bizAnchorLink li a::after {
	content: "";
	display: block;
	width: 16px;
	height: 7px;
	background: url(../../company/img/biz-icon.png) no-repeat;
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
}
.bizField {
	display: flex;
	justify-content: space-between;
	margin: 60px auto 110px;
	position: relative;
}
.bizField::after {
	content: "";
	width: 80%;
	height: 20px;
	display: block;
	background:linear-gradient(90deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
	position: absolute;
	bottom: -50px;
	right: 0;
}
.bizField .bizFieldContents {
	width: calc(50% - 15px);
}
.bizField .bizFieldContents h3 {
	background:linear-gradient(90deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 10px;
	position: relative;
	margin: 0 0 20px;
}
.bizField .bizFieldContents h3::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	bottom: 0;
	right: 0;
}
.bizField:nth-child(even) {
	flex-flow: row-reverse;
}
.bizField:nth-child(even)::after {
	background-image: linear-gradient(270deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
	right: auto;
	left: 0;
}
.bizField:nth-child(even) .bizFieldContents h3 {
	background-image: linear-gradient(270deg, rgba(0, 120, 178, 1), rgba(0, 71, 139, 1) 20%, rgba(0, 3, 66, 1));
	text-align: right;
}
.bizField:nth-child(even) .bizFieldContents h3::after {
	border-width: 50px 0 0 50px;
	border-color: transparent transparent transparent #ffffff;
	right: auto;
	left: 0;
}
.bizFieldProduct p {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin: 30px auto 10px;
}
/*
.bizFieldProduct p::after {
	content: "";
	display: block;
	width: 194px;
	height: 1px;
	background: #ccc;
	position: absolute;
	top: 50%;
	left: 5em;
	transform: translateY(-50%);
}
*/
.bizField:nth-child(even) .bizFieldProduct p {
	text-align: right;
}
.bizField:nth-child(even) .bizFieldProduct p::after {
	left: auto;
	right: 5em;
}
.bizFieldImg {
	font-size: 120px;
	font-weight: bold;
	color: #fff;
	position: relative;
	width: 485px !important;
    background-size: cover !important;
}
.bizFieldImg span {
	display: inline-block;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 120px;
}
#field01 .bizFieldImg {
	background: url(../../company/img/biz-field01-pc.jpg) center center no-repeat;
}
#field02 .bizFieldImg {
	background: url(../../company/img/biz-field02.jpg) left bottom no-repeat;
}
#field02 .bizFieldImg::before {
	content: "©JAXA";
	font-size: 12px;
	display: block;
    text-align: right;
    line-height: 0;
	position: absolute;
    right: 1em;
    top: 1em;
}
#field03 .bizFieldImg {
	background: url(../../company/img/biz-field03.jpg) center center no-repeat;
}
#field04 .bizFieldImg {
	background: url(../../company/img/biz-field04.jpg) center center no-repeat;
}
#field05 .bizFieldImg {
	background: url(../../company/img/biz-field05.jpg) center center no-repeat;
}
#field06 .bizFieldImg {
	background: url(../../company/img/biz-field06.jpg) right bottom no-repeat;
}
#field07 .bizFieldImg {
	background: url(../../company/img/biz-field07.jpg) center center no-repeat;
}
#field07 .bizFieldImg::before {
	white-space: pre;
	content: "海洋開発（しんかい6500）\A提供： 独立行政法人海洋研究開発機構";
	font-size: 12px;
	display: block;
    text-align: right;
    line-height: 1.4;
	position: absolute;
    right: 1em;
    top: 1em;
}
#field08 {
	background: url(../../company/img/biz-field08-bg.png) left center no-repeat, url(../../company/img/biz-field08-pc.jpg) right -15px top no-repeat ;
	border: solid 1px #ccc;
	background-size: contain;
	position: relative;
}
#field08::after {
	content: "チョウザメ事業";
	font-size: 12px;
	position: absolute;
	right: 1em;
	bottom: 1em;
	color: #fff;
}
#field08 h3 {
	font-size: 60px;
	color: #00a0e9;
	font-weight: bold;
	white-space: nowrap;
	margin: 0;
	margin-bottom: 20px;
}
#field08 h3 span {
	font-size: 30px;
	color: #666464;
	display: block;
}
#field08 .bizFieldText {
	max-width: 385px;
	padding: 30px;
}
#field08 img {
	max-width: 400px;
	width: auto;
}
#LifeImg{
	width: 100%;
	margin: 100px auto 60px;
}
.bizHydrogen {
	background: url(../../company/img/biz-hydrogen-bg.jpg) right top no-repeat;
	background-size: cover;
	margin-bottom: 100px;
}
.bizHydrogen a {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 30px;
	text-shadow: 0px 0px 5px black;
	position: relative;
}
.bizHydrogen a::after {
	content: "";
	background: url(../../company/img/biz-arrow.png) no-repeat;
	display: block;
	width: 24px;
	height: 69px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.bizHydrogen a:hover {
	opacity: .7;
}
.bizHydrogenLogo {
	max-width: 200px;
	margin: 0 auto !important;
}
.hydrogenList {
	display: flex;
	justify-content: space-between;
	background:rgba(0,0,0,0.5);
	padding: 30px;
}
.hydrogenList li {
	width: calc(100% / 3 - 10px);
}
.hydrogenList li a {
	color: #666464;
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	text-shadow: none;
}
.hydrogenList li a::after {
	display: none;
}
.hydrogenList li a span {
	display: block;
	background: #fff;
	padding: 10px;
}

/*-----------------------------------------------------------
	拠点一覧
-----------------------------------------------------------*/
.companyBase{
	width: 80%;
	margin: 40px auto;
	text-align: right;
}
.companyBaseImg{
    max-height: 520px;
	margin-bottom: 20px;
}
.companyBaseList{
	display: inline-block;
	padding: 10px;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
}
.companyBaseList li{
	position: relative;
	display: inline-block;
	margin-left: 50px;
	font-weight: bold;
	font-size: 16px;
}
.companyBaseListIcon:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	margin: auto;
}
.companyBaseListIcon1:before{
	background: #C1272D;
}
.companyBaseListIcon2:before{
	background: #29ABE2;
}
.companyBaseListIcon3:before{
	background: #8FC31F;
}

.companyAdd{
	width: 100%;
	margin: 20px 0 40px;
	border-collapse: collapse;
}

.companyAdd th,
.companyAdd td{
	padding: 10px;
	border: 1px solid #ddd;
	line-height: 1.5em;
	text-align: left;
}
.companyAdd1{
	color: #FFF;
	background: #969696;
}
.companyAdd2{
	background: #C1C1C1
}
.companyAdd3,
.companyAdd4,
.companyAdd5,
.companyAdd6{
	background: #E9E9E9;
}
.companyAdd3{
	width: 160px;
}
.companyAdd5{
	width: 160px;
}
.companyAdd6{
	width: 160px;
}
.companyAdd7{
	display: block;
	width: 200px;
	margin: 5px 0;
}

.companySalesAdd1{
	color: #FFF;
	background: #0073AD;
}
.companySalesAdd2{
	color: #FFF;
	background: #2EB6FF
}
.companySalesAdd3,
.companySalesAdd4,
.companySalesAdd5,
.companySalesAdd6{
	background: #E4F6FF;
}
.companySalesAdd3{
	width: 160px;
}
.companySalesAdd5{
	width: 160px;
}
.companySalesAdd6{
	width: 160px;
}
.companySalesAdd7{
	display: block;
	width: 200px;
	margin: 5px 0;
}

.companyAdd tbody{
	background: #FCFCFC;
}
.companyAdd tbody th span{
	display: block;
	padding-left: 1em;
	font-weight: normal;
	text-indent: -1.3em;
}
.companyAdd tbody th span+span{
	padding-top: 5px;
}
.companyAdd tbody th span:before{
	content: "└";
	display: inline;
	padding-right: 5px;
}

.companyAdd tbody td span{
	display: block;
	padding-left: 1em;
	font-weight: normal;
	text-indent: -1.3em;
}

.companyAdd tbody td span.bolds{
	font-weight: bold;
}

.companyAdd tbody td span+span{
	padding-top: 5px;
}
.companyAdd tbody td span:before{
	#content: "└";
	display: inline;
	padding-right: 5px;
}

.companyAdd tbody td span+span:before{
	content: "└";
	display: inline;
	padding-right: 5px;
}

.companyMaps a{
	display: inline-block;
	width: 120px;
	margin-top: 5px;
	padding: 2px 10px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #42B049;
	background: #D9EFDA;
}
.companyMaps a:hover, .companySakura a:hover{
	opacity: .6;
}
.companySakura a{
	display: inline-block;
	width: 120px;
	margin-top: 5px;
	padding: 2px 10px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #EB6D80;
	background: #FAE1EC;
}
.companySakura a:before {
	content: '';
	display: inline-block;
	margin-top: 1px;
	margin-right: 4px;
	width: 21px;
	height: 24px;
	vertical-align: middle;
	background: url(../img/sakura-icon.png) no-repeat;
	background-size: 100%;
}
.companyDiscovery a{
	display: inline-block;
	width: 120px;
	margin-top: 5px;
	padding: 2px 10px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #4269AF;
	background: #D9E1EF;
}
.companyDiscovery a:hover{
	opacity: .6;
}

.accessMap {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.access .ichiranBtn {
	text-align: center;
}
.access-direction-highlight {
    font-weight: bold;
    color: #42B049;
}
.access-transfer {
    font-weight: bold;
    color: #dd1111;
}


/*-----------------------------------------------------------
	関連会社
-----------------------------------------------------------*/
.relateAdd{
	width: auto;
	margin: 20px 0 40px;
	border-collapse: collapse;
}
.relateAdd th,
.relateAdd td{
	padding: 10px;
	border: 1px solid #ddd;
	line-height: 1.5em;
	text-align: left;
}
.relateAdd td{
	width: 800px;
}
.relateAdd2,
.relateAdd3,
.relateAdd4,
.relateAdd8,
.relateAdd10{
	width: 160px;
	background: #E9E9E9;
}





/*-----------------------------------------------------------
	拠点詳細
-----------------------------------------------------------*/
.base-top{
	margin-bottom: 40px;
}
.base-top-left{
	float: left;
	width: 420px;
	margin-right: 25px;
}
.base-top-right{
    float: right;
    width: 555px;
}
.base-top-right>p{
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 20px;
	line-height: 1.75;
}
.base-col-inner{
    float: left;
}
.base-col-inner p{
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.5;
}
.base-col3-tsukuba{
    margin-top: 88px;
}
.base-col3 .base-col-inner{
    width: 30%;
    margin-right: 5%;
}
.base-col2 .base-col-inner{
    width: 48%;
    margin-right: 4%;
}
.base-col .base-col-inner:last-child{
    margin-right: 0;
}

.base-railway-img{
    width: 800px;
    margin: 0 auto;
}
.base-access{
	margin-bottom: 25px;
	line-height: 1.75;
}
.base-access ul{
	margin-left: 1.5em;
}
.base-access li{
	margin-bottom: 5px;
	list-style: disc;
}
.base-access p{
	margin: 0;
}

.heading-tokusyu{
	margin: 80px 0 40px;
	padding-top: 40px;
	border-top: 1px solid #CCC;
	font-size: 48px;
	font-family: リュウミン B-KL;
	text-align: center;
	line-height: 2;
	color: #005CA2;
}
.heading-tokusyu span{
	display: block;
	font-size: 32px;
	font-family: リュウミン B-KL;
}
.tokusyu-contents{
	width: 800px;
	margin: 0 auto 25px;
	padding: 20px 40px;
	border: 2px solid #CCC;
	line-height: 1.75;
}
.tokusyu-contents h3{
	float: left;
	width: 460px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 92, 162, .5);
	font-size: 24px;
	#font-family: 秀英角ゴシック銀 B;
	font-family: ヒラギノ角ゴ W6 JIS2004;
	line-height: 1.5;
}
.tokusyu-contents h3:after{
	content: "";
	display: block;
	position: relative;
	bottom: -12px;
	border-bottom: 1px solid rgba(0, 92, 162, .2);
}
.tokusyu-right{
	float: right;
	width: 300px;
}
.tokusyu-right img+img{
	margin-top: 10px;
}
.tokusyu-contents p{
	float: left;
	width: 460px;
	margin: 0 0 10px;
}





/*-----------------------------------------------------------
	社標について
-----------------------------------------------------------*/
#shahyouImg{
	width: 400px;
	margin: 60px auto;
}
#shahyou p{
	line-height: 1.75em;
}
#shahyouV{
	line-height: 1.5em;
}
#shahyouV dt{
	float: left;
}
#shahyouV dt:first-letter{
	font-weight: bold;
	font-size: 20px;
	color: #009FE8;
}
#shahyouV dd{
	padding-left: 220px;
	padding-bottom: 10px;
	font-size: 16px;
}
#shahyouV dd:last-child{
	padding-bottom: 0;
}
#shahyouV dd:before{
	content: "";
	display: inline-block;
	position: relative;
	top: -5px;
	right: 10px;
	width: 50px;
	height: 1px;
	background: #7B7A7B;
}





/*-----------------------------------------------------------
	受賞・受賞歴
-----------------------------------------------------------*/
.awardTable{
	width: 100%;
	margin: 40px auto 80px;
	border-collapse: collapse;
}
.awardTable tr{
	border-bottom: 1px solid #EEE;
}
.awardTable tr>*{
	padding: 15px 10px;
	line-height: 1.5em;
	vertical-align: top;
}
.awardAge{
	width: 140px;
}
.awardAge span{
	display: inline-block;
	width: 140px;
	margin-top: -5px;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 16px !important;
	background: #F1F1F1;
}
.awardAge span+span:before{
	content: "";
	display: block;
	padding-top: 5px;
	border-top: 1px dotted #AAA;
}
.awardDescription dt{
	font-weight: bold;
	margin-bottom: 10px;
}
.awardDescription dt+dd{
	margin-top: 10px;
}
.awardImg{
	width: 200px;
}





/*-----------------------------------------------------------
	認定・資格
-----------------------------------------------------------*/
.ninteiBoxWrap{
	border-bottom: 1px solid #EEE;
}
.ninteiBoxWrap .heading3a{
	border-bottom: 0;
}
.ninteiBox{
	padding: 10px 10px 40px;
}
.ninteiBoxLeft{
	float: left;
	width: 270px;
}
.ninteiBoxLeftWidth100{
	width: 100px;
}
.ninteiBoxLeftWidth400{
	width: 400px;
}
.ninteiBoxRight{
	padding-left: 300px;
}
.ninteiBoxRight ol{
	padding-left: 30px;
	list-style-type: decimal;
}
.ninteiBoxRightTable{
	border-collapse: collapse;
}
.ninteiBoxRightTable th,
.ninteiBoxRightTable td{
	padding: 10px;
	border: 1px solid #DDD;
	line-height: 1.5em;
}
.ninteiBoxRightTable th{
	width: 100px;
	font-weight: normal;
	background: #F9F9F9;
}





/*-----------------------------------------------------------
	高圧ガス認定区分
-----------------------------------------------------------*/
/* 高圧ガス認定区分---------- */
.ninteiNav{
	margin-bottom: 60px;
}
.ninteiNav li{
	float: left;
	width: 244px;
	margin-right: 8px;
	border: 2px solid #42B049;
	font-weight: bold;
	text-align: center;
	background: #F9F9F9;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ninteiNav li:last-child{
	margin-right: 0;
}
.ninteiNavAct{
	background: #B3DFB6 !important;
}
.ninteiNav li a{
	display: block;
	padding: 20px;
	color: inherit;
}
.ninteiNav li:hover{
	background: #B3DFB6;
	opacity: .6;
}
.ninteiNavWidth{
	margin-bottom: 40px;
}
.ninteiNavWidth li{
	width: 496px;
}
.ichiranBtn a{
	display: inline-block;
	margin: 0 auto;
	padding: 15px 50px;
	border: 4px solid #42B049;
	font-weight: bold;
	color: #FFF;
	background: #42B049;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ichiranBtn a:hover{
	color:#EA5504;
	background: #FFF;
}
.ichiranBtnNext a:after{
	content: " ＞＞";
}
.ichiranBtnBack a:before{
	content: "＜＜ ";
}



.pressureDl{
	margin: 20px 0;
}
.pressureDl dt{
	margin-bottom: 10px;
	font-weight: bold;
}
.pressureDl dd{
	display: inline-block;
	margin-right: 50px;
}
.pressureDl dd:last-child{
	margin-right: 0;
}
.pressureDl dd span{
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background: #E6E6E6;
}

.pressureTableWrap{
	margin: 20px 0;
}
.pressureTable{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	line-height: 1.5em;
	text-align: left;
}
.pressureTable th{
	width: 20%;
	padding: 10px;
	border: 1px solid #DDD;
}
.pressureTable td{
	width: 30%;
	padding: 10px;
	border: 1px solid #DDD;
}
.pressureTable td img{
	width: 25px;
}
.pressureTable1{
	color: #FFF;
	background: #969696;
}
.pressureTable2 th{
	background: #E1F3E2;
}
.pressureTable3 th{
	font-weight: normal;
	background: #E6E6E6;
}
.pressureTable4 td{
	text-align: center;
}
.pressureTable5{
	text-align: left !important;
}
.pressureTableList{
	list-style-type: disc;
	margin-left: 20px;
}

.pressureAst{
	counter-reset: kome;
	margin: 20px 0 40px;
	padding: 15px;
	border: 1px solid #FF999B;
	line-height: 1.5em;
	color: #C00;
	background: #FFE1E2;
}
.pressureAst li{
	padding-left: 3em;
	text-indent: -3em;
}
.pressureAst li:before{
	content: "※" counter(kome);
	counter-increment: kome;
	padding-right: 20px;
}

.pressureSymbol{
	margin-bottom: 40px;
}
.pressureSymbol dt{
	position: relative;
	top: -4px;
	float: left;
	width: 25px;
}
.pressureSymbol dd:before{
	content: "…";
}
.pressureSymbol dd{
	padding-left: 40px;
	padding-bottom: 20px;
}
.pressureEffect{
	list-style-type: decimal;
	margin-left: 30px;
	font-weight: bold;
	line-height: 1.5em;
}
.pressureHourei{
	width: 25px;
	padding: 0 5px;
}


/*-----------------------------------------------------------
	暮らしを支えるフジキン(動画)
-----------------------------------------------------------*/
#lifeMovie{
	padding: 0px;
	#background: #231815;
	background: #ffffff;
}
#lifeMovie a{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#lifeMovie a:hover{
	opacity: .8;
}


/*-----------------------------------------------------------
	サポート - キャラバンカー
-----------------------------------------------------------*/
#ImgCaravan{
	padding: 0px;
	#background: #231815;
	background: #ffffff;
}

#ImgCaravan2{
	padding-top: 4px;
	#background: #231815;
	background: #ffffff;
}
#ImgCaravan a{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#ImgCaravan a:hover{
	opacity: .8;
}


/*-----------------------------------------------------------
	サポート - こんなところにフジキンが
-----------------------------------------------------------*/

.supportTableWrap{
	margin: 20px 0;
}
.supportTable{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	line-height: 1.5em;
	text-align: left;
	font-size: 13px;
}
.supportTable th{
	width: 15%;
	padding: 1px;
	border: 1px solid #DDD;
}
.supportTable td{
	width: 30%;
	padding: 6px 2px 6px 2px;
	border: 1px solid #DDD;
}
.supportTable td img{
	width: 25px;
}
.supportTable1{
	color: #FFF;
	background: #969696;
}
.supportTable2 th{
	background: #E1F3E2;
}
.supportTable2A th{
	background: #E1F3E2;
}
.supportTable3 th{
	font-weight: normal;
	background: #E6E6E6;
}

td.yellow  { background: #FFF436; }

.supportTable4 td{
	text-align: center;
}
.supportTable5{
	text-align: left !important;
}
.supportTableList{
	list-style-type: disc;
	margin-left: 20px;
}

/*-----------------------------------------------------------
	サポート - 動画一覧
-----------------------------------------------------------*/
#movielistTop{
	margin-top: 40px;
}
.movielistTopNav{
	float: left;
	width: 480px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #9FA0A0;
	border-radius: 5px;
	text-align: center;
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.movielistTopNav:nth-child(4n){
	margin-right: 0;
}
.movielistTopNav a{
	display: block;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	/*background: linear-gradient(to top, #efefef, #FFF);*/
	-webkit-transition: all .3s;
	transition: all .3s;
}
.movielistTopNav a:hover{
	opacity: .6;
}
.movielistTopNav h2{
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #42AC49;
}
.movielistTopNav p{
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.55em;
}

/*-----------------------------------------------------------
	動画一覧ナビ
-----------------------------------------------------------*/
.movielist-nav{
    width: 800px;
    margin: 60px auto 0;
    border: 10px solid #94C5EF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.movielist-nav-list{
    display: flex;
    justify-content: space-between;
}
.movielist-nav-item{
    width: 195px;
    text-align: center;
}
.movielist-nav-item:nth-child(2){
    width: 196px;
}
.movielist-nav-item a{
    display: block;
    padding: 10px 30px;
    font-weight: bold;
    color: #37474F;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.movielist-nav-item>a{
    border-right: 2px solid #999;
    background: #94C5EF;
    cursor: pointer;
}
.movielist-nav-item>a:hover{
    color: #fff !important;
}
.movielist-nav-item>a br{
    display: none;
}
.movielist-nav-item:last-child a{
    border-right: 0;
}
.movielist-nav-item:hover>a{
    color: #fff;
    background: #456291;
}
.movielist-nav-list li .movielist-nav-body {
    display: none;
    width: 800px;
}
.movielist-nav-body .movielist-nav-body-inner {
    position: absolute;
    z-index: 99;
    left: 100px;
    width: 800px;
    padding: 0 2% 15px;
    background: #456291;
    box-shadow: 5px 5px 10px #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.movielist-nav-body .movielist-nav-body-inner a{
    float: left;
    width: 49.5%;
    margin: 10px 1% 0 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.movielist-nav-body .movielist-nav-body-inner a:hover{
    color: #fff;
    background: #242D4F;
}
.movielist-nav-body .movielist-nav-body-inner a:nth-child(2n){
    margin-right: 0;
}
.movielist-nav-body .movielist-nav-body-inner a:nth-child(n+3){
    margin-top: 7px;
}


/*-----------------------------------------------------------
	メールマガジンについて - トップページ
-----------------------------------------------------------*/
#mailmag{
	margin: 40px 0;
}
#mailmag img{
	width: auto;
}
.mailmag{
	margin: 40px 0;
}
.mailmag p{
	line-height: 1.5em;
}
.mailmag-p1 p{
	margin-top: 5px;
}

.backNumWrap{
	margin-top: 40px;
}
.backNumWrap p{
	margin: 10px 0;
}
.backNum{
	padding: 10px;
	border: 2px solid #42B049;
	background: #FFF;
}

.mailmagFormWrap{
	width: 800px;
	margin: 0 auto;
}
.mailmagForm{
	width: 100%;
	border-collapse: collapse;
	line-height: 1.5em;
}
.mailmagForm th,
.mailmagForm td{
	padding: 20px;
	border: 1px solid #727171;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mailmagForm th{
	width: 300px;
	font-weight: normal;
	background: rgba(67, 177, 73, .1);
}
.mailmagForm input[type="email"]{
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mailmagForm label{
	font-weight: bold;
}
.mailmagPriv{
	display: block;
	margin-top: 10px;
}
.formBtn{
	display: block;
	margin: 20px auto;
	padding: 15px 80px;
	border: 0;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
	background: #727171;
	cursor: pointer;
}
.formBtn:hover{
	opacity: .6;
}
.mailmagCenter{
    text-align: center;
}
.mailmagCenter .txtGreen{
    font-size: 20px;
}
.txtGreen{
    font-weight: bold;
    color: #42b049;
}
.mailmagPreWrap{
    margin: 40px 0;
}
.mailmagPre{
    width: 600px;
    margin: 0 auto 20px;
    padding: 15px;
    border: 1px solid rgba(67, 177, 73, 1);
    background: rgba(67, 177, 73, .05);
    box-sizing: border-box;
}
.mailmagPre>img{
    float: left;
    width: 100px !important;
}
.mailmagPre>div{
    padding-left: 120px;
}
.mailmagPre p{
    margin-top: 0;
}
.mailmagBtn{
	display: block;
    width: 400px;
	margin: 20px auto;
	padding: 15px;
	border: 0;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
    text-align: center;
	color: #fff;
	background: #42b049;
	cursor: pointer;
}
.mailmagBtn:hover{
    color: #fff;
	opacity: .6;
}







/*-----------------------------------------------------------
	バックナンバー
-----------------------------------------------------------*/
.backNumTop{
	width: 600px;
	margin: 0 auto 40px;
	line-height: 1.5em;
}
.backNumTop img{
	display: block;
	width: 100% !important;
}
.mailmagContents{
	width: 600px;
	margin: 0 auto;
	font-size: 14px;
}

.mailmagBottom{
	margin-top: 40px;
}
.mailmagBottom .backNumWrap{
	float: right;
	margin-top: 0;
}
.mailmagBottom .backNumWrap p{
	margin-top: 0;
}
.mailmagBottom .backBtn{
	float: left;
	margin-top: 30px;
}





/*-----------------------------------------------------------
	サイトマップ
-----------------------------------------------------------*/
.siteBoxWrap{
	margin: 60px 0;
}
.siteBox{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.siteBox:nth-child(3n){
	margin-right: 0;
}
.siteBox a{
	color: inherit;
}
.siteBox a:hover{
	text-decoration: underline;
	color: #EA5504;
}
.siteBox li{
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 1.5em;
}
.siteBoxList>li{
	list-style-type: disc;
}
.siteBoxListIn>li{
	list-style-type: circle;
}
.siteExternal:after{
	content: "\f08e";
	padding-left: 5px;
	font-family: FontAwesome;
}
.siteKome{
    margin: 10px 0;
    font-size: 14px;
}
.siteKome a{
    color: #0095C9;
}





/*-----------------------------------------------------------
	よくあるご質問・お問い合わせ上部
-----------------------------------------------------------*/
.formTop{
	margin: 40px 5%;
	line-height: 1.5em;
}
.formTop .applicationBtn{
	margin: 20px 0;
	text-align: center;
}





/*-----------------------------------------------------------
	バルブのきほん
-----------------------------------------------------------*/
.th88-popup{
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 100px;
    right: 10px;
    width: 300px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .8);
    cursor:pointer;
}
.th88-popup-01{
    width: 500px;
}
.th88-popup a{
    -webkit-transition: all .5s;
    transition: all .5s;
}
.th88-popup a:hover{
    opacity: .6;
}
.th88-close{
    display: block;
    position: absolute;
    top: -30px;
    right: 10px;
    z-index: 10;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.th88-popup-01 .th88-close{
    top: -5px;
    right: -5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .8);
}
.th88-close:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    transform: rotate(45deg);
}
.th88-popup-01 .th88-close:before{
    top: 45%;
}
.th88-close:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    transform: rotate(-45deg);
}
.th88-popup-01 .th88-close:after{
    top: 45%;
}
.th88-close:hover{
    opacity: .6;
}
.th88-popup.closed{
    display: none !important;
}

/*-- サイドポップアップ　*/
.fixed_btn
{
  position: fixed; z-index: 9999;
  bottom: 250px; 
  right: 0px;
  padding: 0px 5px;
　
}

.fixed_btn img
{
  width: 150px;
　opacity: 0.6;
}



/*-----------------------------------------------------------
	水素社会への取り組みバナー
-----------------------------------------------------------*/
.hydrogen-banner-links{
    clear: both;
    margin: 40px auto;
}
.hydrogen-line-link{
    float: left;
    width: 24%;
    margin-right: 1%;
    box-shadow: 5px 5px 5px #ccc;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.hydrogen-line-link:hover{
    opacity: .6;
}
.hydrogen-line-link:last-child{
    margin-right: 0;
}





/*-----------------------------------------------------------
	拠点一覧固定ナビ
-----------------------------------------------------------*/
.company-nav{
    width: 800px;
    margin: 60px auto 0;
    border: 10px solid #CFE8C5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.company-nav-list{
    display: flex;
    justify-content: space-between;
}
.company-nav-item{
    width: 259px;
    text-align: center;
}
.company-nav-item:nth-child(2){
    width: 262px;
}
.company-nav-item a{
    display: block;
    padding: 10px 30px;
    font-weight: bold;
    color: #37474F;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.company-nav-item>a{
    border-right: 2px solid #999;
    background: #CFE8C5;
    cursor: pointer;
}
.company-nav-item>a:hover{
    color: #fff !important;
}
.company-nav-item>a br{
    display: none;
}
.company-nav-item:last-child a{
    border-right: 0;
}
.company-nav-item:hover>a{
    color: #fff;
    background: #599145;
}
.company-nav-list li .company-nav-body {
    display: none;
    width: 800px;
}
.company-nav-body .company-nav-body-inner {
    position: absolute;
    z-index: 99;
    left: 100px;
    width: 800px;
    padding: 0 2% 15px;
    background: #599145;
    box-shadow: 5px 5px 10px #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.company-nav-body .company-nav-body-inner a{
    float: left;
    width: 49.5%;
    margin: 10px 1% 0 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.company-nav-body .company-nav-body-inner a:hover{
    color: #fff;
    background: #304F25;
}
.company-nav-body .company-nav-body-inner a:nth-child(2n){
    margin-right: 0;
}
.company-nav-body .company-nav-body-inner a:nth-child(n+3){
    margin-top: 7px;
}





/*-----------------------------------------------------------
	近くのフジキン再発見
-----------------------------------------------------------*/
.discovery-wrap{
    margin-top: 80px;
}
.discovery-top{
    margin: 0;
}
.discovery-kome{
    margin: 10px 0;
    font-size: 12px;
}
.discovery-area{
    margin: 20px 0;
}
.discovery-left{
    float: left;
}
.discovery-area .discovery-left{
    width: 50%;
}
.discovery-exterior{
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #d3d1d0;
    box-sizing: border-box;
}
.discovery-exterior:last-child(2n){
    margin-bottom: 0;
}
.discovery-exterior-name{
    display: block;
    margin-top: 5px;
    font-size: 14px;
}
.discovery-area .discovery-right{
    margin-left: 52%;
}
.discovery-right p{
    margin: 0;
    line-height: 1.5;
}
.discovery-right p+p{
    margin-top: 15px;
}
.discovery-access-wrap{
    margin: 20px 0 0 52%;
    padding: 20px;
    border: 1px solid #d3d1d0;
    line-height: 1.5;
    background: #f9f9f9;
}
.discovery-access-heading1{
    margin: 0 0 30px;
    font-weight: bold;
    font-size: 18px;
}
.discovery-access-heading2{
    position: absolute;
    top: -13px;
    left: 0;
    margin: 0;
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 16px;
    background: #f9f9f9;
}
.discovery-access-heading3{
    margin: 0 0 5px;
    font-size: 16px;
}
.discovery-access{
    position: relative;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid #d3d1d0;
}
.discovery-access p{
    margin: 0;
    font-size: 14px;
}
.discovery-person{
    position: relative;
    margin: 100px 0 0;
    padding: 40px;
    background: #f9f9f9;
}
.discovery-person:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
    width: 232px;
    height: 40px;
}
.discovery-person-m:before{
    background: url("../../company/discovery/img/fujikin-person-blue.png") center center no-repeat;
    background-size: contain;
}
.discovery-person-f:before{
    background: url("../../company/discovery/img/fujikin-person-pink.png") center center no-repeat;
    background-size: contain;
}
.discovery-person .discovery-left{
    width: 30%;
}
.discovery-person .discovery-left>img{
    display: block;
    width: 60%;
    margin: 0 auto 10px;
}
.discovery-left-sp>img{
    width: 216px;
}
.discovery-name-jp{
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 2px;
}
.discovery-joined{
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
}
.discovery-name-en{
    margin: 0;
    font-size: 10px;
}
.discovery-career{
    margin: 15px 0 0;
    line-height: 1.5;
    font-size: 14px;
}
.discovery-person .discovery-right{
    margin-left: 33%; 
}
.discovery-right-contents{
    margin-bottom: 30px;
}
.discovery-right-contents:last-child{
    margin-bottom: 0;
}
.discovery-slider{
    margin: 40px 0;
}


/*-----------------------------------------------------------
	暑中見舞い
-----------------------------------------------------------*/
#shochu{
	#position: relative;
	width: 1300px;
	height: 1650px;
	#z-index: -1;
	margin-top: -80px;
	margin-bottom: -40px;
	margin-left: -150px;
	background: url("../../company/shochu/2021/img/shochu_back.png") left top no-repeat;
	background-size: 1300px;
	overflow: hidden;
}
#shochuImg img{
	display: none;
}

#shochuContents{
	width: 1000px;
	padding: 400px 150px;
}
#shochuHeading{
	margin: 0;
	padding: 40px 0 0;
	font-weight: bold;
	font-size: 34px;
	font-family: リュウミン B-KL;
	line-height: 1.5em;
}
.shochuSmall{
	font-size: 16px !important;
	font-family: リュウミン B-KL;
}

.shochuTopNav a:hover{
	opacity: .6;
}
.shochuTopNav h2{
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #42AC49;
}

#shochuContents p{
	margin: 0 0 15px;
	line-height: 1.4em;
	color: #000;
	
}

.ShochuRtext{
	margin: 0 0 15px;
	line-height: 1.4em;
	color: #000;
	text-align: right;
	
}

#shochuTop{
	margin-top: 20px;
}
.shochuTopNav{
	float: left;
	width: 289px;
	margin-right: 66px;
	margin-bottom: 80px;
	#border: 1px solid #9FA0A0;
	border-radius: 5px;
	text-align: center;
	background: #bfe3fb;
	-webkit-boxbox-sizing: border-box;
	box-sizing: border-box;
}
.shochuTopNav:nth-child(3n){
	margin-right: 0px;
}
.shochuTopNav a{
	display: block;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	background: linear-gradient(to top, #efefef, #FFF);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.shochuTopNav a:hover{
	opacity: .6;
}
.shochuTopNav h2{
	margin: 10px 0;
	font-weight: bold;
	font-size: 16px;
	color: #42AC49;
}
.shochuTopNav p{
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.55em;
}



/*-----------------------------------------------------------
	共通
-----------------------------------------------------------*/
.cad-line{
    padding: 24px;
    border-top: #E83820 4px double;
    border-bottom: #E83820 4px double;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.cad-line a{
    color: #E83820;
}


/*-----------------------------------------------------------
///////////////以下、SP用///////////////
-----------------------------------------------------------*/

/*@media only screen and (max-device-width: 1300px) and (max-width: 640px) {*/
@media only screen and (max-width: 640px) {

/*-----------------------------------------------------------
	共通
-----------------------------------------------------------*/
body{
	background: #FFF;
}

#wrap{
	min-width:320px;
}
#contents{
	max-width: auto;
	margin:10px 0 20px;
}

#contentsNon{
	max-width: auto;
	margin:10px 0 20px;
}

.topSpOnly{
	margin-top: -20px;
}

.spImg{
	display: none !important;
}
.pcDel{
	display: block;
}
.spDel{
	display: none;
}

.textAlignC br{
	display: none;
}
.marginTop-s{
	margin-top: 20px !important;
}
.marginBottom{
	margin-bottom: 40px !important;
}

.heading{
	position: static;
	width: auto;
	margin: 20px 10px;
	padding: 10px;
	font-size: 20px;
}
.heading2{
	margin: 0 0 10px;
	padding: 10px 10px 10px 15px;
	border-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5em;
	background: #ECF7ED;
}
.heading2:before{
	top: 0;
	bottom: 0;
	margin: auto;
}
.heading2blue{
	background: #E6EFF6;
}
.heading2orange{
	background: #FCE6CC;
}
.heading2gold{
	background: #FBF1CC;
}
	
.heading2b{
	margin: 0 0 10px;
	padding: 10px 10px 10px 15px;
	border-bottom: 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5em;
	background: #ECF2F7;
}
.heading2b:before{
	top: 0;
	bottom: 0;
	margin: auto;
}
	
.heading3{
	margin: 0 0 10px;
	font-size: 16px;
}
.heading3:before{
	top: 2px;
	width: 7px;
	height: 7px;
	margin-right: 3px;
	border: 5px double #FFF;
}
.heading3a{
	margin-bottom: 0;
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #EEE;
	line-height: 1.5em;
}
.heading3a .small{
	display: block;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0;
}
.heading3b{
	margin-bottom: 5px;
	font-size: 14px;
}
.heading4{
	font-size: 18px;
}
.heading5{
	margin: 40px 0 10px;
	padding: 10px;
	font-size: 16px;
}
.heading7{
    font-size: 16px;
}
.heading7:before,
.heading7:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 1px;
    background: #004D97;
}
.heading7:before{
    left:0;
}
.heading7:after{
    right: 0;
}
.heading8{
    padding: 20px 10px;
    font-size: 16px;
}
.heading9{
    margin: 0 0 15px;
    padding: 15px 10px;
    font-size: 16px;
}
.heading10{
    margin: 20px 0 10px;
    font-size: 16px;
}
	
.heading12{	
	position: relative;
	margin: 0 0 10px;
	padding:10px 10px 10px 20px;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
	color: #000;
}

.heading13{
	margin: 0 0 10px;
	font-size: 16px;
}

.heading13a{
	margin-bottom: 0;
	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #EEE;
	line-height: 1.5em;
}
.heading13a .small{
	display: block;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0;
}
.heading13b{
	margin-bottom: 5px;
	font-size: 14px;
}
	
.catching{
	margin: 20px 0 0;
	border-radius: 5px;
	font-size: 100%;
	text-align: center;
}

.marginSp{
	margin: 0 10px;
}

.blueBtn{
	text-align: center;
}
.blueBtn a{
	display: block;
	padding: 10px;
	font-size: 14px;
}

#bannerArea{
	width: auto;
	margin: 20px 0;
}
#bannerArea a{
	float: none;
	width: auto;
	margin: 0 auto 10px;
	border: 2px solid #FFF;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
}
#bannerArea a:nth-child(2n){
	margin-right: 0;
	margin-bottom: 0;
}
#bannerArea img{
	border-radius: 5px;
}

.applicationBtn{
	margin: 40px 10px 0;
	line-height: 1.5em;
}
.applicationBtn a{
	display: inline-block;
	padding: 10px;
}

/* Lity---------- */
#movieThumb{
	width: auto;
}/* //Lity---------- */

.club-mark-01{
    margin: 20px 10px;
    padding: 10px;
    font-size: 14px;
    text-align: justify;
}
.club-mark-icon-01{
    width: 18px;
}
.club-mark-02{
    margin: 10px 0;
}
.support-club-left{
    float: none;
    width: 100%;
    margin-right: 0;
}
.support-club-right{
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
}
.support-club-right-inner{
    display: inline;
}







/*-----------------------------------------------------------
	ヘッダー
-----------------------------------------------------------*/
#header{
	max-width: auto;
	min-height: 30px;
	margin: 0;
	padding: 5px;
	z-index: 100;
}
#hamburgerWrap{
	top: 10px;
	right: 10px;
}
#hamburger{
	width: 38px;
	height: 38px;
	border: 2px solid #004D9D;
}
#menuWrap:hover #hamburger{
	opacity: .6;
}
#menu{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#line1,
#line2,
#line3{
	height: 2px;
	background: #004D9D;
}
#line1{
	top: 3px;
}
#line2{
	top: 9px;
}
#line3{
	top: 15px;
}








/*-----------------------------------------------------------
	コンテンツ
-----------------------------------------------------------*/
#mainVisual{
	position: relative;
	left: -15%;
	top: -30px;
	width: 130%;
	margin-bottom: -35px;
}
#mainVisual h1{
	margin: 0;
}

.section h2{
	margin: 5px 0;
	padding: 10px 25px;
	font-size: 20px;
}
.section h2 span:before{
	left: 10px;
	height: 30px;
}





/*-----------------------------------------------------------
	パンくずリスト
-----------------------------------------------------------*/
#breadCrumb{
	display: none;
}





/*-----------------------------------------------------------
	タイトル
-----------------------------------------------------------*/
.ttlBg{
	height: 50px;
	background-size: 1300px 50px !important;
}
.ttlBg strong{
	top: 15px;
	left: 160px;
	font-size: 16px !important;
}
#ttlBgClear{
	height: 30px;
	background: none;
}






/*-----------------------------------------------------------
	フッター
-----------------------------------------------------------*/
#footer{	
	max-width: auto;	
	margin: 0 auto;	
	padding: 0 0 40px;	
}	
#footerInner{	
	bottom: -240px;	
	width: 100%;	
}	
#footerInner.fixed2{	
	bottom: -140px;	
	-webkit-box-shadow: 0 -1px 5px #333;	
	box-shadow: 0 -1px 5px #333;	
}	
#footerInner.fixed{	
	bottom: 120px;	
	-webkit-box-shadow: none;	
	box-shadow: none;	
}	
#footerMain{	
	display: none;	
}	
#footerRecruit{	
	padding: 20px 0;	
}	
#footerRecruit dl{	
	display: none;	
}	
#footerLogo img{	
	width: 120px;	
	margin: 0 auto 5px;	
}	
#copy{	
	font-size: 10px;	
}




.footer {
    margin-top: 80px;
}
.footer::before {
	top: -40px;
	height: 36px;
	background-size: 640px 36px;
}
.footer-top-wrap,
.footer-bottom-wrap{
    display: none;
}
.footer-logo {
    padding: 10px 0;
}
.footer-logo-img img {
    width: 200px;
}





/* 製品仕様から探す---------- */
.specificationIn{
	padding: 10px;
}

.pullDown{
	width: 50%;
	margin-right: 0;
	padding: 0 2%;
	border-bottom: 1px dotted #DDD;
}

.pullDownIn{
	width: auto;
	margin: 10px 0;
}
.pullDown:nth-child(2n){
	border-right: 0;
}
.pullDown:last-child,
.pullDown:nth-last-child(2){
	border-bottom: 0;
}

.pullDownIn strong{
	font-weight: normal;
}
.pullDownIn select{
	margin: 5px 0;
	font-size: 14px;
}

.cBox strong{
	display: block;
	float: none;
	position: static;
	width: auto;
	height: auto;
	margin-bottom: 5px;
	font-weight: normal;
}

.cBox ul{
	padding-left: 0;
	line-height: 1.5em;
}
.cBox li{
	margin: 0 0 10px 10px;
	padding: 3px;
	border: 1px solid #DDD;
	border-radius: 5px;
}

.specBtn span{
	padding: 10px;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	background: #F9F9F9;
}
.specBtn button,
.specBtn input{
	font-size: 16px;
}





/*-----------------------------------------------------------
	ページネーションナビ
-----------------------------------------------------------*/
.pageNav{
    margin: 20px auto;
    width: 88%;
}
.pageNav a{
    height: 80px;
    padding: 10px;
}
.pageNavLeft{
    width: 43%;
}
.pageNavLeft a{
    box-shadow: 2px 2px 0px #eee;
}
.pageNavLeft a:before{
    left: -20px;
    border-width: 40px 20px 40px 0;
}
.pageNavLeft a:after{
    display: none;
}
.pageNavCenter{
    width: 10%;
    margin: 0 2%;
}
.pageNavIcon{
    width: 20px;
}
.pageNavRight{
    width: 43%;
}
.pageNavRight a{
    box-shadow: -2px 2px 0px #eee;
}
.pageNavRight a:before{
    right: -20px;
    border-width: 40px 0 40px 20px;
}
.pageNavRight a:after{
    display: none;
}
.pageNavLeft a:hover:before{
    left: -20px;
}
.pageNavLeft a:hover:after{
    left: inherit;
}
.pageNavRight a:hover:before{
    right: -20px;
}
.pageNavRight a:hover:after{
    right: inherit;
}
.pageNavTtl{
    height: 34px;
    font-size: 14px !important;
}





/*-----------------------------------------------------------
	トップページ
-----------------------------------------------------------*/
#top{
	margin-top: -80px;
}
/* 左側---------- */
#topMain{
	float: none;
	width: auto;
	margin: 0 10px;
}
#topTopics>*{
	font-size: 14px !important;
}
#topTopics dt{
	float: none;
	height: auto;
	padding: 2px 5px;
	text-align: center;
}
#topTopicsData{
	display: block;
	margin-bottom: 2px;
	padding-right: 0;
}
#topTopics dd{
	height: auto;
	padding: 5px;
	border: 2px solid #E83820;
	border-top: 0;
}
.topMainFloat{
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 20px;
}
.topMainFloat:nth-child(2n+1){
	margin-right: auto;
}
.topMainFloat h2,
.topMainBottomWrap h2{
	margin: 0 0 5px;
	padding-left: 3px;
	font-size: 16px;
}
.topMainFloat h2:before,
.topMainBottomWrap h2:before{
	top: 2px;
	left: -3px;
	width: 16px;
	height: 16px;
}

.topMainFloatIn{
	height: auto;
	padding: 10px;
}
.floatInContents{
	width: 49%;
	margin: 0 2% 10px 0;
}
.floatInContents:nth-child(2n){
	margin-right: 0;
}
.floatInContentsRight{
	margin: 0 0 10px 2%;
}

.floatInWidth{
	width: 100%;
	margin: 0 0 10px;
}
.floatInContents h3,
.floatInWidth h3{
	font-size: 14px;
}
.floatInEng{
	font-size: 12px;
}

.topMainBottomWrap{
	padding-top: 0px;
}
.topMainBottomWrap h3{
	margin: 0 0 5px;
	font-size: 16px;
}
.topMainBottomIn{
	padding: 0;
}

/* トップバナー---------- */
#topBanner{
	margin: 40px 0 0;
}
#topBanner li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 5px;
}
#topBanner li:nth-child(2n){
	margin-right: 0 !important;
}
#topBanner li:nth-child(3n){
	margin-right: 2%;
}

/* 右側---------- */
#topAside{
	float: none;
	width: auto;
	margin: 0 10px;
}
#topAside li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 5px;
}
#topAside li:nth-child(2n){
	margin-right: 0;
}

/* フジキンからのお知らせ---------- */
#news{
	margin: 0 10px;
}
#news .heading2{
	margin-top: 40px;
}
.bottomInList{
	font-size: 14px;
}
.bottomInList dt{
	float: none;
	padding: 10px 10px 0;
}
.bottomInList dt:nth-of-type(2n),
.bottomInList dd:nth-of-type(2n){
	background: #F9F9F9;
}
.bottomInList dd{
	margin-bottom: 0;
	padding: 0 10px 10px;
	border-bottom: 0;
	line-height: 1.25em;
}
.bottomInList dd:last-child{
	border-bottom: 0;
}

/*-----------------------------------------------------------
	プライバシーポリシー
-----------------------------------------------------------*/
/* 個人情報保護方針---------- */
/* 個人情報の取り扱いについて---------- */
#privacyContents{
	margin: 20px 10px;
}
#privacyContents p{
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.5em;
}

.privacyCount{
	margin: 20px 0 20px 25px;
	font-size: 14px;
}

.privacyCountA{
	margin: 20px 0 20px 25px;
	font-size: 14px;
}

.privacyCountSq{
	margin: 20px 0 20px 25px;
	font-size: 14px;
}
	
#helpDesk{
	margin-top: 20px;
	padding: 10px;
}
#helpDesk.helpDesk {
    margin: 0 0 20px;
}
#publisher p{
	font-size: 14px;
	line-height: 1.25em;
}

.privacyList{
	margin: 20px 0;
	font-size: 14px;
}
.privacyList li .privacyList{
    margin-left: 20px;
}






/*-----------------------------------------------------------
	フジキンについて - トップページ
-----------------------------------------------------------*/
#companyTop{
	margin: 40px 10px;
}
.companyTopNav{
	width: 49%;
	margin: 0 2% 10px 0;
}
.companyTopNav:nth-child(2n){
	margin-right: 0;
}
.companyTopNav a{
	display: block;
	min-height: 166px;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	background: linear-gradient(to top, #efefef, #FFF);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.companyTopNav img{
	max-width: 170px;
}
.companyTopNav h2{
	margin: 10px 0 0;
	font-size: 14px;
}
.companyTopNav p{
}
.companyTopNav br{
	display: none;
}
.companyTopNav .fa{
	display: none;
}





/*-----------------------------------------------------------
	フジキンについて - ボトムナビ
-----------------------------------------------------------*/
.support h3{
	padding: 10px 25px;
	border-radius: 0;
	font-size: 20px;
}

#supportBox{
	padding: 10px 10px 20px;
	border-radius: 0;
}
#surppotBoxTop li{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
#surppotBoxTop li br{
	display: none;
}
#surppotBoxTop li a{
	padding: 5px;
}
.supportBoxImg{
	width: 90px;
	padding-right: 10px;
}
.supportBoxText{
}

#supportBoxBottom li{
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 10px;
}

#supportContact{
	margin-top: 40px;
}
#supportContact>*{
	display: block;
}
#supportContactTel{
	margin: 5px 0;
	padding: 5px 10px 10px;
	font-size: 20px;
	background: #FFF;
}

#supportContactMail{
	margin: 5px 0;
	padding: 5px 10px 10px;
	font-size: 20px;
	background: #FFF;
}
/*-----------------------------------------------------------
	社長挨拶
-----------------------------------------------------------*/
/*
#greeting{
	position: static;
	width: auto;
	height: auto;
	margin: 0 10px;
	background: none;
	overflow: visible;
}
#greetingImg img{
	display: block;
	width: 70%;
	margin: 0 auto 5px;
}
#greetingCOO{
	display: block;
	position: static;
	padding: 0;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	color: inherit;
	background: none;
}
#greetingCOOName{
	text-align: inherit;
	font-size: 20px;
}
#greetingContents{
	width: auto;
	padding: 0;
}
#greetingHeading{
	margin: 20px 0 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}
#greetingHeading br{
	display: none;
}
.greetingSmall{
	font-size: 14px !important;
}
#greetingSign{
	width: 50%;
	margin: 20px 0 60px auto;
}
#greetingContents h3{
	margin: 20px 0 15px;
	font-size: 16px;
}
#greetingContents p{
	margin: 15px 0 0;
	line-height: 1.5em;
}
*/
#greeting{
	position: static;
	width: auto;
	height: auto;
	margin: 0 10px;
	background: none;
	overflow: visible;
	background-color: #f6f6f6;
	padding: 60px 0;
}
#greetingContents{
	width: auto;
	padding: 0;
}
#greetingLead {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 15px;
}
#greetingLogo {
	width: 70%;
	margin: 0 auto 20px;
}
#greetingHeading {
	padding: 0;
}
#greetingSign{
	margin: 20px auto 0;
	white-space: nowrap;
}
#greetingImg {
	display: block;
	width: 60%;
	margin: 0 auto;
}
#greetingText {
	padding: 30px;
	margin: 0 20px 20px;
}
#greetingText p .br-none {
	display: none;
}



/*-----------------------------------------------------------
	会社概要
-----------------------------------------------------------*/
#outline{
	margin: 0 10px;
}
.graf{
	width: 100%;
	margin: 20px 0 40px;
	border: 1px solid #DCDCDC;
	border-bottom: 0;
}
.graf tr{
	display: block;
}
.graf th,
.graf td{
	display: block;
	width: auto;
	border: 0;
}
.graf td{
	padding: 10px 10px 0;
}
.graf td:last-child{
	padding: 10px;
	border-bottom: 1px solid #DCDCDC;
	font-weight: normal;
}
.grafPosi1 dt{
	padding-bottom: 0px;
	font-size: 16px;
}
.grafPosi1 dd{
	padding-left: 5px;
}
.outlineImg{
	margin: 0 auto;
	width: 80%;
}





/*-----------------------------------------------------------
	事業内容
-----------------------------------------------------------*/
/*
.biz{
	margin: 0;
	padding: 20px 10px;
}
.biz01{
	margin-bottom: 0;
	padding: 0 10px;
}
.biz02:nth-child(2n+1){
	background: #F3FAF4;
}
.bizContents{
	width: auto;
	margin: 0;
}
.bizContents h2{
	margin: 0 0 20px;
	font-size: 18px;
}
.bizContents h2 br{
	display: none;
}
.bizImg{
	width: auto;
	margin: 0;
}
.bizRight{
	float: none;
}
.bizLeft{
	float: none;
}
.biz p{
	font-size: 14px;
	line-height: 1.5em;
}
*/
.bizLead {
	width: auto;
    height: auto;
	margin: 0;
	overflow: visible;
	padding: 60px 10px;
    background-position: center;
}
.bizContents {
	margin: 0 10px;
}
.bizContents .disp-sp {
	display: block;
}
.bizLeadText {
	display: block;
	margin: 0 auto;
}
.bizLeadText h2 {
	margin: 30px auto 60px;
	font-size: 6vw;
	text-align: center;
	line-height: 1.5em;
}
.bizLeadText p {
	line-height: 1.75em;
}
.bizLead p {
	text-align: left;
	background: rgba(255,255,255,0.6);
	padding: 15px;
	border-radius: 10px;
}
.bizAnchorLink {
	margin-top: 30px;
}
.bizAnchorLink li {
	width: calc(100% / 2 - 10px);
}
.bizAnchorLink li a {
	padding: 10px 5px 30px;
	font-size: 3vw;
}
.bizField {
	flex-wrap: wrap;
	flex-direction: column-reverse;
}
.bizField .bizFieldContents {
	width: 100%;
}
.bizField .bizFieldContents h3 {
	font-size: 6.5vw;
}
.bizFieldImg {
	background: none !important;
	width: 100% !important;
	font-size: 24vw;
	margin-bottom: 30px !important;
}
.bizFieldImg span {
	line-height: 24vw;
}
.bizField:nth-child(even) {
	flex-flow: column-reverse;
}
#field02 .bizFieldImg span::before, #field07 .bizFieldImg span::before {
	font-size: 10px;
}
#field08 {
	background: none;
}
#field08 img {
	width: 100%;
}
#field08 h3 {
	font-size: 11.5vw;
}
#field08 .bizFieldImg {
	margin-bottom: 0 !important;
}
#field08 .bizFieldImg span {
	position: absolute;
    bottom: 1em;
    right: 1em;
    font-size: 10px;
    line-height: 1;
    left: auto;
    transform: none;
}
#field08::after {
	display: none;
}
.bizHydrogen {
	margin-bottom: 60px;
}
.bizHydrogen a {
	font-size: 6vw;
}
.bizHydrogen a:first-child::after {
	right: 15px;
}
.hydrogenList {
	display: block;
	padding: 20px;
}
.hydrogenList li {
	width: 100%;
	margin-bottom: 20px;
}
.hydrogenList li:last-child {
	margin-bottom: 0;
}
#LifeImg {
	margin-top: 60px;
}

/*-----------------------------------------------------------
	拠点一覧
-----------------------------------------------------------*/
.companyBase{
	width: auto;
	margin: 40px 10px;
	text-align: center;
}
.companyBaseImg{
	margin-bottom: 10px;
}
.companyBaseList{
	display: inline-block;
	padding: 5px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.companyBaseList li{
	margin-left: 25px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
}
.companyBaseListIcon:before{
	top: -3px;
	left: -20px;
}

.companyAdd{
	margin: 0 0 20px;
}
.companyAdd tr{
	display: block;
}

.companyAdd th,
.companyAdd td{
	display: block;
	padding: 0 10px;
	border: 0;
	font-size: 14px;
}
.companyAdd td br{
	display: none;
}
.companyAdd td:nth-last-child(2){
	margin-top: 5px;
}
.companyAdd td:nth-last-child(2):before{
	content: "TEL:";
}
.companyAdd td:last-child{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
.companyAdd td:last-child:before{
	content: "FAX:";
}

.companyAdd1{
	padding: 5px 10px !important;
	color: #FFF;
}
.companyAdd2{
	padding: 5px 10px !important;
}
.companyAdd3,
.companyAdd4,
.companyAdd5,
.companyAdd6{
	display: none !important;
}
.companyAdd3{
	width: auto;
}
.companyAdd5{
	width: auto;
}
.companyAdd6{
	width: auto;
}


.companySalesAdd1{
	padding: 5px 10px !important;
	color: #FFF;
}
.companySalesAdd2{
	padding: 5px 10px !important;
}
.companySalesAdd3,
.companySalesAdd4,
.companySalesAdd5,
.companySalesAdd6{
	display: none !important;
}
.companySalesAdd3{
	width: auto;
}
.companySalesAdd5{
	width: auto;
}
.companySalesAdd6{
	width: auto;
}
	
.companyAdd tbody{
	background: #FCFCFC;
}
.companyAdd tbody th span{
	display: block;
	padding-left: 1em;
	font-weight: normal;
	text-indent: -1.3em;
}
.companyAdd tbody th span+span{
	padding-top: 3px;
}
.companyAdd tbody th span:before{
	content: "└";
	display: inline;
	padding-right: 5px;
}





/*-----------------------------------------------------------
	関連会社
-----------------------------------------------------------*/
.relateAdd{
	margin: 0 0 20px;
}
.relateAdd tr{
	display: block;
}
.relateAdd th,
.relateAdd td{
	display: block;
	padding: 0 10px;
	border: 0;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}
.relateAdd td{
	width: auto;
}

.relateAdd2,
.relateAdd3,
.relateAdd4,
.relateAdd8,
.relateAdd10{
	display: none !important;
}

.relateAdd5{
	margin-top: 5px;
	margin-bottom: 5px;
}
.relateAdd7{
	margin-bottom: 5px;
}
.relateAdd9{
	margin-top: -5px;
	margin-bottom: 5px;
}
.relateAdd6:before{
	content: "TEL:"
}
.relateAdd7:before{
	content: "FAX:"
}
.relateAdd9:before{
	content: "" !important;
}
.relateAdd11:before{
	content: "代表:" !important;
}





/*-----------------------------------------------------------
	拠点詳細
-----------------------------------------------------------*/
.base-top{
	margin: 0 10px 40px;
}
.base-top-left{
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 10px;
}
.base-top-right{
	float: none;
	width: auto;
	text-align: justify;
}
.base-top-right>p{
    font-weight: normal;
    font-size: 16px;
	line-height: 1.5;
}
.base-col-inner{
    float: none;
}
.base-col-inner:after{
	content: "";
	display: block;
	clear: both;
}
.base-col-inner img{
	display: block;
	float: left;
	width: 40%;
    margin: 0 0 10px;
}
.base-col-inner p{
	float: right;
	width: 55%;
    margin: 0 0 10px;
	font-size: 14px;
}
.base-col3-tsukuba{
    margin-top: 0;
}
.base-col3 .base-col-inner{
    width: auto;
    margin-right: 0;
}
.base-col2 .base-col-inner{
    width: auto;
    margin-right: 0;
}
.base-col .base-col-inner:last-child{
    margin-right: 0;
}

.base-maps{
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
}
.base-railway-img{
	width: auto;
	margin: 0 10px 40px;
}
.base-access{
	margin: 0 10px 20px;
}
.base-access ul{
	margin-left: 1.3em;
}
.base-access li{
	margin-bottom: 5px;
	font-size: 14px;
	text-align: justify;
}
.base-access p{
	font-size: 14px;
	text-align: justify;
}
.base-access p br{
	display: none;
}

.heading-tokusyu{
	margin: 40px 0 20px;
	padding-top: 20px;
	font-size: 24px;
	line-height: 1.75;
}
.heading-tokusyu span{
	font-size: 20px;
}
.tokusyu-contents{
	width: auto;
	margin: 10px 10px 0;
	padding: 15px;
	line-height: 1.5;
}
.tokusyu-contents h3{
	float: none;
	width: auto;
	margin: 0 0 10px;
	padding-bottom: 0;
	border-bottom: 0;
	font-size: 18px;
	text-align: center;
}
.tokusyu-contents h3:after{
	display: none;
}
.tokusyu-right{
	float: none;
	width: auto;
}
.tokusyu-contents p{
	float: none;
	width: auto;
	margin: 10px 0 0;
	text-align: justify;
}





/*-----------------------------------------------------------
	社標について
-----------------------------------------------------------*/
#shahyouImg{
	width: 400px;
	margin: 60px auto;
}
#shahyou p{
	line-height: 1.75em;
}
#shahyouV{
	line-height: 1.5em;
}
#shahyouV dt{
	float: left;
}
#shahyouV dt:first-letter{
	font-weight: bold;
	font-size: 20px;
	color: #009FE8;
}
#shahyouV dd{
	padding-left: 220px;
	padding-bottom: 10px;
	font-size: 16px;
}
#shahyouV dd:last-child{
	padding-bottom: 0;
}
#shahyouV dd:before{
	content: "";
	display: inline-block;
	position: relative;
	top: -5px;
	right: 10px;
	width: 50px;
	height: 1px;
	background: #7B7A7B;
}





/*-----------------------------------------------------------
	社標について
-----------------------------------------------------------*/
#shahyou{
	margin: 0 10px;
}
#shahyou br{
	display: none;
}
#shahyouImg{
	width: 50%;
	margin: 20px auto;
}
#shahyou p{
	font-size: 14px;
	line-height: 1.5em;
}
#shahyouV{
	margin: 0 10px;
	border: 1px solid #DCDCDC;
}
#shahyouV dt{
	float: none;
	padding: 10px;
	background: #F9F9F9;
}
#shahyouV dt:first-letter{
	font-size: 18px;
}
#shahyouV dd{
	padding: 10px 10px 10px 30px;
	font-size: 14px;
}
#shahyouV dd:last-child{
	padding-bottom: 10px;
}
#shahyouV dd:before{
	content: "…";
	top: -2px;
	right: 5px;
	width: auto;
	height: auto;
	background: none;
}





/*-----------------------------------------------------------
	受賞・受賞歴
-----------------------------------------------------------*/
#award{
	margin: 0 10px;
}
.awardTable{
	width: 100%;
	margin: 20px auto 40px;
}
.awardTable tr{
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #EEE;
}
.awardTable tr>*{
	display: block;
	padding: 0;
	font-size: 14px;
}
.awardAge{
	width: auto;
	margin-bottom: 5px;
	text-align: left;
}
.awardAge span{
	width: auto;
	margin-top: 0;
	padding: 5px;
	font-size: 14px !important;
}
.awardAge span+span:before{
	display: inline;
	padding-top: 0;
	border-top: 0;
	border-left: 1px dotted #AAA;
	padding-right: 10px;
}
.awardImg{
	width: 60%;
	margin: 10px auto 0;
}





/*-----------------------------------------------------------
	認定・資格
-----------------------------------------------------------*/
.ninteiBoxLeft{
	float: none;
	width: 60%;
	margin: 0 auto;
}
.ninteiBoxRight{
	margin-top: 10px;
	padding-left: 0;
}
.ninteiBoxRight ol{
	padding-left: 20px;
}
.ninteiBoxRightTable{
	width: 100%;
}
.ninteiBoxRightTable th,
.ninteiBoxRightTable td{
	font-size: 14px;
}
.ninteiBoxRightTable th{
	width: 60px;
}





/*-----------------------------------------------------------
	高圧ガス認定区分
-----------------------------------------------------------*/
/* 高圧ガス認定区分---------- */
.ninteiNav{
	margin: 0 10px 40px;
}
.ninteiNav li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.25em;
}
.ninteiNav li:nth-child(2n){
	margin-right: 0;
}
.ninteiNav li br{
	display: none;
}
.ninteiNav li a{
	padding: 10px;
}
.ninteiNavWidth{
	margin-bottom: 20px;
}
.ichiranBtn a{
	padding: 10px 20px;
}

.pressureDl{
	margin: 20px 10px;
}
.pressureDl dd{
	display: block;
	margin-right: 0;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.pressureDl dd:last-child{
	margin-right: 0;
}
.pressureDl dd span{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 10px;
	background: #E6E6E6;
}

.pressureAst{
	margin: 20px 10px 40px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5em;
}
.pressureAst li{
	padding-bottom: 10px;
	padding-left: 0;
	text-indent: 0;
}
.pressureAst li:last-child{
	padding-bottom: 0;
}
.pressureAst li:before{
	padding-right: 10px;
}

.pressureSymbol{
	margin: 20px 10px 40px;
	margin-bottom: 40px;
	line-height: 1.25em;
}

.pressureEffectWrap p{
	line-height: 1.25em;
}
.pressureEffect{
	margin-left: 30px;
	font-weight: bold;
	line-height: 1.5em;
}

/*-----------------------------------------------------------
	サポート - こんなところにフジキンが
-----------------------------------------------------------*/
.supportTableWrap{
	overflow: scroll;
}
.supportTable{
	width: 1000px;
}



/*-----------------------------------------------------------
	メールマガジンについて - トップページ
-----------------------------------------------------------*/
#mailmag{
	margin: 0 10px;
}
.mailmag{
	margin: 20px 0 40px;
}
.mailmag p{
	font-size: 14px;
}
.mailmag-p1 p{
	margin-top: 5px;
}

.backNumWrap{
	margin-top: 20px;
}
.backNum{
	width: 100%;
}
.mailmagFormWrap{
	width: 100%;
}
.mailmagForm{
	width: 100%;
	border: 1px solid #727171;
	line-height: 1.25em;
}
.mailmagForm th,
.mailmagForm td{
	display: block;
	width: 100%;
	padding: 10px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mailmagForm th{
	text-align: left;
}
.mailmagForm label{
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	background: rgba(67, 177, 73, .1);
}
.mailmagPriv{
	display: block;
	margin-top: 10px;
	font-size: 14px;
}
.mailmagPriv br{
	display: none;
}
.formBtn{
	margin: 20px auto;
	padding: 10px 20px;
	font-size: 16px;
}
.mailmagCenter .txtGreen{
    font-size: 16px;
    text-align: left;
}
.mailmagPreWrap{
    margin: 20px 0;
}
.mailmagPre{
    width: auto;
    margin: 0 auto 10px;
    padding: 10px;
}
.mailmagBtn{
    width: 70%;
	font-size: 16px;
}





/*-----------------------------------------------------------
	バックナンバー
-----------------------------------------------------------*/
.backNumTop{
	width: auto;
	font-size: 14px;
}
.mailmagContents{
	width: auto;
	overflow: scroll;
}

.mailmagBottom .backNumWrap{
	float: none;
}
.mailmagBottom .backNumWrap p{
	line-height: 1.25em;
}
.mailmagBottom .backBtn{
	float: none;
	margin-top: 20px;
}
.mailmagBottom .backBtn a{
	display: block;
	text-align: center;
}





/*-----------------------------------------------------------
	サイトマップ
-----------------------------------------------------------*/
.siteBoxWrap{
	margin: 40px 0;
}
.siteBox{
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 40px;
}
.siteBox a{
	display: block;
	position: relative;
	padding: 10px 15px 10px 10px;
}
.siteBox a:not(.linkDel):after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 5px;
	height: 5px;
	margin: auto;
	border-top: 2px solid #666464;
	border-right: 2px solid #666464;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.siteBox li{
	margin-bottom: 0;
	margin-left: 0;
	border-bottom: 1px solid #DDD;
	line-height: 1.5em;
}
.siteBoxList{
	margin-top: -10px;
}
.siteBoxListIn>li a{
	padding-left: 30px;
}
.siteBoxListIn>li:last-child{
	border-bottom: 0;
}
.siteExternal:after{
	padding-left: 0;
}
.siteKome{
    margin: -10px 0 10px;
    padding: 15px 10px;
    border-bottom: 1px solid #DDD;
    font-size: 16px;
}
.siteKome a{
    display: inline;
    padding: 5px;
}
.siteKome a:after{
    display: none !important;
}





/*-----------------------------------------------------------
	よくあるご質問・お問い合わせ上部
-----------------------------------------------------------*/
.formTop{
	margin: 20px 10px;
	font-size: 14px;
	text-align: justify;
}
.formTop .applicationBtn{
	text-align: center;
}





/*-----------------------------------------------------------
	バルブのきほん
-----------------------------------------------------------*/
.th88-popup{
    bottom: 5px;
    left: 5px;
    width: 50%;
    padding: 5px;
}
.th88-popup-01{
    width: 80%;
}
.th88-close{
    right: 5px;
    top: -25px;
    width: 30px;
    height: 30px;
}
.th88-close:before{
    left: 27%;
    width: 50%;
    height: 2px;
}
.th88-close:after{
    left: 27%;
    width: 50%;
    height: 2px;
}

/*-- サイドポップアップ　*/
.fixed_btn
{
  position: fixed; z-index: 9999;
  bottom: 260px; 
  right: 0px;
  padding: 0px 0px;
　
}

.fixed_btn img
{
  width: 74px;
　
}




/*-----------------------------------------------------------
	水素社会への取り組みバナー
-----------------------------------------------------------*/
.hydrogen-banner-links{
    margin: 20px auto 40px;
}
.hydrogen-line-link{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
}
.hydrogen-line-link:nth-child(2n){
    margin-right: 0;
}





/*-----------------------------------------------------------
	拠点一覧固定ナビ
-----------------------------------------------------------*/
.company-nav{
    width: auto;
    margin-top: 20px;
    border: 5px solid #CFE8C5;
    background: #CFE8C5;
}
.company-nav-list{
    width: 100%;
}
.company-nav-item{
    width: 33.3%;
}
.company-nav-item:nth-child(2){
    width: 33.3%;
}
.company-nav-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 2px;
}
.company-nav-item>a{
    border-right: 1px solid #999;
}
.company-nav-item>a br{
    display: inherit;
}
.company-nav-list li .company-nav-body {
    width: 100%;
}
.company-nav-body .company-nav-body-inner {
    left: 0;
    width: 100%;
    padding: 0 1% 10px;
}
.company-nav-body .company-nav-body-inner a:nth-child(n+3){
    margin-top: 5px;
}





/*-----------------------------------------------------------
	近くのフジキン再発見
-----------------------------------------------------------*/
.discovery-wrap{
    margin-top: 20px;
}
.discovery-kome{
    margin: 10px;
    line-height: 1.5;
    font-size: 10px;
}
.discovery-area{
    margin: 20px 10px;
}
.discovery-left{
    float: none;
    margin-bottom: 10px;
}
.discovery-area .discovery-left{
    width: auto;
}
.discovery-exterior{
    float: left;
    width: 49%;
    margin: 0 2% 10px 0;
    padding: 5px;
}
.discovery-exterior:nth-child(2n){
    margin: 0 0 10px;
}
.discovery-exterior-name{
    font-size: 10px;
}
.discovery-area .discovery-right{
    margin-left: auto;
}
.discovery-right p{
    text-align: justify;
}
.discovery-access-wrap{
    margin: 20px 0 0;
    padding: 10px;
}
.discovery-access-heading1{
    margin: 0;
    font-size: 16px;
}
.discovery-access-heading3{
    margin: 0 0 2px;
    font-size: 14px;
}
.discovery-person{
    margin: 60px 0 0;
    padding: 20px 10px;
}
.discovery-person:before{
    top: -30px;
    width: 174px;
    height: 30px;
}
.discovery-person .discovery-left{
    width: auto;
    margin: 0 auto 20px;
}
.discovery-person .discovery-left>img{
    float: left;
    width: 20%;
    margin-bottom: 0;
}
.discovery-left-sp>img{
    width: 60%;
}
.discovery-person .discovery-left-sp{
    margin-left: 24%;
}
.discovery-name-jp{
    font-size: 16px;
}
.discovery-joined{
    font-size: 12px;
}
.discovery-name-en{
    font-size: 10px;
}
.discovery-career{
    margin: 10px 0 0;
    font-size: 12px;
}
.discovery-person .discovery-right{
    margin-left: auto; 
}
.discovery-right-contents{
    margin-bottom: 20px;
}
.discovery-slider{
    margin: 20px 0;
}

/*-----------------------------------------------------------
	サポート - 動画一覧
-----------------------------------------------------------*/
.pressureTableWrap{
	overflow: scroll;
}
.pressureTable{
	width: 1000px;
}


/*-----------------------------------------------------------
	サポート - 動画一覧
-----------------------------------------------------------*/
#movielistTop{
	margin: 40px 10px;
}
.movielistTopNav{
	width: 100%;
	margin: 0 2% 10px 0;
}
.movielistTop:nth-child(2n){
	margin-right: 0;
}
.movielistTop a{
	display: block;
	min-height: 166px;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	background: linear-gradient(to top, #efefef, #FFF);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.movielistTop img{
	max-width: 170px;
}
.movielistTop h2{
	margin: 10px 0 0;
	font-size: 14px;
}
.movielistTop p{
}
.movielistTop br{
	display: none;
}
.movielistTop .fa{
	display: none;
}

/*-----------------------------------------------------------
	動画一覧固定ナビ
-----------------------------------------------------------*/
.movielist-nav{
    width: auto;
    margin-top: 20px;
    border: 5px solid #94C5EF;
    background: #94C5EF;
}
.movielist-nav-list{
    width: 100%;
}
.movielist-nav-item{
    width: 33.3%;
}
.movielist-nav-item:nth-child(2){
    width: 33.3%;
}
.movielist-nav-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 2px;
}
.movielist-nav-item>a{
    border-right: 1px solid #999;
}
.movielist-nav-item>a br{
    display: inherit;
}
.movielist-nav-list li .movielist-nav-body {
    width: 100%;
}
.movielist-nav-body .movielist-nav-body-inner {
    left: 0;
    width: 100%;
    padding: 0 1% 10px;
}
.movielist-nav-body .movielist-nav-body-inner a:nth-child(n+3){
    margin-top: 5px;
}

/*-----------------------------------------------------------
	見舞見舞い
-----------------------------------------------------------*/
#shochu{
	#position: static;
	width: auto;
	height: auto;
	margin: 0 10px;
	margin-top: -30px;
	background: none;
	overflow: visible;
	background: url("../../company/shochu/2021/img/shochu_back_s.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
#shochuImg img{
	display: block;
	width: 70%;
	margin: 0 auto 5px;
}
#shochuCOO{
	display: block;
	position: static;
	padding: 0;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
	color: inherit;
	background: none;
}
#shochuCOOName{
	text-align: inherit;
	font-size: 20px;
}
#shochuContents{
	width: auto;
	padding: 150px 0 0;
}
#shochuHeading{
	margin: 20px 0 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}
#shochuHeading br{
	display: none;
}
.shochuSmall{
	font-size: 14px !important;
}
#shochuNagare{
	width: 50%;
	margin: 20px 0 60px auto;
}
#shochuContents h3{
	margin: 20px 0 15px;
	font-size: 16px;
}
#shochuContents p{
	margin: 15px 0 0;
	line-height: 1.5em;
}

.ShochuRtext{
	margin: 0 0 10px;
	line-height: 1.0em;
	color: #000;
	text-align: right;
}
	
#shochuTop{
	margin: 40px 10px;
}
.shochuTopNav{
	width: 49%;
	margin: 0 2% 10px 0;
}
.shochuTopNav:nth-child(2n){
	margin-right: 0;
}
.shochuTopNav:nth-child(3){
	margin-right: 2%;
}
.shochuTopNav a{
	display: block;
	min-height: 166px;
	padding: 10px;
	border-radius: 5px;
	color: inherit;
	background: linear-gradient(to top, #efefef, #FFF);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.shochuTopNav img{
	max-width: 170px;
}
.companyTopNav h2{
	margin: 10px 0 0;
	font-size: 14px;
}
.companyTopNav p{
}
.companyTopNav br{
	display: none;
}
.companyTopNav .fa{
	display: none;
}



}