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

@media only screen and (max-width:640px){

body {
	height: 100%;
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	vertical-align: top;
	letter-spacing: 0px;
	font-size: 13px;
	margin: 0px auto;
	padding: 0px;
	min-width: 100%;
	_display: inline;
	_zoom: 1;
	-webkit-text-size-adjust: 100%;
	background: none;
}

/* ※TOP FADEIN */

#loader { display: none; width: 100%; height: 100%; position: absolute; text-align: center; color: #FFF; }
#load { width: 100%; height: 100%; }
#all { display: block; }
#all_underlayer { display: block; background-color: rgba(255,255,255,1); }

#loading-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #FFF; z-index: 100; font-weight: 400; }
#loading { display: none; position: fixed; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; text-align: center; color: #222; z-index: 90; }

/* HEADER */

#site_catch { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: left; background-color: rgba(30,165,105,1); z-index: 10; }
.site_catch_box { width: 100%; max-width: 100%; margin: 0 auto; background-color: rgba(0,0,0,0); color: #FFF; padding: 12px 0px 12px 0px; }
.site_catch_box h1 { font-size: 12px; font-weight: 200; margin: 0px; padding: 0px; }

#header { width: 100%; margin: 0 auto; margin-bottom: 0px; background-color: rgba(255,255,255,0); z-index: 10; }
.header_box1 { width: 100%; max-width: 100%; margin: 0 auto; padding: 0px; background-color: rgba(255,255,255,0); }

.header_logo_box01 {
	width: 92%;
	padding: 60px 0px 20px 0px;
	margin: 0px auto;
	font-size: 40px;
	font-weight: 400;
	color: rgba(64,168,204,1);
	text-align: center;
	font-family: 'Anton', sans-serif;
	background: url(../images/common/logo_icon02.png) no-repeat center 20px;
	background-size: auto 45px;
}
.header_logo_box01 a { text-decoration: none; color: rgba(64,168,204,1); transition: .3s linear; -webkit-transition: .3s linear; }
.header_logo_box01 a:hover { color: rgba(64,168,204,1); text-decoration: none; }
.header_logo_box02 { width: 240px; float: left; padding-left: 145px; }
.header_logo_box02 span { font-size: 18px; margin-right: 5px; }
.header_logo_txt01 { font-size: 14px; font-weight: 600; letter-spacing: 0px; color: rgba(64,168,204,1); line-height: 16px; padding-top: 0px; font-family: "Noto Sans Japanese"; }

/* FOOTER */

#footer_box1 { display: none; }
.footer_copy_box { display: none; }

#footer_box2 { display: block; width: 100%; padding: 0%; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; margin-bottom: 0px; text-align: left; background: #222; }
.footer_box2_in { display: block; width: 94%; max-width: 94%; margin: 0 auto; font-size: 13px; background: none; color: rgba(255,255,255,1); }

.footer_link2 { margin-bottom: 20px; color: rgba(255,255,255,1); display: block; font-weight: 200; }
.footer_link2 A:link { color: rgba(255,255,255,1); text-decoration: none; display: block; }
.footer_link2 A:visited	{ color: rgba(255,255,255,1); text-decoration: none; display: block; }
.footer_link2 A:active { color: rgba(255,255,255,1); text-decoration: none; display: block; }
.footer_link2 A:hover { color: rgba(255,255,255,1); text-decoration: none; display: block; }

.footer_comn2 { padding-top: 20px; padding-bottom: 10px; display: block; text-align: center; }
.footer_comn2 img { width: 70%; }
.footer_add2 { text-align: center; line-height: 20px; font-size: 13px; font-weight: 200; color: #FFF; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #FFF dotted; display: block; }
.footer_copy2 { font-size: 13px; font-weight: 200; color: #FFF; text-align: center; display: block; }
.footer_box2_td1 { padding: 10px 0px; border-bottom: 1px #FFF dotted; }

/* ※GLOBAL NAVIGATION */

#nav_menu { display: none; }
#nav_menu.scroll { display: none; }
#nav_menu.scroll h2 { display: none; }

/* ※SMARTPHONE MENU */

#menu-box { display: block; width: 100%; max-width: 100%; z-index: 9999; }
#menu { display: block; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; font-size: 13px; margin-bottom: 5px; position: absolute; z-index: 9999; } 
#menu li { display: block; float: left; width: 12.5%; margin: 0; padding: 0; }
#menu li a {
	display: block;
	padding: 12px 0 12px;
	background-color: rgba(64,168,204,1);
	background-position: 0px center;
	background-size: auto 45px;
	color: #FFF;
	text-align: left;
	padding-left: 40px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	font-size: 14px;
	font-weight: 300;
}
#menu li a:hover { display: block; background-color: rgba(64,168,204,1); background-position: 0px center; background-size: auto 45px; } 
#menu { display: none; }
#menu li{ display: block; width: 100%; }
#toggle { display: block; position: relative; width: 100%; background-color: rgba(64,168,204,1); font-size: 13px; } 
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0px 12px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	color: #FFF;
	text-align: left;
	padding-left: 40px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
}
#toggle:before { display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; margin-top: -10px; background: #FFF; } 
#toggle a:before, #toggle a:after { display: block; content: ""; position: absolute; top: 53%; left: 10px; width: 20px; height: 4px; background-color: rgba(64,168,204,1); } 
#toggle a:before { display: block; margin-top: -7px; margin-bottom: 15px; }
#toggle a:after { display: block; margin-top: 1px; }

/* ※BREADCRUMB LIST */

#pan { width: 100%; margin: 0 auto; text-align: left; padding: 8px 0px; background-color: rgba(60,60,60,1); }
.pan_box { width: 94%; max-width: 94%; margin: 0 auto; font-size: 12px; font-weight: 400; color: #FFF; }
.pan_box a { text-decoration: none; color: #FFF; }
.pan_box a:hover { text-decoration: underline; color: #FFF; }

/* ※MAIN CONTENTS */

.top_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 0px 0px; text-align: left; }
.top_contents_box1 { width: 100%; max-width: 100%; margin: 0 auto; padding: 20px 0px 0px 0px; color: #444; font-weight: 300; }

.main_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 0px 0px; text-align: left; }
.main_contents_box1 { width: 94%; max-width: 94%; margin: 0 auto; padding: 30px 0px; color: #FFF; font-weight: 300; }

.contents_txt01 { font-size: 13px; color: #222; line-height: 22px; text-align: justify; margin-bottom: 30px; }
.contents_txt02 { font-size: 13px; color: #222; line-height: 22px; text-align: justify; margin-bottom: 30px; }

.contents_l_box01 { width: 250px; float: left; }
.contents_r_box01 { width: 860px; float: left; margin-left: 30px; color: #444; }

.contents_main_tit01 { font-size: 40px; font-weight: 500; color: #57A064; margin-bottom: 20px; font-family: "Sawarabi Mincho"; text-align: center; }

.waypoint_line { clear: both; height: 0px; }

.cnt_side_btn1 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn1 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn1 a:hover { color: #222; background: url(../images/side_menu/back01.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn2 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn2 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn2 a:hover { color: #222; background: url(../images/side_menu/back02.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn3 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn3 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn3 a:hover { color: #222; background: url(../images/side_menu/back03.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn4 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn4 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn4 a:hover { color: #222; background: url(../images/side_menu/back01.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn5 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn5 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn5 a:hover { color: #222; background: url(../images/side_menu/back02.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn6 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; border-bottom: 1px solid rgba(206,194,159,1); }
.cnt_side_btn6 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn6 a:hover { color: #222; background: url(../images/side_menu/back03.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn7 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 500; }
.cnt_side_btn7 a { display: block; line-height: 50px; padding-left: 42px; color: #444; text-decoration: none; border-left: 0px solid rgba(219,209,180,0.3); transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn7 a:hover { color: #222; background: url(../images/side_menu/back01.png) no-repeat; background-position: left center; border-left: 20px solid rgba(219,209,180,1); }

.cnt_side_btn_oth01 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.7); }
.cnt_side_btn_oth01 a { display: block; line-height: 50px; padding-left: 42px; color: #FFF; text-decoration: none; background: url(../images/side_menu/otn_back01.png) left center; transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn_oth01 a:hover { color: #FFF; background: url(../images/side_menu/otn_back01.png) no-repeat; background-position: left center; opacity: 0.9; }

.cnt_side_btn_oth02 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.7); }
.cnt_side_btn_oth02 a { display: block; line-height: 50px; padding-left: 42px; color: #FFF; text-decoration: none; background: url(../images/side_menu/otn_back01.png) left center; transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn_oth02 a:hover { color: #FFF; background: url(../images/side_menu/otn_back01.png) no-repeat; background-position: left center; opacity: 0.9; }

.cnt_side_btn_oth03 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 400; border-bottom: 1px solid rgba(255,255,255,0.7); }
.cnt_side_btn_oth03 a { display: block; line-height: 50px; padding-left: 42px; color: #FFF; text-decoration: none; background: url(../images/side_menu/otn_back01.png) left center; transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn_oth03 a:hover { color: #FFF; background: url(../images/side_menu/otn_back01.png) no-repeat; background-position: left center; opacity: 0.9; }

.cnt_side_btn_oth04 { width: 250px; height: 50px; margin: 0 auto; font-size: 13px; font-weight: 400; }
.cnt_side_btn_oth04 a { display: block; line-height: 50px; padding-left: 42px; color: #FFF; text-decoration: none; background: url(../images/side_menu/otn_back01.png) left center; transition: .2s linear; -webkit-transition: .2s linear; }
.cnt_side_btn_oth04 a:hover { color: #FFF; background: url(../images/side_menu/otn_back01.png) no-repeat; background-position: left center; opacity: 0.9; }

.cnt_side_btn_oli01 {
	width: 196px;
	line-height: 50px;
	padding-left: 54px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid rgba(255,255,255,0.7);
	background: url(../images/side_menu/online_back01.png) left center;
	color: #FFF;
}

/* PAGE-TOP BUTTON */

#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 12px; color: #FFF; line-height: 15px; text-align: center; }
#page-top a { display: block; width: 120px; padding: 12px 0px; color: #FFF; background-color: rgba(80,80,80,1); border-radius: 5px; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
#page-top a:hover { color: #FFF; background-color: rgba(64,168,204,1); }

/* COMPANY */

/* ※SLIDER */

#wideslider_box1 { width: 100%; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; z-index: 15; }
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }
.wideslider ul,.wideslider ul li { float: left; display: inline; overflow: hidden; text-align: center; margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; }
.wideslider ul li img { display: none; width: 100%; text-align: center; }
.wideslider_base { top: 0; position: absolute; }
.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }
.slider_prev,.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100px; cursor: pointer; }
.slider_prev { background: #000 url(../images/prev.jpg) no-repeat right center; }
.slider_next { background: #000 url(../images/next.jpg) no-repeat left center; }

.pagination { bottom: 10px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 500; }
.pagination a { margin: 0 5px; width: 15px; height: 15px; display: inline-block; overflow: hidden; background: #333; }
.pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }

/* ClearFixElements */

.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
.wideslider ul { display: inline-block; overflow: hidden; }

/* #wrapper */

#wrapper { margin: 0 auto; padding: 0 40px; text-align: left; }
#wrapper p { padding: 0 0 20px 0; font-size: 100%; line-height: 180%; }

/* ※TOP */

.top_tit01 { width: 94%; margin: 0px auto; font-size: 20px; color: #40A8CC; margin-bottom: 10px; text-align: center; font-weight: bold; }
.top_txt01 { width: 94%; margin: 0px auto; }

.top_three_box01 { width: 100%; float: none; margin-bottom: 5px; }
.top_three_box02 { width: 100%; float: none; margin-bottom: 5px; margin-left: 0px; }
.top_three_box03 { width: 100%; float: none; margin-bottom: 5px; margin-left: 0px; }

.top_three_img01 { display: none; }
.top_three_img01 img { width: 100%; }

.top_three_txt_box01 { display: none; }
.top_three_txt_box02 { display: block; padding: 10px; border-top: 1px #AAA solid; }
.top_three_txt_box02 a { text-decoration: none; }
.top_three_txt01 { padding: 0px; text-align: center; font-size: 20px; font-weight: 600; color: #333; }
.top_three_txt01 span { color: rgba(64,168,204,1); }
.top_three_txt02 { width: 50%; background: #999; text-align: center; font-size: 12px; line-height: 19px; padding: 2px 0px; margin: 5px auto;  color: #FFF; }
.top_three_txt03 { text-align: center; line-height: 20px; color: #444; }

.top_link_btn1 { width: 80%; height: 44px; font-size: 13px; font-weight: 400; margin: 0px auto; margin-top: 20px; }
.top_link_btn1 a {
	display: block;
	line-height: 44px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/common/top_link_btn01.png) no-repeat;
	background-position: left center;
	background-size: 0px 60px;
	border: 1px solid rgba(255,255,255,1);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}
.top_link_btn1 a:hover { color: #444; background: url(../images/common/top_link_btn01.png) no-repeat; background-position: left center; background-size: 400px 60px; border: 1px solid rgba(255,255,255,1); }

.top_fd_up01 { width: 100%; margin: 0 auto; margin-bottom: 0px; background: url(../images/common/top_fade_up01.jpg) no-repeat; background-position: center; background-size: cover; }
.top_fd_up02 { width: 100%; margin: 0 auto; margin-bottom: 0px; background: transparent url(../images/common/pattern.png) repeat top left; padding: 30px 0px; }
.top_fd_up_box01 { width: 94%; max-width: 94%; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_tit01 { font-size: 22px; padding-bottom: 10px; font-weight: 500; text-align: center; }
.top_fd_up_txt01 { font-size: 12.5px; line-height: 20px; font-weight: 300; text-align: justify; }

.top_fd_up03 { width: 100%; margin: 0 auto; margin-bottom: 0px; background: #40A8CC; color: #FFF; }
.top_fd_up04 { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 30px 0px; }
.top_fd_up_box02 { width: 94%; max-width: 94%; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_txt02 { font-size: 12px; text-align: center; }
.top_fd_up_txt03 { font-size: 20px; line-height: 25px; padding: 10px 0px 10px 0px; text-align: center; }
.top_fd_up_txt04 { font-size: 13px; font-weight: 200; text-align: justify; width: 84%; margin: 0px auto; }
.top_fd_up_txt05 { font-size: 25px; font-weight: 600; line-height: 25px; padding: 10px 0px 0px 0px; text-align: center; }

.top_link_btn2 { width: 80%; height: 44px; font-size: 13px; font-weight: 400; margin: 0px auto; margin-top: 20px; }
.top_link_btn2 a {
	display: block;
	line-height: 44px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/common/top_link_btn01.png) no-repeat;
	background-position: left center;
	background-size: 0px 60px;
	border: 1px solid rgba(255,255,255,1);
	transition: .3s linear;
	-webkit-transition: .3s linear;
}
.top_link_btn2 a:hover { color: #40A8CC; background: url(../images/common/top_link_btn01.png) no-repeat; background-position: left center; background-size: 400px 60px; border: 1px solid rgba(255,255,255,1); }

.top_space_20_01 { clear: both; height: 10px; }
.top_space_40_01 { clear: both; height: 0px; }

/* COMPANY */

.cnt_main_tit01 { font-size: 25px; font-weight: 600; line-height: 35px; color: #222; text-align: center; padding-bottom: 5px; }
.cnt_main_tit01 span { color: rgba(64,168,204,1); }
.cnt_main_tit02 { font-size: 13px; font-weight: 300; line-height: 20px; color: #222; text-align: center; padding-bottom: 20px; }
.cnt_txt01 { color: #444; line-height: 20px; text-align: justify; margin-bottom: 20px; font-size: 12px; }

.com_tit01 { margin-bottom: 10px; padding-left: 31px; background: url(../images/common/tit_icon01.png) no-repeat left 2px; }
.com_tit01 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }
.com_tit02 { margin-bottom: 10px; padding-left: 31px; padding-bottom: 8px; border-bottom: 1px #CCC solid; background: url(../images/common/tit_icon01.png) no-repeat left 2px; }
.com_tit02 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }
.com_sub_tit01 { color: #222; padding-bottom: 5px; padding-left: 24px; background: url(../images/common/sub_tit_icon01.png) no-repeat left 5px; }
.com_sub_tit01 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.com_tb_box01 { color: #444; line-height: 20px; font-size: 12px; text-align: justify; margin-bottom: 20px; }
.com_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.com_td01 { width: 23%; padding: 10px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.com_td02 { padding: 10px 10px; border-bottom: 1px #CCC solid; }
.com_td03 { width: 23%; padding: 10px 0px; border-right: 1px #CCC solid; }
.com_td04 { padding: 10px 10px; }

.com_td05 { width: 23%; padding: 10px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; vertical-align: top; }
.com_td06 { padding: 10px 10px; border-bottom: 1px #CCC solid; }
.com_td07 { width: 23%; padding: 10px 0px; border-right: 1px #CCC solid; vertical-align: top; }
.com_td08 { padding: 10px 10px; }

.com_img01 { width: 100%; margin: 0px auto; text-align: center; }
.com_img01 img { width: 100%; }

.com_txt01 { padding: 10px; background: rgba(240,240,240,0.8); }

.com_space40 { clear: both; height: 10px; }

/* PAINT TYPE */

.paint_tit01 { margin-bottom: 10px; padding-left: 31px; background: url(../images/common/tit_icon01.png) no-repeat left 1px; }
.paint_tit01 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }
.paint_tit02 { margin-bottom: 10px; padding-left: 31px; padding-bottom: 8px; border-bottom: 1px #CCC solid; background: url(../images/common/tit_icon01.png) no-repeat left 1px; }
.paint_tit02 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }
.paint_sub_tit01 { color: #222; padding-left: 24px; padding-bottom: 5px; margin-bottom: 8px; background: url(../images/common/sub_tit_icon01.png) no-repeat left 5px; border-bottom: 1px #999 dotted; }
.paint_sub_tit01 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }
.paint_sub_tit02 { color: #222; padding-left: 24px; padding-bottom: 5px; margin-bottom: 8px; background: url(../images/common/sub_tit_icon02.png) no-repeat left 5px; border-bottom: 1px #999 dotted; }
.paint_sub_tit02 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.paint_tb_box01 { color: #444; line-height: 19px; font-size: 12px; text-align: justify; margin-bottom: 30px; }
.paint_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.paint_td01 { width: 30%; padding: 10px 10px 10px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.paint_td02 { padding: 10px 0px 10px 10px; border-bottom: 1px #CCC solid; }
.paint_td03 { width: 30%; padding: 10px 10px 10px 0px; border-right: 1px #CCC solid; }
.paint_td04 { padding: 10px 0px 10px 10px; }

.paint_img_box01 { width: 49%; float: left; line-height: 0px; margin-bottom: 6px; }
.paint_img_box02 { width: 49%; float: right; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }
.paint_img_box03 { width: 49%; float: left; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }
.paint_img_box04 { width: 49%; float: right; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }

.paint_img_box01 img { width: 100%; }
.paint_img_box02 img { width: 100%; }
.paint_img_box03 img { width: 100%; }
.paint_img_box04 img { width: 100%; }

.paint_img_box05 { width: 49%; float: left; line-height: 0px; margin-bottom: 6px; }
.paint_img_box06 { width: 49%; float: right; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }
.paint_img_box07 { width: 49%; float: left; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }
.paint_img_box08 { width: 49%; float: right; line-height: 0px; margin-left: 0%; margin-bottom: 6px; }

.paint_img_box05 img { width: 100%; }
.paint_img_box06 img { width: 100%; }
.paint_img_box07 img { width: 100%; }
.paint_img_box08 img { width: 100%; }

.paint_txt01 { color: #444; line-height: 22px; text-align: justify; margin-bottom: 10px; }
.paint_txt02 { padding: 12px 15px; background: rgba(240,240,240,0.8); }

.paint_l_box01 { width: 100%; float: none; line-height: 0px; padding-top: 0px; padding-bottom: 15px; margin: 0px auto; }
.paint_l_box01 img { width: 100%; }
.paint_l_box02 { width: 100%; float: left; line-height: 0px; }
.paint_r_box01 { width: 100%; float: right; }
.paint_r_box02 { width: 70%; float: none; padding-top: 0px; padding-bottom: 15px; margin: 0px auto; }
.paint_r_box02 img { width: 100%; }

.paint_space_40_01 { clear: both; height: 10px; }
.paint_space_60_01 { clear: both; height: 30px; }

/* ※BAKING AND DRYING LINE */

.dry_tit01 { margin-bottom: 10px; padding-left: 31px; background: url(../images/common/tit_icon01.png) no-repeat left 1px; }
.dry_tit01 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }
.dry_tit02 { margin-bottom: 10px; padding-left: 31px; padding-bottom: 8px; border-bottom: 1px #CCC solid; background: url(../images/common/tit_icon01.png) no-repeat left 2px; }
.dry_tit02 h2 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 26px; color: #222; }

.dry_sub_tit01 { color: #222; padding-left: 24px; padding-bottom: 5px; margin-bottom: 8px; background: url(../images/common/sub_tit_icon01.png) no-repeat left 5px; border-bottom: 1px #999 dotted; }
.dry_sub_tit01 h3 { margin: 0px; font-size: 16px; font-weight: 500; line-height: 24px; }

.dry_tb_box01 { color: #444; line-height: 20px; font-size: 12px; text-align: justify; }
.dry_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.dry_td01 { width: 25%; padding: 8px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; background: #EEE; text-align: center; }
.dry_td02 { padding: 8px 10px; border-bottom: 1px #CCC solid; }
.dry_td03 { width: 25%; padding: 8px 0px; border-right: 1px #CCC solid; background: #EEE; text-align: center; }
.dry_td04 { padding: 8px 10px; }

.dry_td05 { width: 25%; padding: 6px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; background: #EEE; text-align: center; }
.dry_td06 { padding: 6px 10px; border-bottom: 1px #CCC solid; }
.dry_td07 { width: 25%; padding: 6px 0px; border-right: 1px #CCC solid; background: #EEE; text-align: center; }
.dry_td08 { padding: 6px 10px; }

.dry_img_box01 { width: 100%; float: none; margin-bottom: 15px; }
.dry_img_box02 { width: 70%; float: none; margin: 0px auto; }
.dry_img_box01 img { width: 100%; }
.dry_img_box02 img { width: 100%; }

.dry_img01 { display: block; line-height: 0px; }
.dry_img02 { display: block; line-height: 0px; }

.dry_img_txt01 { padding-top: 7px; color: #222; line-height: 20px; font-weight: 400; }
.dry_img_txt01 span { font-size: 14px; font-weight: 500; }

.dry_txt01 { padding: 15px; background: rgba(240,240,240,0.8); }

.dry_space_40_01 { clear: both; height: 20px; }

/* ※CONTACT */

.toi_tit01 { width: 100%; padding-bottom: 5px; text-align: center; }
.toi_tit01 h1 { margin: 0px; font-size: 28px; font-weight: 600; line-height: 35px; color: #444; }

.toi_sub_tit01 { color: #333; padding-left: 0px; padding-bottom: 5px; margin-bottom: 8px; background: none; border-bottom: none; }
.toi_sub_tit01 h3 { margin: 0px; font-size: 13.5px; font-weight: 500; line-height: 22px; }

.toi_sub_tit02 { color: #333; padding-left: 24px; padding-bottom: 5px; margin-bottom: 8px; background: url(../images/common/sub_tit_icon02.png) no-repeat left 5px; border-bottom: 1px #999 dotted; }
.toi_sub_tit02 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.toi_txt01 { text-align: justify; line-height: 22px; font-weight: 400; padding-bottom: 20px; color: #333; }

.toi_btn_l { text-align: center; margin-left: 40%; float: left; }
.toi_btn_l input { width: 80px; }
.toi_btn_r { width: 100px; text-align: center; margin-left: 20px; float: left; }
.toi_btn_r input { width: 80px; }
.toi_td1 { padding: 8px 0px 5px 0px; color: #222; font-weight: 400; border-top: 1px #999 dashed; }
.toi_td2 { padding: 0px; color: #222; }
.toi_td3 { clear: both; height: 15px; border-bottom: 1px #999 dashed; }
.toi_td1_2 { padding: 8px 0px 5px 0px; color: #222; font-weight: 400; }
.toi_td2_2 { padding: 0px; color: #222; }
.toi_td3_2 { clear: both; height: 15px; color: #222; }
.toi_td3_3 { clear: both; height: 15px; bordver-bottom: 1px #999 dotted; }
.toi_txt1 { font-size: 13px; font-weight: 400; margin-bottom: 20px; }
.toi_tel1 { font-size: 17px; color: #3578D9; font-weight: bold; }
.toi_input1 { height: 25px; float: left; border-color: #999; border-width: 0px 0px 1px 0px; border-style: dotted; }

.t_from_text { padding: 1%; border: 1px #BBB solid; width: 97%; }

.toi_space_40_01 { clear: both; height: 10px; }

.com_name01 { float: left; font-size: 23px; font-weight: 600; padding: 10px 20px; }
.com_name01 a { text-decoration: none; color: #222; }
.com_name01 span { font-size: 16px; margin-right: 5px; }
.nav-toggle { float: left; }

}