@charset "utf-8";
/* CSS Document */

/* IMPORT CSS */
@import "meanmenu.css";

*{zoom:1;}
html,body,ul,li,h1,p,dd{
	margin:0; padding:0;
}

a,img{ 
	border:0;
}

html,
body{
	height:100%;
}

#wrapper{
	width:100%; 
	border-top: solid 5px #DE2126;
	position: relative;
}

/*--------------------------- ヘッダー ---------------------------*/

.fixed{ 
	position:fixed; 
	top:0; 
	xleft:0; 
	width:100%; 
	z-index:10; 
	background:#fff; 
	width:100% !important; 
	border-top: solid 5px #DE2126;
}

#global-header{
	width:960px; 
	margin:0 auto;
	display: flex;
	padding-bottom: 15px;
	z-index:10; 
}

#global-header h1 a{
	display: block;
	padding: 0 20px;
	margin: 30px 0 0 10px;
}

#global-header nav{
	width: 541px;
	margin: 30px 20px 0 0;
}

#global-header nav ul{
}

#global-header nav ul li{
	display: inline-block;
	border-right:solid 1px #868695;
	position: relative;
	height:60px;
}

#global-header nav ul li ul li:first-child,
#global-header nav ul li ul li{
	border: none;
}

#global-header nav ul li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#global-header nav ul li:first-child{
	border-left:solid 1px #868695;
}

#global-header nav ul li a{
	display: block;
	height:60px;
}

/*========== ドロップダウンメニュー ==========*/

.dropmenu{
	*zoom: 1;
	list-style-type: none;
	width: 541px;
	padding: 0;
}

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

.dropmenu:after{
	clear: both;
}

.dropmenu li{
	position: relative;
	width: 134px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}

.dropmenu li ul li{
	width: 180px;
	text-align: left;
	
}

.dropmenu li ul li a{
	box-sizing:border-box;
	color: white;
	font-size: 16px;
	font-weight: normal;
	background:rgba(222,33,38,1.0);
	text-decoration: none;
	padding: 20px 0 0 10px;
}

.dropmenu li:hover > a{
	xbackground: #ddc4ae;
	xmargin-right: 1px;
}

.dropmenu li ul li a:hover{
	background: rgba(222,33,38,0.5);
}

.dropmenu li .stay{
	background: #ddc4ae;
}

#normal li ul{
	display: none;
}

#normal li:hover ul{
	display: block;
}

#company article{
	width:100%; 
	height:111px; 
	border-top: solid 5px #000; 
	border-bottom: solid 5px #000; 
	line-height:111px;
	margin-top: 112px;
}

#index-h1{
	width:100%; 
	height:111px; 
	border-top: solid 5px #F8A441; 
	border-bottom: solid 5px #F8A441;
	margin-top: 112px;
	overflow: hidden;
}

#index-h1 h1{
	padding-top: 30px;
	float: left;
}

#index-h1 figure{
	padding-top:38px;
	float: right;
	margin: 0;
}

#index-h1 h1 img{
	margin-right: 20px;
}

#index-h1 h1 span{
	display: inline-block;
	font-family:"メイリオ", Meiryo; 
	font-size:20px; 
	color:#F8A441;
	vertical-align:text-bottom;
}

section{ 
	width:960px; 
	margin:0 auto;
}

#company h1{
	height:111px; 
	font-family:"メイリオ", Meiryo; 
	font-size:20px; 
	color:#000;
	position:relative; 
}

#company article h1{ 
	height:111px; 
	font-family:"メイリオ", Meiryo; 
	font-size:20px;
	line-height:111px; 
	color:#000; 
	position:relative;
}

#company h1 span{
	display:inline-block;
	padding-left:20px; 
	font-size:10px;
	position:relative !important;
	bottom:4px; 
	font-family: serif; 
	font-weight:normal; 
	letter-spacing:1px; 
	color:#757584; 
}

.img_pad{
	padding:0 1em;
}

.back01,
.back02,
.back03,
.back04,
.back05{
	position: relative; 
	height:600px; 
	width:100%; 
	text-align:center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.back01{ 
	background:url(img/back01.jpg) no-repeat fixed;
	height:420px; 
}
	
.back02{ 
	background:url(img/back02.jpg) no-repeat fixed; 
}
	
.back03{ 
	background:url(img/back03.jpg) no-repeat fixed; 
}
	
.back04{ 
	background:url(img/back04.jpg) no-repeat fixed; 
}
	
.back05{
	background:url(img/back05.jpg) no-repeat fixed;
}

.back02_text{
	color:#0098CA; 
	text-align:right; 
	font-size:18px; 
	font-family:"メイリオ", Meiryo; 
	line-height:180%; 
	padding-top:45px; 
	text-shadow:1px 1px 0px #FFFFFF;
}

.back05_text{
	color:#0098CA; 
	text-align:right; 
	font-size:18px; 
	font-family:"メイリオ", Meiryo; 
	line-height:180%; 
	padding-top:45px; 
	text-shadow:1px 1px 0px #FFFFFF;
}

.maincach01{
	xposition:relative;
	xtop:26%;
}

.maincach01_arrow{ 
	xposition:relative; 
	xtop:40%;
}

.maincach03,
.maincach04{
	position:relative; 
	top:26%;
}

.orange_back{ 
	width:100%;
	background:#F8A441; 
	overflow:hidden;
	padding:15px 0;
}


#index-img{
	text-align: center;
	padding-top: 140px;
}

#index-img span{
	display: block;
	padding-top: 70px;
}

/*--------------------------- ニュース ---------------------------*/

#news-box{
	display: flex
}

h2{ 
	font-size:18px; 
	height:48px; 
	line-height:48px;
	color:#fff; 
	font-family:"メイリオ", Meiryo;
	padding-left:2em;
	margin-right: auto;
}

#news-box div{  
	width:770px;

}

#news-box div ul{
	background:#fff;
	height:150px; 
	font-size:15px; 
	line-height:180%;
	overflow:auto; 
	padding:15px;
	border-radius:2px;
	list-style:none;
}

#news-box div ul li span{ 
	font-weight:bold;
	font-family:"メイリオ", Meiryo;
}

.white_back{ 
	width:100%; 
	overflow:hidden;
	background:#fff; 
	padding:45px 0;
}

.left-box{ 
	float:left;
}

.right-box{
	float:right;
}

.width500{ 
	width:500px;
} 

.width420{ 
	width:420px;
}

.orange_box{
	background:#FBCB91;
	padding:15px 25px;
	margin-bottom:30px;
}

.orange_box ul{ 
	list-style:none; 
	line-height:180%;
}

.fee_box{ 
	width:100%; 
	background:#FCDBB4;
	padding:15px 25px; 
	margin:20px 0; 
	font-family:"メイリオ", Meiryo;
}

.fee_box h1{ 
	font-size:30px; 
	color:#D83500; 
	border:0 !important;
}

.fee_box h2{ 
	font-size:15px; 
	color:#D83500;
	border:0 !important; 
	line-height:120%; 
	text-align:center; 
	padding:0 0 20px 0;
}

.fee_box h4{ 
	font-size:16px; 
	color:#fff; 
	border:0 !important; 
	line-height:120%; 
	text-align:center;
	margin:14px 0; 
	padding:2px; 
	width:100%; 
	background:#D93600;
}

.fee_box th{ 
	width: 26%;
	border-collapse:collapse; 
	line-height:142%;
	text-align: center;
}

.fee_box td{ 
	border-collapse:collapse; 
	line-height:142%;
}

.fee_box td span{ 
	font-size:10px;
}

.fee_box td span.red{ 
	font-size:16px; color:#f00;
}

.left-box h1,
.right-box h1,
.recruit h1{
	border-top:solid 3px #F8A441;
	border-bottom:solid 1px #F8A441; 
	xheight:50px; 
	xline-height:50px;
	line-height:2.0em; 
	padding: 10px 0;
}

.left-box div,
.right-box div{
	font-size:14px; 
	line-height:180%;
	padding-top:15px;
	font-family:"メイリオ", Meiryo;
    margin-bottom: 15px;
}

#company .policy div{
	font-size:16px;
	line-height:120%;
	padding-top:15px; 
	font-family:"メイリオ", Meiryo;
}

.carnig{ 
	letter-spacing:-1px;
}

.orange_box h1{ 
	border:0; 
	color:#D93600; 
	text-align:center;
}

/*メイリオ*/
.left-box p,.chuui,.right-box h3,.chuui02,.orange_back02 ul,.orange_back02 p,.recruit table,.recruit div,.pagetop,address,#footer .right-box dl,#company td{ 
	font-family:"メイリオ", Meiryo;
}

.mar-botom30{ 
	margin-bottom:30px;
}

.right-box h3{
	color:#313140; 
	font-size:20px;
}

.chuui{ 
	font-size:14px;
	line-height:140%; 
	font-weight:bold; 
	color:#FF2626; 
	margin:30px 0 14px 0;
}

.chuui02{
	font-size:12px;
	margin-top:18px;
}

.orange_back02{ 
	width:100%;
	overflow:hidden; 
	background:#FCDBB4;
	padding:45px 0;
}

.orange_back02 h1{
	border-top:solid 3px #D93600; 
	border-bottom:solid 1px #D93600; 
	xheight:50px; 
	line-height:2.0em; 
	color:#D93600;
	padding: 10px 0;
}

.orange_back02 h2{ 
	color:#313140; 
	font-size:20px;
}

.orange_back02 ul{ 
	clear:both; 
	margin-left:4.4em; 
	font-weight:bold !important;
}

.orange_back02 li{ 
	list-style-type:decimal-leading-zero; 
	color:#31313F; 
	font-size:18px; 
	line-height:160%;
}

.orange_back02 li span{ 
	list-style-type:decimal-leading-zero; 
	color:#31313F; 
	font-size:14px; font-weight:normal;
}

.orange_back02 li h3{ 
	color:#D83400; 
	margin-bottom:0; 
	font-size:20px; 
}


/*--------------------------- リクルート ---------------------------*/

.recruit{ 
	overflow:hidden;
}

.recruit table{ 
	float:left; 
	width:645px; 
	margin-top:20px;
}

.recruit table th{
	width: 20%;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}

.recruit div{ 
	float:right; 
	width:265px; 
	background:#FDE9D0; 
	font-size:14px; 
	line-height:120%; 
	padding:25px; 
	text-align:justify; 
	margin-top:20px;
}

.recruit td strong{ 
	padding-right:10px;
}


#company .policy h1{
	border-top:solid 3px #000; 
	border-bottom:solid 1px #000;
	height:50px; 
	line-height:50px;
}

.width450{ 
	width:450px;
}

.width590{ 
	width:590px;
}

.width340,
.contactform{ 
	width:340px;
}

.policy div{ 
	margin-bottom:30px;
}

.policy dl{
	font-size:14px;
}

.policy dt{ 
	font-weight:bold; 
	float:left; 
	margin-right:20px;
	padding-bottom:6px;
}

.policy dd{ 
	padding-bottom:6px;
}

#company td h3{ 
	text-align:center; 
	color:#FF7F00; 
	margin-top:0;
}

#company table{ 
	margin-bottom:45px;
	border-collapse:collapse;
}

#company td{ 
	padding:0 20px;
}

.border-dotted{ 
	border-left:dotted 1px #000;
	border-right:dotted 1px #000;
}

.gmap{ 
	clear:both; 
	border:solid 1px #000;
	overflow:hidden; margin:0 !important;
	padding:0 !important; 
	height:250px !important;
}

.policy_title{ 
	clear:both; 
}

.left-box,.right-box{
	list-style:none;
}

.fee_revir_table td ul.right-box{ 
	font-weight:bold;
}

.fee_revir_table{ 
	width:100%;
}

.contactdiv{
	font-size:14px !important; 
	line-height:180% !important;
}

.font20{ 
	font-size:20px;
}

.contactform,
.contactdiv { 
	margin-top:20px;
}

.contactform td{
	padding-bottom:10px !important;
}

.form{ 
	border:solid 1px #757584;
	background:#E6E6F0; 
	width:100%; 
	border-radius:3px; 
	padding:5px;
	height:20px; 
	line-height:35px !important;
}

textarea{ 
	height:200px !important;
}

.submit{ 
	width:100%; 
	background:#000 !important; 
	color:#fff !important;
	border:0 !important; 
	font-size:24px !important;
	padding:4px 0 !;
	cursor:pointer; 
}

input.submit:hover{
	background: #DE2126 !important;
}

.pp-box{ 
	margin-top:35px;
}

.pp-box h1{
	margin-bottom:15px;
}

.pp-box ul{ 
	list-style-position:inside;
}

.pp-box ul h3{ 
	display:inline-block;
}

.pp-box ul span{ 
	display:block;
}

.fixed_banner1{
	position: absolute;
	top:250px;
	right:10px;
	z-index: 100;
	width: 200px;
	height: 100px;
}


/*------------------------------------------------------ フッター ------------------------------------------------------*/

.pagetop{ 
	width:100%; 
	display:block; 
	text-decoration:none;
	font-size:24px; 
	text-align:center; 
	color:#fff; 
	background:#E02024;
}

#footer{ 
	clear:both;
	overflow:hidden; 
	padding:45px 0 5px 0; 
	border-bottom: solid 5px #DE2126; 
}

#footer h1{ 
	border:0; 
	height:auto;
}

address{ 
	padding-top:30px;
}

#footer .right-box dl{ 
	float:left; 
	font-size:14px; 
	font-weight:bold; 
	line-height:160%;
}

#footer .right-box dt{ 
	display:block; 
	clear:both; 
	padding-bottom:5px; 
	margin-left:20px;
}

#footer .right-box dd{
	font-weight:normal; 
	margin-left:20px;
}

#footer .right-box dl a{ 
	text-decoration:none;
	color:#313140;
}

.copy{
	clear:both; 
	color:#DE2126; 
	text-align:right;
}

#company #global-header{
	padding-bottom: 0px;
}

#price-box{
	display: flex;
	margin: 0;
	padding: 0;
}

#price-box .price-wrap{
	width: 33.3%;
	padding: 10px 20px;
	box-sizing: border-box;
}

#price-naka{
	border-left:dotted 1px #000;
	border-right:dotted 1px #000;
}

#price-box .price-wrap div{
	display: flex;
	margin: 0;
	padding: 0;
}

#price-box .price-wrap div ul{
	list-style: none;
}

#price-box div h3{
	text-align: center;
	color:#FF7F00; 
	margin: 0 0 20px;
}

#price-box .price-wrap div .price-left{
	margin-right: auto;
}

#price-box .price-wrap div .price-right{ 
	font-weight:bold;
}

#price-box div ul li:not(:first-child){
	margin-top: 5px;
}


/*--------------------------- SMARTPHONE STYLES ---------------------------*/


/*========== 650px以下 ==========*/

@media ( max-width : 650px ) {
	
	body{
		font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	}
	
	.fixed,
	.dropmenu li ul{
		position: static;
	}
	
	#global-header nav{
		display: none;
	}
	
	#global-header{
		width: 100%;
	}
	
	#global-header h1 a{
		padding: 0;
	}
	
	section{
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0 10px;
	}
	
	#index-h1{
		margin-top: 0;
		height: 100%;
		float: none;
		padding: 20px 0;
	}
	
	#index-h1 h1,
	#index-h1 figure{
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#company article{
		margin-top: 0;
	}
	
	.fixed_banner1{
		top:320px;
		right:5px;
	}
	
	#company .fixed_banner1{
		top: 160px;
	}
	
	.back01{
		height: 340px;
	}
	
	#index-img img{
		max-width: 100%;
	}
	
	#index-img span img{
		width: 30px;
	}
	
	.back03 img{
		width: 100%;
	}
	
	.left-box,
	.right-box{
		width: 100%;
		float: none;
	}
	
	#news-box{
		display: block;
	}
	
	#news-box h2{
		text-align: center;
		padding: 0;
	}
	
	#news-box div{
		width: 100%;
	}
	
	.orange_back02 h2{
		padding-left: 0;
	}
	
	.orange_back02 ul{ 
		margin-left:40px; 
	}
	
	.recruit table,
	.recruit div{
		float: none;
		width: 100%;
	}
	
	.recruit div{
		box-sizing: border-box;
	}
	
	.back04,
	.back05{
		height: 320px;
	}
	
	.back04 img{
		width: 100%;
	}
	
	.back01,
	.back02,
	.back03,
	.back04,
	.back05{
		background-attachment: scroll;
		background-position: center;
	}
	
	#index-img{
		background: image
	}
	
	#company .policy td{
		width: 33.3%;
		vertical-align: top;
		font-size: 14px;
		padding: 0 5px;
	}
	
	.width340,
	.width590,
	.contactform{
		width: 100%;
	}

	.pagetop{ 
		font-size:16px; 
	}

	#footer{ 
		padding:20px 0 5px 0; 
		border-bottom: solid 5px #DE2126; 
	}

	address{ 
		padding-top:0px;
	}

	#footer .right-box dl{ 
		float:left; 
		font-size:13px; 
		font-weight:bold; 
	}

	#footer .right-box dt{ 
		display:block; 
		clear:both; 
		padding-bottom:5px; 
		margin-left:10px;
	}

	#footer .right-box dd{
		font-weight:normal; 
		margin-left:10px;
	}

	#footer .right-box dl a{ 
		text-decoration:none;
		color:#313140;
	}

	.copy{
		text-align:center;
	}
	
	.recruit table th{
		width: 32%;
		padding-right: 15px;
		vertical-align: top;
	}
	
	#price-box{
		display:block;
	}
	
	#price-box .price-wrap{
		width: 100%;
		margin: 0;
	}
	
	#price-naka{
		border-top:dotted 1px #000;
		border-bottom:dotted 1px #000;
		border-left:none;
		border-right:none;
	}

}

/*テキスト装飾
------------------------------------------------------------------*/
.text_red{color: #cc0000;}
.text_red_l{color: #cc0000; font-size:150%;}
.text_brown{color: #960;}
.text_brown_b{color: #960; font-weight:bold;}
.text_brown_l{color: #960; font-size:150%;}
.text_green{color: #090;}
.text_green_b{color: #090; font-weight:bold;}
.text_green_l{color: #390; font-size:150%;}
.text_orange{color: #ff6600;}
.text_yellow{color: #C90;}
.text_pink{color: #C69;}
.text_pinkl{ font-size:large;color: #F09;}
.text_orange_l{color: #ff6600; font-size:150%;}
.text_blue{
	color: #09b5de;
	font-weight: bold;
	font-size: 110%;
}
.text_blue_l{color:#00F; font-size:140%;}
.text_blue2{
	color: #09b5de;
	font-size: 80%;
}
.text_blue3{
	color: #09b5de;
	font-size: 90%;
}
.text_blue4{
	color: #0000FF;
	font-size: 90%;
}
.text_blue5{
	color: #0000FF;
}
.text_blue5_b{
	color: #0000FF;
	font-weight:bold;
}
.text_small{
    font-size: 80%!important;
	line-height:normal
}
.text_large{
    font-size: 130%;
}
.text_navy{
	color: #000066;
	font-weight: bold;
	font-size: 110%;
}