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

@media only screen and (min-width:770px){

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: 1140px;
	_display: inline;
	_zoom: 1;
	-webkit-text-size-adjust: 100%;
	background: url(../images/common/main_back04.jpg) no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
}

/* ※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: 1140px; max-width: 1140px; 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: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; background-color: rgba(255,255,255,0); }

.header_logo_box01 {
	width: 100%;
	padding: 50px 0px 40px 0px;
	font-size: 60px;
	font-weight: 400;
	color: rgba(64,168,204,1);
	text-align: center;
	font-family: 'Anton', sans-serif;
	background: url(../images/common/logo_icon01.png) no-repeat 290px 55px;
	background-size: 100px;
}
.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 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: left; border-top: 1px #FFF solid; background-color: rgba(255,255,255,0); }
.footer_box1_in { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 50px 0px 50px 0px; font-size: 12px; color: #222; }
.footer_toi_box1 { display: block; width: 100%; height: 90px; background: url(../images/common/footer_tel.png) no-repeat; background-position: center; margin-bottom: 15px; border-radius: 5px; }
.footer_toi_box2 { display: none; }
.footer_toi_btn2 { display: none; }
.footer_link1 { margin-bottom: 30px; color: #222; }
.f_link_table_box1 { width: 100%; padding-bottom: 5px; }
.f_link_table_box2 { width: 100%; padding-bottom: 5px; }
.f_link_td1 { width: 85px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link1 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link1 A:visited	{ color: #444; text-decoration: none; }
.footer_link1 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link1 A:hover	{ color: #40A8CC; text-decoration: none; }
.f_link_td2 { width: 153px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link2 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link2 A:visited	{ color: #444; text-decoration: none; }
.footer_link2 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link2 A:hover	{ color: #40A8CC; text-decoration: none; }
.f_link_td3 { width: 120px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link3 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link3 A:visited	{ color: #444; text-decoration: none; }
.footer_link3 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link3 A:hover	{ color: #40A8CC; text-decoration: none; }

.footer_comn1 { font-size: 20px; font-weight: 500; color: rgba(64,168,204,1); padding-bottom: 5px; }
.footer_comn1 img { width: 250px; }
.footer_comn1 span { font-size: 18px; margin-right: 5px; }
.footer_add1 { text-align: left; line-height: 20px; font-size: 13px; font-weight: 500; color: #444; }
.footer_add_td1 { padding-left: 10px; }
.footer_copy1 { color: rgba(64,168,204,1); font-size: 13px; font-weight: 400; margin-top: 20px; text-align: left; }

#footer_box2 { display: none; }
#footer_box3 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: left; border-top: 1px #FFF solid; background-color: rgba(131,151,29,0.9); }
.footer_box3_in { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 25px 0px 180px 0px; font-size: 12px; color: #FFF; }

/* ※GLOBAL NAVIGATION */

#nav_menu { display: block; background-color: rgba(255,255,255,0.5); color: rgba(255,255,255,1); width: 100%; text-align: center; padding: 0px 0; z-index: 10; padding-bottom: 20px; }
#nav_menu.scroll { display: block; position: fixed; top: 0; left: 0; opacity: 1; padding: 0px 0; z-index: 80; }
#nav_menu.scroll h2 { display: block; float: left; padding: 10px; margin-right: 30px; font-size: 18px; }

.nav_menu_box1 { width: 1140px; max-width: 1140px; margin: 0 auto; }

.button_1 { width: 228px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_1 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_1 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_2 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_2 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_2 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_3 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_3 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_3 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_4 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_4 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_4 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_5 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; float: left; }
.button_5 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_5 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_1 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_1 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_1 a:hover span { color: rgba(64,168,204,0.6); }
.button_2 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_2 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_2 a:hover span { color: rgba(64,168,204,0.6); }
.button_3 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_3 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_3 a:hover span { color: rgba(64,168,204,0.6); }
.button_4 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_4 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_4 a:hover span { color: rgba(64,168,204,0.6); }
.button_5 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_5 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_5 a:hover span { color: rgba(64,168,204,0.6); }

/* ※SMARTPHONE MENU */

#menu-box { display: none; }

/* ※BREADCRUMB LIST */

#pan { width: 100%; margin: 0 auto; text-align: left; padding: 8px 0px; background-color: rgba(64,168,204,1); }
.pan_box { width: 1140px; max-width: 1140px; 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: 1140px; max-width: 1140px; margin: 0 auto; padding: 30px 0px; color: #444; font-weight: 300; }

.main_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 0px 0px; text-align: left; background: rgba(255,255,255,0.5); }
.main_contents_box1 { width: 1140px; max-width: 1140px; 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; }

/* ※TOP */

.top_tit01 { font-size: 30px; color: #40A8CC; margin-bottom: 20px; text-align: center; }

.top_three_box01 { width: 350px; float: left; }
.top_three_box02 { width: 350px; float: left; margin-left: 45px; }
.top_three_box03 { width: 350px; float: left; margin-left: 45px; }

.top_three_img01 { display: block; }
.top_three_img01 img { width: 350px; }

.top_three_txt_box01 { display: block; }
.top_three_txt_box02 { display: none; }
.top_three_txt01 { padding: 15px 0px 0px 0px; text-align: center; font-size: 20px; font-weight: 400; }
.top_three_txt02 { text-align: center; font-size: 12px; padding: 5px 0px 10px 0px; color: #40A8CC; }
.top_three_txt03 { text-align: center; line-height: 20px; color: #666; }

.top_link_btn1 { width: 300px; height: 44px; font-size: 14px; font-weight: 400; 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: 80px 0px; }
.top_fd_up_box01 { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_tit01 { font-size: 27px; padding-bottom: 10px; font-weight: 200; }
.top_fd_up_txt01 { font-size: 14px; line-height: 22px; font-weight: 200; }

.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: 80px 0px; }
.top_fd_up_box02 { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_txt02 { font-size: 12px; }
.top_fd_up_txt03 { font-size: 22px; line-height: 25px; padding: 10px 0px 20px 0px; }
.top_fd_up_txt04 { font-size: 13px; font-weight: 200; }
.top_fd_up_txt05 { font-size: 25px; font-weight: 600; line-height: 25px; padding: 20px 0px 10px 0px; }

.top_link_btn2 { width: 300px; height: 44px; font-size: 14px; font-weight: 400; 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: 20px; }
.top_space_40_01 { clear: both; height: 40px; }

/* COMPANY */

.cnt_main_tit01 { font-size: 35px; font-weight: 600; line-height: 45px; color: #333; 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: #333; text-align: center; padding-bottom: 40px; }
.cnt_txt01 { color: #444; line-height: 22px; text-align: justify; margin-bottom: 20px; }

.com_tit01 { margin-bottom: 10px; padding-left: 29px; background: url(../images/common/tit_icon01.png) no-repeat left 2px; }
.com_tit01 h2 { margin: 0px; font-size: 23px; font-weight: 600; line-height: 26px; color: #444; }
.com_tit02 { margin-bottom: 10px; padding-left: 29px; 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: 23px; font-weight: 600; line-height: 26px; color: #444; }
.com_sub_tit01 { color: #333; 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: 22px; }
.com_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.com_td01 { width: 150px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.com_td02 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.com_td03 { width: 150px; padding: 12px 0px; border-right: 1px #CCC solid; }
.com_td04 { padding: 12px 10px; }

.com_td05 { width: 150px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.com_td06 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.com_td07 { width: 150px; padding: 12px 0px; border-right: 1px #CCC solid; }
.com_td08 { padding: 12px 10px; }

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

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

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

/* 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: 21px; font-weight: 600; line-height: 26px; color: #444; }
.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: 21px; font-weight: 600; line-height: 26px; color: #444; }
.paint_sub_tit01 { color: #333; 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: #333; padding-left: 24px; padding-bottom: 5px; margin-bottom: 5px; background: url(../images/common/sub_tit_icon02.png) no-repeat left 5px; }
.paint_sub_tit02 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.paint_tb_box01 { color: #444; line-height: 22px; }
.paint_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.paint_td01 { width: 180px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.paint_td02 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.paint_td03 { width: 180px; padding: 12px 0px; border-right: 1px #CCC solid; }
.paint_td04 { padding: 12px 10px; }

.paint_img_box01 { width: 33.2%; float: left; line-height: 0px; }
.paint_img_box02 { width: 33.2%; float: left; line-height: 0px; margin-left: 0.2%; }
.paint_img_box03 { width: 33.2%; float: left; line-height: 0px; margin-left: 0.2%; }
/*.paint_img_box04 { width: 24.85%; float: left; line-height: 0px; margin-left: 0.2%; }*/

.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 { margin-bottom: 12px; }
.paint_img_box06 { margin-bottom: 12px; }
.paint_img_box07 { margin-bottom: 12px; }
.paint_img_box08 { margin-bottom: 12px; }

.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: 300px; float: left; line-height: 0px; padding-top: 5px; }
.paint_l_box01 img { width: 100%; }
.paint_l_box02 { width: 800px; float: left; line-height: 0px; }
.paint_r_box01 { width: 800px; float: right; }
.paint_r_box02 { width: 300px; float: right; padding-top: 5px; }
.paint_r_box02 img { width: 100%; }

.paint_space_10_01 { clear: both; height: 10px; }
.paint_space_20_01 { clear: both; height: 20px; }
.paint_space_40_01 { clear: both; height: 40px; }
.paint_space_60_01 { clear: both; height: 60px; }

/* ※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: 21px; 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: 21px; 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: 16.5px; font-weight: 500; line-height: 24px; }

.dry_tb_box01 { color: #444; line-height: 22px; }
.dry_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.dry_td01 { width: 150px; padding: 6px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.dry_td02 { padding: 6px 10px; border-bottom: 1px #CCC solid; }
.dry_td03 { width: 150px; padding: 6px 0px; border-right: 1px #CCC solid; }
.dry_td04 { padding: 6px 10px; }

.dry_td05 { width: 130px; padding: 6px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.dry_td06 { padding: 6px 10px; border-bottom: 1px #CCC solid; }
.dry_td07 { width: 130px; padding: 6px 0px; border-right: 1px #CCC solid; }
.dry_td08 { padding: 6px 10px; }

.dry_img_box01 { width: 710px; float: left; }
.dry_img_box02 { width: 400px; float: right; }
.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: 40px; }

/* ※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: 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_tit01 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.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: 3px; border: 1px #BBB solid; }

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

}

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

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: 1140px;
	_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: 1140px; max-width: 1140px; 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: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; background-color: rgba(255,255,255,0); }

.header_logo_box01 {
	width: 100%;
	padding: 50px 0px 40px 0px;
	font-size: 60px;
	font-weight: 400;
	color: rgba(64,168,204,1);
	text-align: center;
	font-family: 'Anton', sans-serif;
	background: url(../images/common/logo_icon01.png) no-repeat 290px 55px;
	background-size: 100px;
}
.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 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: left; border-top: 1px #FFF solid; background-color: rgba(255,255,255,0); }
.footer_box1_in { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 50px 0px 50px 0px; font-size: 12px; color: #222; }
.footer_toi_box1 { display: block; width: 100%; height: 90px; background: url(../images/common/footer_tel.png) no-repeat; background-position: center; margin-bottom: 15px; border-radius: 5px; }
.footer_toi_box2 { display: none; }
.footer_toi_btn2 { display: none; }
.footer_link1 { margin-bottom: 30px; color: #222; }
.f_link_table_box1 { width: 100%; padding-bottom: 5px; }
.f_link_table_box2 { width: 100%; padding-bottom: 5px; }
.f_link_td1 { width: 85px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link1 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link1 A:visited	{ color: #444; text-decoration: none; }
.footer_link1 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link1 A:hover	{ color: #40A8CC; text-decoration: none; }
.f_link_td2 { width: 153px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link2 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link2 A:visited	{ color: #444; text-decoration: none; }
.footer_link2 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link2 A:hover	{ color: #40A8CC; text-decoration: none; }
.f_link_td3 { width: 120px; background: url(../images/common/footer_icon_01.png) no-repeat; background-position: 0px center; padding: 7px 0px 7px 20px; font-size: 12.5px; font-weight: 400; }
.footer_link3 A:link	{ color: #444; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.footer_link3 A:visited	{ color: #444; text-decoration: none; }
.footer_link3 A:active	{ color: #40A8CC; text-decoration: none; }
.footer_link3 A:hover	{ color: #40A8CC; text-decoration: none; }

.footer_comn1 { font-size: 20px; font-weight: 500; color: rgba(64,168,204,1); padding-bottom: 5px; }
.footer_comn1 img { width: 250px; }
.footer_comn1 span { font-size: 18px; margin-right: 5px; }
.footer_add1 { text-align: left; line-height: 20px; font-size: 13px; font-weight: 500; color: #444; }
.footer_add_td1 { padding-left: 10px; }
.footer_copy1 { color: rgba(64,168,204,1); font-size: 13px; font-weight: 400; margin-top: 20px; text-align: left; }

#footer_box2 { display: none; }
#footer_box3 { width: 100%; margin: 0 auto; margin-bottom: 0px; text-align: left; border-top: 1px #FFF solid; background-color: rgba(131,151,29,0.9); }
.footer_box3_in { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 25px 0px 180px 0px; font-size: 12px; color: #FFF; }

/* ※GLOBAL NAVIGATION */

#nav_menu { display: block; background-color: rgba(255,255,255,0.5); color: rgba(255,255,255,1); width: 100%; text-align: center; padding: 0px 0; z-index: 10; padding-bottom: 20px; }
#nav_menu.scroll { display: block; position: fixed; top: 0; left: 0; opacity: 1; padding: 0px 0; z-index: 80; }
#nav_menu.scroll h2 { display: block; float: left; padding: 10px; margin-right: 30px; font-size: 18px; }

.nav_menu_box1 { width: 1140px; max-width: 1140px; margin: 0 auto; }

.button_1 { width: 228px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_1 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_1 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_2 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_2 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_2 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_3 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_3 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_3 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_4 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; border-right: 1px rgba(200,200,200,1) solid; float: left; }
.button_4 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_4 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_5 { width: 227px; font-size: 15px; font-weight: 500; line-height: 20px; float: left; }
.button_5 a { display: block; width: 100%; height: 45px; padding: 15px 0px; color: #555; text-decoration: none; transition: .2s linear; -webkit-transition: .2s linear; }
.button_5 a:hover { color: rgba(200,200,200,1); padding: 15px 0px; }

.button_1 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_1 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_1 a:hover span { color: rgba(64,168,204,0.6); }
.button_2 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_2 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_2 a:hover span { color: rgba(64,168,204,0.6); }
.button_3 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_3 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_3 a:hover span { color: rgba(64,168,204,0.6); }
.button_4 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_4 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_4 a:hover span { color: rgba(64,168,204,0.6); }
.button_5 span { font-size: 10px; color: rgba(64,168,204,1); font-weight: 300; }
.button_5 a span { transition: .3s linear; -webkit-transition: .3s linear; }
.button_5 a:hover span { color: rgba(64,168,204,0.6); }

/* ※SMARTPHONE MENU */

#menu-box { display: none; }

/* ※BREADCRUMB LIST */

#pan { width: 100%; margin: 0 auto; text-align: left; padding: 8px 0px; background-color: rgba(64,168,204,1); }
.pan_box { width: 1140px; max-width: 1140px; 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: 1140px; max-width: 1140px; margin: 0 auto; padding: 30px 0px; color: #444; font-weight: 300; }

.main_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 0px 0px; text-align: left; background: rgba(255,255,255,0.5); }
.main_contents_box1 { width: 1140px; max-width: 1140px; 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; }

/* ※TOP */

.top_tit01 { font-size: 30px; color: #40A8CC; margin-bottom: 20px; text-align: center; }

.top_three_box01 { width: 350px; float: left; }
.top_three_box02 { width: 350px; float: left; margin-left: 45px; }
.top_three_box03 { width: 350px; float: left; margin-left: 45px; }

.top_three_img01 { display: block; }
.top_three_img01 img { width: 350px; }

.top_three_txt_box01 { display: block; }
.top_three_txt_box02 { display: none; }
.top_three_txt01 { padding: 15px 0px 0px 0px; text-align: center; font-size: 20px; font-weight: 400; }
.top_three_txt02 { text-align: center; font-size: 12px; padding: 5px 0px 10px 0px; color: #40A8CC; }
.top_three_txt03 { text-align: center; line-height: 20px; color: #666; }

.top_link_btn1 { width: 300px; height: 44px; font-size: 14px; font-weight: 400; 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: 80px 0px; }
.top_fd_up_box01 { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_tit01 { font-size: 27px; padding-bottom: 10px; font-weight: 200; }
.top_fd_up_txt01 { font-size: 14px; line-height: 22px; font-weight: 200; }

.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: 80px 0px; }
.top_fd_up_box02 { width: 1140px; max-width: 1140px; margin: 0 auto; padding: 0px; color: #FFF; }
.top_fd_up_txt02 { font-size: 12px; }
.top_fd_up_txt03 { font-size: 22px; line-height: 25px; padding: 10px 0px 20px 0px; }
.top_fd_up_txt04 { font-size: 13px; font-weight: 200; }
.top_fd_up_txt05 { font-size: 25px; font-weight: 600; line-height: 25px; padding: 20px 0px 10px 0px; }

.top_link_btn2 { width: 300px; height: 44px; font-size: 14px; font-weight: 400; 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: 20px; }
.top_space_40_01 { clear: both; height: 40px; }

/* COMPANY */

.cnt_main_tit01 { font-size: 35px; font-weight: 600; line-height: 45px; color: #333; 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: #333; text-align: center; padding-bottom: 40px; }
.cnt_txt01 { color: #444; line-height: 22px; text-align: justify; margin-bottom: 20px; }

.com_tit01 { margin-bottom: 10px; padding-left: 29px; background: url(../images/common/tit_icon01.png) no-repeat left 2px; }
.com_tit01 h2 { margin: 0px; font-size: 23px; font-weight: 600; line-height: 26px; color: #444; }
.com_tit02 { margin-bottom: 10px; padding-left: 29px; 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: 23px; font-weight: 600; line-height: 26px; color: #444; }
.com_sub_tit01 { color: #333; 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: 22px; }
.com_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.com_td01 { width: 150px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.com_td02 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.com_td03 { width: 150px; padding: 12px 0px; border-right: 1px #CCC solid; }
.com_td04 { padding: 12px 10px; }

.com_td05 { width: 150px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.com_td06 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.com_td07 { width: 150px; padding: 12px 0px; border-right: 1px #CCC solid; }
.com_td08 { padding: 12px 10px; }

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

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

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

/* 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: 21px; font-weight: 600; line-height: 26px; color: #444; }
.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: 21px; font-weight: 600; line-height: 26px; color: #444; }
.paint_sub_tit01 { color: #333; 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: #333; padding-left: 24px; padding-bottom: 5px; margin-bottom: 5px; background: url(../images/common/sub_tit_icon02.png) no-repeat left 5px; }
.paint_sub_tit02 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.paint_tb_box01 { color: #444; line-height: 22px; }
.paint_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.paint_td01 { width: 180px; padding: 12px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.paint_td02 { padding: 12px 10px; border-bottom: 1px #CCC solid; }
.paint_td03 { width: 180px; padding: 12px 0px; border-right: 1px #CCC solid; }
.paint_td04 { padding: 12px 10px; }

.paint_img_box01 { width: 33.2%; float: left; line-height: 0px; }
.paint_img_box02 { width: 33.2%; float: left; line-height: 0px; margin-left: 0.2%; }
.paint_img_box03 { width: 33.2%; float: left; line-height: 0px; margin-left: 0.2%; }
/*.paint_img_box04 { width: 24.85%; float: left; line-height: 0px; margin-left: 0.2%; }*/

.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 { margin-bottom: 12px; }
.paint_img_box06 { margin-bottom: 12px; }
.paint_img_box07 { margin-bottom: 12px; }
.paint_img_box08 { margin-bottom: 12px; }

.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: 300px; float: left; line-height: 0px; padding-top: 5px; }
.paint_l_box01 img { width: 100%; }
.paint_l_box02 { width: 800px; float: left; line-height: 0px; }
.paint_r_box01 { width: 800px; float: right; }
.paint_r_box02 { width: 300px; float: right; padding-top: 5px; }
.paint_r_box02 img { width: 100%; }

.paint_space_10_01 { clear: both; height: 10px; }
.paint_space_20_01 { clear: both; height: 20px; }
.paint_space_40_01 { clear: both; height: 40px; }
.paint_space_60_01 { clear: both; height: 60px; }

/* ※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: 21px; 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: 21px; 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: 16.5px; font-weight: 500; line-height: 24px; }

.dry_tb_box01 { color: #444; line-height: 22px; }
.dry_tb01 { width: 100%; border-bottom: 1px #666 solid; border-top: 1px #666 solid; }
.dry_td01 { width: 150px; padding: 6px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.dry_td02 { padding: 6px 10px; border-bottom: 1px #CCC solid; }
.dry_td03 { width: 150px; padding: 6px 0px; border-right: 1px #CCC solid; }
.dry_td04 { padding: 6px 10px; }

.dry_td05 { width: 130px; padding: 6px 0px; border-bottom: 1px #CCC solid; border-right: 1px #CCC solid; }
.dry_td06 { padding: 6px 10px; border-bottom: 1px #CCC solid; }
.dry_td07 { width: 130px; padding: 6px 0px; border-right: 1px #CCC solid; }
.dry_td08 { padding: 6px 10px; }

.dry_img_box01 { width: 710px; float: left; }
.dry_img_box02 { width: 400px; float: right; }
.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: 40px; }

/* ※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: 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_tit01 h3 { margin: 0px; font-size: 16.5px; font-weight: 500; line-height: 24px; }

.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: 3px; border: 1px #BBB solid; }

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

}