@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS font */
@import "font_style.css";
/* CSS Document */
/*PC*/
@media print, screen and (min-width:1000px){
	/*---------- commonの指定 ----------*/
body {
margin:0px !important;
padding:0px !important;
font-size:1.0rem !important;;
line-height:1.5rem;
letter-spacing:0.5px;
color:#666 !important;
background:#fff !important;
text-align:left;
}
.ERR{ margin-left:15px; color:#f00;}
.indt{ margin-left:15px !important;}
img{vertical-align: bottom;}
nav{width:100%;height:auto;margin:0px auto;}
section{width:100%;height:auto;margin:0px auto;}
article{width:100%;height:auto;margin:0px auto;}
figure{width:100%;height:auto;margin:0px auto;}
figcaption{width:100%;height:auto;margin:0px auto;}

h1{ font-size:24px;line-height:1.5rem; margin:10px 0px; padding:10px 0px;}
h2{ font-size:21px;line-height:1.5rem; margin:10px 0px; padding:10px 0px;}
h3{ font-size:12px;line-height:2.5rem; margin:10px 0px; padding:10px 0px;}
p{ font-size:15px;line-height:1.5rem; margin:0px; padding:0px;}
ul{list-style:none;}
.pc_none{display:none;}
.pcnone{display:none;}
/*---------- リンクの指定 ----------*/
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#080;}
a img {border-style:none;}
a:hover img{filter:alpha(opacity=100); opacity:1.0;}
.hideAnchor {display:block;height:0px;overflow:hidden;margin-top:100px;padding-bottom:10px;}
/*---------- リンクの指定 ----------*/
#outline{width:100%; height:auto; margin:0px auto;}
	#section1{ width:100%; height:700px; margin:0px auto;background:url(../common_img/business/top_img_back.png) bottom center no-repeat; background-size:auto 100%; position:relative;}
		#top_line{width:100%; height:30px; background-color:rgba(1,210,41,0.8);}
		#top_line h1{ line-height:30px; margin:0px auto; padding:0px; font-size:12px; font-weight:normal; color:#fff; width:1000px; }
		#top_navi{ width:1000px; height:55px; position:absolute; top:10%; left:50%; margin-left:-500px; background:url(../common_img/business/g_navi_back.png) bottom center repeat-x;}
		#logo_space{ position:absolute; top:20%; left:50%; width:240px; margin-left:-120px;}
		#message{position:absolute; top:38%; left:50%; width:800px; height:100px; margin-left:-400px;}
		#message h2{ font-size:21px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:25px; text-align:center;}
		#message h3{ font-size:24px; line-height:30px; text-align:right; font-weight:normal; margin-top:20px;}
		#pr3{ width:960px; height:260px; position:relative; top:370px; left:50%; margin-left:-480px; padding-top:40px; background-color:#fff; background:url(../common_img/business/pr3_back.png) bottom center no-repeat;}
			#pr3 ul{ margin:0px auto; padding:15px 0px; width:900px; height:200px;}
			#pr3 ul li{ float:left; margin:0px; padding:10px; width:300px; height:200px; border-right:1px solid #ccc;box-sizing:border-box;}
			#pr3 ul li:last-child{ float:left; margin:0px; padding:10px; width:300px; height:200px; border-right:none;box-sizing:border-box;}
			#pr3 ul li h4{ font-size:13px; line-height:40px; border-bottom:2px solid rgba(1,210,41,1.0); text-align:center;}
			#pr3 ul li p{ font-size:12px; text-align:left; line-height:20px; margin-top:10px;}
	#section2{ width:90%; height:auto; margin:0px auto; padding:30px 5%; background-color:#fff;}
		#news_box{ width:1000px; height:auto; margin:0px auto; padding:10px auto;}
			#news_area{width:660px; height:auto; margin:0px auto; padding:10px 20px; float:left;}
				#news_title{ width:640px; height:50px; background-color:#f0f0f0; color: #0144FF; line-height:50px; padding-left:20px; font-size:21px;}
				#news_heading{ width:660px; height:auto; border-bottom:1px dotted #ccc; margin-top:15px; padding-bottom:10px}
					#news_day{ width:100px; height:auto; float:left; font-size:12px; color:rgba(1,210,41,1.0); border-right:1px solid #ccc;box-sizing:border-box; text-align:center;}
					#news_text{ width:540px; height:auto; float:left; font-size:13px; padding-left:20px;}
			#bnr_area{width:260px; height:auto; margin:0px auto; padding:10px 20px; float:left;}
/*---------- サブページの指定 ----------*/
	#section_sub1{ width:100%; height:300px; margin:0px auto;background:url(../common_img/business/top_img_back.png) bottom center no-repeat; background-size:100% auto; position:relative;}
		#top_navi_sub{ width:1000px; height:55px; position:absolute; top:55%; left:50%; margin-left:-500px; background:url(../common_img/business/g_navi_back.png) bottom center repeat-x;}
		#logo_space_sub{ position:absolute; top:15%; left:50%; width:240px; margin-left:-120px;}
/*---------- ボディ指定 ----------*/
#cont_outline{
	width:100%;
	height:auto;
}
#main_body{
	width:970px;
	height:auto;
	padding:15px;
	margin:0px auto;
}
#main_body h2{
	border-left:5px solid rgba(1,210,41,1.0);
	border-bottom:1px solid rgba(1,210,41,1.0);
	font-size:18px;
	line-height:46px;
	margin-bottom:20px;
	text-indent:20px;
}
#main_body p.pan{
	font-size:12px;
}
#main_sep{
	width:920px;
	height:auto;
	margin:0px auto;
	padding:25px 25px 20px;
}
#main_sep h1{ font-size:24px;line-height:1.5rem; margin:0px 0px 40px; padding:10px 0px 0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333;}
#main_sep h2{ font-size:21px;line-height:2.1rem; margin:0px 0px 20px; padding:0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; border:none;}
#main_sep p{ font-size:15px;line-height:1.7rem; margin:10px auto; padding:0px; text-align:left; color:#333; width:90% !important;}
#main_sep2{
	width:435px;
	height:auto;
	float:left;
	padding:45px 25px;
}
#main_sep2 #detail{ width:390px; height:50px; margin:30px auto 10px;}
#main_sep2 #detail a:hover img{filter:alpha(opacity=80); opacity:0.8;}
#main_sep2 h1{ font-size:24px;line-height:1.5rem; margin:10px 0px; padding:10px 0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333;}
#main_sep2 h2{ font-size:18px;line-height:1.5rem; margin:0px 0px; padding:0px 0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; border:none !important}
#main_sep2 h3{ font-size:16px;line-height:1.5rem; margin:0px 0px; padding:0px 0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333;}
#main_sep2 h4{ font-size:16px;line-height:1.5rem; margin:0px 0px 20px 0px; padding:0px 0px; text-align:left; color:#333;border-bottom:1px dotted #172a88; text-indent:15px;}
#main_sep2 p{ font-size:14px;line-height:1.5rem; margin:10px auto; padding:0px; text-align:left; color:#333; width:90% !important;}
#main_sep2 ul{ font-size:12px; list-style-type:circle}
#ccw_gray_box{
	width:100%;
	height:auto;
	padding:0px;
	background:url(../common_img/pega_cc_whiten_back.png) bottom right no-repeat;
	background-color:#f9fbfc;
}
#main_sep3{
	width:300px;
	height:auto;
	float:left;
	padding:45px 11px;
}
/*----------お問合せエリア ----------*/
#form_area{	
width:970px;height:auto;margin:0px auto;padding:15px;
background-color:#fff; color:#333;}
.bborder{ border:1px solid rgba(1,210,41,1.0);
}
.gray_bg{ background-color:#f0f0f0 !important;
}
#form_area h2{
	border-left:5px solid rgba(1,210,41,1.0);
	border-bottom:1px solid rgba(1,210,41,1.0);
	font-size:18px;
	line-height:46px;
	margin-bottom:20px;
	text-indent:20px;
}
#form_area h2.under{
	border-left:none;
	border-bottom:1px solid rgba(1,210,41,1.0);
	font-size:18px;
	line-height:46px;
	margin-bottom:20px;
	text-indent:20px;
	color:#172a88;
}
#form_area h3{
	border:1px solid #172a88;
	font-size:18px;
	line-height:46px;
	margin-bottom:10px;
	width:160px;
	background-color:#172a88;
	text-align:center;
	color:#fff;
}
#form_area p{
	 font-size:13px;line-height:1.5rem; margin:10px auto; padding:0px; text-align:left; color:#333;  width:90%;
}
#form_area p.ind{
	 font-size:13px;line-height:1.0rem; margin:10px auto; padding:0px; text-indent:70px;
}
#cnt_box_all {
	width:970px;
	margin:0px auto;
}
#cnt_box_all a{
	text-decoration:none;
	color:#fff;
}
#cnt_box_all3{ float:left; width:280px; margin:10px; border:1px solid #ccc; padding:10px; min-height:280px;}
#cnt_box_all3 h2{ font-size:14px; color:#172a88; border:none; line-height:1.5rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; margin:10px 0px; text-indent:0px; text-align:left;}
#cnt_box_all3 h4{ font-size:18px; color:#172a88; border:none; line-height:1.4rem; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold !important; margin:18px 0px 7px; text-indent:0px; text-align:center;}
#cnt_box_all3 p{ font-size:12px; color:#333; margin:0px; text-indent:0px; width:100%; line-height:17px;}

#cnt_box_all_right{ float:left; width:602px; margin:10px; border:1px solid #ccc; padding:10px; min-height:280px;}

#cnt_box_all_sep{
	width:485px;
	float:left;
}
#cnt_box_all_sep h4{font-size:21px;line-height:2.0rem; margin:20px 0px 20px; padding:0px; text-align:center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; border:none;}
#cnt_box_all_sep table.un{
	font-size:12px;
	border-collapse: collapse;
}
#cnt_box_all_sep table.un th{
	font-size:12px;
	padding:5px;
}
#cnt_box_all_sep table.un td{
	font-size:12px;
	padding:5px;
}
#cnt_box {
	width:582px;
	margin:0px auto 35px auto;
}
#cnt_boxs {
	width:388px;
	margin:0px auto 35px auto;
}
#form_area_sep{
	width:164px;
	height:auto;
	margin:5px 9px;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
	color:#333;
	font-size:12px;
}
#form_area_title{
	width:144px;
	height:20px;
	text-align:center;
	padding:10px;
	color:#fff;
	background-color:#999;
	line-height:20px;
	margin:0px auto 10px;
	font-size:12px;
}
#form_area_detail{
	width:100px;
	height:20px;
	text-align:center;
	padding:10px;
	color:#fff;
	background-color:#999;
	line-height:20px;
	margin:10px auto 10px;
	font-size:12px;
}
#form_area_line{
	width:910px;
	height:auto;
	border-bottom:1px solid #f0f0f0;
	color:#000;
	font-size:12px;
	margin:0px auto;
}
#form_area_lines{
	width:510px;
	height:auto;
	border-bottom:1px solid #f0f0f0;
	color:#000;
	font-size:12px;
	margin:0px auto;
}
#about_box{
	width:510px;
	height:auto;
	border-bottom:1px solid #f0f0f0;
	color:#000;
	font-size:12px;
	margin:0px auto;
	float:left;
}
#form_area_line_map{
	width:440px;
	height:auto;
	color:#000;
	font-size:12px;
	margin:0px auto;
	float:left;
	padding:10px;
}
#form_area_line p{
	line-height:20px;
	color:#333;
	margin:5px;
	font-size:12px;
}
#form_area_line_left{
	width:229px;
	height:auto;
	float:left;
	padding:10px 5px;
	border-right:1px dotted #f0f0f0;
}
#form_area_line_right{
	font-size:12px !important;
	width:650px;
	height:auto;
	float:left;
	padding:10px 5px;
}
#form_area_line_rights{
	font-size:12px !important;
	width:260px;
	height:auto;
	float:left;
	padding:10px 5px;
}
#form_area_line_right p.labo{
	font-weight:bold;
	line-height:25px;
}
#form_area_line_right select {
	width: 150px;
	height:30px;
	line-height:30px;
	padding-left: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	color:#000;
	background: #eee;
	background: url(../common_img/img_pagetops.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../common_img/img_pagetops.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
#sub_bt{
	background:url(../common_img/sub_bt.png) no-repeat;
	width:150px;
	height:50px;
	border:none;
}
#sub_bt_end{
	background:url(../common_img/sub_bt_end.png) no-repeat;
	width:150px;
	height:50px;
	border:none;
}
input.ex1::-webkit-input-placeholder {
	font-size:10px !important;
	line-height:22px;
}
input.ex1:-ms-input-placeholder {
    font-size:10px !important;
	line-height:22px;
}
input.ex1::-moz-placeholder {
    font-size:10px !important;
	line-height:22px;
}
input.ex1[type="text"]{
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size:12px;
	width:150px;
}
input.ex2[type="text"]{
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size:12px;
	width:360px;
}
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size:12px !important;
	width:350px;
	color:#000 !important;
}
textarea.textday{
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size:12px !important;
	width:250px;
	color:#000 !important;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #53b300;
	border: 1px solid #53b300;
}
.ex1{
	height:22px;
	color:#000 !important;
}
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f7f5f2;
  vertical-align: middle;
  cursor: pointer;
  width:180px;
}
.radio:hover, .checkbox:hover {
  background-color: #efebe1;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #efebe1;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
/* --------------------------------------------------------
*g_nav
-------------------------------------------------------- */
#g_nav {
	width:100%;
	margin:0px auto;
  z-index: 9999;
}
#g_nav ul {
  width: 1000px;
  height: 55px;
  overflow: hidden;
  *zoom: 1;
  float:none !important;
  position:relative;
  margin:0px auto !important;
  padding:0px;
}
#g_nav ul li {
  float: left;
  margin:0px;
  list-style:none;
}
		#g_nav li a{background:url(../common_img/business/g_navi_sub.png) left top no-repeat; height:0; width:auto; padding-top:55px; overflow:hidden; display:block; font-size:9px;}
		#g_navi01 a{width:200px !important; background-color:#fdd}
		#g_navi02 a{background-position:-200px 0 !important; width:200px !important; background-color:#fdf}
		#g_navi03 a{background-position:-400px 0 !important; width:200px !important;}
		#g_navi04 a{background-position:-600px 0 !important; width:200px !important;}
		#g_navi05 a{background-position:-800px 0 !important; width:200px !important;}
		#g_navi01 a:hover, #g_navi01 .on{background-position:0 -55px !important; width:200px !important;}
		#g_navi02 a:hover, #g_navi02 .on{background-position:-200px -55px !important; width:200px !important;}
		#g_navi03 a:hover, #g_navi03 .on{background-position:-400px -55px !important; width:200px !important;}
		#g_navi04 a:hover, #g_navi04 .on{background-position:-600px -55px !important; width:200px !important;}
		#g_navi05 a:hover, #g_navi05 .on{background-position:-800px -55px !important; width:200px !important;}	
footer{ width:100%; height:auto; border-top:2px solid rgba(1,210,41,1.0); padding:25px auto;}
#footer_area_in{
	width:970px;
	height:auto;
	margin:0px auto;
	padding:35px;
}
#footer_logo{
	width:350px;
	height:auto;
	float:left;
}
#footer_area_in dl.f_navi {
	width:232px;
	float:left;
	margin:0px;
	padding:6px 16px;
	border-right:1px dotted #333;
	box-sizing:border-box;
}
	#footer_area_in dl.f_navi dt{
		font-size:14px;
		font-weight:bold;
	}
	#footer_area_in dl.f_navi dt.sed{
		font-size:14px;
		font-weight:bold;
		margin-top:10px;
	}
	
	#footer_area_in dl.f_navi dd{
		font-size:12px;
	}
#footer_area_in dl.f_navis {
	width:232px;
	float:left;
	margin:0px;
	padding:6px 16px;
	box-sizing:border-box;
}
	#footer_area_in dl.f_navis dt{
		font-size:14px;
		font-weight:bold;
	}
	#footer_area_in dl.f_navis dt.sed{
		font-size:14px;
		font-weight:bold;
		margin-top:10px;
	}
	
	#footer_area_in dl.f_navis dd{
		font-size:12px;
		text-align:center;
	}
#footer_area_in ul.f_navi li a{
	width:110px;
	float:left;
	font-size:12px;
	line-height:25px;
	color:#333;
	padding: 0px 5px;
	border-right:dotted 1px #333;
	text-align:center;
	font-weight:bold;
}
.f_navi li:last-of-type a{
	border-right:none !important;
}
#footer_area_copy{
	width:100%;
	height:50px;
	margin:20px auto 0px;
	background-color:#333;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:50px;
}
}