@charset "UTF-8";

html {  }
body { -webkit-text-size-adjust: 100%; }

.for_pc { display: none !important; }

img { max-width:100%; }

/***** 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
 { display:block; height:0; margin-top:-40px; padding-top:40px;  }
/********** common TITLE **********/
h2.main_tit { padding:10px; background:rgb(1,23,52); color:rgb(255,255,255); text-align:center; font-size:18px; }
h2.sub_tit { padding:10px; background:rgb(230,230,230); text-align:center; color:rgb(1,23,52); font-size:16px; }
h2.sub_tit span { color:rgb(204,0,0); }

h3.main_tit { margin-bottom:20px; border-bottom:solid 1px rgb(200,200,200); }
h3.main_tit span { padding:0 4px 4px 4px; color:rgb(0,64,151); font-size:16px; }
h3.main_tit span:before { content:"■"; }
h3.main_tit span b { position:relative; top:-2px; display:inline-block; padding:1px 4px 0px 4px; margin-left:10px; background:rgb(237,28,36); color:rgb(255,255,255); font-size:10px; }
h3.main_tit span em { color:rgb(237,28,36); }
h3.sub_tit { padding:4px 10px 5px 10px; margin-bottom:30px; border-left:solid 6px rgb(0,64,151); border-bottom:solid 1px rgb(0,64,151); }

/***** common *****/
.sub_main { padding:0 10px 30px 10px; }
.sub_section { padding:30px 8px; }

.heed { text-indent:-16px; padding-left:16px; margin-bottom:8px; font-size:16px; }

a.btn_more { display:block; width:180px; padding:10px; background:rgb(255,127,0); border-radius:2px; text-decoration:none; color:rgb(255,255,255); text-align:center; }

.btn_pagetop { padding:20px 10px; text-align:right; }
.btn_pagetop a { padding:4px 10px; background:rgb(1,23,52); border-radius:4px; text-decoration:none; color:rgb(255,255,255) !important; font-size:14px; }

.area_pankuzu { width:auto; height:auto; padding:5px 4px; background:rgb(248,248,248);  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:13px; }
.area_pankuzu li a { text-decoration:none; color:rgb(75,55,43); text-decoration:none; }

/***** fix bnr *****/
.fix_bnr { display:table; position: fixed; bottom: 0; left:0 ; right:0;  z-index:500; width:100%; border-top:solid 1px rgb(204,204,204); background:rgb(255,255,255); text-align:center; opacity:0.9; }
.fix_bnr li { display:table-cell; vertical-align:middle; padding:8px 6px; box-sizing:border-box; text-align:center; }
.fix_bnr li a { text-decoration:none; color:rgb(1,23,52); }
.fix_bnr li.member_btn { border-right:solid 1px rgb(204,204,204); white-space: nowrap; }
.fix_bnr li.inquiry { border-right:solid 1px rgb(204,204,204); }
.fix_bnr li.inquiry a p { display:block; font-size:0.8rem; color:rgb(1,23,52); font-weight:bold; }
.fix_bnr li.inquiry a span { display:inline-block; font-size:0.6rem; color:rgb(50,50,50); }
.fix_bnr li:last-child { white-space:nowrap; width:42%; }
.fix_bnr li:last-child a { font-size:0.8rem; font-weight:bold; }
.fix_bnr li a { display:block; text-decoration:none; }
.fix_bnr li a img { display:inline-blocik; width:20px; margin-right:4px; vertical-align:middle; }

/***** aside *****/
#aside_nav { position:fixed; width:0%; height:0%; z-index:999; background:rgba(0,0,0,0.2); }
#aside_nav .close { display:block; }
#aside_nav .inner { overflow-y:scroll; width:300px; height:100%; background:rgba(1,23,52,0.9); position:fixed; right:-300px; color:rgb(255,255,255); }
#aside_nav .inner li { overflow:hidden; padding:0 20px; border-bottom:dotted 1px rgb(190,200,200); }
#aside_nav .inner li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#aside_nav .inner li a { float:left; display:block; padding:12px 10px; color:rgb(255,255,255); text-decoration:none; }
#aside_nav .inner li span { display:block; float:right; padding:12px 0px;  }
#aside_nav .inner li:last-child { margin-bottom:100px; }
#aside_nav .inner li.child { padding:0 20px 0 20px; background:rgba(248,248,248,0.9); font-size:12px; color:rgb(1,23,52); }
#aside_nav .inner li.child a { color:rgb(1,23,52); }
.btn_close { padding:10px 0px; text-align:center; }
.btn_close span { font-size:16px; text-align:center; }

#aside_nav .inner li:first-child { border-bottom:none; }
.li_recruit {
	text-align: center;
}
.li_recbox {
	display: flex; justify-content: space-between;
	width: 90%;
	margin: 10px auto;
}
#aside_nav .inner li .li_rec {
	width: 45%; padding: 0px!important; background: #FFF; 
}
#aside_nav .inner li .li_rec a {
	color: #000!important;  padding: 5px 10px!important;
	text-align: center!important;  float: none!important;
}
/********** header **********/
.top_header h1 { width:auto; margin:0 auto; padding:2px 4px; font-size:12px; font-weight:normal; color:rgb(1,23,52); }
.page_header { position:relative; z-index:200; width:100%; }
.page_header ul { display:table; border-collapse:collapse; width:100%; margin:0 auto; }
.page_header ul li { display:table-cell; vertical-align:middle; text-align:center; }
.page_header ul li:first-child { padding:10px 20px; text-align:center; }
.page_header ul li:first-child a img { width:100%; }
.page_header ul li:last-child { padding-top:10px; width:54px; text-align:center; }

.page_header .css-bar{ display:inline-block; position: relative; margin-bottom:6px; padding:0; background: rgb(58,54,60); }
.page_header .css-bar, .css-bar:before, .css-bar:after{ width: 30px; height: 4px; border-radius:2px; }
.page_header .css-bar:before, .css-bar:after { display: block; content: ""; position: absolute; top: 50%; left: 0; background:rgb(58,54,60); }
.page_header .css-bar:before{ margin-top: -10px; }
.page_header .css-bar:after{ margin-top: 6px; }

.page_header_clone {
	width:100%;
	position:relative;
	z-index:800;
	position:fixed;
	top:-800px;
	transition: top 0.2s;
}

.page_header_clone.visible { width:100%; top:0; }
.page_header_clone ul li:first-child { display:none !important; }
.page_header_clone ul li:last-child { float:right; width:46px; margin:0; }
.page_header_clone a.menu_btn { display:block; width:30px; background:rgba(58,54,60,0.8); padding:14px 10px 10px 10px; margin:0; }
.page_header_clone .css-bar{ display:inline-block; position: relative; margin-bottom:6px; padding:0; background: rgb(255,255,255); }
.page_header_clone .css-bar,
.page_header_clone .css-bar:before,
.page_header_clone .css-bar:after{ width: 30px; height: 4px; border-radius:2px; }
.page_header_clone .css-bar:before,
.page_header_clone .css-bar:after { display: block; content: ""; position: absolute; top: 50%; left: 0; background:rgb(255,255,255); }
.page_header_clone .css-bar:before{ margin-top: -10px; }
.page_header_clone .css-bar:after{ margin-top: 6px; }

/********** footer **********/
#footer { border-top:solid 1px rgb(230,230,230); padding-top:30px; }
#footer .inner { width:auto; padding:0 10px 20px 10px; }
#footer a.btn_contact { display:block; border-top:solid 4px rgb(255,127,0); margin:0 10px 30px 10px ; text-align:center; text-decoration:none; }
#footer a.btn_contact p { padding:8px; color:rgb(20,20,20); font-size:14px; }
#footer a.btn_contact div { display:table; width:100%; font-size:15px; }
#footer a.btn_contact div span { display:table-cell; vertical-align:middle; padding:10px 4px; color:rgb(255,255,255); }
#footer a.btn_contact div span:nth-child(1) { background-color:rgb(255,127,0); }
#footer a.btn_contact div span:nth-child(1) img { display:inline-block; width:18px; margin-right:6px; vertical-align:top; }
#footer a.btn_contact div span:nth-child(2) { background:rgb(202,103,0); }

#footer a.logo { display:block; width:280px; height:50px; background:url(/_common/image/logo2.png) center center no-repeat; background-size:280px; }
#footer h5 { padding:20px 0 10px 0; font-size:16px; }
#footer h6 { padding:0 0 10px 0; }
#footer .inner ul {  text-align:center; }
#footer .inner ul li { margin-bottom:30px; }
#footer .inner ul li:nth-child(3) img { width:136px; }
#footer .inner 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 .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 p { text-align:left; }

#footer .inner 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 .inner ul li p.policy { text-align:center !important; }

#footer .bnrs { padding:0 10px 30px; }
#footer .bnrs .bnr {  }
#footer .bnrs .bnr li { margin-bottom:10px; }
#footer .bnrs .bnr li a { display:block; width:auto; }
#footer .bnrs .bnr li a img { width:100%; }

#footer .inner2 { width:auto; padding:0 10px 20px 10px; }
#footer .inner2 ul {  text-align:center; }
#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; }
#footer .inner2 .snsBox2 p {
	text-align: center;
}
.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 6px 80px 6px; background:rgb(100,100,100);text-align:center; color:rgb(255,255,255); font-size:11px; }

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

/********** TOP **********/
.top_overview { padding:50px 10px; background:rgb(1,23,52); color:rgb(255,255,255); text-align:center; }
.top_overview h2 { margin-bottom:20px; font-size:17px; }
.top_overview h2 span { display:block; width:100px; height:1px; margin:20px auto 0 auto; background:rgb(255,255,255); }
.top_overview .box_pic { margin:20px 0; }
.top_overview p { text-align:left; }
.top_overview img { display:block; margin-bottom:10px; }

.top_feature { padding:30px 10px; }
.top_feature ul { margin:0 auto; color:rgb(1,23,52); }
.top_feature ul li { margin-bottom:30px; }
.top_feature ul li h3 {  text-align:center; font-size:16px; }
.top_feature ul li img { display:block; width:100%; margin:20px 0; }
.top_feature ul li p {  }

.top_list { padding:20px 10px; background:rgb(230,230,230); }
.top_list .bnr {  }
.top_list .bnr li { margin-bottom:10px; }
.top_list .bnr li a { display:block; width:auto; }
.top_list .bnr li a img { width:100%; }

.top_list .btn { width:300px; margin:0 auto; }
.top_list .btn li { width:300px;margin-top:10px; }
.top_list .btn li a { display:block; color:rgb(255,255,255); text-decoration:none; transition:0.2s; }
.top_list .btn li a { width:300px; height:120px; background-repeat:no-repeat; background-size:300px; 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  span { position:relative; top:0px; display:block; width:300px; height:120px; 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:-70px; z-index:100; text-align:center; font-size:18px; }

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

/********** company **********/
.nav_company { display:table; width:100%; margin:4px 0; 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:10px 10px; background-repeat:no-repeat; }
.nav_company li a { display:block; padding:10px 2px; text-decoration:none; color:rgb(50,50,50); font-size:12px; }
.company p { line-height:1.6; }
.area_greeting { padding-top:30px; }
.area_greeting p { margin-bottom:10px; }
.area_greeting p img { width:100px; margin-bottom:10px; }
.area_philosophy .line { width:auto; height:1px; margin:30px 0; border-bottom:solid 1px rgb(220,220,220); }
.area_philosophy h4 { margin-bottom:20px; text-align:center; font-size:18px; }
.area_philosophy p { text-indent:-28px; padding-left:28px; }
.area_philosophy em { display:block; margin:30px 0; font-style:normal; }
.area_philosophy dl { display:table; width:100%; margin:10px 0 0 0; }
.area_philosophy dl dd { display:table-cell; width:50%; box-sizing:border-box; }
.area_philosophy dl dd:first-child { padding-right:4px; }
.area_philosophy dl dd:last-child { padding-left:4px; }
.area_philosophy dl dd img { width:100%; }
.area_philosophy dl dd span { display:block; padding-top:6px; }
.area_philosophy a.btn { display:block; width:260px; 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 + p { margin-bottom:30px; }
.area_outline table { border:solid 1px rgb(150,150,150); border-collapse:collapse; font-size:12px; }
.area_outline table th,
.area_outline table td { vertical-align:top; padding:8px 6px; border:solid 1px rgb(150,150,150); }
.area_outline table th { width:90px; background:rgb(242,242,242); font-weight:normal; text-align:left; }
.area_outline table td p { text-indent:-12px; padding-left:12px;  }
.area_outline table td div { display:table; width:100%; }
.area_outline table td div span { display:table-cell; width:50%; }

.area_outline2 table { border:solid 1px rgb(150,150,150); border-collapse:collapse; font-size:12px; }
.area_outline2 table th,
.area_outline2 table td { vertical-align:top; padding:8px 6px; border:solid 1px rgb(150,150,150); }
.area_outline2 table th { width:90px; background:rgb(242,242,242); font-weight:normal; text-align:left; }
.area_outline2 table td p { text-indent:-12px; padding-left:12px;  }
.area_outline2 table td div.tb { display:table; width:100%; }
.area_outline2 table td div.tb span { display:table-cell; width:50%; }

/********** truck **********/
.nav_list { display:table; width:100%; margin:4px 0; 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:10px 10px; background-repeat:no-repeat; }
.nav_list li a { display:block; padding:10px 1px; text-decoration:none; color:rgb(50,50,50); font-size:11px; }
.nav_list li.on { background-color:rgb(80,103,132); }
.nav_list li.on a { color:rgb(255,255,255); }

.item_list { padding:10px; margin-bottom:20px; border:solid 1px rgb(200,200,200); }
.item_list li div { margin-bottom:10px; }
.item_list li div img { width:100%; }
.item_list dl { display:table; width:100%; border-bottom:solid 1px rgb(255,255,255); font-size:12px; }
.item_list dl dt,
.item_list dl dd { display:table-cell; vertical-align:middle; padding:5px 6px; box-sizing:border-box; }
.item_list dl dt { width:90px; 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:10px auto 0 auto; }

.pager { margin:30px 0; text-align:center; }
.pager li { display:inline-block; }
.pager li a { display:block; padding:2px 6px; 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); }
.pager li a.active { background:rgb(77,101,125); color:rgb(255,255,255); }
.pager li.current { padding:2px 6px; background:rgb(0,64,151); border-radius:2px; text-align:center; color:rgb(255,255,255); }
.pager li.head { padding:2px 6px; border:solid 1px rgb(230,230,230);  background:rgb(220,220,220); border-radius:2px; text-align:center; color:rgb(150,150,150); }

.preparation { text-align:center; }
.preparation p { padding:30px 0; }

/********** truck detail **********/
.swiper-slide { margin-bottom:40px; }
.swiper-button-next, .swiper-button-prev { top:10px !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 #full { overflow:hidden; height:270px; margin-bottom:10px; }
.item_info #full img {
	width:auto;
	min-width:100%;
	min-height:270px;
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
.item_info .swiper-slide ul { display:table; width:100%;height:50px; }
.item_info .swiper-slide ul li { overflow:hidden; display:table-cell; width:20%; height:50px; vertical-align:middle; padding:0 1px; box-sizing:border-box; }
.item_info .swiper-slide ul li div { overflow:hidden; width:100%; height:50px; }
.item_info .swiper-slide ul li div img {
	width:auto;
	min-width:100%;
	min-height:50px;
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}

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

.item_detail {  }
.item_detail h4 { padding:6px 8px; margin-bottom:20px; border-bottom:solid 1px rgb(50,50,50); font-size:16px; }
.item_detail table { width:100%; border-style:solid; border-color:rgb(150,150,150); border-width:1px 1px 0 1px; border-collapse:collapse; font-size:12px; }
.item_detail ul li:last-child table { border-width:1px; }
.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 a.btn_tel { display:block; padding:20px 10px; margin:40px 10px; 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:24px; }
.box_form dl { width:auto; border:solid 1px rgb(220,220,220); background:rgb(255,255,255); }
.box_form dl dt { width:auto; padding:8px 0px 8px 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 4px; color:rgb(255,255,255); }
.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:12px; }
.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 4px; 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 input[type="submit"]{ -webkit-appearance: none; }
.box_form input[type="submit"].btn_sbmit { display:block; width:260px; border:none; background:rgb(0,64,151); background-size:20px 70px; border-radius:4px; padding:14px 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; padding:14px; border:solid 1px rgb(1,23,52); font-size:12px; }

/********** flow **********/
.area_flow ul { padding:0 8px; }
.area_flow ul li.arw { padding:20px 0; height:30px; background:url(/_common/image/icons/arw_01.png) center center no-repeat; background-size:40px 30px; }
.area_flow ul li a { display:block; width:200px; height:26px; padding-left:46px; margin:14px auto 0 auto; background:url(/_common/image/icons/i_tel.png) center left no-repeat; background-size:40px 26px;  color:rgb(0,64,151); font-size:22px; text-decoration:none; }
.area_flow ul li p { font-size:15px; line-height:22px; }
.area_flow ul li p span { padding-right:4px; color:rgb(0,64,151); font-weight:bold; }
/********** system **********/
.area_system p { line-height:24px; }
.area_system em.font_rodin { display:block; margin-bottom:30px; text-align:center; font-size:22px; color:rgb(0,64,151); }
.area_system em.font_rodin b { color:rgb(237,28,36); }
.area_system .link { overflow:hidden; width:280px; margin:20px auto 0 auto; text-align:center; }
.area_system .link li { float:left; width:140px; 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:10px 10px; background-repeat:no-repeat; }
.area_system .link li a { display:block; padding:10px 1px; text-decoration:none; color:rgb(50,50,50); font-size:11px; }

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

/********** staff **********/
.area_staff .layout li { margin-bottom:20px; }
.area_staff .layout li img { display:block; margin-bottom:10px; }
.area_staff .layout table { width:100%; box-sizing:border-box; font-size:11px; }
.area_staff .layout table tr:nth-child(odd) { background:rgb(242,242,242); }
.area_staff .layout table th,
.area_staff .layout table td { padding:6px 2px; 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) { white-space:nowrap; }
/********** maintenance / specialty **********/
.nav_category { overflow:hidden; width:100%;box-sizing:border-box; }
.nav_category li { float:left; display:table; width:50%; 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:10px 10px; background-repeat:no-repeat;text-align:center; }
.nav_category li a { display:table-cell; width:100%; height:50px; vertical-align:middle; text-decoration:none; color:rgb(50,50,50); font-size:13px; }
.maintenance {  }
.maintenance h4 { padding:0 10px 4px 10px; margin:30px 0 10px 0; border-bottom:solid 1px rgb(0,64,151); font-size:16px; }
.maintenance p { line-height:24px; }
.maintenance .layout { margin-bottom:40px; }
.maintenance .layout li { margin-bottom:20px; }
.maintenance .layout li img { display:block; margin-bottom:6px; }
.maintenance .layout_pic { padding-bottom:20px; margin-bottom:30px; border-bottom:solid 1px rgb(220,220,220); }
.maintenance .layout_pic li img { display:block; margin-bottom:6px; }
.maintenance .layout_pic li.arw { font-size:30px; text-align:center; color:rgb(0,64,151); }
.maintenance .example { margin-bottom:40px; }
.maintenance .example li.arw {  }
.maintenance .example li.arw { padding:20px 0; height:30px; background:url(/_common/image/icons/arw_01.png) center center no-repeat; background-size:40px 30px; }
.maintenance .example li span { display:block; padding-top:10px; text-align:center; font-size:15px; }



/************** newsBox ***************/

.newsBox {
	margin: 0px 20px 50px 20px;
}

.top_news ul {
	overflow-y:scroll;
	height:200px;
	padding:10px 5px;
}

.top_news ul li {
	padding:7px 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;
}


.top_news ul {
	overflow-y:scroll;
	height:450px;
	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:28%;
	padding:2% 0;
}

ul.news_list li .news_cont {
	width:68%;
	padding-left:2%;
	margin-bottom:10px;
}

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

.thumbnail a img {
	border-radius:0%;
	width:100%;
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;
}