@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css?v=1906');
/*** ------------------------------------------------------------------------------ 

01_ホーム（#home）

-----------------------------------------------------------------------------  ***/
#home #visual h1 {
  padding: 0;
}

#home .title-service {
 text-align: center;
  font-size: 2rem;
  font-family: 'Roboto',serif;
  font-weight: 500;;
  margin: 3em 0 1em;
  text-transform: uppercase;
}
#home .title-service:first-letter {
  color: #2d86c3;
}

#home .list-service > li {
}
#home .list-service > li:first-child {
  background: #d3efff;
}
#home .list-service >li:nth-child(2) {
  background: #f6f6f6;
}
#home .list-service h3 { 
  background: #2d86c3;
  color: #FFF;
  font-family: "Noto Sans Japanese";
  font-weight: 100;
  font-size: 5rem;
  line-height: 150%;
position: relative;
  padding: 0 .5em;
}
#home .list-service h3 span { 
  font-size: 1.2rem;
  position: absolute;
  top: 0; bottom: 0; right: 2.5em;
  font-family: 'Roboto', sans-serif;
  letter-spacing: .2em;
  font-weight: 300;
}
#home .list-service h3 span:before,
#home .list-service h3 span:after {
  content: '-';
  margin: 0 .5em;
}

#home .list-service a {
  display: block;
  position: relative;
}
#home .list-service a:after {
  content:'';
  width: 100%; height: 100%;
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0; 
  margin: auto;
  background: #2d86c3;
  opacity: 0;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#home .list-service a:hover:after {
  opacity: .3;
}

#home .t_contactbtn{
	text-align:center;
	margin-top:100px
}
#home .t_contactbtn a{
	border:1px solid #2d86c3;
	color:#2d86c3;
	padding:10px 20px;
	transition:.3s;
}
#home .t_contactbtn a:hover{
	background:#2d86c3;
	color:#fff;
}

@media screen and (max-width: 737px) {
  #home .title-service {
    margin: 2rem 0 1rem;
  }
  #home .list-service h3 { 
    font-size: 2.5rem;
    padding-left: 1rem;
  }
  #home .list-service h3 span { 
    font-size: .9rem;
    right: 1em;
  }
  #home .list-service a:after {
    display: none;
  }
  
}


/*** ------------------------------------------------------------------------------ 

会社情報（#company）

-----------------------------------------------------------------------------  ***/

#company h1{
	background: url(../../../imgs/corporate/company/header.jpg) center center no-repeat;
	background-size: cover;
}

#company #philosophy {
  width: 100%; 
  color: #FFF;
}
#company #philosophy .contents {
  background: #2d85c4;
}

#company #philosophy .text-wrap {
   display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;
}

#company #philosophy .text-wrap h2{
  width: 40%;
}

#company #philosophy .text-wrap .text{
  width: 55%;
}
#company #philosophy .text-wrap .text h3 {
  font-size: 2rem;
  font-family: "Sawarabi Mincho";
}
#company #philosophy .text-wrap .text p{
  font-size: 1.1rem;
}
@media screen and (max-width: 1000px) {
  #company #philosophy .text-wrap .title-section {
  font-size: 2vw;
  }
  #company #philosophy .text-wrap .text h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 737px) {
  #company #philosophy .text-wrap h2 {
    width: 100%;
  }
  #company #philosophy .text-wrap .title-section {
    font-size: 1rem;
    text-align: center;
    
  }
  #company #philosophy .text-wrap .text{
    text-align: center;
    width: 100%;
  }
  #company #philosophy .text-wrap .text h3 {
    font-size: 1.3rem;
  }
}
#company #top-message .message {
  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;
   -webkit-flex-direction: row-reverse; flex-direction: row-reverse;
}
#company #top-message .img {
  width: 30%;
  text-align: center;
}
#company #top-message .text {
  width: 65%;
}
#company #top-message .text p {
  text-indent: 1em;
  margin-bottom: 1em;
}

#company #profile {
  color: #FFF;
}
#company #profile .contents {
  background-image:-webkit-gradient( linear, left top, left bottom, from(#0072ae), to(#8fd7ec));
}
#company #profile .area {
  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;
}
#company #profile .area > div {
  width: 50%;
}
#company #profile .area > div dl{
	padding: 10px 0;
}
#company #profile .area > div dl dt{
	font-weight: bold;
}

#company #profile .area ul + .title-small {
	margin-top: 2em;
}

#company table {
  color: #000;
}
#company #history .contents {
  background: #eaf6fd;
}

#company #history .history-list {
    display: -webkit-flex;
    display: flex;
    /* -webkit-flex-wrap: wrap; 非表示*/
    /* flex-wrap: wrap; 非表示*/
    /* -webkit-box-pack: justify; 非表示*/
    /* justify-content: space-between; 非表示*/
}
#company #history .history-list > * {
  /* width: 44.0%;*/
}
@media screen and (max-width: 737px){
#company #history .history-list{
-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

#company #history .history-list {
  font-size: .8rem;
}
#company #organization .imgChange {
	margin: 20px 0 40px;
}


@media screen and (max-width: 737px) {
  #company #profile .area > div {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #company #top-message .img {
    width: 100%;
    margin-bottom: 2rem;
  }
  #company #top-message .text {
    width: 100%;
  }
  #company #history .history-list > * {
    width: 100%;
    margin-bottom: 1.5em;
  }
	#company #profile .area > div dl{
		padding: 0 0 10px;
	}
}

#company #profile ul.area-tel {
display: table;
width:100%;
}
#company #profile ul.area-tel > li:nth-child(3n+1) {
clear: both;
}
#company #profile ul.area-tel > li {
display: table-cell;
float: left;
width: 33%;
margin: 0 0 20px;
}

@media screen and (max-width: 737px) {
	#company #profile ul.area-tel > li {
		display:block;
		float: none;
		width: 100%;
	}
}

/*** ------------------------------------------------------------------------------ 

事業情報（#business_outline）

-----------------------------------------------------------------------------  ***/

#business_outline h1{
	background: url(../../../imgs/corporate/business_outline/header.jpg) center center no-repeat;
	background-size: cover;
}
#business_outline #topicpass {
	position: relative;
	z-index: 2; 
}

#business_outline .outer_link {
  display: inline-block;
  margin-top: 2rem;
  cursor: pointer;
}

#business_outline .anchor {
	margin-top: -130px;
}
#business_outline .anchor.nomargin {
  margin-top: 0;
}
#business_outline .business-box + .business-box {
  position: relative;
}

@media screen and (max-width: 737px) {
#business_outline .business-box + .business-box {
  margin-top: 2rem;
  padding-top: 2rem;
  }
	#business_outline .anchor {
		margin-top: 0;
	}
  #business_outline .business-box + .business-box:before {
    content: '';
    width: 2rem; height: 1px; 
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
  }
}

/*** ------------------------------------------------------------------------------ 

採用情報（#recruit-index）

-----------------------------------------------------------------------------  ***/
#recruit-index h1{
	background: url(../../../imgs/corporate/recruit/header.jpg) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width: 737px){
  	#recruit-index h1{
		background: url(../../../imgs/corporate/recruit/header.jpg) center center no-repeat;
		background-size: cover;
	}
}

#recruit-index .lead {
  font-family: "Sawarabi Mincho";
  font-size: 2rem;
  color: #157cc7;
  text-align: center;
  margin: 1em 0 ;
}

#recruit-index .service-list h2{
	font-size: 1.5rem;
	font-weight: bold;
	color: #157cc7;
	background: url(../img/border.png) repeat-x left bottom;
	margin: 0 0 20px;
	padding: 0 0 10px;
}

#recruit-index .service-list ul{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
    z-index: 2;
    position: relative;
}
#recruit-index .service-list ul li {
	flex: 0 0 22%;
}
#recruit-index .service-list ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #2d85c4;
    background: #ebf7ff url(../../../common/corporate/img/arrow01.png) no-repeat right 15px center;
    text-align: center;
    border: 1px solid;
    border-radius: 5px;
    width: 100%;
	padding: 0 0 0 30px;
    height: 3em;
    line-height: 120%;
	font-size: 1.5rem;
}

@media screen and (max-width: 737px){
	#recruit-index .lead {
		font-size: 1.5rem;
		margin: 1rem auto 2rem;
		width: 90%;
	}
	#recruit-index .service-list h2{
		font-size: 1.2rem;
	}
	#recruit-index .service-list ul li {
		flex: 0 0 100%;
		margin: 0 0 10px;
	}
	#recruit-index .service-list ul li a {
		font-size: 1.0rem;
	}
}

/*** ------------------------------------------------------------------------------ 

採用情報詳細（#recruit）

-----------------------------------------------------------------------------  ***/
#recruit #cont {
	width: auto;
}

#recruit #sub,
#recruit #main-inquiry {
	display: none;
}

#recruit #main * {
  box-sizing: content-box;
}
 #recruit h1{
	background: url(../../../imgs/corporate/recruit/header-02.jpg) center center no-repeat ;
	padding: 2.50em 5%;
	color: #000;
}

@media screen and (max-width: 737px){
	 #recruit h1{
		background: url(../../../imgs/corporate/recruit/header-02.jpg) center center no-repeat ;
	}
}



#recruit #main {
	width: auto;
	float: none;
}

#recruit #main section {
	margin: 0 auto 40px;
}

#recruit .lead {
  font-family: "Sawarabi Mincho";
  font-size: 2rem;
  color: #157cc7;
  text-align: center;
  margin: 1em 0 ;
}
#recruit .lead br.sp {
  display: none;
}
@media screen and (max-width: 737px){
	#recruit .inner-links a {
		background-position: center 5em;
	}
	#recruit #main section {
		width: auto;
	}
  
  #recruit .lead {
    font-size: 1.5rem;
    margin: 1rem auto 2rem;
    width: 90%;
  }
  #recruit .lead br.sp {
    display:  block;
  }
}

#recruit #main .job_menu ul{
	line-height: 1.4em;
	font-size:1.1em;
	font-weight: bold;
	margin: 0 auto; 
	padding-left: 10px;
	width:1000px;
	text-align: center;
	list-style: none;
}

#recruit #main .job_menu ul li{
	margin: 20px 13px 20px 0;
	border: #147DC7 1px solid;
	background-color: #ECF7FF;
	border-radius: 4px;
	width:150px;
	height: 120px;
	float: left;
}

#recruit #main .job_menu ul li a{
	display:block;
	padding: 25px 5px 0 5px;
	text-align: center;
	background: url(../img/job_icon.png) no-repeat bottom 15px center;
	text-decoration: none;
	color: #147DC7;
	height:80%;
}

#recruit #main .job_menu ul li a:hover{
	display:block;
	padding: 25px 10px 0 10px;
	text-align: center;
	background: url(../img/job_icon_on.png) no-repeat bottom 15px center;
	text-decoration: none;
	color: #69B1E9;
	height:80%;

}

@media screen and (max-width: 737px){
	
	#recruit #main .job_menu ul{
	line-height: 1.4em;
	font-size:1.1em;
	padding:0px;
    width: 100%;
    height: auto;
    clear: both;

}

#recruit #main .job_menu ul li{
	margin: 10px 5px 0 0;
}


#recruit #main .job_menu ul li{
	margin: 20px 0 10px 11px;
	border: #147DC7 1px solid;
	background-color: #ECF7FF;
	border-radius: 4px;
	width:45%;
	height: 120px;
	float: left;
}
	
}


#recruit #main .headline {
	width: 980px;
	margin: 60px auto;
}

#recruit #main .headline p.lead{
	font-size: 1.6em;
	text-align:center;
	font-weight: bold;
	margin: 4px 0 20px;
    padding: 10px 15px;
    border-top: solid 1px #B5D0D8;
    border-bottom: solid 1px #B5D0D8;
    position: relative;
    box-sizing: border-box;
    line-height: 1.1;
}

#recruit #main .headline p.lead::before{
    content: "";
    width: 100%;
    border-top: solid 2px #086AAF;
    position: absolute;
    left: 0;
    top: -4px;
}

#recruit #main .headline section p{
	font-size: 1.5em;
	text-align: center;
}

@media screen and (max-width: 737px){
	#recruit #main .headline {
		width: auto;
		margin: 20px 10px;
	}
	
	#recruit #main .headline section p.lead{
	font-size: 1.4em;
	text-align: left;
	margin:5px 0 15px 0;
	padding:10px 0 10px 3px;
	}
	
	#recruit #main .headline section p{
	font-size: 1.4em;
	text-align: left;
	padding: 0 0 0 3px;
	}
}


#recruit #main section .heading {
	background-color: #147DC7;
	position: relative;
}

#recruit #main section .heading::after {
	content: "";
	width: 0;
	height: 0;
	border: solid 19px transparent;
	border-top: solid 19px #147DC7;
	position: absolute;
	left: 48%;
	bottom: -38px;
}

#recruit #main section .heading .box {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0 30px;
	position: relative;
}

#recruit #main section .heading .box::before {
	content: "";
	width: 207px;
	height: 142px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#recruit #main .description .heading .box::before {
	width: 207px;
	height: 142px;
	background: url("../../../imgs/corporate/recruit/img03.png") no-repeat left top;
}

#recruit #main .landscape .heading .box::before {
	width: 192px;
	height: 165px;
	/* background: url("../../img/img12.png") no-repeat left top; */
}

#recruit #main .interview .heading .box::before {
	width: 224px;
	height: 163px;
	/* background: url("../../img/img23.png") no-repeat left top; */
}

#recruit #main .entry .heading .box::before {
	width: 119px;
	height: 140px;
	/* background: url("../../img/img34.png") no-repeat left top; */
}

#recruit #main section .heading .box h2 {
	margin: 15px 26px 0 0;
	padding: 0 0 0 22px;
	float: left;
	position: relative;
}

#recruit #main section .heading .box h2::after {
	content: "";
	width: 7px;
	height: 34px;
	background-color: #fff;
	border-radius: 7px;
	position: absolute;
	left: 0;
	top: 0;
}

#recruit #main section .heading .box p {
	margin: 23px 0 0;
	color: #fff;
	font-size: 1.333em;
	line-height: 1.3;
}

#recruit #main section .heading .box div {
	float: left;
}

#recruit #main .description .heading .box div p {
	margin: 0 0 13px;
}

#recruit #main .description .heading .box div ul {
	margin: 0;
}

#recruit #main .description .heading .box div ul li {
	margin: 0 8px 0 0;
	padding: 1px 15px 0;
	background-color: #0F5B90;
	float: left;
	color: #fff;
}


@media screen and (max-width: 737px){
	#recruit #main section .heading::after {
		left: 46%;
	}
	
	#recruit #main section .heading .box {
		width: auto;
		margin: 0 10px;
		padding: 15px 0;
	}
	
	#recruit #main section .heading .box::before {
		content: "";
		width: 130px;
		height: 92px;
		/* background: url("../../img/img03.png") no-repeat left top; */
		background-size: 100%;
		top: -25px;
	}
	
		#recruit #main .description .heading .box::before {
		content: "";
		width: 130px;
		height: 92px;
		/* background: url("../../img/img03.png") no-repeat left top; */
		background-size: 100%;
		top: -25px;
	}

	
	#recruit #main .landscape .heading .box::before {
		width: 130px;
		height: 92px;
		/* background: url("../../img/img12.png") no-repeat left top; */
		background-size: 100%;
		top: -30px;
	}
	

	
	#recruit #main .interview .heading .box::before {
		width: 130px;
		height: 92px;
		/* background: url("../../img/img23.png") no-repeat left top; */
		background-size: 100%;
		//top: -35px;
		top: -43px;
	}
	
	#recruit #main .entry .heading .box::before {
		width: 79px;
		height: 100px;
		/* background: url("../../img/img34.png") no-repeat left top; */
		background-size: 100%;
		top: -30px;
	}
	
	#recruit #main section .heading .box h2 {
		margin: 0 0 16px;
		float: none;
	}
	
	#recruit #main .interview .heading h2 {
		//background-color: #147DC7;
	}
	
	#recruit #main section .heading .box h2::after {
		width: 7px;
		height: 34px;
	}
	
	#recruit #main section .heading .box div {
		float: none;
	}
	
	#recruit #main section .heading .box p {
		margin: 0;
		line-height: 1.6;
	}
	
	#recruit #main .description .heading .box div p {
		margin: 0 0 3px;
	}
	
	#recruit #main .description .heading .box div ul li {
		margin: 10px 8px 0 0;
	}
}


#recruit #main .description {
	margin: 0;
	padding: 0 0 100px;
	background-color: #F4EEE4;
}
#recruit #main .description.performance {
    background-color: #fff;
}



#recruit #main .description > div > section {
	width: 980px;
	margin: 50px auto 0;
	padding: 20px 20px 50px;
	background-color: #fff;
	box-sizing: border-box;
}

#recruit #main .description > section {
    width: 980px;
    margin: 50px auto 0;
    padding: 20px 20px 50px;
    background-color: #fff;
    box-sizing: border-box;
}





#recruit #main .description section h3 {
	margin: 0 0 20px;
	padding: 0 0 21px 4px;
	position: relative;
}

#recruit #main .description section h3::after {
	content: "";
	width: 100%;
	height: 6px;
	background: url(../img/bg03.png) left top;
	position: absolute;
	left: 0;
	bottom: 0;
}

#recruit #main .description section p.img {
	margin: 0 0 20px 20px;
	float: left;
}

#recruit #main .description section .comment {
	width: 530px;
	height: auto;
	margin: 0 10px 20px 0;
	float: right;
}


#recruit #main .description section .performance {
	width: 530px;
	height: auto;
	margin: 0 10px 20px 0;
	float: right;
}

#recruit #main .description section .performance h4 {
	margin: 0 0 15px;
	width:100px;
	padding: 3px 8px;
	text-align:left;
	background-color: #004A9E;
	color: #fff;
	font-size: 1.500em;
	font-weight: bold;
}
#recruit #main .description section .performance p.texts{
	font-weight: bold;
	font-size: 2.0em;
	
}
#recruit #main .description section .performance p {
	font-weight: bold;
	font-size: 1.500em;

}

#recruit #main .description section section h4 {
	margin: 0 0 15px;
	padding: 3px 0;
	background-color: #004A9E;
	text-align: center;
	color: #fff;
	font-size: 1.500em;
	font-weight: bold;
}

#recruit #main .description section .comment p {
	margin: 0 10px;
	font-size: 1.333em;
}

#recruit #main .description section .flow {
	clear: both;
	width: 350px;
	margin: 0 0 0 20px;
	float: left;
}

#recruit #main .description section .flow ol {
	margin: 0 20px;
	font-size: 1.500em;
	text-align: center;
}

#recruit #main .description section .flow ol li {
	margin: 0 0 17px;
	padding: 1px 0;
	background-color: #D3EFFF;
	border-radius: 3px;
	position: relative;
}

#recruit #main .description section .flow ol li::after {
	content: "";
	width: 100%;
	height: 17px;
	background: url(../img/img06.png) no-repeat center bottom;
	position: absolute;
	left: 0;
	bottom: -17px;
}

#recruit #main .description section .flow ol li:last-of-type {
	margin: 0;
}

#recruit #main .description section .flow ol li:last-of-type::after {
	display: none;
}

#recruit #main .description section .salary {
	width: 530px;
	margin: 0 10px 0 0;
	float: right;
}

#recruit #main .description section .salary table {
	width: 510px;
	margin: 0 10px;
	border: solid 1px #BEBEBE;
	font-size: 1.333em;
	box-sizing: border-box;
}

#recruit #main .description section .salary table th {
	width: 20%;
	padding: 10px 15px;
	background-color: #E8F7FD;
	border: solid 1px #BEBEBE;
	vertical-align: top;
	box-sizing: border-box;
}

#recruit #main .description section .salary table td {
	padding: 10px 15px;
	border: solid 1px #BEBEBE;
	box-sizing: border-box;
}

#recruit #main .description section .salary p {
	margin: 10px 10px 0 0;
	text-align: right;
	font-size: 1.250em;
}

#recruit #main .description section .salary p br {
	display: none;
}


@media screen and (max-width: 737px){
	#recruit #main .description {
		padding: 0 0 40px;
	}
	
	#recruit #main .description > div > section {
		width: auto;
		margin: 40px auto 0;
		padding: 20px 10px;
	}
	
	#recruit #main .description section p.img {
		margin: 0 0 20px;
		float: none;
		text-align: center;
	}
	
	#recruit #main .description section .comment {
		width: auto;
		height: auto;
		margin: 0 0 20px;
		float: none;
	}
	
	#recruit #main .description section .flow {
		width: auto;
		margin: 0 0 20px;
		float: none;
	}
	
	#recruit #main .description section .salary {
		width: auto;
		margin: 0;
		float: none;
	}
	
	#recruit #main .description section .salary table {
		width: 94%;
	}
	
	#recruit #main .description section .salary table th {
		padding: 10px;
	}
	
	#recruit #main .description section .salary table td {
		padding: 10px;
	}
	
	#recruit #main .description section .salary p br {
		display: inline;
	}
	
	#recruit #main .description section .performance {
		width: auto;
    	height: auto;
    	margin: 0 0 20px;
    	float: none;
		}
	
	#recruit #main .description section .performance h4 {
	margin: 0 0 15px;
	width:100px;
	padding: 3px 8px;
	text-align:left;
	background-color: #004A9E;
	color: #fff;
	font-size: 1.500em;
	font-weight: bold;
	}
	
	#recruit #main .description section .performance p {
	font-weight: bold;
	font-size: 1.500em;
	}

	#recruit #main .description > section {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
		background-color: #fff;
		box-sizing: border-box;
	}

}


#recruit #main .landscape {
	margin: 0;
	padding: 0 0 100px;
}

#recruit #main .landscape .inner {
	width: 980px;
	margin: 50px auto 0;
	padding: 20px;
	background-color: #ECF7FF;
	box-sizing: border-box;
}

#recruit #main .landscape .inner ul {
	margin: 0;
}

#recruit #main .landscape .inner ul li {
	width: 272px;
	margin: 0 20px 20px 0;
	padding: 10px;
	background-color: #fff;
	border: solid 4px #E0E0E0;
	float: left;
}

#recruit #main .landscape .inner ul li:nth-of-type(3),
#recruit #main .landscape .inner ul li:nth-of-type(6) {
	margin: 0 0 20px 0;
}

#recruit #main .landscape .inner ul li:nth-of-type(7),
#recruit #main .landscape .inner ul li:nth-of-type(8) {
	margin: 0 20px 0 0;
}

#recruit #main .landscape .inner ul li:nth-of-type(9) {
	margin: 0;
}

#recruit #main .landscape .inner ul li p {
	margin: 5px 0 0;
	font-size: 1.143em;
}


@media screen and (max-width: 737px){
	#recruit #main .landscape {
		padding: 0 0 40px;
	}
	
	#recruit #main .landscape .inner {
		width: auto;
		margin: 40px auto 0;
		padding: 20px 10px;
	}
	
	#recruit #main .landscape .inner ul li {
		width: auto;
		margin: 0 0 20px !important;
		padding: 9px;
		border: solid 3px #E0E0E0;
		float: none;
		text-align: center;
	}
	
	#recruit #main .landscape .inner ul li:nth-of-type(9) {
		margin: 0 !important;
	}
	
	#recruit #main .landscape .inner ul li p {
		text-align: left;
	}
}


#recruit #main .interview {
	margin: 0;
	padding: 0 0 100px;
	background-color: #F4EEE4;
}

#recruit #main .interview > section {
	width: 980px;
	margin: 50px auto 0;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

#recruit #main .interview section div {
	height: 306px;
	padding: 55px 0 0 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

#recruit #main .interview section div p.img {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
}

#recruit #main .interview section div p.txt {
	height: 47px;
	position: relative;
	z-index: 3;
	margin: 0;
	font-size: 0;
}

#recruit #main .interview section:nth-of-type(1) div p.txt {
	background: url("../../../imgs/corporate/recruit/img27.png") no-repeat left top;
}

#recruit #main .interview section:nth-of-type(2) div p.txt {
	background: url("../../../imgs/corporate/recruit/img31.png") no-repeat left top;
}

#recruit #main .interview section:nth-of-type(3) div p.txt {
	background: url("../../../imgs/corporate/recruit/img29.png") no-repeat left top;
}

#recruit #main .interview section div h3 {
	margin: 35px 0 0 20px;
	position: relative;
	z-index: 4;
}

#recruit #main .interview section > p {
	margin: 0;
	padding: 30px;
	background-color: #ECF7FF;
	font-size: 1.333em;
}


@media screen and (max-width: 737px){
	#recruit #main .interview {
		padding: 0 0 40px;
	}
	
	#recruit #main .interview > section {
		width: auto;
		margin: 40px auto 0;
		padding: 10px;
	}
	
	#recruit #main .interview section div {
		height: auto;
		padding: 0;
	}
	
	#recruit #main .interview section div p.img {
		margin: 0;
		position: static;
	}
	
	#recruit #main .interview section div p.txt {
		height: auto;
		padding: 5px;
		background: #004DA1 !important;
		color: #fff;
		font-size: 1.500em;
	}
	
	#recruit #main .interview section div h3 {
		margin: 20px 0;
		text-align: center;
	}
	
	#recruit #main .interview section > p {
		padding: 1em;
	}
}


#recruit #main .entry {
	margin: 0;
	padding: 0 0 60px;
}

#recruit #main .entry .inner {
	width: 980px;
	margin: 50px auto 0;
	padding: 20px;
	background-color: #F4F4F4;
	box-sizing: border-box;
}

#recruit #main .entry .inner > p {
	margin: 0 0 20px;
	color: #BD166C;
	font-size: 1.50em;
	font-weight: bold;
}

#recruit #main .entry .inner section {
	width: 410px;
	margin: 0 0 0 10px;
	padding: 20px;
	background-color: #BD166C;
	float: left;
}

#recruit #main .entry .inner section:nth-of-type(2) {
	margin: 0 10px 0 0;
	float: right;
}

#recruit #main .entry .inner section h3 {
	min-height: 73px;
	margin: 0 0 20px;
	padding: 0 0 0 90px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

#recruit #main .entry .inner section:nth-of-type(1) h3 {
	background: url("../../../imgs/corporate/recruit/img35.png") no-repeat 3px top;
}

#recruit #main .entry .inner section:nth-of-type(2) h3 {
	min-height: 53px;
	padding: 20px 0 0 90px;
	background: url("../../../imgs/corporate/recruit/img36.png") no-repeat 3px top;
}

#recruit #main .entry .inner section div {
	margin: 0;
	padding: 20px 0;
	background-color: #fff;
	text-align: center;
}

#recruit #main .entry .inner section div p.tel_pc {
	margin: 10px 0 10px;
	color: #BD166C;
	font-size: 2.833em;
	line-height: 1.1;
}

#recruit #main .entry .inner section div p.tel_sp {
	display: none;
}

#recruit #main .entry .inner section div p:last-of-type {
	margin: 0;
	font-size: 1.500em;
}

#recruit #main .entry .inner section div p.btn {
	margin: 0 30px 11px;
	border-radius:5px;
	overflow:hidden;
	border:#E16FAA 1px solid;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
}

#recruit #main .entry .inner section div p.btn a {
	display:block;
	border:#FFF 1px solid;
	border-radius:5px;
	padding:10px 20px 10px 10px;
	/* IE9 */
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 94% center no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFMTZGQUEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRDE2NkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NjcpIiAvPgo8L3N2Zz4=);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -webkit-gradient(linear,left top,left bottom, from(#E16FAA), to(#BD166C));
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -moz-linear-gradient(top, #E16FAA, #BD166C);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -ms-linear-gradient(top, #E16FAA , #BD166C);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, linear-gradient(to bottom, #E16FAA , #BD166C);
	color:#FFFFFF;
}

#recruit #main .entry .inner section div p.btn a:hover{
	/* IE9 */
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 94% center no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1ODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCRDE2NkMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MTExNTQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1ODkpIiAvPgo8L3N2Zz4=);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -webkit-gradient(linear,left top,left bottom, from(#BD166C), to(#911154));
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -moz-linear-gradient(top, #BD166C, #911154);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, -ms-linear-gradient(top, #BD166C , #911154);
	background: url(../../../imgs/corporate/recruit/icon_arrow02.png) 96% center no-repeat, linear-gradient(to bottom, #BD166C , #911154);
}


@media screen and (max-width: 737px){
	#recruit #main .entry {
		padding: 0 0 40px;
	}
	
	#recruit #main .entry .inner {
		width: auto;
		margin: 40px auto 0;
		padding: 20px 10px;
	}
	
	#recruit #main .entry .inner > p {
		font-size: 1.500em;
	}
	
	#recruit #main .entry .inner section {
		width: auto;
		margin: 0 0 20px;
		padding: 10px;
		float: none !important;
	}
	
	#recruit #main .entry .inner section:nth-of-type(2) {
		margin: 0;
	}
	
	#recruit #main .entry .inner section h3 {
		min-height: inherit;
		margin: 0 0 20px;
		padding: 0 0 0 50px;
		font-size: 1.667em;
		font-weight: bold;
		line-height: 1.6;
	}
	
	#recruit #main .entry .inner section:nth-of-type(1) h3 {
		background: url(../../../imgs/corporate/recruit/img35.png) no-repeat left top;
		background-size: 50px auto;
	}
	
	#recruit #main .entry .inner section:nth-of-type(2) h3 {
		min-height: 53px;
		padding: 6px 0 0 40px;
		background: url(../../../imgs/corporate/recruit/img36.png) no-repeat left top;
		background-size: 50px auto;
	}
	
	#recruit #main .entry .inner section div {
		padding: 10px 0;
	}
	
	#recruit #main .entry .inner section div p.tel_pc {
		display: none;
	}
	
	#recruit #main .entry .inner section div p.tel_sp {
		margin: 0 10px 1em;
		display: block;
		font-size: 1.500em;
		font-weight: bold;
	}
	
	#recruit #main .entry .inner section div p.tel_sp a {
		text-indent:0;
		width: auto;
		height: auto;
		background: none !important;
		padding:5px 15px;
		text-align: center;
		border:#C1216B 1px solid;
		border-bottom:#C1216B 2px solid;
		border-radius:5px;
		color:#C1216B;
		display: block;
	}
	
	#recruit #main .entry .inner section div p.btn {
		margin: 0 10px 1em;
	}
}

@media screen and (max-width: 360px){
	#recruit #main .entry .inner section:nth-of-type(1) h3 {
		font-size: 1.500em;
	}
}

/*** ------------------------------------------------------------------------------ 

採用情報詳細-求人がない場合（#recruit）

-----------------------------------------------------------------------------  ***/
#recruit .none-recruit-msg{
	text-align: center;
	font-size: 1.83rem;
	font-weight: bold;
	padding: 100px 0 80px;
}

@media screen and (max-width: 737px){
	#recruit .none-recruit-msg{
		font-size: 1.2rem;
		padding: 50px 20px 30px;
	}	
}

/*** ------------------------------------------------------------------------------ 

お問い合わせ（#inquiry）

-----------------------------------------------------------------------------  ***/

#inquiry h1{
	background: url(../../../imgs/corporate/inquiry/header.png) center center no-repeat;
	background-size: cover;
	color: #000;
}

#inquiry #cont {
  width: 90%; max-width: 760px;
}
#inquiry .lead {
  font-family: "Sawarabi Mincho";
  font-size: 2rem;
  color: #157cc7;
  text-align: center;
  margin: .5em 0;
}
#inquiry #cont p {
  margin-bottom: 1em;
}
#inquiry .contact-flow {
  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;
  margin-bottom: 2rem;
}
#inquiry .contact-flow > li {
  width: 28%;
  background : #f6f6f6;
  border: 3px solid #f6f6f6;
  text-align: center;
  font-weight: bold;
  padding: 1em 0;
  position: relative;
}
#inquiry .contact-flow > li + li:before {
  content: '';
  width: 30%;
  height: 100%; 
  display: block;
  position: absolute;
  right: 100%; top: 0;
  margin: auto;
  background: url(../../../imgs/corporate/inquiry/arrow-block-r.png) center center no-repeat /40% auto;
}
#inquiry .contact-flow > li.here {
  border-color: #d3efff;
}

#inquiry .required {
  color:#FFF;
  background: #e4363e;
  font-size: .8em;
  padding: 0 .5em;
  line-height: 150%;
  display: inline-block;
}
#inquiry .mailform .required {
  margin-left: .5em;
}
#inquiry .mailform .table-wrap {
  background : #f6f6f6;
  border: 3px solid #d3efff;
  padding: 3rem;
  position: relative;
  margin: 2rem 0;
}
#inquiry .mailform table {
  width: 100%;
}
#inquiry .mailform table th {
  width: 35%;
  font-weight: bold;
  vertical-align: top;
}

#inquiry .mailform input {
  display: block;
  width: 80%;
  padding: .5em;
  border: none;
  margin-bottom: .5em;
}
#inquiry .mailform textarea {
  width: 100%;
  padding: .5em;
  border: none;
}
#inquiry .mailform .btn {
  width: 400px;
  max-width: 80%;
  margin: 1em auto;
  position: relative;
}
#inquiry .mailform .btn:after {
  content: '';
  width: 1rem;
  height: 1rem;
  display: block;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0; bottom: 0; right: 2rem;
  margin: auto;
  z-index: 2;
  pointer-events: none;
}
#inquiry .mailform input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  background: #157cc7;
  font-size: 1.5rem;
  color: #FFF;
  padding: 1em;
  width: 100%;
  
}

#inquiry .mailform table td {
  width: 65%;
  padding-bottom: 2em;
}
#inquiry .mailform table tr:last-child td {
  padding-bottom: 0;
} 
#inquiry .mailform table td span {
  display: block;
}

@media screen and (max-width: 737px) {
  #inquiry .contact-flow > li {
    padding: .5rem 0;
  }
  #inquiry .lead {
    font-size: 1rem;
  }
  #inquiry .mailform .table-wrap {
  

    padding: 2rem;
  }
  #inquiry .mailform table th,
  #inquiry .mailform table td {
    display: block;
    width: 100%;
  }

  #inquiry .mailform table th {
    padding-bottom: .5rem;
  }
  #inquiry .mailform table input {
    width: 100%;
  }
}
#inquiry .step02,
#inquiry .step03{
	display: none;
}
#inquiry .mw_wp_form_error .step02{
	display: -webkit-flex;
	display: flex;
}
#inquiry .mw_wp_form_error .step01{
	display: none;
}
#inquiry .mw_wp_form_preview .step03{
	display: -webkit-flex;
	display: flex;
}
#inquiry .mw_wp_form_preview .step01{
	display: none;
}


/*** ------------------------------------------------------------------------------ 

申し込みフォーム（#entry）

-----------------------------------------------------------------------------  ***/
#entry .step02,
#entry .step03{
	display: none !important;
}
#entry .mw_wp_form_error .step02{
	display: block !important;
}
#entry .mw_wp_form_error .step02.contact-flow{
	display: flex !important;
}
#entry .mw_wp_form_error .step01{
	display: none !important;
}
#entry .mw_wp_form_preview .step03{
	display: block !important;
}
#entry .mw_wp_form_preview .step03.contact-flow{
	display: flex !important;
}
#entry .mw_wp_form_preview .step01{
	display: none !important;
}

#entry h1{
	background: url(../../../imgs/corporate/inquiry/header.png) center center no-repeat;
	background-size: cover;
	color: #000;
}

#entry #cont {
  width: 90%; max-width: 760px;
}
#entry .lead {
  font-family: "Sawarabi Mincho";
  font-size: 2rem;
  color: #157cc7;
  text-align: center;
  margin: .5em 0;
}
#entry #cont p {
  margin-bottom: 1em;
}
#entry .contact-flow {
  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;
  margin-bottom: 2rem;
}
#entry .contact-flow > li {
  width: 28%;
  background : #f6f6f6;
  border: 3px solid #f6f6f6;
  text-align: center;
  font-weight: bold;
  padding: 1em 0;
  position: relative;
}
#entry .contact-flow > li + li:before {
  content: '';
  width: 30%;
  height: 100%; 
  display: block;
  position: absolute;
  right: 100%; top: 0;
  margin: auto;
  background: url(../../../imgs/corporate/inquiry/arrow-block-r.png) center center no-repeat /40% auto;
}
#entry .contact-flow > li.here {
  border-color: #d3efff;
}

#entry .required {
  color:#FFF;
  background: #e4363e;
  font-size: .8em;
  padding: 0 .5em;
  line-height: 150%;
  display: inline-block;
}
#entry .mailform .required {
  margin-left: .5em;
}
#entry .mailform .table-wrap {
  background : #f6f6f6;
  border: 3px solid #d3efff;
  padding: 3rem;
  position: relative;
  margin: 2rem 0;
}
#entry .mailform table {
  width: 100%;
}
#entry .mailform table th {
  width: 35%;
  font-weight: bold;
  vertical-align: top;
}

#entry .mailform input {
  display: block;
  width: 80%;
  padding: .5em;
  border: none;
  margin-bottom: .5em;
}
#entry .mailform input.short {
  	width: 30%;
	display: inline-block;
}
#entry .mailform .check-box{
	padding: 0 0 0.5em;
}

#entry .mailform .check-box input {
  display: inline;
  width: auto;
}

#entry .mailform textarea {
  width: 100%;
  padding: .5em;
  border: none;
}
#entry .mailform .btn {
  width: 400px;
  max-width: 80%;
  margin: 1em auto;
  position: relative;
}
#entry .mailform .btn:after {
  content: '';
  width: 1rem;
  height: 1rem;
  display: block;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0; bottom: 0; right: 2rem;
  margin: auto;
  z-index: 2;
  pointer-events: none;
}
#entry .mailform input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  background: #157cc7;
  font-size: 1.5rem;
  color: #FFF;
  padding: 1em;
  width: 100%;
  
}

#entry .mailform table td {
  width: 65%;
  padding-bottom: 2em;
}
#entry .mailform table tr:last-child td {
  padding-bottom: 0;
} 
#entry .mailform table td span {
  display: block;
}
#entry .mailform table td span.mwform-checkbox-field-text {
	display: inline;
}
#entry .mw_wp_form .horizontal-item + .horizontal-item{
	margin: 0 !important;
}

@media screen and (max-width: 737px) {
  #entry .contact-flow > li {
    padding: .5rem 0;
  }
  #entry .lead {
    font-size: 1rem;
  }
  #entry .mailform .table-wrap {
    padding: 2rem;
  }
  #entry .mailform table th,
  #entry .mailform table td {
    display: block;
    width: 100%;
  }

  #entry .mailform table th {
    padding-bottom: .5rem;
  }
  #entry .mailform table input {
    width: 100%;
  }
	#entry .mailform .check-box br{
		display: none;
	}
	#entry .mailform .check-box label{
		display: block;
	}
}

  
/*** ------------------------------------------------------------------------------ 

プライバシーポリシー（#privacy）

-----------------------------------------------------------------------------  ***/

#privacy h1{
	background: url(../../../imgs/corporate/privacy/header.jpg) center center no-repeat;
	background-size: cover;
}


#privacy #cont {
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
}
#privacy .privacy-head { 
  line-height: 180%;
  margin-top: 1rem;
}


#privacy .list-policy {
  margin-top: 2rem;
}
#privacy .list-policy > li {
  margin-bottom: 1.5em;
}
#privacy .list-dot > li {
  margin-bottom: 1em;
}
#privacy .title-circle {
  margin-top: 2em;
} 
#privacy .use-box{
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #2d86c3;
}
#privacy .use-box p{
	font-weight: bold;
	margin: 0 0 10px;
}

#privacy .privacy-contact {
  line-height: 180%;
  margin-top: 1em;
  text-align: center;
}
#privacy .privacy-contact .inner {
  text-align:left;
  display: inline-block;
}
#privacy .privacy-contact p {
  margin-bottom: .5em; 
}
#privacy .privacy-contact .tel:before{
  content: '';
  width: 1em;
  height: 1em;
  background: url(../../../imgs/corporate/privacy/icon-tel.png) no-repeat center center/ 100% auto;
  display: inline-block; margin-right: .5em;
  vertical-align: middle;
}
#privacy .privacy-contact .mail:before{
  content: '';
  width: 1em;
  height: 1em;
  background: url(../../../imgs/corporate/privacy/icon-mail.png) no-repeat center center/ 100% auto;
  display: inline-block; margin-right: .5em;
  vertical-align: middle;
}
@media screen and ( max-width: 737px ){
  #privacy .privacy-contact .tel,
  #privacy .privacy-contact .mail {
    display: block;
  }
  
}


/*** ------------------------------------------------------------------------------ 

00_千の風の歩み（#history）

-----------------------------------------------------------------------------  ***/

#history h1{
	background: url(../../../imgs/corporate/history/header.jpg) right center no-repeat;
	background-size: cover;
}


#history #main {
	width: auto;
	margin: 0;
	float: none;
}

#history #sub,
#history #main-inquiry {
	display: none;
}


#history #main .historybox {
	margin: 0;
	padding: 0;
	position: relative;
}

#history #main .first {
	padding: 40px 0 0;
}

#history #main .historybox.bg01 {
	background: url("../../../imgs/corporate/history/bg01.jpg") repeat center top;
}

#history #main .historybox.bg02 {
	background: url("../../../imgs/corporate/history/bg02.jpg") repeat center top;
}

#history #main .historybox .inner {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0 10px;
	background: url("../../../imgs/corporate/history/bg03.png") repeat-y 81px top;
}

#history #main .first .inner {
	padding: 0;
}

#history #main .last .inner {
	background: url("../../../imgs/corporate/history/bg03.png") no-repeat 81px top;
}

#history #main .historybox .inner p.year {
	float: left;
}

#history #main .historybox .inner .box {
	margin: 10px 0 0 222px;
}

#history #main .historybox .inner .box h2 {
	height: 32px;
	margin: 0 0 25px;
	font-size: 0;
}

#history #main .historybox .inner .box h2:nth-of-type(2) {
	margin: 30px 0 25px;
}

#history #main .historybox .inner .box h2.ttl_01 {
	background: url("../../../imgs/corporate/history/ttl01.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_02 {
	background: url("../../../imgs/corporate/history/ttl02.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_03 {
	background: url("../../../imgs/corporate/history/ttl03.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_04 {
	background: url("../../../imgs/corporate/history/ttl04.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_05 {
	background: url("../../../imgs/corporate/history/ttl05.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_06 {
	background: url("../../../imgs/corporate/history/ttl06.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_07 {
	background: url("../../../imgs/corporate/history/ttl07.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_08 {
	background: url("../../../imgs/corporate/history/ttl08.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_09 {
	background: url("../../../imgs/corporate/history/ttl09.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_10 {
	background: url("../../../imgs/corporate/history/ttl10.png") no-repeat left top;
}

#history #main .historybox .inner .box h2.ttl_11 {
	background: url("../../../imgs/corporate/history/ttl11.png") no-repeat left top;
}

#history #main .historybox .inner .box p {
	margin: 0 0 2em;
}

#history #main .historybox .inner .box p span {
	margin: 10px 0 0;
	display: block;
	text-align: right;
}

#history #main .historybox .inner .box h3 {
	margin: 0 0 1em;
	font-size: 1.167em;
	font-weight: bold;
}

#history #main .historybox .inner .box ul {
	margin: 0;
	font-size: 1.0em;
}

#history #main .historybox .inner .box ul li {
	width: 226px;
	margin: 0 40px 2em 0;
	float: left;
	line-height: 1.3;
}

#history #main .historybox .inner .box ul li:nth-of-type(3n) {
	margin: 0 0 2em;
}

#history #main .historybox .inner .box ul li img {
	margin: 0 0 3px;
}


@media screen and (max-width: 737px){
	#history #main .first {
		padding: 20px 0 0;
	}
	
	#history #main .historybox .inner {
		width: auto;
		margin: 0 10px;
		padding: 20px 0 0;
		background: url("../../../imgs/corporate/history/bg03.png") repeat-y 30px top;
	}
	
	#history #main .first .inner {
		padding: 0;
	}
	
	#history #main .last .inner {
		background: url("../../../imgs/corporate/history/bg03.png") no-repeat 30px top;
	}
	
	#history #main .historybox .inner p.year {
		width: 60px;
		float: left;
	}
	
	#history #main .historybox .inner .box {
		margin: 0 0 0 70px;
	}
	
	#history #main .historybox .inner .box h2 {
		height: auto;
		margin: 0 0 10px;
		background: none !important;
		font-size: 1.667em;
		font-weight: bold;
	}
	
	#history #main .historybox .inner .box h2:nth-of-type(2) {
		margin: 20px 0 10px;
	}
	
	#history #main .historybox .inner .box p {
		margin: 0 0 20px;
	}
	
	#history #main .historybox .inner .box p .br {
		display: none;
	}
	
	#history #main .historybox .inner .box ul li {
		width: 48%;
		margin: 0 0 20px !important;
		float: left;
	}
	
	#history #main .historybox .inner .box ul li:nth-of-type(even) {
		float: right;
	}
	
	#history #main .historybox .inner .box ul li:nth-of-type(2n+1) {
		clear: both;
	}
}




/*** ------------------------------------------------------------------------------ 

ニュースリリース追加分190619

-----------------------------------------------------------------------------  ***/
#news_r {
	max-width: 1000px;
	margin:50px auto;
	padding: 0 20px;
}

#news_r .inner {
	margin-bottom: 20px;
}

#news_r .hide {
	display: none;
	width: 100% !important;
}

#news_r .title {
	font-weight: bold;
	font-size: 14px;
	color: #2d86c3;
	padding:0 0 20px;
}

#news_r .first_news .text {
	width: 100%;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#news_r .first_news .text a,
#news_r li a {
	display: block;
	margin: 0 auto;
	padding: 15px 20px 15px 20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#3399cc;
}
#news_r .first_news .text a:hover,
#news_r li a:hover {
	color:#ff6600;
}

#news_r .press_show li:nth-child(odd) {
	background-color: #f6f6f6;
}
#news_r .press_hide li:nth-child(even) {
	background-color: #f6f6f6;
}

#news_r .first_news .text a span,
#news_r li a span {
	color: #1b1b1b;
	margin-right: 10px;
}

#news_r .more,
#news_r .more_close {
	width: 100% !important;
}

#news_r .more_close {
	display: none;
}

#news_r .more a,
#news_r .more_close a {
	display: block;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border: 1px solid #ccc;
	text-align: center;
}


#newsrelease h1 {
    background: url(../../../imgs/corporate/company/header.jpg) center center no-repeat;
    background-size: cover;
}
#newsrelease .presswrap{
	display:flex;
	justify-content: space-between;
}
#newsrelease  #press_contents {
	width: 70%;
	min-height: 250px;
}
#newsrelease  #press_contents h2 {
	line-height: 1.3;
    padding-left: 10px;
    font-size: 26px;
    border-left: 5px solid #086baf;
	margin-bottom:30px;
}
#newsrelease  #press_contents h3 {
    line-height: 1.3;
    margin-top: 26px;
    padding-left: 10px;
    font-size: 22px;
}
#newsrelease #press_contents p {
    line-height: 2;
    margin: 1em 0;
    padding: 0 10px;
    letter-spacing: 1px;
}
#newsrelease #press_contents .press_date ul{
	display:flex;
	margin:10px 0 20px 10px;
}
#newsrelease #press_contents .press_date ul li{
	margin-right:10px;
}
#newsrelease #press_side {
	width: 25%;
}
#newsrelease #press_side .press_sidebox{
	margin-bottom:10px;
}
#newsrelease #press_side h4{
	background:#2d86c3;
	padding: 12px;
	color:#fff;
}
#newsrelease #press_side h4 a{
	color:#fff;
}
#newsrelease #press_side li a {
    display: block;
    line-height: 1.3;
    padding: 12px 5px 12px 12px;
    background-color: #eee;
    border-bottom: 1px solid #dfdfdf;
}
#newsrelease #press_contents .post_list ul {
}
#newsrelease #press_contents li {
	display:flex;
}
#newsrelease #press_contents .post_list li:nth-child(odd) {
	background-color: #f6f6f6;
}
#newsrelease #press_contents .page_nav {
	padding-top: 15px;
    display: flex;
    justify-content: center;
    border-top: 1px solid #dfdfdf;
    margin-top: 50px;
}
#newsrelease #press_contents .page_nav a,
#newsrelease #press_contents .page-numbers.current{
	padding:0 5px;
}
#newsrelease #press_contents .page-numbers.current{
	color:#aaa;
}
#newsrelease #press_contents .single_page_nav {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    margin-top: 50px;
}
#newsrelease #press_contents .post_list li .meta{
	position:relative;
	width: 200px;
}
#newsrelease #press_contents .post_list li .meta:after{
	content:"▲";
	position:absolute;
	transform:rotate(90deg);
	color:#2d86c3;
	right:-5px;
	font-size:10px;
	top:1px;
}
#newsrelease #press_contents .post_list li .text{
	min-width: 265px;
    max-width: 500px;
}
#newsrelease #press_contents .post_list li .text a{
	color:#3399cc;
}
#newsrelease #press_contents .post_list li .text a:hover {
	color:#ff6600;
}
#newsrelease #press_contents .press_year{
	font-size: 22px;
}
#newsrelease #press_contents .cat_nav ul{
	display:flex;
	margin:0;
	padding:0 0 30px 0;
}
#newsrelease #press_contents .cat_color{
	background:#aad4f1;
    margin: 0 5px;
	white-space: nowrap;
}
#newsrelease #press_contents .cat_color a{
	padding:0 10px
}
#newsrelease #press_contents .news_detail a{
	color:#174896;
}
#newsrelease #press_contents p,
#newsrelease #press_contents a{
	word-break:break-all;
}
@media screen and (max-width: 737px) {
	#newsrelease #press_contents .s {
		display:block;
		padding:10px;
	}
	#newsrelease #press_contents p{
		margin:0;
	}
	#newsrelease #press_contents .post_list li .meta{
		width: 100%;
	}
	#newsrelease #press_contents .post_list li .meta:after{
		display:none;
	}
	#newsrelease .presswrap{
		flex-wrap:wrap;
	}
	#newsrelease #press_contents{
		margin-bottom:65px;
	}
	#newsrelease #press_contents,
	#newsrelease #press_side {
	width: 100%;
	}
}


/*** ------------------------------------------------------------------------------ 

SNSボタン追加分190620

-----------------------------------------------------------------------------  ***/
.sns_btnarea{
	display: flex;
	justify-content: center;
	margin-top: 50px;
	align-items: center;
}
.sns_btnarea a{
	margin:10px
}
.fb_btn i{
	color:#39579B;
}
.tw_btn i{
	color:#2FA3DA;
}
.line_btn i{
	color:#2DBE01;
}
.insta_btn{
	height:38px;
	width:38px;
}
.insta_btn img{
	width:100%;
	height:auto;
}
.post_list .sns_btnarea{
	margin:0 20px 0 0;
}
.post_list .sns_btnarea a{
	margin: 3px;
}
.post_list .sns_btnarea a i{
	font-size:22px;
}