@charset "UTF-8";

/* common */
html,body{ width: 100%; height:auto; }
img  { vertical-align:bottom; }

.for_sp { display:none !important; }

@media screen and  (max-width:1200px) and (min-width:1200px) {
	body{
	max-width:1200px; overflow-x:hidden;
	}
}
@media screen and (max-device-width: 1024px) {
	body {
		-webkit-text-size-adjust: 100%; /* iPhone */
	}
}

@media screen and (max-width:1200px) {
	body {
		margin-left:0px;
		margin-right:0px;
		width:1200px;
		height:auto;
	}
}
/***** anchor position *****/
a#access,
a#a_01,
a#a_02,
a#a_03,
a#a_04,
a#a_05,
a#a_06,
a#a_07,
a#a_08,
a#a_09
 { position:relative; z-index:-100; display:block; height:0; margin-top:-100px; padding-top:100px;  }

/********** common **********/
.sub_main { width:1200px; margin:0 auto; padding-bottom:60px; }
.sub_section { width:1200px; margin:0 auto; padding:40px 0; }

.heed { text-indent:-14px; padding-left:14px; }

.btn_pagetop { position:fixed; z-index:500; bottom:60px; right:20px; }
.btn_pagetop a { padding:12px 18px; border-radius:50%; background:rgba(75,55,43,0.5); text-decoration:none; color:rgb(255,255,255) !important; font-size:24px; }

.area_pankuzu { width:auto; height:auto; padding:5px 10px; background:rgb(250,250,250); border-top:solid 1px rgb(220,220,220); border-bottom:solid 1px rgb(220,220,220); text-align:right; }
.area_pankuzu li { display:inline-block; font-size:14px; }
.area_pankuzu li a { text-decoration:none; color:rgb(75,55,43); text-decoration:none; transition:0.2s; }
.area_pankuzu li a:hover { opacity:0.6; }
a { transition:0.2s;}
a.btn_more { display:block; width:auto; padding:14px 10px; background:rgb(255,127,0); border-radius:2px; text-decoration:none; color:rgb(255,255,255); text-align:center; font-size:18px; transition:0.2s; }
a.btn_more:hover { opacity:0.6; }
/********** common TITLE **********/
h2.main_tit { padding:12px; background:rgb(1,23,52); border-top:solid 1px rgb(255,255,255); color:rgb(255,255,255); text-align:center; font-size:22px; }
h2.sub_tit { padding:12px; background:rgb(230,230,230); text-align:center; color:rgb(1,23,52); font-size:20px; }
h2.sub_tit span { color:rgb(204,0,0); }

h3.main_tit { margin-bottom:30px; border-bottom:solid 1px rgb(200,200,200); }
h3.main_tit span { padding:0 10px 8px 10px; color:rgb(0,64,151); font-size:22px; }
h3.main_tit span:before { content:"■"; }
h3.main_tit span em { color:rgb(237,28,36); }
h3.sub_tit { padding:8px 20px 10px 20px; margin-bottom:30px; border-left:solid 10px rgb(0,64,151); border-bottom:solid 1px rgb(0,64,151); font-size:20px; }

/********** header **********/
.top_header { width:100%; }
.top_header h1 { width:1200px; margin:0 auto; padding:4px 0 0 0; font-size:13px; font-weight:normal; color:rgb(1,23,52); }
.top_header ul { display:table; width:1200px; height:100px; margin:0 auto; }
.top_header ul li { display:table-cell; vertical-align:middle; }
.top_header ul li a { display:block; transition:0.2s; text-decoration:none; }
.top_header ul li a:hover { opacity:0.6; }
.top_header ul li a.logo { width:324px; height:53px; background:url(/_common/image/logo2.png?210316) center center no-repeat; background-size:324px 53px; }
.top_header ul li:nth-child(1) { width:710px; padding:0 0 0 10px; }
.top_header ul li:nth-child(2) { width:260px; }
.top_header ul li:nth-child(2) a {padding-left:46px; background:url(/_common/image/icons/i_tel.png) center left no-repeat; background-size:40px 26px;  color:rgb(0,64,151); font-size:22px; }
.top_header ul li:nth-child(2) span { display:block; padding-top:6px; font-size:12px; color:rgb(20,20,20); }
.top_header ul li:nth-child(3) {  }
.top_header ul li:nth-child(3) a { border-top:solid 4px rgb(255,127,0); text-align:center; }
.top_header ul li:nth-child(3) a p { padding:4px; color:rgb(20,20,20); font-size:12px; }
.top_header ul li:nth-child(3) a div { display:table; width:220px; font-size:15px; }
.top_header ul li:nth-child(3) a div span { display:table-cell; vertical-align:middle; padding:10px 4px; color:rgb(255,255,255); }
.top_header ul li:nth-child(3) a div span:nth-child(1) { background-color:rgb(255,127,0); }
.top_header ul li:nth-child(3) a div span:nth-child(1) img { display:inline-block; width:18px; margin-right:6px; vertical-align:middle; }
.top_header ul li:nth-child(3) a div span:nth-child(2) { background:rgb(202,103,0); }

/********** NAV **********/
.page_header { position:relative; z-index:999; width:100%; background:rgba(49,71,90,1.0); }
.page_header a { display:block; width:200px; padding:14px 0; text-align:center; color:rgb(255,255,255); text-decoration:none; }
.page_header #nav { display:table; width:1200px; margin:0 auto; }
.page_header #nav li { display:table-cell; }
.page_header #nav li a { background:rgba(1,23,52,0.0); transition:0.2s; }
.page_header #nav li a:hover { background:rgba(1,23,52,0.8); }
.page_header #nav li.clone { display:none; }
.page_header #nav li ul { position: absolute; z-index:999; display: none; width:200px; border:none !important; font-size:13px; }
.page_header #nav li ul li {  float: none; display:block !important; width:200px; height:auto !important; position:relative; top:2px; margin:0; padding:0; border-right:none !important; z-index:999;  }
.page_header #nav li ul li a { display:block !important; width:200px; padding:10px 0; border-bottom:solid 1px rgb(220,220,220); background:rgb(250,250,250); text-decoration:none; color:rgb(3,13,87); transition:0.2s; }
.page_header #nav li ul li a:hover { background:rgb(225,225,230); }
.page_header_clone {
	width:100%;
	position:relative;
	z-index:999;
	position:fixed;
	top:-800px;
	opacity:0.9;
	background:rgba(49,71,90,0.8);
	transition: top 0.2s;
}
.top_position { position:relative; z-index:999; top:-600px;  margin-bottom:-47px; }
.top_position .page_header { background:rgba(49,71,90,0.8) !important; }

.page_header_clone.visible { width:100%; top:0; }
.page_header_clone a { display:block; width:200px; padding:14px 0; text-align:center; color:rgb(255,255,255); text-decoration:none; }
.page_header_clone #nav { display:table; width:1200px; margin:0 auto; }
.page_header_clone #nav li { display:table-cell; }
.page_header_clone #nav li a { background:rgba(1,23,52,0.0); transition:0.2s; }
.page_header_clone #nav li a:hover { background:rgba(1,23,52,0.8); }
.page_header_clone #nav li.clone {  }
.page_header_clone #nav li ul { position: absolute; z-index:999; display: none; width:200px; border:none !important; font-size:13px; }
.page_header_clone #nav li ul li {  float: none; display:block !important; width:200px; height:auto !important; position:relative; top:2px; margin:0; padding:0; border-right:none !important; z-index:999;  }
.page_header_clone #nav li ul li a { display:block !important; width:200px; padding:10px 0; border-bottom:solid 1px rgb(220,220,220); background:rgb(250,250,250); text-decoration:none; color:rgb(3,13,87); transition:0.2s; }
.page_header_clone #nav li ul li a:hover { background:rgb(225,225,230); }

/********** footer **********/
#footer { border-top:solid 1px rgb(230,230,230); padding-top:60px; }
#footer .inner { width:1200px; padding-bottom:80px; margin:0 auto; }
#footer a { transition:0.2s; }
#footer a:hover { opacity:0.6; }
#footer a.logo { display:block; width:324px; height:53px; background:url(/_common/image/logo2.png?210316) center center no-repeat; background-size:324px 53px; }
#footer h5 { padding:20px 0 10px 0; font-size:18px; }
#footer h6 { padding:0 0 10px 0; font-size:15px; }
#footer .inner ul { display:table; width:1200px; }
#footer .inner ul li { display:table-cell; vertical-align:bottom; }
#footer .inner ul li:nth-child(-n+2) { width:400px; }
#footer .inner ul li:nth-child(3) { width:140px; }
#footer .inner ul li:nth-child(3) img { width:136px; }
#footer .inner ul li:nth-child(4) { padding:0 0 0 20px; }
#footer .inner ul li a.map { overflow:hidden; display:block; width:140px; padding:8px 30px; margin:14px 0 0 88px; background:rgb(201,202,202); text-align:center; color:rgb(50,50,50); text-decoration:none; }
#footer .inner ul li a.map span { float:right; display:block; width:10px; height:13px; padding:0 1px; margin-top:4px; background:rgb(50,50,50); color:rgb(255,255,255); font-size:6px; text-align:center; }

#footer .inner ul li a.env_policy { overflow:hidden; display:block; width:80px; padding:8px 30px; margin:14px 0 0 5px; background:rgb(0,64,151); text-align:center; color:rgb(255,255,255); text-decoration:none; }

#footer .bnrs .bnr { overflow:hidden; width:1200px; margin:0 auto 40px auto; }
#footer .bnrs .bnr li { float:left; width:600px; }
#footer .bnrs .bnr li a { display:block; width:586px; height:225px; padding:30px 0 0 25px; box-sizing:border-box; background-repeat:no-repeat; background-size:586px 225px; background-position:center center; color:rgb(255,255,255); text-decoration:none; transition:0.2s; }
#footer .bnrs .bnr li a:hover { opacity:0.6; }
#footer .bnrs .bnr li:nth-child(1) a { background-image:url(/_common/image/top/bnr_01.png); }
#footer .bnrs .bnr li:nth-child(2) a { background-image:url(/_common/image/top/bnr_02.png); }
#footer .bnrs .bnr li a h2 { font-size:30px; }
#footer .bnrs .bnr li a h2:before { content:url(/_common/image/top/i_tit.png); margin-right:10px; }
#footer .bnrs .bnr li a p { width:306px; padding:10px 0 0 0; font-size:16px; line-height:26px; }

#footer .inner2 {  width:1200px; margin:0 auto 40px auto;  padding:0 10px 20px 10px; }
#footer .inner2 .snsBox {
	display: flex; justify-content: space-between;
}
#footer .inner2 .snsBox2 {
	align-items: flex-end;
}
#footer .inner2 .snsBox2 h6 {
	text-align: left;
}
#footer .inner2 .snsBox2 p {
	text-align: left;
	margin-left: 45px;
}
#footer .inner2 ul {  text-align:center; width: 46%; }
#footer .inner2 ul li { margin-bottom:30px; }
#footer .inner2 ul li:nth-child(3) img { width:136px; }
#footer .inner2 ul li a.map { overflow:hidden; display:block; width:140px; padding:8px 30px; margin:14px auto 0 auto; background:rgb(201,202,202); text-align:center; color:rgb(50,50,50); text-decoration:none; }
#footer .inner2 ul li a.map span { float:right; display:block; width:10px; height:13px; padding:0 1px; margin-top:4px; background:rgb(50,50,50); color:rgb(255,255,255); font-size:6px; text-align:center; }
#footer .inner2 ul li p { text-align:left; }

#footer .inner2 ul li a.env_policy { overflow:hidden; display:block; width:140px; padding:8px 30px; margin:14px  auto 0 auto; background:rgb(0,64,151); text-align:center; color:rgb(255,255,255); text-decoration:none; }
#footer .inner2 ul li p.policy { text-align:center !important; }

.area_sns {  }
.area_sns a { display:inline-block; width:30px; height:30px; border-radius:4px; background-repeat:no-repeat; background-position:center center; }
.icon_mail   { background-color:rgb(219,173,34); background-image:url(/_common/image/icons/w_mail.png); background-size:20px;  }
.icon_tw     { background-color:rgb(29,161,242); background-image:url(/_common/image/icons/w_tw.png); background-size:20px; }
.icon_fb     { background-color:rgb(38,71,140); background-image:url(/_common/image/icons/w_fb.png); background-size:10px; }
.icon_gp     { background-color:rgb(220,78,65); background-image:url(/_common/image/icons/w_gp.png); background-size:28px; }
.icon_hatena { background-color:rgb(26,153,205); background-image:url(/_common/image/icons/w_hatena.png); background-size:20px; }
.icon_line   { background-color:rgb(0,185,0); background-image:url(/_common/image/icons/w_line.png); background-size:20px; }

.area_copy { padding:30px 0; background:rgb(100,100,100);text-align:center; color:rgb(255,255,255); }

/********** keyV **********/
.area_kv { width:100%; height:600px !important; }
.area_kv .kv_logo { position:relative; z-index:100; width:100%; height:600px; padding-top:186px; box-sizing:border-box; text-align:center; }
.pogoSlider,
.pogoSlider-slide {
	width:100% !important;
	height:600px !important;
	margin:0 auto;;
	}
.pogoSlider { position:relative; top:-600px; z-index:-100; padding:0 !important; }
.pogoSlider-slide { padding:0 !important background-position:center center !important; background-size:cover !important;  }

/********** TOP **********/
.top_overview { padding:40px 0; background:rgb(1,23,52); color:rgb(255,255,255); text-align:center; }
.top_overview .inner { width:1210px; margin:0 auto; }
.top_overview h2 { margin-bottom:40px; font-size:26px; }
.top_overview h2 span { display:block; width:150px; height:1px; margin:40px auto 0 auto; background:rgb(255,255,255); }
.top_overview .box_pic { margin:30px 0; }
.top_overview p { font-size:15px; line-height:30px; }

.top_feature { padding:80px 0; }
.top_feature ul { display:table; width:1200px; margin:0 auto; color:rgb(1,23,52); }
.top_feature ul li { display:table-cell; vertical-align:top; width:600px; padding:0 20px; box-sizing:border-box; }
.top_feature ul li h3 { height:120px;  text-align:center; font-size:20px; line-height:34px; }
.top_feature ul li img { width:100%; }
.top_feature ul li p { padding:30px 0; font-size:16px; line-height:28px; }

.top_list { padding:100px 0; background:rgb(230,230,230); }
.top_list .bnr { overflow:hidden; width:1200px; margin:0 auto 30px auto; }
.top_list .bnr li { float:left; width:600px; }
.top_list .bnr li a { display:block; width:586px; height:225px; padding:30px 0 0 25px; box-sizing:border-box; background-repeat:no-repeat; background-size:586px 225px; background-position:center center; color:rgb(255,255,255); text-decoration:none; transition:0.2s; }
.top_list .bnr li a:hover { opacity:0.6; }
.top_list .bnr li:nth-child(1) a { background-image:url(/_common/image/top/bnr_01.png); }
.top_list .bnr li:nth-child(2) a { background-image:url(/_common/image/top/bnr_02.png); }
.top_list .bnr li a h2 { font-size:30px; }
.top_list .bnr li a h2:before { content:url(/_common/image/top/i_tit.png); margin-right:10px; }
.top_list .bnr li a p { width:306px; padding:10px 0 0 0; font-size:16px; line-height:26px; }

.top_list .btn { overflow:hidden; width:1200px; margin:0 auto; }
.top_list .btn li { float:left; width:390px; margin-right:10px; margin-top:10px; }
.top_list .btn li:nth-child(3n) { margin-right:0 !important; }
.top_list .btn li a { overflow:hidden; display:block; color:rgb(255,255,255); text-decoration:none; transition:0.2s; }
.top_list .btn li a { width:390px; height:170px; background-repeat:no-repeat; background-size:390px 170px; background-position:center center;  }
.top_list .btn li:nth-child(1) a { background-image:url(/_common/image/top/btn_01.png); }
.top_list .btn li:nth-child(2) a { background-image:url(/_common/image/top/btn_02.png); }
.top_list .btn li:nth-child(3) a { background-image:url(/_common/image/top/btn_03.png); }
.top_list .btn li:nth-child(4) a { background-image:url(/_common/image/top/btn_04.png); }
.top_list .btn li:nth-child(5) a { background-image:url(/_common/image/top/btn_05.png); }
.top_list .btn li:nth-child(6) a { background-image:url(/_common/image/top/btn_06.png); }
.top_list .btn li a div { position:relative; top:134px; left:352px; width:390px; height:170px; background:rgb(1,117,220); transition:0.2s; }
.top_list .btn li a:hover div { top:0px; left:0px; }
.top_list .btn li a  span { position:relative; top:-170px; display:block; width:390px; height:170px; background-image:url(/_common/image/top/arw_01.png); background-position:bottom right; background-repeat:no-repeat; background-size:36px 36px; }
.top_list .btn li h4 { position:relative; top:-265px; z-index:100; text-align:center; font-size:20px; }

.top_list .box { width:1200px; margin:40px auto; padding:40px; box-sizing:border-box; background:rgba(49,71,90,0.8); color:rgb(255,255,255); }
.top_list .box h3 { padding-bottom:8px; border-bottom:solid 1px rgb(149,171,190); margin-bottom:30px; font-size:22px; }
.top_list .box h3 span { color:rgb(149,171,190); }

/********** company **********/
.nav_company { position:relative; z-index:500; display:table; width:1200px; margin:4px auto; text-align:center; border-collapse:collapse; }
.nav_company li { display:table-cell; width:25%; box-sizing:border-box; border:solid 1px rgb(255,255,255); background-color:rgb(210,210,210); background-image:url(/_common/image/top/arw_01.png); background-position:bottom right; background-size:20px 20px; background-repeat:no-repeat; transition:0.2s; }
.nav_company li a { display:block; padding:14px 2px; text-decoration:none; color:rgb(50,50,50); font-size:16px; }
.nav_company li:hover { background-color:rgb(180,180,180); }

.area_greeting { overflow:hidden; padding-top:40px; }
.area_greeting:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.area_greeting p { float:left; font-size:16px; line-height:32px; color:rgb(3,13,87); }
.area_greeting p { width:1000px; }
.area_greeting p.right { width:200px; }
.area_greeting p img { margin-bottom:10px; }

.area_philosophy {  }
.area_philosophy .line { width:auto; height:1px; margin:40px 0; border-bottom:solid 1px rgb(220,220,220); }
.area_philosophy h4 { margin-bottom:30px; text-align:center; font-size:20px; }
.area_philosophy em,
.area_philosophy p { text-indent:-28px; padding-left:28px;text-align:center; font-size:18px; line-height:40px; }
.area_philosophy em { display:block; margin:30px 0; font-style:normal; color:rgb(3,13,87); }
.area_philosophy ul.layout { }
.area_philosophy ul.layout li:nth-child(2) { overflow:hidden; padding-bottom:20px; }
.area_philosophy ul.layout li:nth-child(2):after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.area_philosophy ul.layout li:nth-child(2) div { float:left; width:600px; padding:0 4px; box-sizing:border-box; }
.area_philosophy ul.layout li:nth-child(2) div:nth-child(2) { text-align:right; }
.area_philosophy a.btn { display:block; width:300px; margin:0 auto; padding:14px 0; border:solid 2px rgb(220,220,220); background:rgb(49,71,90); text-align:center; color:#fff; text-decoration:none; font-weight:bold; }
.area_philosophy a.btn:hover { opacity:0.6; }
.area_philosophy ul.layout li:nth-child(3) { overflow:hidden; }
.area_philosophy ul.layout li:nth-child(3):after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.area_philosophy ul.layout li:nth-child(3) dl { overflow:hidden; float:left; width:600px; margin:10px 0 0 0; }
.area_philosophy dl dd { float:left; width:300px; padding:0 4px; box-sizing:border-box; }
.area_philosophy dl dd img { width:100%; }
.area_philosophy dl dd span { display:block; padding-top:8px; text-align:center; }

.area_outline {  }
.area_outline table { width:800px; margin:0 auto; border:solid 1px rgb(150,150,150); border-collapse:collapse; font-size:16px; }
.area_outline table th,
.area_outline table td { vertical-align:top; padding:14px 20px; border:solid 1px rgb(150,150,150); }
.area_outline table th { width:180px; background:rgb(242,242,242); font-weight:normal; text-align:left; }
.area_outline table td p { text-indent:-16px; padding-left:16px;  }
.area_outline table td div { display:table; width:300px; }
.area_outline table td div span { display:table-cell; width:150px; }


.area_outline2 {  }
.area_outline2 table { width:800px; margin:0 auto; border:solid 1px rgb(150,150,150); border-collapse:collapse; font-size:16px; }
.area_outline2 table th,
.area_outline2 table td { vertical-align:top; padding:14px 20px; border:solid 1px rgb(150,150,150); }
.area_outline2 table th { width:180px; background:rgb(242,242,242); font-weight:normal; text-align:left; }
.area_outline2 table td p { text-indent:-16px; padding-left:16px;  }
.area_outline2 table td div.tb { display:table; width:300px; }
.area_outline2 table td div.tb span { display:table-cell; width:150px; }


/********** truck **********/
.nav_list { position:relative; z-index:500; display:table; width:1200px; margin:4px auto; text-align:center; border-collapse:collapse; }
.nav_list li { display:table-cell; width:25%; box-sizing:border-box; border:solid 1px rgb(255,255,255); background-color:rgb(210,210,210); background-image:url(/_common/image/top/arw_01.png); background-position:bottom right; background-size:20px 20px; background-repeat:no-repeat; transition:0.2s; }
.nav_list li a { display:block; padding:14px 2px; text-decoration:none; color:rgb(50,50,50); font-size:16px; }
.nav_list li.on { background-color:rgb(80,103,132); }
.nav_list li.on a { color:rgb(255,255,255); }
.nav_list li:hover { background-color:rgb(180,180,180); }

.pager { margin:50px 0; text-align:center; font-size:16px; }
.pager li { display:inline-block; }
.pager li a { display:block; padding:6px 10px; border:solid 1px rgb(230,230,230); background:rgb(246,248,248); border-radius:2px; text-decoration:none; text-align:center; color:rgb(100,100,100); transition:0.2s; }
.pager li a:hover { background:rgb(0,64,151); color:rgb(255,255,255); }
.pager li a.active { background:rgb(77,101,125); color:rgb(255,255,255); }
.pager li.current { padding:6px 10px; background:rgb(0,64,151); border-radius:2px; text-align:center; color:rgb(255,255,255); }
.pager li.head { padding:6px 10px; border:solid 1px rgb(230,230,230);  background:rgb(220,220,220); border-radius:2px; text-align:center; color:rgb(150,150,150); }

.item_list { overflow:hidden; width:1000px; margin:0 auto 30px auto; border:solid 1px rgb(200,200,200); }
.item_list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.item_list li { float:left; width:500px; padding:10px; box-sizing:border-box; }
.item_list li img { width:100%; }
.item_list dl { display:table; width:100%; border-bottom:solid 1px rgb(255,255,255); }
.item_list dl dt,
.item_list dl dd { display:table-cell; vertical-align:middle; padding:8px 20px; box-sizing:border-box; }
.item_list dl dt { width:120px; background:rgb(1,23,52); color:rgb(255,255,255); font-weight:bold; }
.item_list dl dd { background:rgb(242,242,242); }
.item_list dl dd b { display:inline-block; padding-right:4px; color:rgb(204,0,0); font-size:16px; }
.item_list a.btn_more { margin:14px 0 0 0; }

.preparation { padding:50px 30px; font-size:16px; }
.preparation p { margin-bottom:50px; }
.preparation a { display:inline-block;  }


/********** truck detail **********/
.swiper-slide { margin-bottom:40px; }
.swiper-button-next, .swiper-button-prev { top:30px !important; width:14px !important; height:32px !important; margin-top:0 !important; background-size:14px 32px !important; }
.swiper-button-next { right:4px !important; }
.swiper-button-prev { left:4px !important; }

.item_info {  }
.item_info .layout { overflow:hidden; width:1100px; margin:0 auto; }
.item_info .layout:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.item_info .layout li.layout { float:left; }
.item_info .layout li.layout:first-child { width:640px; }
.item_info .layout li.layout:last-child { width:460px; padding:0 20px; box-sizing:border-box; }
.item_info {  }
.item_info #full { overflow:hidden; height:480px; margin-bottom:10px; }
.item_info #full img {
	width:auto;
	min-width:100%;
	min-height:480px;
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
.swiper-slide ul { display:table; width:640px !important; height:100px; }
.swiper-slide ul li { overflow:hidden; display:table-cell; width:128px; height:100px; vertical-align:middle; padding:0 1px; box-sizing:border-box; transition:0.2s; }
.swiper-slide ul li div { overflow:hidden; width:126px; height:100px; }
.swiper-slide ul li div img {
	width:126px;
	min-width:126px;
	height:auto;
	min-height:100px;
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
.swiper-slide ul li div:hover { cursor:pointer; opacity:0.6; }

.item_info a.btn_more { margin:14px 0 0 0; }
.item_info .panel { padding:20px; margin:0 0 14px 0; border:solid 1px rgb(220,220,220); }
.item_info .number p { font-size:20px; color:rgb(1,23,52); }
.item_info .price { color:rgb(255,0,0); }
.item_info .price b { display:block; font-size:20px; }
.item_info .comment p { margin-bottom:10px; color:rgb(1,23,52); font-size:16px; }

.item_detail { margin-top:10px; }
.item_detail h4 { padding:10px 30px; margin-bottom:30px; border-bottom:solid 1px rgb(50,50,50); border-top:solid 1px rgb(50,50,50); font-size:22px; }

.item_detail .layout { overflow:hidden; width:1140px; margin:0 auto; }
.item_detail .layout:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.item_detail .layout li { float:left; width:360px;padding:0 10px; }
.item_detail table { width:100%; border:solid 1px rgb(150,150,150); border-collapse:collapse; }
.item_detail table tr { border-bottom:solid 1px rgb(150,150,150); }
.item_detail table tr:last-child { border-bottom:none; }
.item_detail table th,
.item_detail table td { vertical-align:top; padding:6px 8px; }
.item_detail table th { width:100px; background:rgb(244,246,250); border-right:solid 1px rgb(150,150,150); font-weight:normal; text-align:left; }

/********** contact **********/
.area_contact {  }
.area_contact a.btn_tel { display:block; width:500px; padding:20px 10px; margin:40px auto; border-radius:8px; box-shadow:0px 0px 10px 0px rgba(200,200,200,0.8); text-decoration:none; text-align:center; color:rgb(1,23,52); font-size:30px; transition:0.2s; }
.area_contact a.btn_tel:hover { opacity:0.6; }
.box_form { width:800px; margin:0 auto; }
.box_form dl { width:auto; border:solid 1px rgb(220,220,220); background:rgb(255,255,255); }
.box_form dl dt { width:auto; padding:10px 0px; background:rgb(1,23,52); }
.box_form dl dt:first-child { border-top:none !important; }
.box_form dl dt p { width:auto; padding:0px 20px; color:rgb(255,255,255); font-size:18px; }
.box_form dl dt p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.box_form dl dt p span { float:right; display:inline-block; border-radius:4px;  padding:2px 4px; margin-left:10px; font-size:14px; }
.box_form dl dt p span.need { background:rgb(204,0,0); }
.box_form dl dt p span.unneed { background:rgb(36,129,197); }
.box_form dl dd { padding:14px 14px; }
.box_form dl dd input[type="text"] { width:97%; height:26px; padding:8px 10px; border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); -webkit-appearance: none; }
.box_form dl dd input.shortbox {
	width: 200px; height:26px; padding:8px 10px; border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); -webkit-appearance: none;
}
.box_form dl dd textarea { width:97%; height:190px; padding:8px 4px;  border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); overflow: auto; resize: none;-webkit-appearance: none;  }
.box_form dl dd select{ width:auto; height:44px!important; padding:8px 10px; border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); -webkit-appearance: none; }

.box_form input[type="submit"]{ -webkit-appearance: none; }
.box_form input[type="submit"].btn_sbmit { display:block; width:300px; border:none; background:rgb(0,64,151); background-size:20px 70px; border-radius:4px; padding:20px 10px; margin:30px auto; font-size:18px; text-decoration:none; text-align:center; color:rgb(255,255,255); }
.box_form input[type="submit"].btn_sbmit:hover { cursor:pointer; }

.box_safety { margin:20px auto; width:600px; padding:30px; border:solid 1px rgb(1,23,52); }

/********** flow **********/
.area_flow ul { width:900px; margin:0 auto; text-align:center; }
.area_flow ul li a { display:block; width:330px; min-height:26px; padding:20px 10px 20px 80px; box-shadow:0px 0px 10px 0px rgba(200,200,200,0.8); border-radius:8px; margin:30px auto 0 auto; background:url(/_common/image/icons/i_tel.png) 36px 35px no-repeat; background-size:40px 26px;  color:rgb(0,64,151); font-size:38px; text-decoration:none; transition:0.2s; }
.area_flow ul li a:hover { opacity:0.6; }
.area_flow ul li p { font-size:20px; line-height:40px; }
.area_flow ul li p span { padding-right:4px; color:rgb(0,64,151); font-weight:bold; }
.area_flow ul li.arw { padding:40px 0; height:50px; background:url(/flow/image/arw_01.png) center center no-repeat; background-size:60px 50px; }
/********** system **********/
.area_system { padding-bottom:80px; }
.area_system p { font-size:18px; line-height:38px; }
.area_system em.font_rodin { display:block; margin-bottom:60px; text-align:center; font-size:40px; color:rgb(0,64,151); }
.area_system em.font_rodin b { color:rgb(237,28,36); }
.area_system .link { overflow:hidden; width:1100px; margin:50px auto 0 auto; text-align:center; }
.area_system .link li { float:left; width:275px; box-sizing:border-box; border:solid 1px rgb(255,255,255); background-color:rgb(210,210,210); background-image:url(/_common/image/top/arw_01.png); background-position:bottom right; background-size:20px 20px; background-repeat:no-repeat;transition:0.2s;  }
.area_system .link li a { display:block; padding:22px 1px; text-decoration:none; color:rgb(50,50,50); font-size:16px; }
.area_system .link li:hover { background-color:rgb(80,103,132); }
.area_system .link li:hover a {  color:rgb(255,255,255); }

.merit_txt .box { width:1200px; margin:40px auto; padding:40px; box-sizing:border-box; background:rgba(49,71,90,0.8); color:rgb(255,255,255); }
.merit_txt .box h3 { padding-bottom:8px; border-bottom:solid 1px rgb(149,171,190); margin-bottom:30px; font-size:22px; }
.merit_txt .box h3 span { color:rgb(149,171,190); }

/********** staff **********/
.area_staff { padding:40px 0; }
.area_staff p { font-size:18px; line-height:38px; }
.area_staff .layout { width:1000px; margin:0 auto; }
.area_staff .layout li:first-child { margin-bottom:40px; }
.area_staff .layout li:last-child { text-align:center; }
.area_staff .layout li img { height:350px; }
.area_staff .layout table { width:660px; margin:0 auto; font-size:13px; }
.area_staff .layout table tr:nth-child(odd) { background:rgb(242,242,242); }
.area_staff .layout table th,
.area_staff .layout table td { padding:8px 10px; box-sizing:border-box; vertical-align:top; border:solid 1px rgb(200,200,200); }
.area_staff .layout table th { background:rgb(0,64,151); color:rgb(255,255,255); text-align:center; }
.area_staff .layout table tr td:nth-child(2) { width:220px; white-space:nowrap; }
.area_staff .layout table tr td:nth-child(3) { width:130px; }
/********** maintenance / specualty **********/
.nav_category { display:table; width:1200px; margin:0 auto 30px auto; }
.nav_category li { display:table-cell; width:200px; box-sizing:border-box; border:solid 1px rgb(255,255,255); background-color:rgb(210,210,210); background-image:url(/_common/image/top/arw_01.png); background-position:bottom right; background-size:15px 15px; background-repeat:no-repeat;text-align:center; transition:0.2s; }
.nav_category li a { display:block; width:100%; padding:14px 0; text-decoration:none; color:rgb(50,50,50); font-size:13px; }
.nav_category li:hover { background-color:rgb(80,103,132); }
.nav_category li:hover a { color:rgb(255,255,255); }
.maintenance h4 { padding:6px 20px 6px 20px; margin:40px 0 20px 0; background:rgb(242,242,242); border-top:solid 1px rgb(0,64,151); border-bottom:solid 1px rgb(0,64,151); font-size:22px; }
.maintenance p { padding:40px 70px; font-size:16px; line-height:30px; }
.maintenance .layout { margin-bottom:100px; }
.maintenance .layout img { margin-bottom:4px; }
.maintenance .layout li:last-child { text-align:center; }
.maintenance .layout_pic { overflow:hidden; width:1200px; margin-bottom:60px; }
.maintenance .layout_pic li { float:left; padding:0 2px; }
.maintenance .layout_pic li img { display:block; width:378px; border:solid 1px rgb(0,64,151); }
.maintenance .layout_pic li.arw { font-size:30px; text-align:center; color:rgb(0,64,151); }
.maintenance .layout_pic li.arw span { display:block; padding-top:90px; }
.maintenance .example { margin-bottom:50px; }
.maintenance .example li span { display:block; padding-top:10px; text-align:center; font-size:18px; }
.maintenance .example img { width:100%; }
.maintenance .example li.arw { background:url(/_common/image/icons/arw_02.png) center center no-repeat; background-size:30px 40px; }
.maintenance .pic2 { overflow:hidden; width:1200px; }
.maintenance .pic2 li { float:left; }
.maintenance .pic2 li:nth-child(odd) { width:530px; padding:0 10px; }
.maintenance .pic2 li:nth-child(even) { width:50px; }
.maintenance .pic2 li.arw { min-height:318px; }
.maintenance .pic3 { overflow:hidden; width:1200px; }
.maintenance .pic3 li { float:left; }
.maintenance .pic3 li:nth-child(odd) { width:372px; }
.maintenance .pic3 li:nth-child(even) { width:40px; }
.maintenance .pic3 li.arw { min-height:223px; }



/********** member **********/
.area_member { padding:40px 0; }
.area_member p { font-size:18px; line-height:38px; }
.area_member .layout { width:1000px; margin:0 auto; }
.area_member h2 {text-align: center; font-size: 24px; margin-bottom: 40px;}

.newsBox {
	margin: 0px 15px 70px 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_news {
	width:100%;
	margin-bottom:20px;
}

.top_news ul {
	padding:0px 5px;
}

.top_news ul li {
	padding:10px 5px;
	border-bottom: dotted 1px #666;
}

.top_news ul li a {
	color: #000;
	text-decoration:none;
}

.top_news ul li a:hover {
	color: #F00;
	text-decoration:underline;
}


ul.news_list li {
	display: flex;
	justify-content: space-between;
}

ul.news_list li .thumbnail {
	width:250px;
	padding:10px 0;
	box-sizing: border-box;
}

ul.news_list li .thumbnail img {
	width: 100%;
}

ul.news_list li .news_cont {
	width: calc(100% - 250px);
	padding-left:40px;
	margin-bottom:10px;
	box-sizing: border-box;
}

ul.news_list li .news_cont .news_date {
	padding:5px 0;
   font-family: 'Noto Sans Japanese';
}


ul.news_list li .news_cont .news_title {
	padding:5px 0;
   font-family: 'Noto Sans Japanese';
   font-weight:700;
	font-size: 20px;
}

.thumbnail a img {
	border-radius:0%;
transition-duration: 0.5s
}
	

.thumbnail a:hover img {
	border-radius:50%;
transition-duration: 0.5s
}
	
.top_news .more {
	padding:5px 0;
   font-family: 'Noto Sans Japanese';
   font-weight:500px;
   text-align:right;
}

.top_news .more a {
	color:#000;
}