@charset "utf-8";

/***会社案内上部メニュー******************************************************************************************************************/
div.company_menu {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	line-height:4.5em;
	text-align:center;
	margin-bottom:3.5em;
}
div.company_menu div{flex:1; transition: all  0.3s;}
div.company_menu div a{text-decoration:none; color:#333;display:block;}
div.company_menu div.active_menu a{background-color:#0070c0; color:#FFF;}
div.company_menu div:hover{background-color:#dce6f2;}
@media screen and (max-width:1080px){
div.company_menu {width:100%;}
}
@media screen and (max-width:480px){
div.company_menu { display:block;line-height:4em;}
div.company_menu div{border-bottom:#dce6F2 solid 1px;}
}
/* 会社案内 ******************************************************************************************************************/
table.company{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3em;
	font-size:1em;
	color:#333;
	border: solid #CCC 1px;
	border-collapse:collapse;
	line-height:2.2em;
}
table.company th{ width:338px; background-color:#f2f2f2; font-weight:normal;border: solid #CCC 1px; padding:1em 0; }
table.company td{border: solid #CCC 1px;padding:1.1em 10px; }
table.company ol{margin-left:20px;}
table.company ol ul{margin-left:20px; list-style-type: disc; margin-bottom:2em;}
/***沿革　行間広いところの設定************************************************************************************/
p.company_enkaku_table {
	margin-bottom:2em;
}

@media screen and (max-width:1080px){
table.company{width:90%; margin-left:auto; margin-right:auto;}
table.company th{width: 30%; }
}
@media screen and (max-width:680px){
table.company{width:100%; font-size:0.9em;}
table.company th,
table.company td{width:100%; display:block; padding-top:0.5em; padding-bottom:0.5em;}
}
	
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

div.access_box {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
}
div.access_box ul {
	font-size:0.9em;
	margin-left:1em;
	margin-top:1em;
}
div.access_box ul li{margin-bottom:1em;}
@media screen and (max-width:1080px){
	div.access_box{width:80%;}
}
@media screen and (max-width:480px){
div.access_box{width:90%;}
}

/**社長挨拶*******************************************************************************************************************************/
div.company_greeting_back {
	background-color:#f2f2f2;
	padding:3em 0;
	margin-bottom:5em;
}
div.company_greeting_head {
	background-color:#f8f8f8;
	width:1177px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:space-around;
	align-items: center;
	padding:3em 2em;
}
p.company_greeting_text01 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-size:30pt;
	line-height:1.8em;
	letter-spacing:2px;
}
p.company_greeting_text02 {
	font-size:14pt;
	letter-spacing:4px;
	margin-top:70px;
	margin-bottom:1.5em;
}
p.company_greeting_text03 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-size:19pt;
	font-weight:bold;
	letter-spacing:5px;
}
div.greeting_text {
	width:865px;
	margin-left:auto;
	margin-right:auto;
	line-height:2em;
	color:#333;
}
div.greeting_text p{margin-bottom:2em;}

@media screen and (max-width:1200px){
div.company_greeting_head {
	width:90%;
}
}
@media screen and (max-width:1080px){
	div.greeting_text {
	width:80%;
}
p.company_greeting_text01 {
	font-size:24pt;
}

}
@media screen and (max-width:780px){
div.company_greeting_head {
	display:block;
}
p.company_greeting_text02 {
	font-size:12pt;
	margin-top:50px;
	margin-bottom:0.5em;
}
p.company_greeting_text03 {
	font-size:16pt;
	margin-bottom:2em;
}
div.company_greeting_head img{display:block; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width:480px){
	div.greeting_text {
	width:90%; font-size:0.9em;
	
}
div.company_greeting_back{margin-bottom:3em;}
div.company_greeting_head {
	width:90%;padding:2em 1em;
}
p.company_greeting_text01 {
	font-size:18pt;
	line-height:1.5em;
}
p.company_greeting_text02 {
	font-size:10pt;
	margin-top:50px;
	margin-bottom:0.5em;
}
p.company_greeting_text03 {
	font-size:14pt;
	margin-bottom:2em;
}
}

/* プライバシー・ご利用規約******************************************************************************************************************/
div.privacy_box {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3.5em;
	margin-bottom:7em;
}


div.privacy_box dl {
	margin-top:4em;

}
div.privacy_box dl dt {
	font-weight:bold;
}
div.privacy_box dl dd {
	border-bottom:#CCC solid 1px;
	padding:0.5em 2em 3.5em 0;
	margin-bottom:2em;
	margin-left:70px;
}

ol.privacy,
ul.privacy{margin:1em 0 3em 120px; padding-left:1.5em; border-bottom:solid 1px #CCC;} 
ul.privacy{list-style:disc;}
ol.privacy li,
ul.privacy li{padding-left:1em; margin-bottom:0.6em;}
@media screen and (max-width:1080px){
	div.privacy_box{width:80%;}
}
@media screen and (max-width:480px){
div.privacy_box{width:95%; font-size:0.9em;}
div.privacy_box dl dd {
	padding:0.5em 2em 2em 0;
	margin-bottom:2em;
	margin-left:20px;
}
ol.privacy,
ul.privacy{margin:1em 0 3em 20px;} 
}

/* 採用情報******************************************************************************************************************/
.title_underline {
	max-width:650px;
	margin:0.5em auto;
}

.carrer_baner {
	background:url(../img/company/carrer/career_baner.png) center center / cover no-repeat;
	width:100%;
	height:300px;
	position:relative;
}
.carrer_baner div {
	width:600px;
	height:180px;
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	font-size:1em;
	position:absolute;
	right:10%;
	top:40px;
	text-align:center;
}

.carrer_baner div p {
	display:inline-block;
	text-align:left;
	line-height:2em;
	margin-top:40px;
}
.saiyo_box {
	width:1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 3em auto 4em;
}
.boshu_yoko {
	width:450px;
	height:250px;
	line-height:2em;
	background:#D7EEFF;
	padding:30px 0 20px 30px;
}
.boshu_yoko a{
	color:#0070c0;
	text-decoration:none;
}
.boshu_yoko a:hover{
	border-bottom:#0070c0 solid 2px;
}
.boshu_yoko h2{
	margin-bottom:10px;
}
.boshu_yoko a {
	margin-left:2em;
}
.carrer_h2_2 {
	text-align:center;
}
.saiyo_box_2 {
	width:1000px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin:1em auto;
}
.saiyo_box_2 img:hover {
	opacity: 0.5;
}
.saiyo_box_2 div p {
	margin-top:10px;
}
.saiyo_box_2 div p a {
	color:#000;
	text-decoration:none;
}
.saiyo_box_2 div p a:hover {
	border-bottom:#000 solid 1px;
}

@media screen and (max-width:1080px){
	.saiyo_box {
		width:95%;
		justify-content: space-between;}
	.carrer_baner div {
		width:50%;
		right:5%;
		}
	.saiyo_box_2 {
		width:95%;
		justify-content: space-between;}
}
@media screen and (max-width:950px){
	.carrer_baner div {
		width:60%;}
	.boshu_yoko {
		width:45%;}
	.carrer_baner div p {
		line-height: 1.5em;}
}
@media screen and (max-width:580px){
	.boshu_yoko {
		width:100%;
		margin-bottom:2em;}
	.carrer_baner div {
		font-size: 0.9em;}
	.saiyo_box_2 {
		justify-content: center;}
	.saiyo_box_2 img{
		width:100%;
		height:auto;}
	.saiyo_box_2 div p {
	    margin:10px auto;}
	.saiyo_box_2 div p a {
		font-size:1.3em;
}
}

/* キャリア採用******************************************************************************************************************/

.carrer_title {
	background: url(../img/company/carrer/career2_baner.png) center center / cover no-repeat;
	width:100%;
	height:300px;
	margin-top:2em;
}
.carrer_title h1 {
	color:#FFF;
	line-height:300px;
	margin-left:10%;
}
.yoko_box {
	margin:2em auto 0;
	width:900px;
}
.yoko_box h2{
	margin-bottom:1em;
}
.yoko_box h2 span {
	color:#0070c0;
}
.occupation_box {
	margin-bottom:100px;
}
.occupation_box h3 {
	background:#0070c0;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
.occupation_box dl {
	display:flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	border-top: none;
}
.occupation_box dl dt {
	background: #f2f2f2;
	width:30%;
	padding: 15px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	font-weight:bold;
}
.occupation_box dl dd {
	padding: 15px;
	width:70%;
	margin: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}
.anchor{
    display: block;
    padding-top: 130px;
    margin-top: -130px;
}
.toi {
	background:linear-gradient(to right,#0070c0 70%, #00aff0);
	color:#FFF;
	width:100%;
	padding-left:15%;
	line-height:2.5em;
}
.toi_box {
	width:900px;
	background:#f2f2f2;
	padding:15px;
	border:#ccc solid 1px;
	margin:0.5em auto;
}
.form_title {
	text-align:center;
	font-size:1.5em;
	margin-top:1em;
}
@media screen and (max-width:980px){
	.yoko_box,.toi_box {
		width:90%;}
}