@charset "UTF-8";
@media screen and (max-width: 540px){
.mt75 {margin-top: 75px;}

body,h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,dl,dt,dd,address,form,blockquote,article,section,figure,textarea,input,select{
 margin: 0;
 padding: 0;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Helvetica,"MS Pゴシック","MS PGothic",sans-serif;
}
body {
 -webkit-text-size-adjust: 100%;
}

img{
 border: none;
 vertical-align: top;
 line-height: 0;
 display: block;
 width: 100%;
}
ul{
 list-style: none;
}
a{
 outline: none;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
}
a img{
 border: 0px;
}

.clear{
 clear: both;
}


.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 100px; }
.mt110{ margin-top: 110px; }
.mt120{ margin-top: 120px; }
.mt130{ margin-top: 130px; }
.mt140{ margin-top: 140px; }
.mt150{ margin-top: 150px; }
.mt160{ margin-top: 160px; }
.mt170{ margin-top: 170px; }
.mt180{ margin-top: 180px; }
.mt190{ margin-top: 190px; }
.mt200{ margin-top: 200px; }




.w170{ width: 170px; }
.w202{ width: 202px; }
.w139{ width: 139px; }
.w138{ width: 138px; }

.w170 img,
.w202 img,
.w139 img,
.w138 img{
 width: 100%;
}

.sp_invisible {
	display: none;
}
.br-pc {
	display: none;
}


.head{
 position: absolute;
 z-index: 3;
 width: 100%;
 margin: 0 auto;
 left: 0;
 right: 0;
}
.main_slide{
 position: relative;
 z-index: 1;
 margin: 0;
}

/*ハンバーガーメニュー*/
#top-head,  .inner {
	width: 100%;
	padding: 0;
}
#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
	z-index: 9999;
}
#top-head .logo {
	float: left;
	padding: 30px 0 0 15px;
}
#top-head .logo img {
	width: 120%;
	margin-left: 0;
}
#global-nav ul li {
	padding: 0;
}
/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}
#mobile-head {
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	height: 80px;
	z-index: 999;
	position: relative;
}
/* 開いてないときは画面外に配置 */
#global-nav {
	position: absolute;
	top: -790px;
	background: rgba(4, 58, 126, 0.9);
	width: 100%;
	text-align: center;
	padding: 10px 0 20px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 11px;
	display: block;
}
#global-nav ul li {
	float: none;
	position: static;
	width: 100%;
}
#global-nav ul li:after {
	display: none;
}
.list-inline li a {
    width: 49%;
    float: left;
    display: block;
    color: #fff;
    padding: 24px 0;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
.list-inline li a {
    width: 49%;
    float: left;
    display: block;
    color: #fff;
    padding: 25px 0;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}
.list-inline{
	margin: 0 auto;
	width: 90%;
	overflow: hidden;
}
.list-inline2 li a,
.list-inline3 li a {
	width: 90%;
	margin: 0 auto;
	display: block;
	color: #fff;
	padding: 30px 0;
	font-size: 20px;
	text-decoration: double;
	border-bottom: 1px dotted #fff;
}
.list-inline3 {
	margin-top: 20px;
}
.list-inline3 li a {
	border-bottom: none;
	padding-left: 60px;
}
.list-inline2 li:last-child {
	border-left: none;
}
.col4 {
	background: url(/img/icon-menu.svg) left no-repeat;
	background-size: 30px;
	background-position: 130px;
}
.col1 {
	background: url(/img/mark3.png) left no-repeat;
  background-size: 110px;
  background-position: 45px;
}
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 16px;
	top: 20px;
	width: 50px;
	height: 40px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #043a7e;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#nav-toggle {
	display: block;
}
#nav-toggle::after {

	position: absolute;
	left: -1px;
	bottom: -12px;
	content: 'MENU';
	display: block;
	width: 54px;
	color: #043a7e;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1.5px;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 15px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 15px;
	width: 50px;
	left: 0;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #nav-toggle::after{
	content: 'CLOSE';
	bottom: -16px;
	left: -3px;
}
/* #global-nav スライドアニメーション */
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(870px);
	-webkit-transform: translateY(870px);
	transform: translateY(870px);
}

/**/



.head_mark{
 width: 400px;
 margin: 0 auto;
 margin-top: 220px;
}

.head_mark img{
 width: 100%;
}

.head_mark_thought{
 width: 270px;
 margin-top: 100px;
 margin-right: 10px;
 float: right;
}
.head_mark_thought img{
 width: 100%;
}

.head_mark_history{
 width: 80%;
 margin: 0 auto;
 padding-top: 200px;
}

.head_mark_history img{
 width: 100%;
}

.head_mark_kenshu{
 width: 81%;
 margin: 0 auto;
 padding-top: 315px;
 padding-left: 80px;
}

.head_mark_kenshu img{
 width: 100%;
}

.head p {
    margin: 0 auto;
    padding: 10px;
    width: 300px;
    background: rgba(66, 127, 181, 0.46);
    color: #fff;
    text-align: center;
    font-size: 20px;
    box-shadow: 0 0 150px rgba(66, 127, 181, 1);
    text-shadow: 1px 1px 5px rgba(14, 97, 156, 1);
}






.bnav{
 background-color: #f5f5f4;
}
.bnav_area{
 width: 100%;
 position: fixed;
 top: 80px;
 /* margin: 80px auto 0; */
 z-index: 999;
}
.bnavs{
 width: 50%;
 float: left;
 /* padding: 0 26px; */
}
.bnavs img{
 width: 100%;
}






/* .mainbg01{ background: url(img/mainbg.jpg) no-repeat; } */
.mainbg01{ background: url(img/mainbg2.jpg) no-repeat; }
.mainbg02{ background: url(img/mainbg.jpg) no-repeat; }
.mainbg03{ background: url(img/mainbg.jpg) no-repeat; }
.mainbg04{ background: url(img/mainbg.jpg) no-repeat; }
.mainbg05{ background: url(img/mainbg.jpg) no-repeat; }
.mainbg_thought{ background: url(img/thought.jpg) no-repeat; }
.mainbg_kenshu{ background: url(img/kenshu.jpg) no-repeat; }
.mainbg_energy{ background: url(img/energy.jpg) no-repeat; }
.mainbg_gas{ background: url(img/gas.jpg) no-repeat; }
.mainbg_sekiyu{ background: url(img/sekiyu.jpg) no-repeat; }
.mainbg_yunyu{ background: url(img/yunyu.jpg) no-repeat; }
.mainbg_dyson{ background: url(img/dyson.jpg) no-repeat; }
.mainbg_history{ background: url(img/history.jpg) no-repeat; }
.mainbg01,
.mainbg02,
.mainbg03,
.mainbg04,
.mainbg05,
.mainbg_dyson{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 730px;
 background-position: 50% 50%;
}
.fv_logo {
  position: relative;
  top: 15%;
}
.fv_logo__link {
  display: block;
  max-width: 85vw;
  margin: 0 auto;
  position: relative;
  bottom: 10vh;
}
.mainbg_yunyu,
.mainbg_energy,
.mainbg_gas,
.mainbg_sekiyu,
.mainbg_thought,
.mainbg_kenshu,
.mainbg_history {
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 45% 50%;
}
.mainbg_energy {
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 35% 50%;
}

.white_block{
 height: 80px;
 background-color: #f8f8f7;
 position: absolute;
 z-index: 2;
 bottom: -1px;
 width: 100%;
 -webkit-border-top-left-radius:40px;

 -moz-border-top-left-radius:40px;
 border-top-left-radius: 40px;
 -webkit-border-top-right-radius:40px;
 -moz-border-top-right-radius:40px;
 border-top-right-radius: 40px;
}
.white_block2{
 height: 80px;
 background-color: #fff;
 position: absolute;
 z-index: 2;
 bottom: -1px;
 width: 100%;
 -webkit-border-top-left-radius:40px;
 -moz-border-top-left-radius:40px;
 border-top-left-radius:40px;
 -webkit-border-top-right-radius:40px;
 -moz-border-top-right-radius:40px;
 border-top-right-radius:40px;
}
.energy_ic{
 width: 326px;
 margin: 0 auto;
 margin-top: -90px;
}
.energy_ic img{
 width: 326px;
}



.logo_area{
 width: 90%;
 margin: 0 auto;
 margin-top: 100px;
}
.logo-ttl{
 padding-bottom: 20px;
 border-bottom: 1px solid #666;
}
.logo-ttl img{
 width: 60%;
 margin: 0 auto;
}
.logo_area_l{
 width: 200px;
 margin: 30px auto 30px;
}
.logo_area_r{
 width: 100%;
 float: left;
 font-size: 18px;
 color: #333;
 text-align: justify;
 line-height: 1.7;
}





.white_area_copy{
 margin: 0 auto;
 width: 90%;
}

.white_area_copy2{
 margin: 0 auto;
 width: 90%;
 padding-top: 70px;
}


.white_area{
 background-color: #f8f8f7;
}
.white_area2{
 background-color: #fff;



}

.pnav{
 width: 100%;
 margin: 0 auto;
 padding-top: 60px;
 padding-bottom: 80px;
}
.pnavs img{
 width: 90%;
 overflow: hidden;
 margin: 0 auto;
 padding-bottom: 20px;
}
.sub-area {
    width: 100%;
    margin: 0 auto;
}


.th60_area{
 background: url(img/th60bg.jpg) no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 480px;
 background-position: 65% 50%;
 position: relative;
 z-index: 1;
}
.th60_area_copy{
 position: absolute;
 z-index: 2;
 top: -10px;
 right: 55px;
 width: 310px;
}
.th60_area_copy img{
 width: 115%;
}
.th60_area_to{
 position: absolute;
 z-index: 2;
 top: 420px;
 right: 284px;
 width: 250px;
}
.th60_area_to img{
 width: 100%;
}

.lore{
 width: 100%;
}
.lores,
.loresline{
 /* float:left; */
}
.lores img,
.loresline img{
 width: 50%;
 float: left;
 height: auto;
}
.lores{
 /* width: 100%; */
}





.lore2{
 width: 100%;
}
.lores2,
.loresline2{
 float:left;
}
.lores2 img,
.loresline img{
 width: 100%;
}
.lores2{
 width: 50%;
}














.white_area_under{
 padding: 100px 0px 100px 0px;
}
.white_area_under_copy{
 width: 100%;
 margin: 0 auto;
}
.white_area_under_copy img{
 width: 90%;
 margin: 0 auto;
}
.top_bnrs {
  background-color: #f8f8f7;
  padding: 0 0 20px 0;
  max-width: 90vw;
  margin: 0 auto;
}
.top_bnrs a {
  display: block;
  margin-bottom: 15px;
}

#footer{
 background-color: #f8f8f7;
 padding: 26px 0px 26px 0px;
 text-align: center;
 color: #333;
}
#footer a{
 color: #333;
 text-decoration: underline;
}
.flogo{
 width: 200px;
 margin: 0 auto;
}
.flogo img{
 width: 100%;
}

.fnav{
 font-size: 17px;
 padding-top: 20px;
 padding-bottom: 10px;
}
.fnav_cr{
 font-size: 12px;
}




.blue_area{
 background-color: #1a3b87;
 padding-top: 60px;
}
.h150{
 height: 150px;
}
.h100{
 height: 100px;
}
.h80{
 height: 80px;
}
.h60{
 height: 60px;
}
.h50{
 height: 50px;
}
.h40{
 height: 40px;
}
.h30{
 height: 30px;
}
.h20{
 height: 20px;
}
.white_area_copy_tx{
 width: 90%;
 margin: 0 auto;
}
.white_area_copy_txs{
 width: 100%;
 border-bottom: 1px dashed #fff;
 color: #fff;
 font-size: 18px;
 text-indent: 10px;
 text-align: center;
 padding: 18px 0;
}
.white_area_copy_txs span{
 font-size: 45px;
 font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.white_area_box{
 width: 100%;
 margin: 0 auto;
 padding-top: 80px;
 padding-bottom: 100px;
}
.white_area_box_l{
}
.white_area_box_r{
 width: 58%;
 margin: 20px auto;
}
.white_area_box_l,
.white_area_box_c,
.white_area_box_c_txt,
.white_area_box3_l,
.white_area_box2_r,
.history_txt,
.white_area_box2_r2,
.white_area_box2_c2,
.white_area_box5_r,
.white_area_box6_l {
 font-size: 18px;
 text-align: justify;
 line-height: 2em;
 width: 90%;
 margin: 0 auto;
}
.white_area_box_c_name{
 float: right;
 width: 33%;
 position: relative;
 right: 120px;
 top: 20px;
}
.white_area_box_r img
.white_area_box_c_name img{

 width: 100%;
}
.white_area_box_c_name2{
 float: right;
 font-size: 19px;
 position: relative;
 right: 140px;
 top: 32px;
}
.white_area_box5_r {
 position: relative;
 top: -340px
}
.white_area_box5_r_gasv1,
.white_area_box5_r_gasv2 {
/*position: relative;
 top: -690px;*/
}




.densho_main01{ background: url(img/densyo_01bg.jpg) no-repeat; }
.densho_main02{ background: url(img/densyo_02bg.jpg) no-repeat; }
.densho_main03{ background: url(img/densyo_03bg.jpg) no-repeat; }
.voice_main01{ background: url(img/voice_01bg-sp.jpg) no-repeat; }
.voice_main02{ background: url(img/voice_02bg-sp.jpg) no-repeat; }
.voice_main03{ background: url(img/voice_03bg-sp.jpg) no-repeat; }
.voice_main04{ background: url(img/voice_04bg-sp.jpg) no-repeat; }

.densho_main03,
.voice_main01,
.voice_main02,
.voice_main03,
.voice_main04{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 50% 50%;
}

.densho_main01{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 30% 50%;
}
.densho_main02{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 0% 50%;
}
.densho_main03{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 10% 50%;
}

.densho_mainbox{
 margin: 0 auto;
 padding-top: 499px;
}
.densho_mainbox img{
 width: 100%;
}
.densho-2 {
 margin: 0 auto;
 padding-top: 322px;
 width: 320px;
}
.recruit_main{ background: url(img/recruitbg.jpg) no-repeat; }
.recruit_main{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 500px;
 background-position: 40% 50%;
}
.recruit_mainbox{
 width: 100%;
 margin: 0 auto;
 padding-top: 209px;
}
.recruit_mainbox img{
 width: 95%;
 margin: 0 auto;
}


.recruit_main2{ background: url(img/recruit_bg2.jpg) no-repeat; }
.recruit_main2{
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 width: 100%;
 height: 200px;
 background-position: 50% 50%;
}



.white_area_box2,
.white_area_box3{
 width: 100%;
 margin: 0 auto;
 padding-top: 100px;
}

.white_area_box4{
 width: 100%;
 margin: 0 auto;
 padding-top: 100px;
}

.white_area_box2_l img{
 width: 90%;
 margin: 0 auto 30px;
}
.d1 {
 display: block;
 position: relative;
 top: -380px;
}
.d1img {
 display: block;
 position: relative;
 top: 220px;
}
.d2 {
 display: block;
 position: relative;
 top: -375px;
}
.d2img {
 display: block;
 position: relative;
 top: 545px;
}
.d3 {
 display: block;
 position: relative;
 top: -515px;
}
.d3img {
 display: block;
 position: relative;
 top: 650px;
}




.white_area_box2_l2{
 margin-bottom: 30px;
}
.white_area_box2_r2,
.white_area_box2_c2{
 width: 90%;
 margin: 0 auto;
}
.white_area_box2_l2 img{
 width: 100%;
}
.white_area_box2_c2{
 margin-top: 100px;
}

.rnav{
 width: 80%;
 margin: 0 auto;
 margin-top: 100px;
}
.rnavs{padding-bottom: 8px;}



.sekiyu_line{
 padding: 30px 0;
 text-align: center;
 color: #fff;
 background-color: #e36f1a;
 font-weight: bold;
 line-height: 1.4em;
 font-size: 22px;
 letter-spacing: 0.1em;
}
.gas_line{
 padding: 30px 0px;
 text-align: center;
 color: #fff;
 background-color: #1a3b87;
 font-weight: bold;
 line-height: 1.4em;
 font-size: 22px;
 letter-spacing: 0.1em;
}

.to_densho{
 width: 90%;
 margin: 0 auto;
}
.to_densho a:nth-child(1) img {
  margin-bottom: 15px;
}
.to_densho img{
 margin: 0 auto;
}


.dd_areas{
 width: 332px;
}


.white_area_box5_ti{
 font-size: 24px;
 border-left: solid 3px #1a3b87;
 /* text-indent: 18px; */
 /* letter-spacing: 0.15em; */
 width: 95%;
 margin: 0 auto;
 padding-left: 5px;
}
.white_area_box5_tx,
.white_area_box5_tx2{
 font-size: 18px;
 border-bottom: dotted 1px #000;
 padding: 10px 0;
 margin: 0 auto 30px;
 width: 93%;
}



.white_area_box5_rti{
 font-size: 18px;
 margin-bottom: 30px;
}
.white_area_box5_rti span{
 background-color: #1a3b87;
 color: #fff;
 padding: 2px 6px 2px 6px;
 margin-right: 12px;
}

.white_area_box5_rtx{
 font-size: 18px;
}
.white_area_box5_gr{
 background-color: #f8f8f8;
 font-size: 18px;
 padding: 10px 20px;
 line-height: 1.8em;
}





.white_area_box5{
 width: 100%;
 margin: 0 auto;
 margin-top: 60px;
}
.white_area_box5_l{
 width: 90%;
 margin: 0 auto;

 position: relative;
 top: 315px;
}
.white_area_box5_l_gas{
 width: 90%;
 margin: 0 auto;
 position: relative;
 top: 385px;
}
.white_area_box5_l_gasv1{
 width: 90%;
 margin: 0 auto;
 position: relative;
 top: 1370px;
}
.white_area_box5_l_gasv2{
 width: 90%;
 margin: 0 auto;
 position: relative;
 top: 1448px;
}
.white_area_box5_l_ene1,
.white_area_box5_l_yunyu{
 width: 90%;
 margin: 0 auto;
 position: relative;
 top: 390px;
}
.white_area_box6_r{

 width: 90%;
 margin: 0 auto;
}



.dd_area{
 width: 100%;
 margin: 0 auto;
}
.dd_area2{
 /* width: 698px; */
 margin: 0 auto;
}
.dd_areas{width: 95%;margin: 0 auto 70px;}
.dd_areas_tx{padding: 10px 0 5px;border-bottom: 1px solid #e36f1a;font-size: 20px;margin: 0 auto 15px;color: #e36f1a;font-weight: bold;text-align: center;line-height: 1.3;}
.dd_areas_tx span{
 background: url(img/eneos.svg) no-repeat center left;
 height: 21px;
 padding-left: 30px;
}
.dd_areas_tx2,
.dd_areas_tx4{
 font-size: 18px;
 padding-top: 4px;
 text-align: left;
 margin: 0 auto;
 width: 90%;
}
.dd_areas_tx2 a{
 text-decoration: underline;
 color: #000;
}
.dd_areas_tx3{
 padding-top: 10px;
 text-align: center;
 width: 80px;
 margin: 0 auto;
}
.dd_areas_img{
 width: 90%;
 margin: 25px auto 0;
}
.white_area_box_c{
 width: 95%;
}
.white_area_box_c_txt{
 width: 50%;
 float: right;
 margin-right: 5%;
}

.tobusiness_bnr{
 width: 90%;
 margin: 80px auto 0;
 padding-top: 50px;
 padding-bottom: 50px;
 border-top: 1px solid #0a3b87;
}


.white_area_box3_l{
 width: 90%;
 margin: 0 auto;
}
.white_area_box3_r{
 width: 90%;
 margin: 0 auto;
}
.white_area_box3_r img{
 width: 100%;
}








.recruit_area{
 width: 90%;
 margin: 0 auto;
 margin-top: 80px;
}
.recruit_area_box p{
	color: #0a3b87;
	font-weight: bold;
	text-align: center;
	font-size: 25px;
	padding: 10px 0;
}
.recruit_area_box{
 width: 100%;
 margin: 0 auto;
 padding-top: 16px;
 padding-bottom: 16px;
 border-bottom: dotted 1px #000;
 font-size: 18px;
 line-height: 1.8em;
}
.recruit_area_box_l{
 width: 150px;
 float: left;
 text-align: center;
}
.recruit_area_box_r{
 float: left;
 width: 60%;
}
.recruit_area_box_r a{
 text-decoration: underline;
 color: #0a3b87;
}
.mb_100{
	margin-bottom: 100px;
}





.contact_area{
 margin-top: 80px;
 margin-bottom: 54px;
}
.contact_area_box{
 width: 70%;
 margin: 0 auto;
}
.contact_area_box_l{
 float: left;
 font-size: 18px;
 padding-right: 10px;
}
.contact_area_box_l2{
 /* float: left; */
 padding-right: 10px;
 /* padding-top: 16px; */
}
.contact_area_box_l2 span{
 color: #fff;
 background-color: #0a3b88;
 padding: 5px;
}
.contact_area_box_r{
 font-size: 18px;
 padding-top: 16px;
 padding-bottom: 16px;
}


.addtx{
 text-align: center;
 font-size: 18px;
 line-height: 1.8em;
 margin-top: 70px;
}
.addtx b{
 font-size: 24px;
}
.addtxtel{
 width: 450px;
 margin: 0 auto;
 margin-top: 30px;
}
.addtxtel img{
 width: 100%;
}




.formbutton{
 width: 350px;
 height: 60px;
 margin: 0 auto;
}
.to{
 background: url(img/to.svg) no-repeat;
 background-size: 350px 60px;
 width: 350px;
 height: 60px;
 border: none;
}
.to span{
 display: none;
}
input,
textarea{
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 8px 8px 8px 8px;
 background:none;
 -webkit-appearance:none;
 border: 1px solid #ccc;
 outline: none;
 font-size: 18px;
 width: 95% !important;
}




#map_canvas{
 width: 100%;
 height: 300px;
}








.yunyu_i_area{
 width: 90%;
 margin: 0 auto;
}
.yunyu_i{
 width: 48%;
 float: left;
 margin-bottom: 10px;
 font-size: 15px;
}
.mr0{
	float: right;
}

.yunyu_i span{
    background-color: #a2212e;
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    display: inline-block;
}

.yunyu_i img{
 width: 100%;
}
.wine-bnr {
  text-align: center;
  margin: 3vh auto;
}
.wine-bnr a {
  display: inline-block;
}
.yunyu_tx{
 text-align: center;
 font-size: 18px;
 line-height: 1.8em;
}




.fatx01{
 font-size: 15px;
 line-height: 2em;
}
.fatx02{
 font-size: 20px;
 line-height: 2em;
}
.fatx03{
 margin-top: 25px;
 font-size: 15px;
 line-height: 2em;
}
.fatx03 span{
 border: solid 1px #fff;
 padding: 5px 30px 5px 30px;
}
.fatxbox{
 position: relative;
 top: 25%;
}




.logoicbnr{
 margin: 0 auto;
}
.logoicbnr img{
 width: 100%;
}
.logoictxt{
 text-align: center;
 font-size: 26px;
 font-weight: bold;
 margin-bottom: 20px;
}



.history_area{
 width: 100%;
 margin: 0 auto;
 margin-top: 100px;
}
.history_box{
 width: 90%;
 margin: 0 auto;
 background: url(img/history_box.png) no-repeat;
 background-size: 240%;
 position: relative;
}
.history_txt{
 margin-top: 50px;
}
.history_box table{
 width: 100%;
 padding-top: 100px;
 margin: 0 auto;
}
.history_box th,
.history_box td{
 color: #7a6a56;

 font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
 font-size: 18px;
 line-height: 2.6em;
 vertical-align: top;
}
.history_box th{
 width: 100px;
 text-align: left;
 font-weight: normal;
}
.history_box td{
 padding-left: 20px;
 border-left: solid 1px #7a6a56;
 line-height: 1.8;
}

.history_to{
 position: relative;
 top: 400px;
 width: 230px;
 margin: 0 auto;
 text-align: center;
 z-index: 9;
}
.history_to a {
 margin: 0 auto;
 width: 200px;
 display: block;
 font-size: 17px;
 color: #fff;
 background-color:  #234596;
 line-height: 3em;
 text-decoration: none;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}



/*------ブログ------*/

.news{
 width: 100%;
 margin: 0 auto;
 padding-top: 100px;
}
.news_ti{
 margin-bottom: 20px;


}
.news_ti img{
 width: 100%;
}

.news_area{
 border-bottom: solid 1px #f5f5f5;
 padding: 14px 20px 14px 20px;
}
.news_day{
 float: left;
 font-size: 16px;
 color: #333;
}

.news_cat_blue,
.news_cat_red{
 float: left;
 width: 56px;
 margin-left: 20px;
 margin-right: 20px;
 padding-top: 2px;
}
.news_cat_blue img,
.news_cat_red img{
 width: 56px;
}

/*
.news_cat_blue,
.news_cat_red{
 float: left;
 font-size: 12px;
 color: #fff;
 width: 56px;
 margin-left: 20px;
 margin-right: 20px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 text-align: center;
}
.news_cat_blue a,
.news_cat_red a{
 color: #fff;
}
.news_cat_blue a:hover,
.news_cat_red a:hover{
 color: #fff;
 text-decoration: none;
}
.news_cat_blue{
 background-color: #234596;
}
.news_cat_red{
 background-color: #dc1022;
}
*/

.news_til{
 float: left;
 font-size: 18px;
 color: #333;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.news_til a{
 color: #333;
}
.news_ar{
 float: right;
 font-size: 17px;
 color: #333;
 position: relative;
}
.news_ar a{
 color: #333;
 position: absolute;
 right: 5px;
}








.news_to{
 width: 230px;
 margin: 0 auto;
 margin-top: 50px;
 text-align: center;
}
.news_to img{
 width: 230px;
}
.news_to a {
 margin: 0 auto;
 width: 200px;
 display: block;
 font-size: 17px;
 color: #fff;
 background-color:  #234596;
 line-height: 3em;
 text-decoration: none;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}



.blog_ti{
 font-size: 24px;
 color: #234596;
 line-height: 1.8em;
 border-bottom: solid 1px #234596;
}
.blog_day{
 margin-top: 10px;
 font-size: 15px;
 color: #333;
}
.blog_tx{
 margin-top: 40px;
 font-size: 18px;
 color: #333;
 line-height: 1.6em;
}
.blog_tx img {
  height: auto;
}

.infonav_area{
 width: 95%;
 margin: 0 auto;
 margin-top: 60px;
 font-size: 15px;
 text-align: center;
 line-height: 3em;
 margin-bottom: 100px;
 /* color: #fff; */
}
.infonav_area_l,
.infonav_area_c{
 float: left;
}
.infonav_area_c{
 /* margin-left: 98px; */
}
.infonav_area_r{
 float: right;
}
.infonav_area_l,
.infonav_area_c,
.infonav_area_r{
 width: 171px;
}
.infonav_area_l a,
.infonav_area_c a,
.infonav_area_r a{width: 168px;display: block;color: #234596;text-decoration: none;border: solid 1px #234596;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}





.inmain_i img{
 width: 100%;
}

.in_area{
 width: 90%;
 margin: 0 auto;
 padding: 140px 0px 80px 0px;
}

.in_ti{
 font-size: 39px;
 color: #234596;
 font-weight: bold;
 text-align: center;
 margin-bottom: 80px;
}
.in_tx{
 font-size: 15px;
 line-height: 2.8em;
 color: #333;
 text-align: justify;
}

.in_txmin{
 margin-top: 60px;
 font-size: 15px;
 color: #333;
 text-align: right;
 font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
/*----ブログ end----*/

.txt404 {
 width: 90%;
 margin: 70px auto 0;
 text-align: center;
 font-size: 18px;
}
.txt404 a {
 color: #0a3b87;
}




.sp-thought {
 margin-top: 50px;
 width: 100%;
}
.sp-company {
 height: 180px;
}
.sp-recruit {
 height: 80px;

}
.sp-recruit-b2 {
 margin-top: 40px;
}
.sp-voice {
 height: 100px;
}


.sp-voice2 {
 width: 90%;
 margin: 0 auto;
}
.sp-sekiyu {
 margin-top: 30px;
}

.button-1 {
	text-align: center;
	margin-top: 15px;
}
.button1{
	background: rgb(188, 27, 33);
	color: #fff;
	border: 2px solid #fff;
	font-size: 20px;
	padding: 12px 25px;
	letter-spacing: 1px;
}
/*新採用*/
  .inner-efo-default-theme {
    width: 95%;
    margin: 0 auto 10%;
  }
  .js-efo-inner-mqpbgppagz {
    border: none!important;
  }
  .ttl-item {
    margin-bottom: 8px;
  }
  .inner-efo-default-theme .button-primary:not(:disabled):focus, .inner-efo-default-theme .button-primary:not(:disabled):hover {
      color: #fff!important;
      background: #0a3977!important;
      border-color: #0a3977!important;
  }
  .inner-efo-default-theme legend {
      font-size: 1.8rem!important;
      color: #0a3977!important;
      margin: 0 auto 10%;
      padding: 0!important;
  }
  .inner-efo-default-theme .button-primary.button-border {
      color: #0a3977!important;
      background: transparent;
  }
  .inner-efo-default-theme .button-primary {
      border-color: #0a3977!important;
  }
  .mqpbgppagz-name {
    text-align: left;
  }
  .inner-efo-default-theme legend {
    display: none!important;
}
.inner-efo-default-theme fieldset {
    border: none!important;
}
.inner-efo-default-theme fieldset:last-child {
	margin-top: 5vh!important;
}


.title {
  margin: 5vh auto;
  width: 85vw;
  text-align: center;
}

.title img {
  width: 65vw;
  margin: 0 auto 30px;
}
.main_img_top {
  background: url(./img/recruit1_top_sp.png), no-repeat;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 80px;
  height: 500px;
}
.main_txt_top {
  color: #FFF;
  position: relative;
  bottom: 45vw;
}
.kasugai_life {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
}
.kasugai_life .orange_pic,
.kasugai_life .green_pic,
.kasugai_life .red_pic {
height: 55vw;
width: 100%;
object-fit: cover;
}

.kasugai_life #orange,
.kasugai_life #green,
.kasugai_life #red {
  color: #FFF;
  padding-bottom: 20px;
}






/*color*/
.kasugai_life #orange {
  background: #e1690d;
}
.kasugai_life #orange a {
  color: #e1690d;
}
.kasugai_life #green {
  background: #7dac37;
}
.kasugai_life #green a {
  color: #7dac37;
}
.kasugai_life #red {
  background: #99222c;
}
.kasugai_life #red a {
  color: #99222c;
}

.kasugai_life .magenta {
  background: #D52567!important;
}

.kasugai_life .magenta a {
  color: #D52567!important;
}

.kasugai_life .pink {
  background: #DE829A!important;
}

.kasugai_life .pink a {
  color: #DE829A!important;
}

/*Background color*/
.kasugai_life #orange img,
.kasugai_life #green img,
.kasugai_life #red img {
  margin: 0 auto;
  padding-top: 5%;
  width: 50%;
}
.kasugai_life #orange p,
.kasugai_life #green p,
.kasugai_life #red p {
  margin: 0 auto;
  padding-top: 15px;
  letter-spacing: 1px;
  text-align: center;
  font-size: 1.4rem;
  font-family: fot-rodin-pron, sans-serif;
}
.kasugai_life #orange a,
.kasugai_life #red a,
.kasugai_life #green a {
  border: none;
  text-align: center;
  background: #FFF;
  margin: 2vw auto;
  width: 60vw;
  display: block;
  padding: 10px 0;
  border-radius: 30px;
  font-size: 1.4rem;
  font-family: fot-rodin-pron, sans-serif;
}
.kasugai_life #orange a:hover,
.kasugai_life #red a:hover,
.kasugai_life #green a:hover {
  text-decoration: none;
  opacity: .6;
  transition: .7s;
}


.team {
  background: url(./img/bg_team.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  margin: 5vh auto;
}

.team_members {
  margin: 60px auto;
  text-align: center;
}
.member {
  display: inline-block;
  margin-top: 4vh;
}
.member:nth-child(1),
.member:nth-child(2) {
  margin-top: 0;
}
.member img {
  margin: 0 auto;
  width: auto;
}
.member .base-img {
  display: none;
}
.member .hvr-img {
  display: block;
}
.team_members .member:nth-child(3) .member_txt {

  background: #7cb138;

}

.team_members .member:nth-child(4) .member_txt {

  background: #99222c;

}

.team_members .member:nth-child(5) .member_txt {

  background: #D52567;

}

.team_members .member:nth-child(6) .member_txt {

  background: #D52567;

}

.team_members .member:nth-child(7) .member_txt {

  background: #DE829A;

}

.member_txt {
  width: 201px;
  padding-left: 30px;
  background: #e1690d;
  color: #FFF;
  text-align: left;
  border-radius: 45px;
  font-size: 20px;
  margin: 0 auto;
}
.member_txt::after {
  content: url(img/arrow.png);
  position: relative;
  bottom: 40px;
  left: 155px;
}
.member a {
  color: #FFF;
}
.member a:hover {
  opacity: .4;
  transition: .7s;
}
.member_txt p {
  font-family: fot-rodin-pron, sans-serif;
}
.member_txt p:first-child{
  font-size: 16px;
  padding-top: 20px;
}
.member_txt p:last-child{
  font-size: 22px;
}
.member {
  margin: 4vh 2vw;
}
.member_txt {
  position: relative;
}
.member_txt {
  padding: 15px;
}
.member_txt::after {
  position: absolute;
  bottom: 28px;
  left: 185px;
}
.member_txt p:first-child,
.member_txt p:last-child {
  padding-left: 10px;
  padding-top: 0;
}
.about {
  background: url(./img/bg_main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  width: 98%;
  margin: 0 auto;
  padding: 60px 0px;
}

.about_btns {
  margin: 60px auto;
}
.about_btns h2 {
  background: #FFF;
  color: #0a3977;
  font-size: 1.3rem;
  text-align: center;
  padding: 28px 0;
}
.about_btn {
  display: inline-block;
  width: 48vw;
  margin: 3vh auto;
}
.about_btn:nth-child(even) {
  float: right;
}
.about #about-link {
  display: block;
  width: 80vw;
  height: 6vh;
  line-height: 6vh;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  font-size: 1.4rem;
  background: #0a3977;
  border: none;
  border-radius: 45px;
}
.button-line {
  text-align: center;
  margin: 70px 0;
}
.recruit button {
  display: inline-block;
  width: 285px;
  height: 67px;
  border-radius: 40px;
  border: 1px solid #0a3977;
  background: #FFF;
  color: #0a3977;
  padding: 10px;
  font-size: 1.2rem;
  margin: 1vh auto;
  text-align: center;
}
.sub-page {
  margin-top: 80px;
}
.indeed-box {
  width: 90%;
  box-sizing: border-box;
  margin: 4vh auto;
}
.indeed-box h1 {
  font-size: 1.4rem;
  overflow: hidden;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
  padding: 15px 20px;
}
.indeed-box dt {
  font-size: 1.2rem;
  padding: 0 20px 15px;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  width: 20%;
}
.indeed-box dd {
  display: inline-block;
  width: 50%;
  font-size: 1.2em;
}
.indeed-box a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 40px;
  transition: .7s;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
  margin-top: 15px;
}
#recruitcar {
  border: 1px solid #e1690d;
}
#recruitcar a {
  background-color: #e1690d;
  border-top: 1px solid #e1690d;
  padding: 3% 0;
}
#recruitcar a:hover {
  background-color: #fff;
  color: #e1690d;
  line-height: 40px;
  transition: .7s;
}
#recruitcar h1 {
  color: #e1690d;
}
#recruithome {
  border: 1px solid #7cb138;
}
#recruithome a {
  background-color: #7cb138;
  border-top: 1px solid #7cb138;
  padding: 3% 0;
}
#recruithome a:hover {
  background-color: #fff;
  color: #7cb138;
  line-height: 40px;
  transition: .7s;
}
#recruithome h1 {
  color: #7cb138;
}
#recruitwine {
  border: 1px solid #99222c;
}
#recruitwine a {
  background-color: #99222c;
  border-top: 1px solid #99222c;
  padding: 3% 0;
}
#recruitwine a:hover {
  background-color: #fff;
  color: #99222c;
  line-height: 40px;
  transition: .7s;
}
#recruitwine h1 {
  color: #99222c;
}
#recruitkanri {
  border: 1px solid #d52567;
}
#recruitkanri a {
  background-color: #d52567;
  border-top: 1px solid #d52567;
  padding: 3% 0;
}
#recruitkanri a:hover {
  background-color: #fff;
  color: #d52567;
  line-height: 40px;
  transition: .7s;
}
#recruitkanri h1 {
  color: #d52567;
}

#recruitcafe {

  border: 1px solid #DE829A;

}

#recruitcafe a {

  background-color: #DE829A;

  border-top: 1px solid #DE829A;

}

#recruitcafe a:hover {

  background-color: #fff;

  color: #DE829A;

  line-height: 40px;

  transition: .7s;

}

#recruitcafe h1 {

  color: #DE829A;

}


.spbr {
  display: block;
}

/* フローティングバナー */
/* #floating_bnr {
  display: none;
} */
}

@media screen and (max-width: 540px)
{
  .mainbg01 {
    background: url(img/mainbg3.jpg) no-repeat;
}

.fv_logo img {
  width: 80%;
  margin: 0 auto;
}
.fv_logo {
  padding: 3rem 0 0rem;
}

}

@media screen and (max-width: 541px)
{
  .bnr_sp
  {
    display: block;
  }

  .bnr_pc
{
  display: none;
}

.fixBtn {
  bottom: 20px;
  right: 20px;
}

#fixCloseBtn {
  right: -15px;
}

a.bnr_sp img {
  width: 70%;
}
a#fixCloseBtn img {
  width: 45px;
}

.bnr_sp img {
  max-width: 300px;
}

picture.bnr_sp img {
  max-width: 500px;
}

div#fixCloseBtn img {
  max-width: 45px;
}
}