@charset "utf-8";

/* CLEARFIX */
/* -------------------------------------------------- */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.pc{
	display:none;
}
.sp{
	display:block;
}

/* OUTLINE */
/* -------------------------------------------------- */
body {
	color: #333333;
	font-family: "NotoSansCJKjp","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}
#header{
	width:100%;
	z-index:9;
	position: relative;
	background:#FFF;
}
.header_logo{
	position:relative;
	float:left;
	width:31.25%;
}
.header_logo img{
	width:100%;
}
.header_contact{
	float:right;
	width:20.93%;
}
.header_contact img{
	width:100%;
}
.header_menu{
	float:right;
	width:13.76%;
	cursor:pointer;
}
.header_menu img{
	width:100%;
}
.header_menulist{
	position:relative;
}
.header_list{
	display:none;
	width:100%;
	background-color: rgba(255,255,255,0.9);
	border-top:1px solid #0f6dba;
	position:absolute;
	top:-1px;
}
.header_list li{
	width:50%;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #0f6dba;
	height:44px;
	line-height:44px;
	padding:0 0 0 15px;
	background:url(../img/sp/header_list_icon.png) no-repeat;
	background-size:14px;
	background-position:90% 50%;
}
.header_list li:nth-child(2n) {
	border-left:1px solid #0f6dba;
}

.header_list li a{
	text-decoration:none;
	display: block;
}
.header_list li.none{
	background:none;
}


#top{
	position:relative;
}
.sub_mainimg{
	width:100%;
	position:relative;
}
.sub_mainimg img{
	width:100%;
}
.sub_mainimg h2{
	font-size:230%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%x;
	height:50px;
	text-align:center;
	color:#FFF;
	text-shadow: 5px 5px 10px #0f6dba;
	letter-spacing:10px;
}

.top_mainimg{
	width:100%;
	overflow:hidden;
	position:relative;
}
.top_mainimg1{
	width:100%;
}
.top_mainimg2{
	display:none;
	width:100%;
	position:absolute;
	top:13%;
	color:#FFF;
	text-align:center;
	font-size:172%;
	text-shadow: 5px 5px 10px #0f6dba;
	letter-spacing:2px;
}
.top_mainimg3{
	width:100%;
	position:absolute;
	top:0;
	display:none;
}
.top_mainimg1 img,
.top_mainimg2 img,
.top_mainimg3 img{
	width:100%;
}

@media(min-width: 1901px) {
	.top_mainimg1 img,
	.top_mainimg2 img,
	.top_mainimg3 img{
		width:100%;
		
	}
}

.top_mainimg_inner{
	position:absolute;
	top:55%;
	left:0;
	padding:0 3%;
}

.top_mainimg_inner h1{
	color:#FFF;
	font-size:133%;
	margin:0 0 5px 0;
	line-height:120%;
}
@media(min-width: 321px) {
	.top_mainimg_inner h1{
		margin:10px 0;
	}
}
.top_p{
	color:#FFF;
	font-size:96%;
	width:100%;
	z-index:9;
}

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

#footer{
	width:100%;
	margin:50px 0 0 0;
	padding:0;
	position:relative;
	z-index:9;
	border-top:1px solid #0f6dba;
}

#footer .page_top{
	position:absolute;
	right:10px;
	top:-55px;
	width:45px;
}
#footer .page_top img{
	width:100%;
}
.footer_box{
	padding:10px 0;
	text-align:center;
}
.footer_box p{
	font-size:128%;
	margin:0px 0 0 0;
}


.footer_inner:before,
.footer_inner:after {
	content: " ";
	display: table;
}

.footer_inner:after {
	clear: both;
}

.footer_inner{
	width:100%;
}
.footer_box1{
	float:none;
	width:100%;
	text-align:center;
	padding:10px 0;
	border-bottom:1px solid #0f6dba;
}
.footer_box1 img{
}
.footer_box2{
	float:none;
	width:100%;
	height:auto;
}
.footer_box3{
	float:none;
	width:100%;
	height:300px;
}

.footer_menu:before,
.footer_menu:after {
	content: " ";
	display: table;
}
.footer_menu:after {
	clear: both;
}
.footer_menu{
	*zoom: 1;
	float:none;
	font-size:126%;
}
.footer_menu li{
	float:left;
	width:50%;
	box-sizing:border-box;
	text-align:center;
	border-bottom:1px solid #0f6dba;
	line-height:44px;
	height:44px;
}
.footer_menu li:nth-child(2n) {
	border-left:1px solid #0f6dba;
}


.footer_menu li a{
	color:#0f6dba;
	text-decoration:none;
	display: block;
}
.footer_menu li a:hover{
	text-decoration:none;
}

.footer_detail:before,
.footer_detail:after {
	content: " ";
	display: table;
}

.footer_detail:after {
	clear: both;
}

.footer_detail{
	*zoom: 1;
	padding:20px 0;
	float:none;
	width:100%;
	font-size:117%;
}
.footer_detail p{
	float:left;
	width:50%;
	padding:0 0 0 10px;
	box-sizing:border-box;
}
.footer_detail a{
	text-decoration:none;
}
.footer_contactbox{
	width:100%;
	border-top:1px solid #0f6dba;
	border-bottom:1px solid #0f6dba;
	padding:20px 0;
	text-align:center;
}
.footer_contactbox img{
	max-width:80%;
}
.map_icon{
	background:#ff5f00;
	color:#FFF;
	margin: 0 5px;
	padding:0 5px;
	vertical-align: middle;
}
.map_icon a{
	color:#FFF;
}
.footer_copy{
	border-top:1px solid #0f6dba;
	text-align:center;
	padding:10px 0 0 0;
	color:#0f6dba;
}
.footer_copy a{
	color:#0f6dba;
	text-decoration:none;
}

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

#contents{
	margin:50px 0 0 0;
	overflow:hidden;
	z-index:1;
	position: relative;
	background:#FFF;
	padding:0;
	width:100%;
}
#sub_contents{
	margin:0 0 0 0;
	overflow:hidden;
	z-index:1;
	position: relative;
	background:#FFF;
	padding:0;
	width:100%;
}

.inner{
	width:100%;
	margin:0px auto;
	padding:0 0 40px 0;
	box-sizing:border-box;
}


.navilist:before,
.navilist:after {
	content: " ";
	display: table;
}

.navilist:after {
	clear: both;
}

.navilist{
	*zoom: 1;
	margin:10px 0 30px 2%;
	font-size:107%;
}

.navilist li{
	float:left;
	margin:0 5px 0 0;
	height:30px;;
	line-height:30px;;
}
.navilist li a{
	color:#0f6dba;
	text-decoration:none;
}
.navilist li a:hover{
}
.navilist li a:after{
	content:">";
	margin:0 0 0 5px;
}
.navilist li a:hover:after{
	text-decoration:none;
}

/* -------------------------------------------------- */
#website{
	margin:-60px auto 0 auto;
	padding:60px 0 25px 0;
}
#website h2{
	margin:0 0 5px 0;
}
#website h2 img{
	width:100%;
}
.website_list{
	width:96%;
	margin:0 3%;
	box-sizing:border-box;
	overflow:hidden;
}

.website_box:before,
.website_box:after {
	content: " ";
	display: table;
}
.website_box:after {
	clear: both;
}

.website_box{
	*zoom: 1;
	padding:20px 0;
	border-bottom:1px solid #cccccc;
}
.website_img{
	float:left;
	width:39%;
}
.website_img img{
	width:100%;
}
.website_detail{
	float:left;
	width:61%;
	padding:0 0 0 10px;
	position:relative;
	box-sizing:border-box;
}
.website_detail h3{
	color:#0f6dba;
	font-size:142%;
	font-weight:bold;
}
.website_detail p{
	font-size:116%;
}
.website_detail p.website_btn{
	margin:5px 0 0 0;
	display:block;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	background:url(../img/website_icon.png) #0f6dba no-repeat right 50%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:15px;
	line-height:100%;
}
.website_detail p.website_btn a{
	color:#FFF;
	text-decoration:none;
}

#company{
	padding:40px 0 0 0;
}

.company_message_img{
	width:100%;
}
.company_message_img img{
	width:100%;
}
.company_message_box{
	color:#FFF;
	background:#0f6dba;
	padding:60px 0 30px 0;
}
.company_message_box h2{
	margin:0px auto 15px auto;
	text-align:center;
	width:40%
}
.company_message_box h2 img{
	width:100%;
}
.company_message_box p{
	margin:20px 3%;
	font-size:116%;
}
.company_message_box p .sp{
	display:inline;
}

.company_message_box p a{
	display:block;
	line-height:40px;
	height:40px;
	box-sizing:border-box;
	background:#FFF;
	width:100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	text-decoration:none;
	color:#0f6dba;
	margin-bottom:-20px;
}
#recruit{
	width:100%;
	background:url(../img/recruit_bk.jpg);
	padding:50px 0 0 0;
}
#recruit h2{
	width:40%;
	text-align:center;
	margin:0 auto 25px auto;
}
#recruit h2 img{
	max-width:100%;
}
.recruit_box{
	width:96%;
	background:#FFF;
	background-image: url(../img/sp/recruit_bktop.jpg), url(../img/sp/recruit_bkbottom.jpg); 
	background-position: left top, left bottom; 
	background-repeat: no-repeat, no-repeat;
	background-size:100%, 100%;
	margin:0 auto 30px auto;
	padding:3%;
	box-sizing:border-box;
}

.recruit_box_title:before,
.recruit_box_title:after {
	content: " ";
	display: table;
}

.recruit_box_title:after {
	clear: both;
}

.recruit_box_title{
	*zoom: 1;
	color:#0f6dba;
	/* font-size:154%; */
	font-size:126%;
	font-weight: bold !important;
	padding:10px 0 10px 0;
	border-bottom:1px solid #0f6dba;
}
.recruit_box_title p.date{
	float:none;
	margin:0;
	padding:0 10px;
}
.recruit_box_title h3{
	float:none;
	padding:0 10px;
}
.recruit_box dl{
	width:100%;
	font-size:126%;
}
.recruit_box dt{
	color:#0f6dba;
	padding:10px 1% 0 1%;
}
.recruit_box dd{
	border-bottom:1px solid #dadada;
	padding:0 1% 5px 1%;
}
.recruit_more_btn{
	width:90%;
	height:58px;
	line-height:58px;
	margin:20px auto;
	text-align:center;
	color:#FFF;
	font-size:134%;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor:pointer;
}
.close{
	background:url(../img/recruit_icon2.png) #0f6dba no-repeat right 10px top 20px;
}
.close:hover{
	background:url(../img/recruit_icon2.png) #3f8ac8 no-repeat right 10px top 20px;
}

.open{
	background:url(../img/recruit_icon1.png) #0f6dba no-repeat right 10px top 20px;
}
.open:hover{
	background:url(../img/recruit_icon1.png) #3f8ac8 no-repeat right 10px top 20px;
}

.recruit_more_btn a{
	color:#FFF;
}
.recruit_more{
	border-top:1px solid #dadada;
	margin:0 0 30px 0;
	display:none
}

#news{
	padding:40px 0 0 0;
}
.news_h2{
	text-align:center;
	margin:0 auto;
	width:22%;
}
.news_h2 img{
	width:100%;
}
.news_list{
	width:94%;
	height:340px;
	overflow:auto;
	margin:30px auto 0px auto;
}
.news_list li{
	margin:0 0 20px 0;
}
.news_date{
	float:none;
	color:#0f6dba;
	font-size:138%;
	margin:0 20px 0 0;
}
.news_detail{
	float:none;
}
.news_title{
	font-weight:bold;
	font-size:148%;
	margin:0 0 5px 0;
}
.news_p{
	font-size:118%;
}

/* -------------------------------------------------- */
.contact_text {
	text-align: left;
	font-size: 134%;
	margin:0 2% 25px 2%;
}

.contact_title{
	width:100%;
	padding:0 0 0 0;
}
.contact_title img{
	width:100%;
}

.contact_tel{
	width:100%;
	margin:0 0 20px 0;
}
.contact_tel img{
	width:100%;
}

.contact_mail{
	text-align:center;
	margin:30px 0 10px 0;
}


.contact_step{
	width:100%;
	margin:0 0 40px 0;
	text-align:center;
}
.contact_step img{
	width:100%;
}
.contact_p{
	font-size: 122%;
	margin:0 3%;
	color:#333333;
}
.contact_p2{
	font-size: 122%;
	margin:0 3% 10px 3%;
	color:#333333;
}
.contact_p_conf{
	font-size: 122%;
	color:#ff0000;
	margin:0 3% 20px 3%;
}
.contact_p_thanks{
	font-size: 122%;
	margin:0 3%;
}
.contact_p_thanks span{
	color:#ff0000;
}
.contact_p_thanks a{
	color:#333;
}
.contact_p_thanks a:hover{
	text-decoration:underline;
}
.contact_conftitle{
	text-align:center;
	margin:50px 0 20px 0;
	font-size:180%;
}

.contact_comment{
	margin:40px 0 0 0;
	color:#333333;
	font-size:107%;
}
.contact_tbl{
	width:94%;
	font-size:142%;
	margin:15px 3%;
	color:#333333;
	border-top:1px solid #dad4d0;
/*	font-family:Helvetica;*/
}

.contact_tbl dt{
	padding:15px 0 0 0;
	width:100%;
	vertical-align:middle;
	text-align:left;
	position:relative;
}
.contact_tbl dt.last{
}
.required {
	padding: 0 5px;
	margin:-6px 0 0 0;
	color: #FFF;
	background:#ff3333;
	position:absolute;
	right:0;
	top:50%;
	height:20px;
	width:30px;
	font-size:14px;
}
.required2 {
	padding: 0 5px;
	margin:0 10px 0 0;
	color: #FFF;
	background:#ff3333;
	position:absolute;
	right:0;
	top:155px;
	height:20px;
	width:30px;
	font-size:14px;
}
.contact_tbl dd{
	width:100%;
	padding:0 0 15px 0;
	border-bottom:1px solid #dad4d0;
}
.contact_tbl dd.last{
}

.contact_tbl input {
	background: #fcfcfc;
	border: 2px #dad4d0 solid;
	color: #333333;
	height:40px;
	padding:0 15px;
	width:100%;
	box-sizing:border-box;
}

.contact_tbl textarea {
	width:100%;
	height: 285px;
	background: #fcfcfc;
	border: 2px #dad4d0 solid;
	color: #333333;
	padding:10px 15px;
	box-sizing:border-box;
}

.err_p{
	color:#FF0000;
	margin:10px 0 0 0;
}
.contact_tbl input.error_text{
	background:#fdfaf8;
	border:2px solid #FF0000;
}
.contact_tbl textarea.error_text{
	background:#fdfaf8;
	border:2px solid #FF0000;
}

input:-ms-input-placeholder {
    color:    #999999;
}
input:-webkit-input-placeholder {
    color:    #999999;
}
input:-moz-placeholder {
    color:    #999999;
}
textarea:-ms-input-placeholder {
    color:    #999999;
}
textarea:-webkit-input-placeholder {
    color:    #999999;
}
textarea:-moz-placeholder {
    color:    #999999;
}

.contact_ppbox{
	border:1px solid #c3c3c3;
	width:93%;
	height:130px;
	margin:30px 3% 20px 3%;
	padding:5px 5px 0px 5px;
	box-sizing:border-box;
}
.contact_pp{
	width:97%;
	height:120px;
	margin:0px 3%;
	overflow:auto;
	padding:10px 0 0 0;
}
.contact_pp p{
	margin:0 0 10px 0;
	font-size:107%;
}
.contact_pp p.contact_pp_title{
	font-weight: bold;
	margin:0 0 0 0;
}

.contact_checkbox {
	text-align: left;
	color:#333333;
	font-size:119%;
	width:380px;
	margin:20px auto;
    position: relative;
}

.contact_checkbox input {
	margin:0 10px 0 0;
}

.contact_btnarea {
	text-align: center;
	padding: 20px 0;
	margin:0 0 40px 0;
}
.contact_btnarea p{
	font-weight:bold;
	font-size:135%;
	vertical-align:middle;
}
.contact_btnarea p a{
	color:#FFF;
	display: block;
}
.contact_btnarea p a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.gray_btn{
	width:50%;
	color:#FFF;
	float:left;
}
.gray_btn img{
	width:85%;
	margin:0 auto 0 3%;
}
.conf_btn{
	width:1005;
	margin:0px auto;
	text-align:center;
}
.conf_btn img{
	width:100%;
}
.submit_btn{
	width:50%;
	color:#FFF;
	float:right;
}
.submit_btn img{
	width:85%;
	margin:0 3% 0 auto;
}
.contacttop_btn{
	color:#FFF;
	margin:20px auto 0px auto;
}
.contacttop_btn img{
	width:94%;
}
.contact_info{
	font-size:117%;
	margin:20px 0 0 0;
}

.contact_list{
	margin:20px;
	font-size:117%;
}

.contact_list li{
	background:url(img/nvy.gif) no-repeat 0 1px;
	padding:0 0 5px 23px;
}

.contactinfo_btnbox{
	text-align:center;
	margin:0 0 30px 0;
}

.contact_thanks_title{
	font-size:117%;
	color:#ff0101;
}


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