@charset "UTF-8";

/*****************************
	スマホトップページ
*****************************/
.top_img{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto 1%;
}
.top_img img{
	width:100%;
	vertical-align:bottom;
}
.top_contents_text{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:3% auto;
	font-size:3vw;
	color:#FFF;
	line-height:2em;
	text-align:left;
}
.top_contents_title{
	width:100%;
	margin:1% 0;
	text-align:left;
}
.top_contents_title img{
	width:70%;
	vertical-align:bottom;
}
.top_contents_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	display: flex;
	justify-content: space-between;
}
.top_contents_img{
	width:35%;
	padding:1%;
	text-align:cener;
	box-sizing: border-box;
}
.top_contents_img img{
	width:98%;
	vertical-align:bottom;
}
.top_contents_text2{
	width:75%;
	padding:1%;
	font-size:2.8vw;
	color:#FFF;
	line-height:1.6em;
	letter-spacing: .1em;
	box-sizing: border-box;
}
.top_contents_text2 .item{
	font-size:2.8vw;
	color:#FFF;
	font-weight: bold;
}
.top_contents_text2 .morebtn{
	width:50%;
	font-size:2.8vw;
	color:#FFF;
	text-align:center;
	line-height:2em;
	border:1px #FFF solid;
}
.top_contents_text2 .morebtn a{
	color:#FFF;
	display: block;
	text-decoration: none;
}
.top_news_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.top_news_contents{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	display: flex;
	justify-content: space-between;
}
.top_news_detail{
	width:70%;
	padding:1%;
	box-sizing: border-box;
}
.top_news_date{
	font-size:2.8vw;
	color:#FFF;
	text-align:left;
	line-height:1.4em;
	letter-spacing: .1em;
}
.top_news_title{
	font-size:3vw;
	color:#FFF;
	line-height: 2em;
	text-align:left;
}
.top_news_text{
	font-size:2.8vw;
	color:#FFF;
	text-align:left;
	line-height:1.4em;
}
.top_news_img{
	width:30%;
	padding:5px;
	box-sizing: border-box;
}
.top_news_img img{
	width:100%;
	vertical-align:bottom;
}

.top_company_box{
	background-color:#FFF;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto 5%;
	padding:3% 0 10%;
	box-sizing: border-box;
}
.top_company_contents{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	box-sizing: border-box;
	border-top:1px #000 solid;
	border-left:1px #000 solid;
	border-right:1px #000 solid;
	display: flex;
	justify-content: space-between;
}
.top_company_contents_last{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	box-sizing: border-box;
	border:1px #000 solid;
	display: flex;
	justify-content: space-between;
}
.top_company_item{
	font-family: 'Open Sans', sans-serif;
	width:30%;
	font-size: 2.8vw;
	color:#000;
	line-height:1.6em;
	padding:2% 0 2% 2%;
	box-sizing: border-box;
	border-right:1px #000 solid;
}
.top_company_text{
	font-family: 'Open Sans', sans-serif;
	width:70%;
	font-size: 2.8vw;
	color:#000;
	text-align:left;
	padding:2% 0 2% 2%;
	box-sizing: border-box;
}
.top_access_box{
	background-color:#FFF;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto 5%;
	padding:3% 0 10%;
	box-sizing: border-box;
}
.top_access_map{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:3% auto;
}
.top_access_text{
	width: 90%;
	font-size:2.6vw;
	color:#000;
	line-height:1.8em;
	text-align:center;
	letter-spacing: .1em;
	margin:3% auto;
}
.top_recruit_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto 5%;
	padding:3% 0 10%;
	box-sizing: border-box;
}
.top_recruit_banner{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto;
}
.top_recruit_banner img{
	width:100%;
	vertical-align:bottom;
}

.top_contact_box{
	background-color:#FFF;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto 5%;
	padding:3% 0 10%;
	box-sizing: border-box;
}
.top_contact_form_box{
	width:90%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
.top_contact_form_item{
	width:30%;
	font-size: 2.8vw;
	color:#000;
	line-height:1.6em;
	padding:2% 0 2% 2%;
	box-sizing: border-box;
}
.top_contact_form_item span{
	font-size: 2.8vw;
	color:#F00;
	line-height:1.6em;
	text-align:center;
	box-sizing: border-box;
}
.top_contact_form_input{
	width:70%;
	font-size: 2.8vw;
	color:#000;
	line-height:1.6em;
	padding:1%;
	box-sizing: border-box;
}

input[type=text]{
	background-color:#e8e8e8;
	width:100%;
	height:30px;
	font-size: 2.8vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:3% auto;
	border:1px #666 solid;
	box-sizing: border-box;
}
input[type=tel]{
	background-color:#e8e8e8;
	width:100%;
	height:30px;
	font-size: 2.8vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:3% auto;
	border:1px #666 solid;
	box-sizing: border-box;
}
input[type=email]{
	background-color:#e8e8e8;
	width:100%;
	height:30px;
	font-size: 2.8vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:3% auto;
	border:1px #666 solid;
	box-sizing: border-box;
}
textarea[name="pr"]{
	background-color:#e8e8e8;
	display: inline-block;
	width: 100%;
	height: 100px;
	padding:1%;
	margin:auto;
}
.top_select_form_input{
	width:70%;
	font-size: 2.8vw;
	color:#000;
	line-height:1.6em;
	padding:1%;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	border: 1px solid #eee;
	vertical-align: middle;
}
select {
  width: 100%;
  height:30px;
  background: #FFF;
  border:1px #666 solid;
}

input::placeholder,
textarea::placeholder {
	color: #666;
}
::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
 
::-moz-placeholder {
	color: #666;
	opacity: 1;
}
 
:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}
.top_contact_form_title{
	width:100%;
	font-size: 3vw;
	color:#000;
	text-align:center;
	padding:0;
	margin:3% 0;
}
.top_contact_form_text{
	font-family: 'Open Sans', sans-serif;
	width:100%;
	font-size: 2.8vw;
	color:#000;
	text-align:center;
	padding:0;
	margin:3% 0;
}
.top_contact_form_btnbox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.top_contact_form_button{
	width:90%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
.top_contact_form_submit{
	width:90%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
input[type=submit]{
	background-color:#999;
	width:50%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:1%;
}
input[type=button] {
	background-color:#999;
	width:50%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:1%;
}

@media screen and (min-width: 901px) {

/*****************************
	トップページ
*****************************/
.top_img{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:30px auto 3px;
}
.top_img img{
	width:100%;
	vertical-align:bottom;
}
.top_contents_text{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:30px auto;
	font-size:1.8vw;
	color:#FFF;
	line-height:2.5em;
	text-align:left;
	box-sizing: border-box;
}
.top_contents_title{
	width:1200px;
	margin:5px 0;
	text-align:left;
}
.top_contents_title img{
	width:70%;
	vertical-align:bottom;
}
.top_contents_box{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
	display: flex;
	justify-content: space-between;
}
.top_contents_img{
	width:350px;
	padding:3px;
	text-align:cener;
	box-sizing: border-box;
}
.top_contents_img img{
	width:320px;
	vertical-align:bottom;
}
.top_contents_text2{
	width:800px;
	padding:3px;
	font-size:1.4vw;
	color:#FFF;
	line-height:1.6em;
	letter-spacing: .1em;
	box-sizing: border-box;
}
.top_contents_text2 .item{
	font-size:1.6vw;
	color:#FFF;
	font-weight: bold;
}
.top_contents_text2 .morebtn{
	width:300px;
	font-size:1.6vw;
	color:#FFF;
	text-align:center;
	line-height:2em;
	border:1px #FFF solid;
}
.top_contents_text2 .morebtn a{
	color:#FFF;
	display: block;
	text-decoration: none;
}
.top_news_box{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
}
.top_news_contents{
	width:1100px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
	display: flex;
	justify-content: space-between;
}
.top_news_detail{
	width:800px;
	padding:5px;
	box-sizing: border-box;
}
.top_news_date{
	font-size:1.4vw;
	color:#FFF;
	text-align:left;
	line-height:1.4em;
	letter-spacing: .1em;
}
.top_news_title{
	font-size:2vw;
	color:#FFF;
	line-height: 2em;
	text-align:left;
}
.top_news_text{
	font-size:1.4vw;
	color:#FFF;
	text-align:left;
	line-height:1.4em;
}
.top_news_img{
	width:300px;
	padding:5px;
	box-sizing: border-box;
}
.top_news_img img{
	width:100%;
	vertical-align:bottom;
}

.top_company_box{
	background-color:#FFF;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px auto 50px;
	padding:3px 0 50px;
	box-sizing: border-box;
}
.top_company_contents{
	width:900px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	box-sizing: border-box;
	border-top:1px #000 solid;
	border-right:1px #000 solid;
	display: flex;
	justify-content: space-between;
}
.top_company_contents_last{
	width:900px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	box-sizing: border-box;
	border:1px #000 solid;
	display: flex;
	justify-content: space-between;
}
.top_company_item{
	font-family: 'Open Sans', sans-serif;
	width:300px;
	font-size: 1.6vw;
	color:#000;
	line-height:1.6em;
	padding:7px 0 7px 7px;
	box-sizing: border-box;
}
.top_company_text{
	font-family: 'Open Sans', sans-serif;
	width:600px;
	font-size: 1.6vw;
	color:#000;
	text-align:left;
	padding:7px 0 7px 7px;
	box-sizing: border-box;
}
.top_access_box{
	background-color:#FFF;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px auto 30px;
	padding:3px 0 50px;
	box-sizing: border-box;
}
.top_access_map{
	width:900px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
}
.top_access_text{
	width:900px;
	font-size:1.6vw;
	color:#000;
	text-align: center;
	line-height:1.8em;
	letter-spacing: .1em;
	margin:10px auto;
}
.top_recruit_box{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px auto 30px;
	padding:3px 0 50px;
	box-sizing: border-box;
}
.top_recruit_banner{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.top_recruit_banner img{
	width:100%;
	vertical-align:bottom;
}

.top_contact_box{
	background-color:#FFF;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:20px auto;
	padding:5px;
	box-sizing: border-box;
}
.top_contact_form_box{
	width:800px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
.top_contact_form_item{
	width:250px;
	font-size: 1.6vw;
	color:#000;
	line-height:1.8em;
	padding:10px 5px;
	box-sizing: border-box;
}
.top_contact_form_item span{
	font-size: 1.4vw;
	color:#F00;
	line-height:1.8em;
	text-align:center;
	box-sizing: border-box;
}
.top_contact_form_input{
	width:550px;
	font-size: 1.6vw;
	color:#000;
	line-height:1.8em;
	padding:10px;
	box-sizing: border-box;
}

input[type=text]{
	background-color:#e8e8e8;
	width:90%;
	height:50px;
	font-size: 1.6vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:1% auto;
	box-sizing: border-box;
}
input[type=tel]{
	background-color:#e8e8e8;
	width:90%;
	height:50px;
	font-size: 1.6vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:1% auto;
	box-sizing: border-box;
}
input[type=email]{
	background-color:#e8e8e8;
	width:90%;
	height:50px;
	font-size: 1.6vw;
	color:#333;
	text-align:left;
	padding:1%;
	margin:1% auto;
	box-sizing: border-box;
}
textarea[name="pr"]{
	background-color:#e8e8e8;
	display: inline-block;
	width: 90%;
	height: 100px;
	padding:1%;
	margin:auto;
}

.top_select_form_input{
	width:550px;
	font-size: 1.6vw;
	color:#000;
	line-height:1.8em;
	padding:10px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	border: 1px solid #eee;
	vertical-align: middle;
}
select {
  width: 90%;
  height:50px;
  padding:1%;
  background: #FFF;
  border:1px #666 solid;
}


input::placeholder,
textarea::placeholder {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}
 
::-moz-placeholder {
	color: #999;
	opacity: 1;
}
 
:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}
.top_contact_form_title{
	width:1200px;
	font-size: 1.6vw;
	color:#000;
	text-align:center;
	padding:0;
	margin:10px 0;
}
.top_contact_form_text{
	font-family: 'Open Sans', sans-serif;
	width:1200px;
	font-size: 1.4vw;
	color:#000;
	text-align:center;
	padding:0;
	margin:5px 0;
}
.top_contact_form_btnbox{
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
	display: flex;
	justify-content: center;
}
.top_contact_form_button{
	width:500px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
.top_contact_form_submit{
	width:500px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
input[type=submit]{
	background-color:#999;
	width:300px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:5px;
}
input[type=button] {
	background-color:#999;
	width:300px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:5px;
}

}