@charset "UTF-8";

html {
	position: relative;
	min-height: 100%;
}
* {
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration: none;
}
img {
	border-width: 0px;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
br {
	letter-spacing: normal;
}
ul li {
	list-style-type: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	color: #040000;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	line-height: 150%;
	letter-spacing: 1px;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}
a{
	color: #040000;
}
a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
.b{
	font-weight: 800;
}
.thin{
	font-weight: 500;
}
.red{
	color: red;
}
.in_red{
	color: red;
	margin-bottom: 10px;
}
.red_left{
	color: red;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
.err_mess{
	width: 90%;
	color: red;
	text-align: center;
	margin: 35px auto 15px auto;
}
.img_size{
	width: 100%;
}
.nav_img_size{
	width: 70%;
}
input,select{
	vertical-align: middle;
}
.chk{
	width: 15px;
	height: 15px;
}
.clear{
	clear: both;
}
#warp{
	width: 100%;
}
.head_info{
	width: 960px;
	margin: 0 auto;
}
header{
	width: 100%;
	border-top: 3px #F5C53A solid;
}
.lang{
	width: 90px;
	font-size: 80%;
	text-align: center;
	background-color: #08348B;
	float: right;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	box-shadow:0px 2px 6px 1px #e6e6e6;
	-moz-box-shadow:0px 2px 6px 1px #e6e6e6;
	-webkit-box-shadow:0px 2px 6px 1px #e6e6e6;
}
.lang a{
	width: 100%;
	color: #fff;
	display: block;
	/*hoverした際に角丸を保つため*/
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	box-shadow:0px 2px 6px 1px #e6e6e6;
	-moz-box-shadow:0px 2px 6px 1px #e6e6e6;
	-webkit-box-shadow:0px 2px 6px 1px #e6e6e6;
	/*ここまで*/
	padding: 1px 0;
}
.lang a:hover{
	background-color: #626F8A;
}
.info{
	width: 960px;
	letter-spacing: -.4em;
	text-align: left;
	margin: 5px auto;
	*margin: 0 auto;
}
.info li{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.info .info_half{
	width: 50%;
}
.info .info_part{
	width: 28%;
}
.info .info_part_num{
	width: 22%;
}
.info_text{
	font-size: 90%;
	text-align: right;
}
.info_number{
	color: #08348B;
	font-size: 130%;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: 2px;
	text-align: right;
}
.info .info_part_img{
	width: 7%;
	vertical-align: middle;
	*padding-top: 10px;
}
.info .info_part_com{
	width: 40%;
	line-height: 100%;
	vertical-align: middle;
	*line-height: 130%;
}
.info .info_menu{
	width: 53%;
	text-align: right;
	vertical-align: bottom;
}
.info .info_menu span{
	font-size: 90%;
	padding: 0 1%;
}
.info .info_menu a{
	color: #fff;
}
.com_name{
	font-size: 125%;
	margin-bottom: 8px;
}
.com_add{
	font-size: 90%;
	margin-bottom: 3px;
}
.com_tel{
	font-size: 90%;
}
/*mainの中の枠*/
.main_left_img_box_left{
	width: 49%;
	line-height: 0;
	float: left;
	margin-right: 1%;
}
.main_left_img_box_right{
	width: 49%;
	line-height: 0;
	float: right;
	margin-left: 1%;
}
.news{
	background-color: #E2E1E0;
	margin-bottom: 20px;
	padding: 4%;
}
.news .news_title{
	color: #08348B;
	text-align: left;
	border-bottom: 1px #292F85 dashed;
}
.news p{
	color: #08348B;
	font-size: 100%;
	font-weight: 800;
	text-align: left;
	line-height: 140%;
	border-bottom: 1px #AFAEAE dashed;
	padding-bottom: 5px;
	margin-top: 15px;
}
.side_nav{
	margin-bottom: 20px;
}
.side_nav li{
	color: #08348B;
	text-align: left;
	font-weight: 600;
	border-top: 1px #AFAEAE solid;
}
.side_nav li:last-child{
	border-bottom: 1px #AFAEAE solid;
}
.side_nav .last_nav{
	border-bottom: 1px #AFAEAE solid\9;
	*border-bottom: 1px #AFAEAE solid;
}
.side_nav li a{
	width: 100%;
	color: #08348B;
	display: block;
	padding: 8px 0;
}
.side_nav li span{
	font-size: 200%;
	vertical-align: middle;
	margin-right: 5px;
}
.side_info{
	background-color: #BCC0E0;
	padding: 2%;
}
.side_info h2{
	text-align: center;
}
.side_mess{
	font-size: 85%;
	text-align: center;
	line-height: 130%;
	margin: 5px 0;
	padding: 0 4%;
}
.side_link{
	background-color: #08348B;
	margin-top: 5px;
}
.side_link a{
	width: 100%;
	color: #fff;
	text-align: center;
	display: block;
	padding: 10px 0;
}
.side_link a:hover{
	background-color: #7072AA;
}
/*footer*/
#pc_foot{
	display: block;
	margin-top: 30px;
}
#sp_foot{
	display: none;
}
footer{
	width: 100%;
	color: #fff;
	font-weight: 500;
	background-color: #08348B;
	padding-top: 10px;
}
.f_sen{
	border-bottom: 3px #F5C53A solid;
}
.copy{
	color: #040000;
	font-size: 70%;
	font-weight: 800;
	text-align: center;
	background-color: #EFEEED;
}

/*ハンバーガーメニュー*/
#menuList {
	width: 100%;
	height: 45px;
	/*border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;*/
	position: relative;
	z-index: 10;
	background: #08348B;
	margin: 15px 0;
}
#menuList ul {
	width: 960px;
	height: 45px;
	text-align: left;
	margin: 0 auto;
}
#menuList ul li {
	width: 240px;
	height: 45px;
	font-size: 120%;
	line-height: 45px;
	float: left;
	border-left: #fff 1px solid;
	box-sizing: border-box;
	*width: 239px;
	*padding-top: 3px;
	padding-top: 3px\9;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #menuList ul li {
	padding-top: 3px;
  } /* IE11 */
}
#menuList ul li a{
	color: #fff;
}
#menuList ul li a:hover{
	background-color: #7072AA;
	*margin-top: -3px;
	margin-top: -3px\9;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #menuList ul li a:hover{
	margin-top: -3px;
  } /* IE11 */
}
#menuList ul li:last-child {
	border-right: #fff 1px solid;
}
/*ie7対応*/
.last_menu{
	*width: 238px!important;
	*border-right: #fff 1px solid;
	width: 238px\9!important;
	border-right: #fff 1px solid\9;
}
#menuList ul li a {
	height: 45px;
	font-weight: 500;
	line-height: 45px;
	display: block;
	text-align: center;
	transition: all 0.2s linear;
}
 
#menuList ul li:hover > a {
	background: #fff;
}
@media only screen and (max-width: 800px) {
	#menuList ul {
		width: 100%;
	}
	#menuList ul li {
		width: 20%;
	}
}
@media only screen and (max-width: 768px) {
	header {
		display: none;
	}
	h1{
		width: 90%;
		font-size: 100%;
		line-height: 0;
		text-align: left;
		padding: 0 0 0 10px;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	#menuList {
		display: none;
	}
	#rwdMenuWrap {
		width: 100%;
		border-bottom: #aaa 1px solid;
	}
	#rwdMenuWrap #switchBtnArea {
		width: 100%;
		height: 60px;
		background: #fff;
		border-bottom: #aaa 1px solid;
		position: relative;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		display: block;
		background: #292F85;
		position: absolute;
		border-radius: 5px;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span {
		left: 20%;
		width: 60%;
		height: 4px;
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 5px;
		transition: all 0.2s linear;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 18px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
		bottom: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		bottom: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#rwdMenuWrap ul {
		width: 100%;
		display: none;
	}
	#rwdMenuWrap ul li {
		width: 100%;
		border-bottom: #aaa 1px solid;
	}
	#rwdMenuWrap ul li a {
		padding: 15px 20px;
		text-align: left;
		display: block;
		background: #fff;
		position: relative;
	}
	#rwdMenuWrap ul li a:after {
		content: '';
		margin-top: -4px;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		color: #888;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 2px solid #292F85;
		border-right: 2px solid #292F85;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.logo_size{
		width: 65%;
	}
}
#menuList > ul:before,
#menuList > ul:after {
	content: " ";
	display: table;
}
#menuList > ul:after {
	clear: both;
}
#menuList > ul {
	*zoom: 1;
}
/*ハンバーガーメニュー　ここまで*/

#main {
	width: 960px;
	margin: 0 auto;
}
.main_left{
	width: 700px;
	float: left;
}
.main_right{
	width: 250px;
	float: right;
}
.sp_info{
	display: none;
}
.page_img{
	line-height: 0;
	margin-bottom: 15px;
}

/*index.php*/
.bg_1{
	background-color: #BBE2F8;
	padding: 10px;
}
.main_left_title{
	font-size: 130%;
	text-align: left;
	word-break: break-all;
	border-left: 5px #292F85 solid;
	margin-bottom: 15px;
	padding-left: 10px;
}
.main_left_text{
	font-weight: 600;
	text-align: left;
	margin-bottom: 30px;
	padding: 0 2%;
}
.main_left_img{
	width: 660px;
	background-color: #E2F3FC;
	padding: 10px;
}
.main_left_img_item{
	width: 100%;
	line-height: 0;
	margin-bottom: 2%;
}
.main_left_img_box{
	width: 100%;
}


/*item.php*/
.bg_2{
	background-color: #EFEEED;
	padding: 2.87%;
}
.item_bg ul:after {
	content: "";
	clear: both;
	display: block;
}
.item_bg ul li {
	display: block;
	float: left;
	margin-bottom: 2.87%;
}
.item_list li a{
	width: 100%;
	display: block;
}
/* 横並びに3等分 */
.item_bg ul.item_list li {
	width: 31.42%;
	margin-right: 2.87%;
}
.item_bg ul.item_list li:nth-child(3n) {
	margin-right: 0;
}
.item_cont{
	width: 100%;
	text-align: left;
	word-break: break-all;
}


/*item_det.php*/
.item_det{
	width: 90%;
	margin: 0 auto 20px auto;
}
.item_det_text{
	text-align: left;
	word-break: break-all;
}
.back_btn{
	width: 30%;
	margin: 30px auto;
}
.back_btn p{
	font-size: 120%;
	font-weight: 500;
	background-color: #08348B;
}
.back_btn p a{
	width: 100%;
	color: #fff;
	text-align: center;
	display: block;
	padding: 10px 0;
}


/*work.php*/
.work_img{
	width: 90%;
	margin: 0 auto;
}
.re_waku{
	border-top: 1px #08348B solid;
	border-right: 1px #08348B solid;
	border-bottom: 1px #08348B solid;
	border-left: 5px #08348B solid;
	margin-top: 15px;
	padding: 10px 1%;
}
.buy_waku{
	border-top: 1px #99C724 solid;
	border-right: 1px #99C724 solid;
	border-bottom: 1px #99C724 solid;
	border-left: 5px #99C724 solid;
	margin-top: 15px;
	padding: 10px 1%;
}
.pl_waku{
	border-top: 1px #EDAF34 solid;
	border-right: 1px #EDAF34 solid;
	border-bottom: 1px #EDAF34 solid;
	border-left: 5px #EDAF34 solid;
	margin-top: 15px;
	padding: 10px 1%;
}
.waku_title{
	font-size: 120%;
	font-weight: 600;
	text-align: left;
	margin-bottom: 5px;
}
.waku_text{
	font-weight: 500;
	text-align: left;
}


/*company.php*/
.com_mess{
	width: 96%;
	font-weight: 500;
	text-align: left;
	line-height: 200%;
	margin: 0 auto;
}
.ceo_name{
	width: 96%;
	font-weight: 500;
	text-align: right;
	margin: 10px auto 30px auto;
}
.ceo_name span{
	font-weight: 800;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.com_table{
	width: 96%;
	text-align: left;
	border-collapse: collapse;
	margin: 0 auto 30px auto;
}
.com_table th{
	width: 28%;
	border-bottom: 1px #040000 solid;
	padding: 10px 2%;
}
.com_table td{
	width: 62%;
	font-weight: 500;
	border-bottom: 1px #040000 solid;
	padding: 10px 2%;
}
.com_table_fb{
	border-top: 1px #040000 solid;
}
.ggmap {
	width: 96%;
	height: 0;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding-bottom: 56.25%;
	padding-top: 30px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*inquiry.php*/
.in_form{
	width: 70%;
	margin: 0 auto;
}
.in_form_ask{
	color: #08348B;
	font-size: 130%;
	text-align: left;
	margin: 30px 0;
}
.in_form_title{
	width: 98%;
	color: #08348B;
	text-align: left;
}
.in_title{
	width: 98%;
	color: #808080;
	font-weight: 500;
	text-align: left;
	margin: 10px auto 0 auto;
	padding: 10px 1% 2px 1%;
}
.in_cont{
	width: 100%;
}
.agree_chk{
	font-weight: 500;
	text-align: left;
	line-height: 170%;
	*margin-top: 10px;
	_margin-top: 10px;
}
.agree{
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
}
.agree_sp{
	font-weight: 500;
}
.chk{
	width: 15px;
	height: 15px;
}
.waku{
	width: 100%;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 1%;
	*width: 98%;
	_width: 98%;
}
.waku_2{
	width: 100%;
	height: 350px;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 1%;
	*width: 98%;
	_width: 98%;
}
input[type="text"],textarea{
	border: 1px #040000 solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	*border: 1px #ccc solid;
	_border: 1px #ccc solid;
}
input[type="text"][disabled]{
	cursor: auto;
}
input[type="text"][disabled]:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}
input[type="submit"]:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.submit_btn{
	width: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #08348B;
	border: none;
	margin: 20px auto 0 auto;
	padding: 5px 10px;
}
.cont_c_mess{
	color: red;
	margin-bottom: 10px;
}
.cont_p_mess{
	color: red;
	margin-bottom: 5px;
}
.cont_mess{
	margin-bottom: 10px;
}


/*err*/
.att_text{
	margin-top: 100px;
}
.att_text a{
	text-decoration: underline;
}

/**********スマホ**********/
@media screen and (max-width: 768px) {
	/*ページ大枠*/
	body{
		font-size: 12px;
	}
	#pc_foot{
		display: none;
	}
	#sp_foot{
		display: block;
	}
	#footer_list{
		width: 100%;
		color: #fff;
		-moz-text-shadow: 0px 0px 4px #767C7C;
		-webkit-text-shadow: 0px 0px 4px #767C7C;
		text-shadow: 0px 0px 4px rgba(118, 124, 124, 1);
		position: fixed !important;  
		position: absolute;  
		bottom: 0;  
		left: 0;  
	}
	#footer_list .par_li{
		width: 50%;
		font-size: 100%;
		line-height: 0;
		float: left;
		position: relative;
	}
	#footer_list .par_li a{
		width: 100%;
		color: #fff;
		display: block;
		padding: 12px 0;
	}
	#footer_list .lang_link{
		text-align: center;
		background-color: #08348B;
	}
	#footer_list .lang_link a{
		width: 100%;
		color: #fff;
		display: block;
		padding: 12px 0;
	}
	.vertical img{
		vertical-align: middle;
		margin-right: 5px;
	}
	.f_img_size{
		width: 17%;
	}
	.f_img_size_lang{
		width: 7%;
	}
	#box{
		width: 95%;
		margin: 0 auto;
	}
	/*iphoneの丸み無くす*/
	input[type="button"],input[type="text"],input[type="submit"],textarea {
		-webkit-appearance: none;
		border-radius: 0;
	}
	.copy{
		font-size: 70%;
		text-align: center;
	}
	.err_mess{
		width: 90%;
		color: red;
		text-align: center;
		margin: 35px auto 15px auto;
	}
	#more{
		width: 18%;
		display: none;
		cursor: pointer;
		margin: 30px auto 0 auto;
	}
	#close{
		width: 18%;
		display: none;
		cursor: pointer;
		margin: 30px auto 0 auto;
	}
	#main{
		width: 100%;
	}
	.main_left{
		width: 100%;
		float: none;
	}
	.main_right{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.sp_info{
		color: #fff;
		display: block;
		background-color: #000;
		text-align: center;
		padding: 10px 0;
	}
	.side_info{
		display: none;
	}
	.side_nav li a{
		padding: 13px 0;
	}
	.page_img{
		width: 100%;
		line-height: 0;
		margin-bottom: 15px;
	}
	
	
	/*index.php*/
	.main_left_img{
		width: 96%;
		padding: 2%;
	}
	.main_left_title{
		font-size: 120%;
	}
	.main_left_text{
		margin-bottom: 15px;
	}
	
	
	/*item.php*/
	/* 横並びに等分 */
	.item_bg ul.item_list li {
		width: 48.56%;
		margin-right: 2.88%!important;
	}
	.item_bg ul.item_list li:nth-child(2n) {
		margin-right: 0!important;
	}
	
	
	/*inquiry.php*/
	.in_form{
		width: 100%;
	}
	.in_form_ask{
		font-size: 110%;
		margin: 15px 0;
	}
	.in_form_ask .sp_br{
		font-size: 95%;
		display: block;
	}
	.in_form_ask .sp_br a{
		color: #08348B;
		text-decoration: underline;
	}
	.in_title{
		font-size: 110%;
	}
	.waku{
		font-size: 110%;
		padding: 2%;
	}
	.waku_2{
		font-size: 110%;
		height: 250px;
		padding: 2%;
	}
	.chk{
		width: 18px;
		height: 18px;
	}
	.agree_sp{
		margin-top: 5px;
	}
	.submit_btn{
		width: 150px;
		padding: 7px 10px;
	}
	.cont_mess{
		width: 80%;
		margin: 0 auto 10px auto;
	}
	
	
	/*err*/
	.att_text{
		width: 80%;
		margin: 30px auto 0 auto;
	}
}