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

/*reset1*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

li img,
li a img {
	vertical-align:top;
}

th,td {
	vertical-align:top;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

/*reset2*/
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif;
	line-height:1.5em;
	min-width:1000px;
}

h1 {
	margin:0px;
	padding:0px 10px;
	color:#9c9c9c;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
}

h2,h3,h4 {
	margin:0;
	padding:0;
	clear:both;
}

a,
a:link,
a:visited {
	color:#0066cc;
}

a:hover,
a:active {
	color:#ff0000;
	text-decoration:underline;
}

/*layout*/
#wrapper {
	width:100%;
	background:url(../common_img/foot_end.gif) left bottom repeat-x;
}

/*header*/

#header_top{
	display:none;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
	box-shadow: 0px 0px 8px 0px rgba(134, 134, 134, 0.75);
}
#header{
	background-color:#fff;
}
#header .wrap{
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	padding:0 0 10px 0;
}
#header .wrap .logo{
	margin:6px 0 0 0;
}
#header .wrap .logo a{
	display:block;
	transition:.5s;
}
#header .wrap .logo a:hover{
	opacity:0.7;
}
#header .wrap .logo a img{
	max-width:100%;
	height:auto;
}
#header .wrap .tel{
	margin-left:auto;
	margin-top:10px;
	margin-right:30px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', sans-serif;
	font-style: normal;
	padding-left:43px;
	background-image:url(../common_img/header_tel.jpg);
	background-size:35px 20px;
	background-repeat:no-repeat;
	background-position:left top 3px;
	text-align:center;
}
@media all and (-ms-high-contrast: none){
	#header .wrap .tel{
		margin-top:10px;
	}
	#header .wrap .tel span{
		margin-top:10px;
	}
}
#header .wrap .tel span{
	font-weight: 900; 
	display:block;
	line-height:1;
	font-size:30px;
	vertical-align:baseline;
}
#header .wrap .tel small{
	display:block;
	font-weight: 500;
	font-size:10px;
}
#header .wrap .inquiry{
	width:180px;
}
#header .wrap .inquiry a{
	display:flex;
	height:45px;
	align-items:center;
	text-align:center;
	background-color:#e04725;
	text-decoration:none;
	color:#ffffff;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', sans-serif; 
	font-weight: 700; 
	font-style: normal;
	font-size:14px;
	border-bottom:solid 5px #d62700;
	justify-content:center;
	transition:.5s;
}
#header .wrap .inquiry a:hover{
	background-color:#d62700;
}
#header .wrap .inquiry a span{
	display:inline-block;
	background-image:url(../common_img/header_inquiry.png);
	background-size:24px 16px;
	background-repeat:no-repeat;
	padding-left:32px;
	line-height:20px;
}
/*navi*/
#gnavi{
	background-color:#f1f3f5;
}
#gnavi > ul{
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
#gnavi > ul > li{
	width:142px;
	position:relative;
}
#gnavi > ul > li .nav > a{
	display:block;
	font-size:14px;
	color:#404040;
	text-decoration:none;
	padding:11px 0 6px 0;
	text-align:center;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 700; 
	font-style: normal;
	transition:.5s;
	box-sizing:border-box;
	border-bottom:#f1f3f5 solid 5px;
 }
 #gnavi > ul > li .nav > a:hover{
 	color:#527FB5;
	border-bottom: solid 5px;
 }

#gnavi .submenu {
	display: none;
	position: absolute;
	top: 40px; left: 0;
	background: #527FB5;
	z-index: 50;
}
#gnavi .submenu a {
	display: block;
	border-top: 1px solid #fff;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	text-align: left;
}
#gnavi .submenu li:first-child a {
	border-top: 0 none;
}

#gnavi .submenu a:hover {
	background: #1090EA;
}
/*content*/
#main {
	width:100%;
	padding:30px 0 0 0;
}

.titel01 {
	clear:both;
	text-align: center;
	color: #0d7bd0;
}

.titel02 {
	clear:both;
	text-align: center;
	color: #ed7514;
	font-size:18px;
	font-weight:bold;
	margin:25px 0 0 0;
}
.titel03 {
	clear:both;
	text-align: center;
}
.titel02_1 {
	clear:both;
	text-align: center;
	color:#d66d58;
	font-size:26px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	margin:15px 0 0 0;
	line-height: 1.4;
}
.cus_list {
	width: 490px;
}
.cus_list .ya{
	list-style-image: url(../customer/images/icon.jpg);
}
.fs_15 {
	font-size: 15px;
}
.cus_list li {
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.customer_bule_inner{
    font-size:16px;
    padding-left: 60px;
    padding-top: 20px;
	line-height: 1.8em;
}
#banner_navi {
	width: 1000px;
	margin:0 auto;
}

#banner_navi ul {
	margin: 0 !important;
	display: block;
}

#banner_navi ul li {
	margin: 0 !important;
	list-style-type: none !important;
	float: left;
}

#iso_banner {
	display: block;
	width: 320px;
}

#iso_left {
	float: left;
	width: 65px;
}

#iso_right {
	float: right;
	width: 230px;
	color: #292929;
}
#iso_right p {
	font-size: 14px;
}
#iso_right p.gry {
	font-weight: bold;
	background: #c2c2c2;
	padding: 3px;
}

.mid_blue_area {
	clear:both;
	background-color: #6db7ef;
	width: 100%;
	padding:30px 0;
}

/*pagetop*/
.pagetop{
	position: fixed;
	bottom: 35px;
	right:10px;
	height:92px;
	width:92px;
	cursor:pointer;
	clear:both;
}

/*footer*/
#pre_foot {
	width: 1000px;
	margin:0 auto;
	padding:10px 0 0 0;
	clear:both;
}

#footer01 {
	background-color:#6db7ef;
	width: 100%;
	padding:0 0 30px 0;
}

#footer01_area {
	width: 1000px;
	margin:0 auto;
}

#footer01_under {
	display: block;
	width: 871px;
	padding: 20px 0 0 129px;
}

#footer01_tel {
	float: left;
	width: 293px;
	padding:0 141px 0 0;
}

#footer01_btn {
	float: left;
	width: 305px;
}

#footer02 {
	clear:both;
	background-color:#4295d2;
	width: 100%;
	padding:10px 0 30px 0;
	color:#ffffff;
}

#footer02_area {
	width: 1000px;
	margin:0 auto;
}

.footer02_top {
	display:block;
	clear:both;
	width: 1000px;
}

.footer02_top_left01 {
	float: left;
	width: 718px;
	border-bottom:solid 1px #99d0ff;
}

.footer02_top_right01 {
	float: right;
	width: 204px;
	border-bottom:solid 1px #99d0ff;
}

.footer02_top_left02 {
	float: left;
	width: 718px;
	display:block;
}

.footer02_block01 {
	float: left;
	margin: 0 25px 0 0;
}

.footer02_block02 {
	float: left;
	width: 225px;
}

.footer02_list {
	width: 180px;
	font-size: 11px;
	color: #ffffff;
	padding:10px 0 0 20px;
}

.footer02_list ul li {
	list-style-type: square;
	margin:0 0 5px 0;
}

.footer02_top_right02 {
	float: right;
	width: 204px;
}

.footer02_under {
	display:block;
	clear:both;
	width: 1000px;

}

.footer02_under_left01 {
	float: left;
	width: 219px;
	margin: 0 21px 0 0;
	border-bottom:solid 1px #99d0ff;
}

.footer02_under_right01 {
	float: left;
	width: 520px;
	border-bottom:solid 1px #99d0ff;
	color:#ffffff;
}

.footer02_under_left02 {
	float: left;
	width: 219px;
	margin: 0 65px 0 0;

}

.footer02_under_right02 {
	float: right;
	width: 520px;
}

.footer02_under_right02 ul {
	display: block;
}

.footer02_under_right02 ul li {
	float: left;
}

.foot_space01 {
	font-size: 14px;
	font-weight: bold;
	background: url(../common_img/foot_list01.gif) left center no-repeat;
	margin:5px 0 10px 0;
	padding:2px 0 0 20px;

}

.foot_space02 {
	background: url(../common_img/foot_list02.gif) left center no-repeat;
	margin:10px 0 0 0;
	padding:2px 0 0 20px;
}

.foot_space03 {
	background: url(../common_img/foot_list02.gif) left center no-repeat;
	margin:10px 20px 0 0;
	padding:2px 0 0 20px;
}

#footer02 a,
#footer02 a:link,
#footer02 a:visited {
	color:#ffffff;
	text-decoration:none;
}

#footer02 a:hover,
#footer02 a:active {
	color:#ffffff;
	text-decoration:underline;
}

#footer03 {
	clear:both;
	width: 1000px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:center;
	color:#292929;
}

/* banner-right */
.banner-right {
	position: fixed;
	top: 20px;
	right: 0;
	z-index: 99999;
}
.banner-right img {
	width: 15vh;
}

/*clear_etc*/
.clear {
	clear:both;
}

.clearfix {
	zoom:1;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

.mt01 {
	margin:1px 0 0 0;
}

.mt05 {
	margin:5px 0 0 0;
}

.mt10 {
	margin:10px 0 0 0;
}

.mt15 {
	margin:15px 0 0 0;
}

.mt20 {
	margin:20px 0 0 0;
}

.mt30 {
	margin:30px 0 0 0;
}

.mt40 {
	margin:40px 0 0 0;
}

.mt50 {
	margin:50px 0 0 0;
}

.mt60 {
	margin:60px 0 0 0;
}

.mt80 {
	margin:80px 0 0 0;
}

.pt10 {
	padding: 10px 0 0 0;
}

.pt20 {
	padding: 20px 0 0 0;
}

.pt30 {
	padding: 30px 0 0 0;
}

.pt40 {
	padding: 40px 0 0 0;
}

.pt50 {
	padding: 50px 0 0 0;
}

.pb10 {
	padding: 0 0 10px 0;
}

.pb20 {
	padding: 0 0 20px 0;
}

.pb30 {
	padding: 0 0 30px 0;
}

.pb40 {
	padding: 0 0 40px 0;
}

.pr17 {
	padding: 0 17px 0 0;
}

.pr20 {
	padding: 0 20px 0 0;
}

.pl00 { padding-left:0;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.mr00 { margin-right: 0 !important;}
.mr10 {margin-right:10px;}
.mr15 {
	margin: 0 15px 0 0;
}

.mr17 {
	margin: 0 17px 0 0;
}

.mr30 {
	margin:0 30px 0 0;
}

.mr32 {
	margin:0 32px 0 0;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}

.mb50 {
	margin-bottom:50px;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.point11 {
	font-size: 11px;
}

.point14 {
	font-size: 14px;
}

.point16 {
	font-size: 16px;
}

.point18 {
	font-size: 18px;
}

.point20 {
	font-size: 20px;
}

.point26 {
	font-size: 26px;
}

.point30 {
	font-size: 30px;
}

.point30_2 {
	font-size: 30px;
	line-height:40px;
}

.point40 {
	font-size: 40px;
}

.bold {
	font-weight: bold;
}

.white {
	color: #ffffff;
}

.blue {
	color: #01408b;
}

.blue2 {
	color:#009dd1;
	border-bottom:1px dotted #cccccc;
	padding:0 0 5px 0;
	margin: 0 0 5px 0;
}

.orange {
	color:#ed7514;
}

.red01 {
	color: #F8481D;
}
.line22{
line-height: 22px;
}

.w210{
	width: 210px;
}
.fl_left {float: left;}
.fl_right {float: right;}

/* ▼▼▼▼▼ text / font ▼▼▼▼▼ */
.lh00 { line-height: 0  ; }
.lh10 { line-height: 1  ; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }

.tac { text-align: center; }
.tal { text-align: left  ; }
.tar { text-align: right ; }

.vat { vertical-align: top   ; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

.fwn { font-weight: normal; }
.fwb { font-weight: bold  ; }