@charset "utf-8";


 /*七等分*/
.col-md-1-7 {
width: 13.29%;
float: left;
}


.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 {
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
@media ( min-width : 768px) {
.col-sm-1-7 {
width: 13.29%;
float: left;
}
}


@media ( min-width : 992px) {
.col-md-1-7 {
width: 13.29%;
float: left;
}
}


@media ( min-width : 1200px) {
.col-lg-1-7 {
width: 13.29%;
float: left;
}
}





.width560{
max-width: 560px;

}

/*--------------------背景色--------------------*/
/*.bg_dot {
    background-size: 18px 18px;
    margin: 0 auto;
    background-color: #fff;
    background-image: radial-gradient(#E3E3E3 10%, transparent 15%), radial-gradient(#E3E3E3 10%, transparent 15%);
}*/

.bg_dot {
background: url(../img/img-common/bg_dot.gif) repeat left top;
}

.bg_blue{
background: #EBF8FC;
}
.bg_check {
	background: url(../img/img-common/bg_check.png) repeat left top;
}




/*--------------------文字色--------------------*/
.blue_ks{
	color: #127FA9 !important;
}


/*--------------------見出し--------------------*/
/*下層大見出し*/
.mainimage05 {
    background: url(../img/img-common/bg_mainimage.jpg) no-repeat center center;
    height: 178px;
    background-size: cover;
    margin: 0 auto;
	text-align: center;
}
.main_ttl05{
	font-size:3.4rem !important;
	padding: 43px 0 0;
	letter-spacing:0.1em;
	color: #444;
}
.main_ttl05 span{
	font-size: 3.2rem;
	display:block;
	letter-spacing:0.15em;
	line-height: 1.3;
	text-shadow:none;
	position: relative;
	padding: 0px 0 0;
	font-weight: bold;
}
.main_ttl05{
	position: relative;
}
.main_ttl05::after{
	content: '';
	width: 160px;
	height: 3px;
	border-top:4px solid #6DD900;
	display: inline-block;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.main_ttl05 img{
	display:block;
    margin: 0 auto 5px;
}
.main_ttl05{
	line-height: 1.8;
	display:inline-block;
}
.main_ttl05 em{color: #878787;font-size: 2.0rem;letter-spacing: 0.05em;margin: 6px 0 16px;display: block;}



/*下層大見出し（主要３ページ）*/
.mainimage06 {
    background: url(../img/img-common/bg_mainimage.jpg) no-repeat center top;
    /*height: 558px;*/
    background-size: cover;
    margin: 0 auto;
	text-align: center;
}
.storage .mainimage06 {
    background: url(../img/img-storage/bg_mainimage.jpg) no-repeat center top;
  }
.repellet .mainimage06 {
    background: url(../img/img-repellet/bg_mainimage.jpg) no-repeat center top;
  }
.reuse .mainimage06 {
    background: url(../img/img-reuse/bg_mainimage.jpg) no-repeat center top;
}
  
  
  
.main_ttl06{
	font-size:3.4rem !important;
	padding: 43px 0 0;
	letter-spacing:0.1em;
	color: #444;
}
.main_ttl06 span{
	font-size: 3.2rem;
	display:block;
	letter-spacing:0.15em;
	line-height: 1.3;
	text-shadow:none;
	position: relative;
	padding: 0px 0 0;
	font-weight: bold;
}
.main_ttl06{
	position: relative;
}
.main_ttl06::after{
	content: '';
	width: 160px;
	height: 3px;
	border-top:4px solid #6DD900;
	display: inline-block;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.main_ttl06 img{
	display:block;
    margin: 0 auto 5px;
}
.main_ttl06{
	line-height: 1.8;
	display:inline-block;
}
.main_ttl06 em{color: #878787;font-size: 2.0rem;letter-spacing: 0.05em;margin: 15px 0 19px;display: block;}

.mainimage06 .catch{
	color: #fff;
	font-weight: bold;
	font-size: 3.2rem;
	padding: 180px 0 0 ;
}
.reuse .mainimage06 .catch {
	padding: 147px 0 0 91px;
	text-align: left;
  }
@media (max-width: 1399px) {
.reuse .mainimage06 .catch {
	padding: 145px 0 0 9%;
 }
}
@media (max-width: 1024px) {
.reuse .mainimage06 .catch {
	padding: 145px 0 0 3%;
 }
}
.reuse .mainimage06 .sub_catch{
	padding: 90px 0 0 ;
}


.repellet .mainimage06 .catch {
	padding: 140px 125px 0 0;
	text-align: right;
	}
@media (max-width: 1399px) {
.repellet .mainimage06 .catch {
	padding: 140px 7% 0 0;
	}
}
@media (max-width: 1024px) {
.repellet .mainimage06 .catch {
	padding: 140px 3% 0 0%;
 }
}
.repellet .mainimage06 .sub_catch{
	padding: 90px 0 0 ;
}


.storage .mainimage06 .catch {
	padding: 147px 0 0 91px;
	text-align: left
	;
	}
@media (max-width: 1399px) {
.storage .mainimage06 .catch {
	padding: 145px 0 0 9%;
	}
}
@media (max-width: 1024px) {
.storage .mainimage06 .catch {
	padding: 145px 0 0 3%;
 }
}

.mainimage06 .catch span{
	font-size: 2.2rem;
	display: block;
	margin:  0 0 20px;
}
.mainimage06 .sub_catch{
	font-size: 2rem;	
	line-height: 2;
	letter-spacing: 0.1em;
	padding: 100px 0 0 ;
}
.ipad .c_cmn_ttl06 i{
    bottom: -12px;
}

.storage .mainimage06 .sub_catch{
	padding: 110px 0 0 ;
}


/*下層中見出し*/
.c_cmn_ttl07{
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
	font-size:2.6rem;
	letter-spacing:0.05em;
	color: #444444;
	font-weight:bold;
	width:100%;
	text-align: center;
}
.c_cmn_ttl07 i{
	display:block;
	margin:0 0 25px;
}
.c_cmn_ttl07 span.sub_ttl{
	font-size:1.8rem;
	display:block;
	padding: 0 0 45px;
}
.c_cmn_ttl07 .sub_ttl i{
	font-size:1.6rem;
    margin: 0 0 25px;
	display:inline;
	font-style:normal;
}
.c_cmn_ttl07 span.border {
	border-bottom:2px solid #333;
	width:50px;
	margin: 0 auto;
	padding: 8px 0 0;
}
.c_cmn_ttl07 span.border {
	border-bottom: 3px solid #E5E5E5;
	width:100%;
	padding: 5px 0 0;
	display: block;
	margin:0 0 20px;
}
.c_cmn_ttl07 span.border em{
	border-bottom: 3px solid #01658B;
	width: 176px;
	padding: 0px 0 0;
	margin:0px auto -0.2%;

	display:block;
	padding: 20px 0 0;
}
.c_cmn_ttl07 p{
	font-size:1.8rem;
	padding:5px 0 35px;
}


/*下層中見出し（背景文字入り）*/
.c_cmn_ttl08{
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
  font-size:2.6rem;
  letter-spacing:0.05em;
  color: #444444;
  font-weight:bold;
  width:100%;
  text-align: center;
  z-index: 2;
  background: #fff;
}
.c_cmn_ttl08 i{
	display:block;
	margin:0 0 25px;
}
.c_cmn_ttl08 span.sub_ttl{
	font-size:1.8rem;
	display:block;
	padding: 0 0 45px;
}
.c_cmn_ttl08 .sub_ttl i{
	font-size:1.6rem;
    margin: 0 0 25px;
	display:inline;
	font-style:normal;
}
.c_cmn_ttl08 span.border {
	border-bottom:2px solid #333;
	width:50px;
	margin: 0 auto;
	padding: 8px 0 0;
	position: relative;
}
.c_cmn_ttl08 span.border {
	border-bottom: 3px solid #E5E5E5;
	width:100%;
	padding: 5px 0 0;
	display: block;
	margin:0 0 0px;
}
.c_cmn_ttl08 span.border em{
	border-bottom: 3px solid #01658B;
	width: 176px;
	padding: 0px 0 0;
	margin:0px auto -0.2%;

	display:block;
	padding: 20px 0 0;
}
.c_cmn_ttl08 p{
	font-size:1.8rem;
	padding:5px 0 35px;
}
.c_cmn_ttl08 b{
position: relative;
}

.c_cmn_ttl08 span.bg{
	display: block;
	/* width: 960px; */
	position: absolute;
	margin: 0 auto;
	/* right: 0; */
	bottom: -7px;
	left: 0;
	text-align: right;
	width: auto;
	width: 50%;
	z-index: -1;
}

.c_cmn_ttl08 i{
	font-size: 12.0rem;
	color: #F2F2F2;
	/* position: absolute; */
	/* bottom: -59px; */
	/* left: 0; */
	line-height: 1;
	z-index: -1;
	font-weight: 300;
	letter-spacing: 0.1em;
	/* right: 0; */
	text-align: right;
	/* width: 50%; */
	margin: 0 14% 0 0;
}
.c_cmn_ttl08 i.small{
	font-size: 9.0rem;
}
.c_cmn_ttl08 i.small_letter{
	letter-spacing: 0.05em;
}

.c_cmn_ttl08 span.bg.small{
width: 100%;
}
.c_cmn_ttl08 span.bg.small i.small{
margin: 0 0% 0 0;
text-align: left;
font-size: 8rem;
}

/*--------------------流れパターン--------------------*/

 /*流れパターン4*/
.cmn_flow_type04 .block{
	text-align:left;
	padding:3% 3%;
	margin:0 0 20px;
	background: #fff;
	border: none;
}

.cmn_flow_type04 .block dl{
	display:block;
	padding:0 4% 0 8%;
}
.cmn_flow_type04 .block dl dt{
	font-size: 2rem;
	font-weight: bold;
	padding:0 0 10px;
	color: #127FA9;
}
.cmn_flow_type04 .block dl dt span{
	font-size:2.8rem;
}
.cmn_flow_type04 .block .blue{
	color:#2779A1;
}
.cmn_flow_type04 .block .green{
	color:#38938C;
}

.cmn_flow_type04 .block .green02{
	color:#327944;
}
.cmn_flow_type04 .block .orange{
	color:#DF7159;
}

.cmn_flow_type04 .block{
	position: relative;
}
.cmn_flow_type04 .block .icon{
	position: absolute;
	top:0;
	left:0;
}
.cmn_flow_type04 .block .icon span{
    font-style: normal;
    color: #499CBB;
    background:url(../img/img-common/flow_icon_bg.png) repeat left top;
    width: 53px;
    height: 59px;
    display: inline-block;
    vertical-align: middle;
    line-height: 59px;
    text-align: center;
    font-size: 3rem;
    padding: 0 5px 0 0;
}
.cmn_flow_type04 .block .icon.blue span{
	background: #A8CDDF;
}
.cmn_flow_type04 .block .icon.green span{
	background: #AADFDB;
}
.cmn_flow_type04 .block .icon.orange span{
	background: #F3C5A9;
}
.cmn_flow_type04 .block .icon.green02 span{
	background: #AFE9BE;
}
.cmn_flow_type04 .block dl dd{
	font-size: 1.4rem;
}

.cmn_flow_type04 .arrow{
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 35px solid #C5FF8A;
  text-align: center;
  display: block;
  margin: 0 auto 20px;
 }



/*--------------------リンク3つパターン--------------------*/

.cmn_link_block{
/*	padding: 50px 0 200px !important;
*/}
.cmn_link_block{
    padding-top: 5px !important;
}
.cmn_link_block p{
	text-align: center;
} 
.cmn_link_block .img_box{
	position:relative;
	padding:0;
}
.cmn_link_block .img_box .box{
	    position: absolute;
    top: 81%;
    background: rgba(255,255,255,0.9);
    width: 75%;
    padding: 30px 25px;
    right: 0;
    text-align: left;
}
.cmn_link_block .img_box .box dt{
	font-size:2.2rem;
	display:block;
	float:none;
	border:none;
	width:auto;
	margin:0 0 40px 0;
	line-height:1.3;     
}
.cmn_link_block .img_box .box dt em{
font-style: normal;
color: #127FA9;
}
.cmn_link_block .img_box .box dt:before{
        content: " ";
    width: 55px;
    height: 2px;
    border-bottom: 2px solid #6DD900;
    position: absolute;
    top: 105px;
    left: 28px;
}

.cmn_link_block .img_box .box dt.small{
	font-size:2.3rem;
	letter-spacing: -0.15em;
}
.cmn_link_block .img_box .box dt.small span{
	letter-spacing: -0.05em;
}
.cmn_link_block h3{
/*	text-align:center;
	font-size:28px;*/
}
.cmn_link_block p.ttl{
	text-align:center;
	padding:0 0 20px;
}
.cmn_link_block .img_box .box dt span{
	font-size:1.3rem;
	color:#6DD900;
	display:block;
	padding:2px 0 0;
}
.cmn_link_block .img_box p{
	position: relative;
	overflow: hidden;
}
.cmn_link_block img{
	max-width:100%;
}
.cmn_link_block img{
	transition-duration: 0.5s;
	max-width: 340px;
}
@media (max-width: 1170px) {
.cmn_link_block img{
	max-width: 90%;
}
.cmn_link_block .img_box .box dt{
	font-size:2.1rem;
}
}

.cmn_link_block  a:hover img {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.4s;	/*変化に掛かる時間*/
	z-index:0;
	opacity:0.9;
}
.cmn_link_block  a:hover .cmn_link_more01 span::before{
	background-color: #FF006C;
	width: 70px;
}
.cmn_link_block  a:hover .cmn_link_more01 span{
	padding: 0 30px 0 90px;
	color:#333;
	transition: width 0.35s cubic-bezier(0.46, 0.1, 0.29, 1), background-color 0.35s cubic-bezier(0.46, 0.1, 0.29, 1);
}
.cmn_link_block .img_box .box dl{
	width:auto;
}
.cmn_link_block .img_box .box dl dt{
	font-weight: bold;
}
.cmn_link_block .img_box .box dd{
	display: block;
    float: none;
    border: none;
    width: auto;
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 0;
	letter-spacing: 0;
}
.cmn_link_block .img_box .link{
	font-size:1.4rem;
	font-weight: bold;
}
.cmn_link_block .img_box .link span{
	border-bottom: 1px solid #F8151D;
    font-size: 1.4rem;
    width: 54px;
    margin: 0px 10px 4px 0;
	height:10px;
	display:inline-block;
}
@media (max-width: 1400px) {
	.cmn_link_block .img_box .box {
    width: 81%;
	}
}



/*--------------------円で並べる--------------------*/
.cmn_concept_block05 .circle {
    position: relative;
    width: 10%;
    height: 10%;
    padding: 5.7%;
    border-radius: 50%;
    background: #fff;
    margin: 0em 1.25%;
    border: 2px dotted #1F5482;
    -moz-box-shadow: 0 0 0 4px #1F5482, 1px 1px 4px 3px rgba(10,10,0,.5);
    /* -webkit-box-shadow: 0 0 0 4px #ff0030, 1px 1px 4px 3px rgba(10,10,0,.5); */
    /* box-shadow: 0 0 0 4px #ff0030, 1px 1px 6px 3px rgba(10,10,0,.5); */
    /* color: #444; */
}

 .cmn_concept_block05 .circle span {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -0.8em 0 0;
    width: 100%;
    text-align: center;
    color: #003971;
    font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 500;
}
  .cmn_concept_block05 .circle span.line2 {
      margin: -1.5em 0 0;
  }
 
@media (max-width: 1170px) {
.cmn_concept_block05 .circle {
    margin: 0em 1.1%;
	}
}







.index #contents{
    padding: 30px 0 100px;
}

#contents{
    padding: 70px 0 100px;
}
.txt_kon{
color: #127FA9;

}


.l_cmn_ttl06 span {
    border-left: 5px solid #076588;
}
.cmn_table_type01 th {
    border-bottom: 1px solid #076588;
}
.timeline_blk {
    margin: 22px 0 0;
}
.timeline dl dt {
color: #127FA9;
}
.company .font20{
font-size: 2rem !important;
}
#contents .cmn_basic_block02 .ttl.font20{
font-size: 2rem !important;
}



/*-----------------------------------
リペレット事業
-----------------------------------*/

/*動画*/
.cmn_movie{
	max-width:850px;
	margin:0 auto;
}

.cmn_movie .i_frame {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  }
.cmn_movie .i_frame iframe, .cmn_movie .i_frame object, .cmn_movie .i_frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.i_frame {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  }
.i_frame iframe, .i_frame object, .i_frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




#contents .blk_merit .cmn_basic_block02 .ttl{
    font-size: 2.4rem;
    padding: 1.1em 0 1.1em 4.5em;
    margin: 0 0 30px;
}
#contents .blk_merit .cmn_basic_block02 .ttl01{
    background: url(../img/img-common/ico_merit01.png) no-repeat left center;
	    background-size: 7%;
}
#contents .blk_merit .cmn_basic_block02 .ttl02{
    background: url(../img/img-common/ico_merit02.png) no-repeat left center;
	    background-size: 7%;
}
#contents .blk_merit .cmn_basic_block02 dt{
    font-size: 2rem;
    color: #444;
    margin: 0 0 10px;
    font-weight: bold;
}
#contents .blk_merit .cmn_basic_block02 dd{
font-size: 1.6rem;
    color: #444;
    line-height: 2;
}
#contents .blk_merit .cmn_basic_block02 .inner{
border-bottom: 1px solid #CCCCCC;
}
#contents .blk_merit .cmn_basic_block02:last-child .inner{
border: none;
}


.repellet #contents .cmn_basic_block03 .ttl{
text-align: center;
font-size: 1.8rem;
font-weight: 500;
margin: 0 0 20px;
color: #127FA9;

}
.repellet #contents .cmn_basic_block03 dt{
	text-align:left;
	width:92%;
	margin:0 auto;
	font-weight: bold;
}
.repellet #contents .cmn_basic_block03 dd{
height:auto;
}
.repellet #contents .cmn_basic_block03 .i_frame{
    margin: 0 12.5% 30px;
}

/*-----------------------------------
リユース事業
-----------------------------------*/



.reuse #contents .bluettl{
font-size: 1.8rem;
color: #444;
font-weight: bold;
background: #E7F7FC;
text-align: center;
padding: 5px 0;
}
.reuse #contents .cmn_basic_block02 .txt{
color: #444;
}

#contents .quality_blk .cmn_basic_block02 .blk01{
margin-left: 0px;
    padding-right: 40px;
    padding-left: 20px;
    background-image: linear-gradient(to bottom, #666, #666 1px, transparent 1px, transparent 4px);
    background-size: 1px 5px;
    background-position: 99% 0px;
    background-repeat: repeat-y;
    padding-top: 0px;
}

#contents .quality_blk .cmn_basic_block02 .blk02{
    margin: 0px 0px;
    padding: 0 30px;
}

#contents .quality_blk .cmn_basic_block02 .blk03{
    margin-right: 0px;
    padding-left: 40px;
    padding-right: 20px;
    background-image: linear-gradient(to bottom, #666, #666 1px, transparent 1px, transparent 4px);
    background-size: 1px 5px;
    background-position: 1%;
    background-repeat: repeat-y;
}

#contents .quality_blk .cmn_basic_block02 .icon {
width: 200px;
margin: 0 auto;

}
#contents .quality_blk .cmn_basic_block02 dd{
height: auto;
line-height: 1.6;
text-align: left;
width: 96%;
}




/*-----------------------------------
倉庫業・物流拠点
-----------------------------------*/
.storage #contents .blk_network01{
background: url(../img/img-storage/img_network01.gif) no-repeat center 80px;
    padding: 0 0 750px;
	background-size:100%; 
}
@media (max-width: 1170px) {
.storage #contents .blk_network01{
background: url(../img/img-storage/img_network01.gif) no-repeat center 80px;
    padding: 0 0 500px;
	background-size:100%; 
}
}


.storage #contents .blk_network .cmn_table_type01 th {
	width: 27%;
    font-weight: 500;
    padding: 20px 0px 15px 0px;
}
.storage #contents .blk_network .cmn_table_type01 td {
        padding: 20px 0px 20px 35px;
}
.storage #contents .cmn_basic_block02 .txt{
color: #444;

}

/*-----------------------------------
拠点ネットワーク
-----------------------------------*/
.network article{
	background: transparent;
}
.network .first_block{
	font-size: 1.5rem;
}
.network .first_block .container{
	/*position: relative;*/
}
.network .first_block h3{
	font-size: 2.7rem;
	font-weight: bold;
	/*position: absolute;
	top: 3%;
	left: 0;
	right: 0;*/
	margin: 0 auto;
	text-align: center;
    text-shadow: 3px 3px 1px #FFF,
    -3px 3px 1px #FFF,
    3px -3px 1px #FFF,
    -3px -3px 1px #FFF;	
}
.network .first_block h3 strong{
	color: #127FA9;
}
.network .spot_block p.map{
	text-align: center;
}
.network .c_cmn_ttl08{
  background: transparent;
}
.network .spot_block .cmn_inner div.col-md-4{
	padding: 0 1.5%;
}
.network .spot_block .box_shadow{
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	padding: 0 0 6% 0;
	margin: 0 0 18% 0;
	background: #fff;
	min-height: 350px;
}
.network .spot_block dl {
	position: relative;
}
.network .spot_block dl dt{
	font-size: 2.0rem;
	color:#003B71;
	font-weight: bold;
	text-align: center;
	padding: 70% 0 4%;
}
.network .spot_block dl dd {
	position: absolute;
	top: -15px;
	left: 0;
}
.network .spot_block ul {
	padding: 0 4%;
}

.network .spot_block .spot {
	background: url(../img/img-common/ico_spot.png) no-repeat left top;
	background-size: 7% auto;
	padding: 0 0 2% 8%;
}
.network .spot_block .tel2 {
	background: url(../img/img-common/ico_tel.png) no-repeat left top;
	background-size: 8% auto;
	padding: 0 0 2% 8%;
	line-height: 1.4;
	margin: -0.5% 0 0;
}
.network .spot_block .tel {
	background: url(../img/img-common/ico_tel.png) no-repeat left top;
	background-size: 17% auto;
	padding: 0 7% 3% 8%;
	float: left;
}
.network .spot_block .fax {
	background: url(../img/img-common/ico_fax.png) no-repeat left top;
	background-size: 20% auto;
	padding: 0 0 3% 10%;
	float: left;
}
.network .spot_block  .box_shadow p{
	text-align: right;
	margin-right: 1em;
}
.network .spot_block  .box_shadow p.mt{
margin-top: -3%;

}
.network .spot_block  .box_shadow p a{
	position: relative;
	padding-right: 2em;
	padding: 2% 9% 2% 0;
}
.network .spot_block  .box_shadow p a:after{
	position: absolute;
	content: "";
	background: url(../img/img-common/gaibu_icon_green.png) no-repeat left center;
	background-size: 100%;
	width: 20px;
	height: 20px;
	/* padding: 0 11% 0 0; */
	top: 17%;
	right: 0;
}
.network .spot_block  .box_shadow p a:hover{
	text-decoration: underline;
}
.network .spot_block  .box_shadow p a:hover:after{
opacity: 0.8;
}
/*------------------------------------
先輩からのメッセージ
------------------------------------*/
.message #contents {
padding-top: 0;
}
.message #contents .area01{
background: url(../img/img-message_common/bg_01.png) no-repeat center top;
}
.message #contents .main_img{
margin-bottom: 250px;
}
.message03 #contents .main_img{
margin-bottom: 280px;
}
.message #contents .main_img .container3{
	position: relative;
}
.message #contents .main_img .container3 .message_ttl{
	position: absolute;
	top: -20px;
    left: 90px;
}
.message #contents .main_img .container3 .message_ttl p{
	position: relative;
	background: #6DD900;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 500;
	text-align: center;
	width: 190px;
	height: 190px;
	vertical-align: middle;
	padding: 50px 0;
}
.message #contents .main_img .container3 .message_ttl p:after{
position: absolute;
content: "";
background: url(../img/img-message_common/main_icon.png) no-repeat left top;
width: 6px;
height: 20px;
right: -6px;
top: 0;
}
.message #contents .main_img .container3 .message_ttl span{
	font-size: 1.6rem;
	font-weight: 200;
	display: block;
}
.message #contents .main_img .container3 .message_cont{
    background-color: rgba(255,255,255,0.85);
    z-index: 1000;
    position: absolute;
    bottom: -200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px 80px;
}
.message #contents .main_img .container3 .message_cont .messe_ttl{
	color: #003971;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 4rem;
	line-height: 1.7;
}
.message #contents .main_img .container3 .message_cont .messe_name{
	float: right;
}
.message #contents .main_img .container3 .message_cont .messe_name dt{
	font-size: 2.5rem;
	display: inline-block;
	vertical-align: top;
    margin-top: 6px;
    margin-right: 40px;
}
.message #contents .main_img .container3 .message_cont .messe_name dd {
	display: inline-block;
}
.message #contents .main_img .container3 .message_cont .messe_name dd .name_txt{
	font-size: 3rem;
	font-weight: 500;
}
.message #contents .main_img .container3 .message_cont .messe_name dd .roma{
	font-size: 1.6rem;
}




.message #contents .cmn_basic_block02{
padding: 0 40px;
position: relative;
}

/*.message #contents .cmn_basic_block02 .text{
position: absolute;
bottom: 0;
left:0;
}
.message #contents .cmn_basic_block02 .right_text{
bottom: 0;
right:0;
left: auto;
}
.message #contents .cmn_basic_block02 .image_right{
bottom: 0;
right:0;
left: auto;
position: absolute;
}
*/
.message #contents .cmn_basic_block02 .txt_block{
    margin: 0 10px 0px 0;
	padding: 40px 40px;
	border: 4px solid #6DD900;
	background: #fff;
}
.message #contents .cmn_basic_block02 .txt_block_right{
    margin: 0 0px 0 50px;
}
.message #contents .cmn_basic_block02 .image_right ,
.message #contents .cmn_basic_block02 .right_text {
float: right;position: absolute;right: 40px;bottom: 0;
}
.message #contents .cmn_basic_block02 .image_right img{
float: right;
}



.message #contents .cmn_basic_block02 .midashi{
	color: #63C500;
	font-size: 2.2rem;
	line-height: 2.5;
	font-weight: 500;
	vertical-align:middle;
    margin: 0 0px 9px 0px;
}
.message #contents .cmn_basic_block02 .midashi span{ 
	color: #73E700;
	opacity: 0.6;
	font-size: 9rem;
	line-height: 0.6;
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 0 0;
}

.message #contents .cmn_basic_block02 .midashi em{
    font-style: normal;
    display: inline-block;
    max-width: 18em;
    line-height: 1.5;
}

.message #contents .cmn_basic_block02 .right_text .midashi{
    margin: 0 0px 9px 40px;
}
.message #contents .cmn_basic_block02 .txt_block .ttl{
	color: #003971;
	font-size: 2.4rem;
	line-height: 1.6;
}

@media (max-width: 1599px) {
.message #contents .cmn_basic_block02 {
padding: 0;
}
.message #contents .cmn_basic_block02 .image {
width: 50%;
}
.message #contents .cmn_basic_block02 .txt_block .ttl{
	font-size: 2rem;
}
.message #contents .cmn_basic_block02 .midashi{
	font-size: 2rem;
}
.message #contents .cmn_basic_block02 .midashi span{
    font-size: 7rem;
}
.message #contents .cmn_basic_block02 .text{
width: 45%;

}
.message #contents .cmn_basic_block02 .txt_block{
 padding: 30px 30px;

}
}
@media (max-width: 1280px) {
.message01 #contents .cmn_basic_block02 {
padding: 0;
}
.message01 #contents .cmn_basic_block02 .image {
width: 50%;
}
.message01 #contents .cmn_basic_block02 .txt_block .ttl{
	font-size: 1.6rem;
}
.message01 #contents .cmn_basic_block02 .midashi{
	font-size: 1.6rem;
	
}
.message01 #contents .cmn_basic_block02 .midashi span{
    font-size: 5rem;
	
}
.message01 #contents .cmn_basic_block02 .text{
width: 45%;
    margin-top: 20px;
}
.message01 #contents .cmn_basic_block02 .txt_block .txt{
font-size: 1.2rem;

}
.message01 #contents .cmn_basic_block02 .txt_block{
 padding: 20px 20px;

}
}

@media (max-width: 1599px) {
.message03 #contents .main_img{
margin-bottom: 350px;
}
.message03 #contents .cmn_basic_block02.pc_mb160{
    margin-bottom: 120px !important;
}
}
@media (max-width: 1280px) {
.message03 #contents .cmn_basic_block02 {
padding: 0;
}
.message03 #contents .cmn_basic_block02 .image {
width: 50%;
}
.message03 #contents .cmn_basic_block02 .txt_block .ttl{
	font-size: 1.6rem;
}
.message03 #contents .cmn_basic_block02 .midashi{
	font-size: 1.6rem;
}
.message03 #contents .cmn_basic_block02 .midashi span{
    font-size: 5rem;
}
.message03 #contents .cmn_basic_block02 .text{
width: 45%;

}
.message03 #contents .cmn_basic_block02 .txt_block .txt{
font-size: 1.2rem;

}
.message03 #contents .cmn_basic_block02 .txt_block{
 padding: 20px 20px;

}
}

@media (max-width: 1170px) {
.message02 #contents .cmn_basic_block02 {
padding: 0;
}
.message02 #contents .cmn_basic_block02 .image {
width: 50%;
}
.message02 #contents .cmn_basic_block02 .txt_block .ttl{
	font-size: 1.6rem;
}
.message02 #contents .cmn_basic_block02 .midashi{
	font-size: 1.6rem;
}
.message02 #contents .cmn_basic_block02 .midashi span{
    font-size: 5rem;
}
.message02 #contents .cmn_basic_block02 .text{
width: 45%;
    margin-top: 20px;
}
.message02 #contents .cmn_basic_block02 .txt_block .txt{
font-size: 1.2rem;

}
.message02 #contents .cmn_basic_block02 .txt_block{
 padding: 20px 20px;

}
}


@media (max-width: 1280px) {
.message03 #contents .main_img{
margin-bottom: 300px;
}
.message03 #contents .cmn_basic_block02.pc_mb160{
    margin-bottom: 160px !important;
}
}

@media (max-width: 1170px) {
.message03 #contents .main_img{
margin-bottom: 350px;
}
.message03 #contents .cmn_basic_block02.pc_mb160{
    margin-bottom: 120px !important;
}
}

.message #contents .recruitfor{
	background: url(../img/img-message_common/bg_recruitfor.gif) repeat left top;
	padding: 30px 0px 50px;
}
.message #contents .recruitfor .container{
	position: relative;
}
.message #contents .recruitfor dt{
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	background: url(../img/img-message_common/ico_forrecruit.png) no-repeat left top;
	padding: 7px 0 12px 80px;
}
.message #contents .recruitfor dd{
	background: #fff;
	border-radius: 10px;
	color: #003D70;
	padding: 30px 390px 30px 50px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 2;
}
.message #contents .recruitfor .img{
position: absolute;
right: 36px;
    bottom: -50px;
}



  
/*-----------------------------------
会社案内
-----------------------------------*/
.company #contents .cmn_basic_block01 .photo img{
	width: 34.8%;
	    padding-left: 27px;
}
.company #contents .cmn_basic_block01 .txt{
   padding: 0 0 25px;
}
.company #contents .cmn_basic_block01 .txt.last{
   padding: 0 0 0px;
}
.company #contents .cmn_basic_block02 .txt_block .list .ttl {
    position: relative;
    text-indent: 0em;
    margin-left: 0em;
    padding: 0 0 0 3em;
	}
.company #contents .cmn_basic_block02 .txt_block .list .ttl:before {
    position: absolute;
    top: -80%;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 0px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 20px solid transparent;
    border-bottom: 20px solid #91E23F;
    transform: rotate(-45deg);
}
  

/* 　採用トップ
-------------------------------------------------------------------*/
.recruit .cmn_block{
	font-size: 1.6rem;
}
.recruit .cmn_block .txt{
	line-height: 220%;
}
.recruit .cmn_block .txt.last{
	padding: 0 !important;
}
.recruit .cmn_block span{
	display: block;
}
.recruit .cmn_basic_block01 .photo img{
	width: 38.8% !important;
}
.recruit .cmn_basic_block01 .name{
	padding-right: 40%;
}



.recruit .question_block p{
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 3% 0;
	letter-spacing: 0.1em;
}
.recruit .question_block .col-md-6{
	padding: 0 2% 4%;
}
.recruit .question_block .col-md-6 img{
	width: 100%;
	height: auto;
}




/*-----------------------------------
お問い合わせ
-----------------------------------*/
.form .modTable th{
background: #F0FAFD;
line-height: 1.6;
}
.form .in_select:after {
  border-top: 10px solid #6DD900;
}
.form #contents input[type="submit"]{
    background: #5FDD38 !important;
}
.form #contents input[type="submit"]:hover {
    background: #5FDD38 !important;
}
.form_chk #contents .btn_wrp .first{
    background: #aaa !important;
}
.form_chk #contents .btn_wrp .first:hover{
	background:#aaa !important;
}
/*.form_chk .cmn_table_type04 th{
	width: 20%;
}
*/
/*-----------------------------------
エントリーフォーム
-----------------------------------*/
.form_entry .in_radio-status-org {
    background: #F6F6F6;
    border-color: #CCCCCC;
}
.form_entry .in_txtItem-area {
    min-height: 120px;
}
.form_entry .in_radio-status{
    padding: 14px 15px;
}
.form_entry .in_select-sm select#month,
.form_entry .in_select-sm select#day{
	width: 90px;
}
.form_entry .in_select select#job{
width: 300px;
}
.form_entry .job .in_select:after {
    right: 5%;
	left:auto;
}
.form_entry .jobtype .in_txtItem{
	width: 237px;
}

.form_entry .tdradio{
padding: 24px 30px 20px; 
}
.form_entry .radionormal{
margin: 0 20px 0 0;
}
.form_entry .radionormal input{
vertical-align: middle;
    width: 14px;
    height: 14px;
}
.form_entry .radionormal span{
padding-left:5px; 
}
.form_entry #contents table .in_txt span{
line-height:2 !important;
}
.form_entry .age .in_txtItem{
	width: 150px;
}
.form_entry .age{
vertical-align: middle;
}
.form_entry .age span{
vertical-align: middle;
}
.form em.tx_min{
    margin: 1.5% 0 0;
}

/*-----------------------------------
背景＋文字（下部導線）
-----------------------------------*/

.cmn_bg_block {
	background: url(../img/img-common/conversion_bg.jpg) no-repeat center bottom;
    min-height: 375px;
    background-size: cover;
}
.cmn_bg_block .icon{
margin: 0 auto 20px;
width: 107px;
}
.cmn_bg_block h3{
font-size: 3.2rem;
color: #fff;
font-weight: bold;
letter-spacing: 0.15em;
margin: 0 0 20px;
}
.cmn_bg_block h3 img{
vertical-align: middle;
}
.cmn_bg_block .txt_blk{
	color: #fff;
	font-size: 1.6rem;
	margin: 0px auto 20px;
	width: 70%;
	text-align: center;
}

.cmn_bg_block .txt,
.cmn_bg_block .ttl{
	color:#FFF;
}
.cmn_bg_block .txt{
	text-align: center;
	font-weight: 200;
}

.cmn_bg_block .ttl{
	font-size:2.5rem;
}
.cmn_bg_block .btn{
	text-align: center;
}

.cmn_bg_block .btn .txt{
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
margin: 0 20px 0 0;

}

.cmn_bg_block .btn a:hover{
	opacity: 0.8;
}
.cmn_bg_block .btn .conv_mail{
display: inline-block;
}
.cmn_bg_block .btn .conv_mail a{
	color: #FFF;
	font-size: 2rem;
	letter-spacing: 0.2em;
display: block;
    width: 290px;
    margin: 0 auto;
	text-align: center;
    height: 55px;
    line-height: 55px;
background: #6DD900 url(../img/img-common/conversion_mail.png) no-repeat 15% center;
padding: 0px 0 0px 40px;
}




/*-----------------------------------
募集要項（一覧）
-----------------------------------*/
.recruit_career_list #contents .recruit_blk ul{
    display: flex;
    flex-wrap: wrap;
}
.recruit_career_list #contents .recruit_blk li{
	padding:0 0 20px 30px;
}
.recruit_career_list #contents .recruit_blk li:nth-child(3n+1){
	padding:0 30px 20px 0;
}
.recruit_career_list #contents .recruit_blk li:nth-child(3n+2){
	padding:0 20px 20px;
}


.recruit_career_list #contents .recruit_blk li .blog2{
	padding:12px 33px 10px 19px;
	border:1px solid #29B5E9;
	border-radius: 5px;
	text-align: left;
	background:#F2FBFD;
	position: relative;
}
.recruit_career_list #contents .recruit_blk li .blog2:after{
    content: '';
    width: 20px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -10px;
    transition: 0.3s;
	background:url(../img/img-common/recruit_arrow.png) no-repeat left center;
	background-size:100%; 
}
.recruit_career_list #contents .recruit_blk li a:hover .blog2:after {
    content: '';
    width: 20px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -10px;
    transition: 0.3s;
	background:url(../img/img-common/recruit_arrow.png) no-repeat left center;
	background-size:100%; 
}


.recruit_career_list #contents .recruit_blk li .blog2 span{
	font-weight: bold;
	color:#444;
	font-size: 1.6rem;
	display: inline-block;
    vertical-align: middle;
}
.recruit_career_list #contents .recruit_blk li .blog2 span.category{
background: #1597C8;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
	padding: 0 2%;
	margin: 0 0 1%;
}
.recruit_career_list #contents .recruit_blk li .blog2 span.title{
font-size: 1.8rem;

}

.recruit_career_list #contents .recruit_blk li a{
	display: block;
}

.recruit_career_list #contents .recruit_blk li a:hover{
	opacity:0.8;
}

.ipad .recruit_career_list #contents .recruit_blk li .blog2 br.disp_sp{
	display: block !important;
}
.ipad .recruit_career_list #contents .recruit_blk li .blog2 span{
	line-height: 1.5;
}


.recruit_career_list .main_ttl05 span,
.recruit_career .main_ttl05 span{
	color: #444;
}
.recruit_career_list .main_ttl05 span i,
.recruit_career .main_ttl05 span i,
.form_entry .main_ttl05 span i{
	color: #0679A5;
}
.recruit_career_list .c_cmn_ttl08 b em,
.recruit_career .c_cmn_ttl08 b em{
	color: #0679A5;
}

.recruit_new_list .main_ttl05 span,
.recruit_new .main_ttl05 span{
	color: #444;
}
.recruit_new_list .main_ttl05 span i,
.recruit_new .main_ttl05 span i,
.form_entry_new .main_ttl05 span i{
	color: #59DE1D;
}
.recruit_new_list .c_cmn_ttl08 b em,
.recruit_new .c_cmn_ttl08 b em{
	color: #59DE1D;
}



/*-----------------------------------
募集要項（詳細）
-----------------------------------*/
.recruit_career #contents h3 .ttl{
font-size: 2.2rem;
font-weight: bold;
color: #444;
}
.recruit_career #contents h3 span.category {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    background: #1597C8;
    display: inline-block;
    padding: 0.2% 1%;
    margin: 0 2% 0 0;
}
.recruit_career #contents h3 span.category a{
pointer-events: none;
color: #fff;
}
.recruit_career #contents h3 span.category li{
list-style: none;

}

.recruit_career #contents .cmn_table_type03 th{
background: #EBF8FC;
    border-right:none;
	font-weight: bold;
	font-size: 1.4rem;
	color: #525252;
}
.recruit_career #contents .cmn_table_type03 td{
    border-left:none;
}
.recruit_career #contents .cmn_table_type03 td a{
text-decoration: underline;
}
.recruit_career #contents .cmn_table_type03 td a:hover{
text-decoration: none;
}
.recruit_career #contents .cmn_table_type03 td a.entry{
color: #59B700;
font-weight: bold;
}
.recruit_career #contents .listentrybtn{
text-align: center;
}
.recruit_career #contents .listentrybtn p{
margin: 0 auto;

}
.recruit_career #contents .listentrybtn p.entrybtn {
    color: #FFF;
    background: #6DD900 url(../img/img-common/entrybtn.png) no-repeat 60px center;
    background-size: 33px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 40px;
    width: 290px;
    height: 60px;
    line-height: 60px;
}
.recruit_career #contents .listentrybtn p.entrybtn a{
	display:inline-block;
	color:#FFF;
	width:100%;
	height:100%;
		position: relative;
}
.recruit_career #contents .listentrybtn p.entrybtn a:hover{
opacity: 0.8;
}


.recruit_career #contents .listentrybtn p.listbtn{
width: 290px;
	border: 3px solid #4D9FBE;
    font-size: 1.8rem;
}
.recruit_career #contents .listentrybtn p.listbtn a{
    color: #127FA9;
	background: #fff;
	font-weight: bold;
}
.recruit_career #contents .listentrybtn p.listbtn a:after{
    border-bottom: solid 3px #3E97B9;
    border-left: solid 3px #3E97B9;
    width: 10px;
    height: 10px;
    left: 5%;
}
.recruit_career #contents .listentrybtn p.listbtn a:hover:after{
    left: 2%;
}

/*-----------------------------------
ポップアップ 
-----------------------------------*/
.popup_wrap {
    max-width:560px;
    padding: 30px 0 0 0;
    margin: auto;
}

.popup_ttl {
    font-size: 2.6rem;
	font-weight: bold;
    border-width: 1px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #777777;
	position: relative;
	padding-left: 20px;
}

.popup_ttl::before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 7px;
    height: 30px;
    background: #076588;
}

.popup{
	width: 560px;
}

.popup_close {
    margin: 35px auto 0;
    font-size: 1.4rem;
    padding: 5px 0;
}

.popup_close {
    display: flex;
    justify-content: center;
    width: 60%;
    max-width: 220px;
    color: #076588 !important;
    border: 1px solid #076588;
    font-size: 1.6rem;
    font-weight: bold;
    background-size: auto 20px;
    text-align: center;
    cursor: pointer;
}

.popup_close > span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.popup_close > span::before, .popup_close > span::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 2px;
    height: 15px;
    background: #076588;
}


.popup_close > span::before {
    transform: rotate(
-45deg
);
}

.popup_close > span::after {
    transform: rotate(
45deg
);
}

.map_access{
	font-weight: bold;
    margin-left: 74px;
}

.map_access a{
	color: #076588;
	text-decoration: underline;
}

.map_access a:hover{
	color: #076588;
    text-decoration: none;
	opacity: .7;
}

/* 動画エリア */
#movie {
	padding-top: 90px!important;
	margin-top: -80px;
}
.movie {
	width: 880px;
	margin: 0 auto;
}
.movie_wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie_wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie_wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie_wrap + span{
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    align-items: flex-start;
    margin: 15px auto 0;
    line-height: 1.5;
}



/* 拠点一覧　本社の道順追加 */
.network .spot_block  .box_shadow .to_access{
	display: flex;
	left: 0;
	right: 0;
	width: 350px;
	justify-content: flex-end;
}
.network .spot_block  .box_shadow .to_access li{
	  width: 50%;
	 text-align: right;
}

.network .spot_block  .box_shadow li a:hover{
	text-decoration: underline;
}
.network .spot_block  .box_shadow li a:hover:after{
opacity: 0.8;
}
.to_access li:first-child{
	margin-right: -30px;
}
.to_access li:first-child a{
	position: relative;
	padding: 2% 14% 0 0;
}
.to_access li:first-child a:after{
	position: absolute;
	content: "";
	background: url(../img/img-common/arrow_blue.png) no-repeat left center;
	background-size: 90%;
	width: 20px;
	height: 20px;
	/* padding: 0 11% 0 0; */
	top: 17%;
	right: 0;
}

.to_access li:nth-child(2) a{
	position: relative;
/*	padding-right: 2em;*/
	padding: 2% 20% 0 0;
}
.to_access li:nth-child(2) a:after{
	position: absolute;
	content: "";
	background: url(../img/img-common/gaibu_icon_green.png) no-repeat left center;
	background-size: 100%;
	width: 20px;
	height: 20px;
	/* padding: 0 11% 0 0; */
	top: 17%;
	right: 0;
}


.txt_excellent {
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}