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

@media only screen and (max-width:640px){
	
	body { vertical-align: top; min-width: 94%; }
	
	/* ※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: 94%; max-width: 94%; margin: 0 auto; background-color: rgba(0,0,0,0); color: #FFF; padding: 10px 0px; }
	.site_catch_box h1 { font-size: 12px; font-weight: 200; margin: 0px; padding: 0px; }
	
	#header { width: 100%; margin: 0 auto; margin-bottom: 0px; padding-top: 30px; text-align: center; background-color: rgba(255,255,255,1); z-index: 10; }
	.header_box1 { width: 94%; max-width: 94%; margin: 0 auto; background-color: rgba(0,0,0,0); padding: 10px 0px 5px 0px; }
	
	.header_left_box1 {
		width: 30%;
		padding: 0px 0px 0px 0;
		margin-top: 10px;
		margin-bottom: 15px;
		float: left;
		font-size: 35px;
		text-align: left;
		line-height: 30px;
	}
	.header_left_box1 a { text-decoration: none; text-align: left; color: rgba(30,165,105,1); }
	.header_left_box1 img { width: 150px; }
	
	.header_left_txt1 { display: none; }
	
	.header_right_box1 {
		display: flex;
		justify-content: flex-end;
		width: 60%;
		float: right;
		color: #444;
		text-align: right;
		padding-bottom: 0px;
		padding-right: 44px;
		margin-top: 5px;
		box-sizing: border-box;
	}
	.header_right_tel1 { display: none; width: 100%; float: right; margin-right: 20px; line-height: 0px; }
	
	.header_r_btn1 { display: block; width: 50%; height: 42px; text-align: center; float: right; font-size: 12px; font-weight: bold; border-radius: 5px; }
	.header_r_btn1 a { display: block; width: 100%; height: 42px; background: url(../images/common/hd_ct_btn1.png) no-repeat left -13px; } 
	.header_r_btn1 a:hover { background: url(../images/common/hd_ct_btn1.png) no-repeat; background-position: left center; opacity: 0.6; }
	
	.header_r_btn2 { display: block; width: 60px; height: 42px; text-align: center; font-size: 13px; font-weight: 400; border-radius: 5px; margin-left: 2%; }
	.header_r_btn2 a { display: block; width: 100%; line-height: 42px; background: url(../images/common/hd_lang_btn1.png) no-repeat left center; }
	.header_r_btn2 a:hover { background: url(../images/common/hd_lang_btn1.png) no-repeat; background-position: left center; color: #FFF; opacity: 0.6; }

	/* ※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: #0071BE;
	}
	.footer_box2_in { display: block; width: 90%; max-width: 90%; margin: 0 auto; font-size: 12px; background: none; color: rgba(255,255,255,1); }
	
	.footer_toi_box2 {
		display: block;
		width: 92%;
		padding: 4%;
		padding-top: 70px;
		margin-bottom: 15px;
		border-radius: 5px;
		background: url(../images/common/footer_tel_back.jpg) no-repeat center top;
		background-size: auto 250px;
	}
	.footer_toi_btn2 { display: block; width: 250px; height: 45px; text-align: center; margin: 0px auto; font-size: 14px; font-weight: bold; border-radius: 5px; }
	.footer_toi_btn2 a {
		display: block;
		width: 250px;
		height: 45px;
		border-radius: 4px;
		background: url(../images/common/footer_toi_btn1.png) no-repeat center;
		background-size: auto 65px;
	}
	.footer_toi_btn2 a:hover {
		background: url(../images/common/footer_toi_btn1.png) no-repeat center;
		background-size: auto 65px;
		border-radius: 4px;
		line-height: 45px;
		opacity: 0.6;
	}
	
	.footer_toi_box2_2 {
		display: block;
		width: 92%;
		padding: 4%;
		padding-top: 70px;
		margin-bottom: 15px;
		border-radius: 5px;
		background: url(../images/common/footer_tel_back_cn_02.jpg) no-repeat center top;
		background-size: auto 250px;
	}
	.footer_toi_btn2_2 { display: block; width: 250px; height: 45px; text-align: center; margin: 0px auto; font-size: 14px; font-weight: bold; border-radius: 5px; }
	.footer_toi_btn2_2 a {
		display: block;
		width: 250px;
		height: 45px;
		border-radius: 4px;
		background: url(../images/common/footer_toi_btn2.png) no-repeat center;
		background-size: auto 65px;
	}
	.footer_toi_btn2_2 a:hover {
		background: url(../images/common/footer_toi_btn2.png) no-repeat center;
		background-size: auto 65px;
		border-radius: 4px;
		line-height: 45px;
		opacity: 0.6;
	}
	
	.footer_toi_box2_3 {
		display: block;
		width: 92%;
		padding: 4%;
		padding-top: 70px;
		margin-bottom: 15px;
		border-radius: 5px;
		background: url(../images/common/footer_tel_back_en_02.jpg) no-repeat center top;
		background-size: auto 250px;
	}
	.footer_toi_btn2_3 { display: block; width: 250px; height: 45px; text-align: center; margin: 0px auto; font-size: 14px; font-weight: bold; border-radius: 5px; }
	.footer_toi_btn2_3 a {
		display: block;
		width: 250px;
		height: 45px;
		border-radius: 4px;
		background: url(../images/common/footer_toi_btn3.png) no-repeat center;
		background-size: auto 65px;
	}
	.footer_toi_btn2_3 a:hover {
		background: url(../images/common/footer_toi_btn3.png) no-repeat center;
		background-size: auto 65px;
		border-radius: 4px;
		line-height: 45px;
		opacity: 0.6;
	}
	
	.footer_link2 { margin-bottom: 20px; color: rgba(255,255,255,1); display: block; font-weight: 500; }
	.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: 20px; display: block; text-align: center; }
	.footer_comn2 img { width: 70%; }
	
	.footer_add2 {
		display: block;
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 13px;
		font-weight: 500;
		color: #FFF;
		text-align: center;
		line-height: 20px;
		border-bottom: 1px #FFF dotted;
	}
	.footer_copy2 { font-size: 12px; font-weight: 500; color: #FFF; text-align: center; display: block; }
	.footer_box2_td1 { padding: 6px 0px; border-bottom: 1px #FFF dotted; }

	/* ※NAVIGATION MENU */
	#nav_menu { display: none!important; }
	#nav_menu.scroll { display: none!important; }
	#nav_menu.scroll h2 { display: none!important; }

	.nav_menu_box1 { display: none!important; }

	#nav_menu_sp {
		display: block;
		width: 100%;
		height: 60px;
		margin-bottom: 1px;
		padding: 0px 0;
		color: #444;
		text-align: center;
		background-color: rgba(255,255,255,1);
		z-index: 1000;
	}
	
	.nav_menu_box1_sp { display: block; width: 100%; max-width: 100%; height: 32px; margin: 0 auto; overflow: none; position: none; }
	
	.button_1_sp { width: 33.2%; height: 60px; float: left; font-size: 16px; font-weight: 500; line-height: 18px; }
	.button_1_sp a { display: block; width: 100%; height: 32px; padding: 12px 0px 16px 0px; color: #FFF; background: rgba(0,113,190,1); }
	.button_1_sp a:hover { background-color: rgba(0,113,190,0.7); color: #FFF; opacity: 0.9; }
	
	.button_2_sp { width: 33.2%; height: 60px; float: left; font-size: 16px; font-weight: 500; line-height: 18px; margin-left: 0.2%; }
	.button_2_sp a { display: block; width: 100%; height: 32px; padding: 12px 0px 16px 0px; color: #FFF; background: rgba(0,113,190,1); }
	.button_2_sp a:hover { background-color: rgba(0,113,190,0.7); opacity: 0.9; color: #FFF; }
	
	.button_3_sp { width: 33.2%; height: 60px; float: left; font-size: 16px; font-weight: 500; line-height: 18px; margin-left: 0.2%; }
	.button_3_sp a { display: block; width: 100%; height: 32px; padding: 12px 0px 16px 0px; color: #FFF; background: rgba(0,113,190,1); }
	.button_3_sp a:hover { background-color: rgba(0,113,190,0.7); opacity: 0.9; color: #FFF; }
	
	.button_1 { display: none; }
	.button_2 { display: none; }
	.button_3 { display: none; }
	.button_4 { display: none; }
	.button_5 { display: none; }
	.button_6 { display: none; }
	.button_1 span { display: none; }
	.button_2 span { display: none; }
	.button_3 span { display: none; }
	.button_4 span { display: none; }
	.button_5 span { display: none; }
	.button_6 span { display: none; }
	
	.button_1_sp span { font-size: 10px; font-family: 'Noto Serif', serif; color: rgba(255,255,255,0.7); }
	.button_1_sp a span { transition: .3s linear; -webkit-transition: .3s linear; -moz-transition: .3s linear; -o-transition: .3s linear; -ms-transition: .3s linear; }
	.button_1_sp a:hover span { color: rgba(255,255,255,1); }
	
	.button_2_sp span { font-size: 10px; font-family: 'Noto Serif', serif; color: rgba(255,255,255,0.7); }
	.button_2_sp a span { transition: .3s linear; -webkit-transition: .3s linear; -moz-transition: .3s linear; -o-transition: .3s linear; -ms-transition: .3s linear; }
	.button_2_sp a:hover span { color: rgba(255,255,255,1); }
	
	.button_3_sp span { font-size: 10px; font-family: 'Noto Serif', serif; color: rgba(255,255,255,0.7); }
	.button_3_sp a span { transition: .3s linear; -webkit-transition: .3s linear; -moz-transition: .3s linear; -o-transition: .3s linear; -ms-transition: .3s linear; }
	.button_3_sp a:hover span { color: rgba(255,255,255,1); }
	
	/* ※DROPDOWN MENU */
	
	.dropmenu { display: none; }
	#dropmenu li ul li { display: none; }
	#dropmenu li:hover ul li { display: none; }
	
	/* ※SMARTPHONE MENU */
	
	/*
	#menu-box { display: none; }
	
	#menu { display: block; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; font-size: 13px; margin-bottom: 5px; }
	#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(0,113,190,1);
		background-position: 0px center;
		background-size: auto 45px;
		color: #FFF;
		text-align: left;
		padding-left: 40px;
		text-decoration: none;
		border-bottom: 1px rgba(69,162,214,1) solid;
		font-size: 13px;
		font-weight: 400;
	}
	#menu li a:hover { display: block; background-color: rgba(0,113,190,1); background-position: 0px center; background-size: auto 45px; font-size: 13px; font-weight: 400; }
	
	#menu { display: none; }
	#menu li { display: block; width: 100%; }
	
	#toggle { display: block; position: relative; width: 100%; background-color: rgba(0,113,190,1); font-size: 13px; }
	#toggle a {
		display: block;
		position: relative;
		padding: 12px 0 12px;
		border-bottom: 1px solid rgba(69,162,214,1);
		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(0,113,190,1); }
	#toggle a:before { display: block; margin-top: -7px; }
	#toggle a:after { display: block; margin-top: 1px; }
	*/
	
	/* ※SLIDER */
	
	#wideslider_box1 {
		width: 100%;
		height: 170px!important;
		text-align: center;
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 15;
	}
	
	.wideslider { width: 100%; height: 170px!important; text-align: left; position: relative; overflow: hidden; }
	.wideslider ul,.wideslider ul li {
		height: 170px!important;
		float: left;
		display: inline;
		overflow: hidden;
		text-align: center;
		margin: 0;
		padding: 0;
		border: 0;
	}
	.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: #FFF url(../images/prev.jpg) no-repeat right center; }
	.slider_next { background: #FFF url(../images/next.jpg) no-repeat left center; }
	
	.pagination { bottom: 15px; 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%; }
	
	/* ※SLICK */
	
	.slick_main1 { width: 100%; margin: 0px auto; margin-top: 2px; margin-bottom: 0px; padding: 20px 0px 20px 0px; background: #0071BE; color: #FFF; }
	.slick_main2 { width: 82%; margin: 0px auto; }
	
	.slick_tit1 { display: none; }
	
	.slick_thumbnail1 { text-decoration: none; }
	.slick_thumbnail1 img { max-width: 88%; margin: auto; padding: auto; border: 4px #FFF solid; }
	
	/* ※BREADCRUMB LIST */
	
	#pan { width: 100%; margin: 0 auto; text-align: left; padding: 8px 0px; background: none; background-position: center; }
	.pan_box { width: 94%; max-width: 94%; margin: 0 auto; font-size: 12px; font-weight: 400; color: #666; }
	.pan_box a { text-decoration: none; color: #666; }
	.pan_box a:hover { text-decoration: underline; color: #666; }
	
	/* ※CONTACT */
	
	.t_from_text { width: 98%; padding: 3px; border: 1px #BBB solid; }
	
	.toi_btn_l { width: 45%; text-align: center; margin-left: 0; float: left; }
	.toi_btn_l input { width: 100%; }
	
	.toi_btn_r { width: 45%; text-align: center; margin-left: 20px; float: left; }
	.toi_btn_r input { width: 100%; }
	
	.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; }
	
	/*****  DL_form  *****/
	.dl_form_table img { max-width: 80px; max-height: 80px; }
	
	.dl_form_table dt { width: 100%; }
	.dl_form_table dd { width: 100%; }
	.dl_form_ul1 li.s2 { width: 32%; }
	.dl_form_ul1 li.s3 { width: 48%; }
	.dl_form_ul1 li.s4 { width: 64%; }
	.dl_form_ul2 li { width: 32%; }
	
	/* ※PAGE TOP */
	
	#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: 70px;
		padding: 22px 0px 19px 0px;
		color: #FFF;
		background-color: rgba(0,113,190,1);
		border-radius: 180px;
	}
	#page-top a:hover { color: #FFF; background-color: rgba(0,113,190,0.8); }

	/* ※COMMON */
	
	.main_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; background-position: bottom; padding: 0px 0px 50px 0px; }
	.main_contents_box1 {
		width: 94%;
		max-width: 94%;
		margin: 0 auto;
		padding: 0px;
		color: #444;
		background-color: rgba(255,255,255,0);
		border-radius: 8px;
		font-weight: 300;
	}
	.main_contents_box2 {
		width: 94%;
		max-width: 94%;
		margin: 0 auto;
		padding: 0px;
		color: #444;
		background-color: rgba(255,255,255,0);
		border-radius: 8px;
		font-weight: 300;
	}

	.waypoint_line { clear: both; height: 0px; }
	.space_20_1 { clear: both; height: 20px; }
	.space_30_1 { clear: both; height: 30px; }
	.space_40_1 { clear: both; height: 40px; }
	.space_50_1 { clear: both; height: 50px; }
	.space_60_1 { clear: both; height: 30px; }
	
	/* ※TOP CONTENTS */
	
	.top_contents { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 30px 0px; }
	.top_contents_box1 { width: 94%; max-width: 94%; margin: 0 auto; padding: 0px; color: #FFF; font-weight: 300; }
	
	/* ※TOP TOPICS */
	
	.top_topi { width: 100%; margin: 0 auto; margin-bottom: 0px; padding: 10px 0px 40px 0px; }
	.top_topi_box1 { width: 94%; max-width: 94%; margin: 0 auto; padding: 0px; color: #444; border-radius: 8px; font-weight: 300; }
	
	.top_topi_l_box1 { width: 100%; float: left; }
	.top_topi_c_box1 { width: 100%; float: left; margin-left: 0px; }
	.top_topi_r_box1 { width: 100%; float: right; padding-top: 30px; }
	
	.top_topi_r_box1_img1 { width: 48%; float: left; }
	.top_topi_r_box1_img2 { width: 48%; float: right; margin-left: 0px; }
	.top_topi_r_box1_img3 { width: 48%; float: left; margin-left: 0px; }
	.top_topi_r_box1_img4 { width: 48%; float: right; }
	
	.top_topi_r_box1_img1 img { width: 100%; }
	.top_topi_r_box1_img2 img { width: 100%; }
	.top_topi_r_box1_img3 img { width: 100%; }
	.top_topi_r_box1_img4 img { width: 100%; }
	
	.top_topi_m_tit1 { padding-bottom: 5px; text-align: center; font-size: 35px; color: rgba(27,50,98,1); border-bottom: 1px #1A3168 solid; }
	.top_topi_m_tit1 span { font-weight: 400; }
	.top_topi_m_tit1_bottom { width: 150px; height: 5px; background: #1A3168; margin: 0px auto; }
	.top_topi_m_tit2 { text-align: center; margin-bottom: 20px; color: rgba(27,50,98,1); font-weight: 400; }
	
	.top_topi_day1 { color: #888; }
	
	.top_topi_tit1 { font-size: 14px; font-weight: 500; padding: 3px 0px; color: rgba(27,50,98,1); }
	.top_topi_tit1 a { color: rgba(27,50,98,1); text-decoration: none; }
	
	.top_topi_txt1 { color: #333; line-height: 18px; font-size: 12px; font-weight: 400; text-align: justify; }
	
	.top_topi_img1 { width: 30%; line-height: 0px; padding-right: 15px; padding-top: 3px; vertical-align: top; }
	.top_topi_img1 img { width: 100%; }
	
	.top_topi_link1 { width: 45px; text-align: right; }
	.top_topi_line1 { border-bottom: 1px rgba(27,50,98,0.7) dotted; height: 15px; }
	.top_topi_btn_1 {
		display: block;
		width: 230px;
		height: 40px;
		margin: 0px auto 30px auto;
		margin-top: 10px;
		font-size: 15px;
		font-weight: 400;
		text-align: center;
		border: 1px rgba(27,50,98,1) solid;
	}
	.top_topi_btn_1 a { display: block; width: 100%; line-height: 40px; color: rgba(27,50,98,1); }
	.top_topi_btn_1 a:hover { color: #FFF; background-color: rgba(27,50,98,1); opacity: 0.9; }
	
	.top_topi_space_50 { clear: both; height: 30px; }
	
	.top_pro_box1 {
		display: flex;
		align-items: center;
		width: 100%;
		float: none;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #CCC solid;
	}
	
	.top_pro_img1 { display: inline-block; width: 27%; float: none; margin-bottom: 0px; line-height: 0px; border: 0px #EEE solid; }
	.top_pro_img1 img { width: 100%; }
	
	.top_pro_dt_box1 {
		width: 71%;
		float: none;
		color: #FFF;
		text-align: center;
		margin-left: 2%;
	}
	
	.top_pro_tit1 { font-size: 17px; font-weight: 600; padding: 3px 0px; color: rgba(27,50,98,1); }
	.top_pro_tit1 a { color: rgba(27,50,98,1); text-decoration: none; }
	
	.top_pro_txt1 { color: #333; line-height: 18px; font-size: 12.5px; font-weight: 400; text-align: center; }
	
	.wrap { display: none; max-width: 500px; margin: 0 auto; padding: 0px 0px 30px 0px; }
	.page { display: none; min-height: 500px; }
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] { width: 100% !important; }
	
	.wrap_sp { display: block; max-width: 500px; margin: 0 auto; padding: 0px 0 30px 0px; }
	.page_sp { display: block; min-height: 300px; }
	
	.rss_day1 { width: 28%; color: #888; font-size: 13px; vertical-align: top; padding-right: 1%; }
	
	.rss_tit1 { font-size: 13px; font-weight: 400; padding: 0px 0px; color: rgba(27,50,98,1); text-align: justify; }
	.rss_tit1 a { color: rgba(27,50,98,1); text-decoration: none; }
	.rss_tit1 a:hover { color: rgba(80,80,80,0.6); }
	
	.rss_line1 { border-bottom: 1px rgba(27,50,98,0.7) dotted; height: 10px; }
	
	.top_fade_up {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0px;
		background: url(../img/default/fade_up_back1.jpg);
		background-position: center;
		padding: 80px 0px;
	}
	.top_fade_up_box1 { width: 94%; max-width: 94%; margin: 0 auto; padding: 0px; color: #444; font-weight: 300; }
	.top_fade_up_txt1 { width: 100%; font-size: 20px; font-weight: 500; line-height: 25px; color: #FFF; margin-bottom: 20px; }
	
	/* ※TOPICS */
	
	.topi_list_box1 { text-align: left; }
	.topi_list_box2 { display: none; text-align: left; }
	
	.topi_day1 { color: #888; }
	
	.topi_tit1 { font-size: 15px; font-weight: 500; padding: 3px 0px; color: rgba(27,50,98,1); }
	.topi_tit1 a { color: rgba(27,50,98,1); text-decoration: none; }
	
	.topi_txt1 { color: #333; line-height: 20px; font-size: 13px; font-weight: 400; }
	.topi_txt1 img { width: 100% !important; height: auto !important; }
	
	.topi_img1 { line-height: 0px; }
	.topi_img1 img { width: 150px; }
	
	.topi_link1 { width: 45px; text-align: right; }
	.topi_line1 { border-bottom: 1px rgba(32,147,99,1) dotted; height: 15px; }
	
	.topi_photo1 { width: 46%; float: left; padding: 1%; margin-bottom: 15px; line-height: 0px; border: 1px #CCC solid; }
	.topi_photo2 { width: 46%; float: right; padding: 1%; margin-left: 0px; margin-bottom: 15px; line-height: 0px; border: 1px #CCC solid; }
	.topi_photo3 { width: 46%; float: left; padding: 1%; margin-left: 0px; margin-bottom: 15px; line-height: 0px; border: 1px #CCC solid; }
	.topi_photo4 { width: 46%; float: right; padding: 1%; margin-left: 0px; margin-bottom: 15px; line-height: 0px; border: 1px #CCC solid; }
	
	.topi_photo1 img { width: 100%; }
	.topi_photo2 img { width: 100%; }
	.topi_photo3 img { width: 100%; }
	.topi_photo4 img { width: 100%; }
	
	.topi_sample_img1 { width: 400px; padding-top: 5px; float: left; }
	.topi_sample_img1 img { width: 400px; height: 390px; }
	
	.topi_sample_txt1 { width: 550px; text-align: justify; line-height: 23px; float: right; font-size: 14px; }
	
	/* ※CONTENTS */
	
	.cnt_main_tit1 { font-size: 18px; font-weight: 600; color: #222; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #CCC solid; line-height: 25px; }
	.cnt_main_tit_txt1 { border-left: 5px rgba(0,113,190,1) solid; padding-left: 10px; }
	
	.cnt_sub_tit1 { font-size: 16px; font-weight: 500; margin-bottom: 20px; padding-bottom: 7px; color: #111; border-bottom: 5px #EEE solid; }
	.cnt_sub_tit1 span { color: rgba(0,113,190,1); }
	.cnt_sub_tit2 { font-size: 17px; font-weight: 500; padding-bottom: 5px; color: #111; }
	
	.cnt_l_box1 { width: 100%; float: none; margin: 0px auto; margin-bottom: 20px; }
	.cnt_l_box2 { width: 100%; float: none; margin: 0px auto; margin-bottom: 20px; }
	.cnt_l_box3 { width: 100%; float: none; margin: 0px auto; margin-bottom: 20px; }
	
	.cnt_r_box1 { width: 100%; float: none; margin: 0px auto; }
	
	.cnt_404_box1 { width: 100%; }
	.cnt_404_txt1 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
	.cnt_404_txt2 { font-size: 13px; font-weight: 400; margin-bottom: 20px; }
	.cnt_404_txt3 { font-size: 13px; font-weight: 400; margin-bottom: 20px; line-height: 22px; padding-bottom: 100px; }
	
	.cnt_main_img { width: 100%; height: 40px; background-size: auto 150px; }
	.cnt_main_img_box { width: 94%; max-width: 94%; margin: 0 auto; }
	.cnt_main_img_box img { display: none; }
	
	/* ※CONTENT SIDEMENU */
	
	.cnt_side_btn1 { display: block; width: 49.5%; height: 40px; margin: 0 auto; margin-bottom: 2px; font-size: 13px; border-bottom: none; float: left; }
	.cnt_side_btn1 a { display: block; line-height: 40px; padding-left: 0px; }
	.cnt_side_btn1 a:hover { background-color: rgba(0,113,190,0.8); }
	
	.cnt_side_btn2 { width: 49.5%; height: 40px; margin: 0; font-size: 13px; border-bottom: 3px solid #FFF; float: left; }
	.cnt_side_btn2 a { display: block; line-height: 40px; padding: 0px; color: #222; background: #EEE; border: 0px; }
	.cnt_side_btn2 a:hover { background-color: rgba(27,50,98,1); border: 0px; }
	
	.cnt_side_btn2_2 { width: 49.5%; height: 40px; margin: 0px; margin-left: 1%; font-size: 13px; border-bottom: 3px solid #FFF; float: left; }
	.cnt_side_btn2_2 a { display: block; line-height: 40px; padding: 0px; color: #222; background: #EEE; border: 0px; }
	.cnt_side_btn2_2 a:hover { background-color: rgba(27,50,98,1); border: 0px; }
	
	.cnt_side_btn2_3 { width: 49.5%; height: 40px; margin: 0; font-size: 13px; border-bottom: 3px solid #FFF; float: left; }
	.cnt_side_btn2_3 a { display: block; line-height: 40px; padding: 0px; color: #222; background: #EEE; border: 0px; }
	.cnt_side_btn2_3 a:hover { background-color: rgba(27,50,98,1); border: 0px; }
	
	.cnt_side_btn2_4 { width: 49.5%; height: 40px; margin: 0; margin-left: 1%; font-size: 13px; border-bottom: 3px solid #FFF; float: left; }
	.cnt_side_btn2_4 a { display: block; line-height: 40px; padding: 0px; color: #222; background: #EEE; border: 0px; }
	.cnt_side_btn2_4 a:hover { background-color: rgba(27,50,98,1); border: 0px; }
	
	.cnt_side_btn3 { width: 49.5%; height: 40px; margin: 0 auto; margin-bottom: 2px; margin-left: 1%; font-size: 13px; border-bottom: none; float: left; }
	.cnt_side_btn3 a { display: block; line-height: 40px; padding-left: 0px; background-color: rgba(0,113,190,0.9); }
	.cnt_side_btn3 a:hover { background-color: rgba(0,113,190,0.8); }
	
	.cnt_side_btn4 { width: 49.5%; height: 40px; margin: 0 auto; margin-bottom: 2px; font-size: 13px; border-bottom: none; float: left; }
	.cnt_side_btn4 a { display: block; line-height: 40px; padding-left: 0px; background-color: rgba(0,113,190,0.9); }
	.cnt_side_btn4 a:hover { background-color: rgba(0,113,190,0.8); }
	
	.cnt_side_btn5 { width: 49.5%; height: 40px; margin: 0 auto; margin-bottom: 2px; margin-left: 1%; font-size: 13px; border-bottom: none; float: left; }
	.cnt_side_btn5 a { display: block; line-height: 40px; padding-left: 0px; background-color: rgba(0,113,190,0.9); }
	.cnt_side_btn5 a:hover { background-color: rgba(0,113,190,0.8); }
	
	.cnt_side_cate1 { width: 97%; height: 35px; margin: 20px auto 5px auto; font-size: 13px; line-height: 35px; }
	.cnt_side_cate2 { width: 97%; height: 35px; margin: 10px auto 5px auto; font-size: 13px; line-height: 35px; }
	
	/* ※PRODUCT */
	
	.product_txt1 { text-align: justify; font-size: 13px; font-weight: 400; color: #222; line-height: 20px; }
	
	.product_cate_box1 { width: 100%; background: rgba(27,50,98,1); float: left; margin-bottom: 5px; }
	.product_cate_img1 { width: 27%; float: left; line-height: 0px; }
	.product_cate_img1 img { width: 100%; }
	
	.product_cate_tit1 { display: block; width: 73%; float: right; font-size: 23px; color: #FFF; text-align: center; background-color: rgba(27,50,98,1); }
	.product_cate_tit1 a {
		display: block;
		padding: 15px 0px 0px 0px;
		color: #FFF;
		background: none;
		background-size: 0px 250px;
	}
	.product_cate_tit1 a:hover { color: rgba(27,50,98,1); background: none; background-size: none; font-weight: 400; }
	
	.product_cate_tit1_txt1 { padding-bottom: 5px; font-size: 15px; font-weight: 500; }
	.product_cate_tit1_txt2 { padding-bottom: 0px; padding: 0px 15px 0px 15px; font-size: 11px; font-weight: 300; }
	.product_cate_tit1_txt3 { display: none; }
	
	.product_li_box1 { width: 94%; float: left; padding: 3%; background: #EEE; border-radius: 5px; margin-bottom: 10px; }
	.product_li_box2 { width: 94%; float: left; padding: 3%; background: #EEE; border-radius: 5px; margin-bottom: 10px; margin-left: 0px; }
	.product_li_box3 { width: 94%; float: left; padding: 3%; background: #EEE; border-radius: 5px; margin-bottom: 10px; margin-left: 0px; }
	
	.product_li_img1 { width: 42%; line-height: 0px; float: left; }
	.product_li_img1 img { width: 100%; }
	
	.product_li_txt1 { width: 54%; text-align: justify; float: right; font-size: 12px; font-weight: 400; color: #444; line-height: 19px; padding: 2% 0%; }
	
	.product_li_name1 {
		display: block;
		width: 50%;
		margin: 0 auto;
		padding: 2%;
		float: right;
		font-size: 14px;
		background: #EEE;
		border-bottom: 1px solid rgba(200,200,200,0.7);
	}
	
	.product_li_btn_box1 { display: block; width: 100%; margin: 0 auto; font-size: 13px; font-weight: 400; text-align: center; margin-top: 10px; }
	
	.product_li_btn1 { display: block; width: 54%; margin-top: 10px; float: right; font-size: 12px; }
	.product_li_btn1 a {
		display: block;
		padding: 3% 2%;
		color: #FFF;
		background: rgba(0,113,190,1);
		border-radius: 4px;
	}
	.product_li_btn1 a:hover { color: rgba(255,255,255,1); background: rgba(0,113,190,0.8); }
	
	.product_li_btn2 { width: 170px; font-size: 13px; }
	.product_li_btn2 a { display: block; padding: 10px; color: #333; }
	.product_li_btn2 a:hover { color: #FFF; }

	.product_li_pdf_btn1 { width: 39px; height: 39px; font-size: 13px; }
	.product_li_pdf_btn1 a { display: block; width: 39px; height: 39px; }
	.product_li_pdf_btn1 a:hover { color: #FFF; }

	.product_li_mov_btn1 { width: 39px; height: 39px; font-size: 13px; }
	.product_li_mov_btn1 a { display: block; width: 39px; height: 39px; }
	.product_li_mov_btn1 a:hover { color: #FFF; }
	
	.product_li_space1 { clear: both; }
	.product_dt_other_box1 { width: 100%; float: right; }
	.product_dt_movie_box1 { width: 100%; line-height: 0px; margin-bottom: 20px; }
	
	.product_dt_pdf_box1 {
		width: 170px;
		padding: 15px 15px 15px 52px;
		margin: 0px auto;
		float: none;
		border: 3px #DDD solid;
		font-weight: 600;
		color: #444;
		background-color: #FFF;
		background: url(../images/product/pdf_icon.png) no-repeat 10px center;
	}
	
	.product_dt_photo_box1 { width: 100%; float: left; }
	
	.product_dt_img_box1 { width: 100%; }
	.product_dt_img_box1 img { width: 100%; }
	
	.product_dt_zoom_box1 { width: 100%; margin: 0px auto; margin-top: 10px; margin-bottom: 20px; text-align: center; }
	.product_dt_zoom_box1 img { width: 200px; }
	
	.product_dt_thumbnail1 { width: 46%; float: left; line-height: 0px; padding: 1%; border: 1px #CCC solid; margin-bottom: 15px; }
	.product_dt_thumbnail2 { width: 46%; float: right; line-height: 0px; padding: 1%; margin-left: 0px; border: 1px #CCC solid; margin-bottom: 15px; }
	.product_dt_thumbnail3 { width: 46%; float: left; line-height: 0px; padding: 1%; margin-left: 0px; border: 1px #CCC solid; margin-bottom: 15px; }
	.product_dt_thumbnail4 { width: 46%; float: right; line-height: 0px; padding: 1%; margin-left: 0px; border: 1px #CCC solid; margin-bottom: 15px; }
	
	.product_dt_thumbnail1 img { width: 100%; }
	.product_dt_thumbnail2 img { width: 100%; }
	.product_dt_thumbnail3 img { width: 100%; }
	.product_dt_thumbnail4 img { width: 100%; }
	
	.product_dt_point_txt1 {
		padding: 2px 0px 2px 22px;
		font-size: 13px;
		font-weight: 400;
		color: #222;
		line-height: 20px;
		text-align: justify;
		background: url(../images/product/product_point_icon2.png) no-repeat left 5px;
	}
	
	.product_dt_sub_tit1 { font-size: 16px; color: #FFF; padding: 8px 12px; margin-bottom: 10px; background: url(../images/product/product_btn_back1.png); }
	
	.product_dt_table1 { width: 100%; font-size: 12px; }
	.product_dt_td1 { width: 26%; padding: 2%; }
	.product_dt_td2 { padding: 2%; }
	
	/* ※COMPANY */
	
	.company_greeting { width: 100%; text-align: left; color: #000; }

	.company_greeting_txt1 { font-size: 20px; padding: 5px 0px; }
	.company_greeting_txt2 { font-size: 13px; line-height: 22px; }
	.company_greeting_txt3 { font-size: 13px; text-align: right; margin-bottom: 15px; }
	.company_greeting_txt4 { }

	.company_m_philosophy1 { font-size: 18px; padding: 5px 0px 15px 0px; }
	.company_m_philosophy2 { font-size: 25px; padding: 5px 0px 25px 0px; line-height: 35px; }
	.company_m_philosophy2 span { font-size: 18px; line-height: 25px; }

	.company_txt1 { text-align: justify; font-size: 12px; font-weight: 500; color: #222; line-height: 22px; padding: 5px 0px; border-bottom: 1px #999 dashed; }
	.company_txt2 { text-align: justify; font-size: 12px; font-weight: 400; color: #222; line-height: 22px; padding: 5px 0px; }

	.company_office_table1 { display: none; }
	.company_office_td1 { display: none; }
	.company_office_td2 { display: none; }
	.company_office_td3 { display: none; }
	.company_office_td4 { display: none; }

	.company_office_table2 { display: table; width: 100%; }
	.company_office_td1_sp { display: table-cell; width: 100%; padding: 8px 0px 4px 0px; border-bottom: 1px #CCC solid; }
	.company_office_td2_sp { display: table-cell; width: 100%; padding: 4px 0px 8px 0px; border-bottom: none; }
	.company_office_td3_sp { display: table-cell; width: 100%; padding: 8px 0px 4px 0px; }
	.company_office_td4_sp { display: table-cell; width: 100%; padding: 4px 0px 8px 0px; }

	.company_table1 { width: 100%; }
	.company_td1 { width: 25%; padding: 10px; text-align: center; background: #EEE; border-bottom: 1px #CCC solid; font-size: 12px; font-weight: 400; color: #222; }
	.company_td2 { padding: 10px; text-align: left; border-bottom: 1px #CCC solid; font-size: 12px; font-weight: 400; color: #222; background: rgba(255,255,255,0.6); }

	.company_table2 { width: 100%; }
	.company_td3 {
		width: 25%;
		padding: 10px 7px;
		text-align: center;
		background: #EEE;
		border-bottom: 1px #CCC solid;
		font-size: 12px;
		font-weight: 400;
		color: #222;
	}
	.company_td4 { padding: 10px; text-align: justify; border-bottom: 1px #CCC solid; font-size: 12px; font-weight: 400; color: #222; }

	.company_table3 { width: 100%; }
	.company_td5 {
		width: 25%;
		padding: 10px 7px;
		text-align: center;
		background: #EEE;
		border-bottom: 1px #CCC solid;
		font-size: 12px;
		font-weight: 400;
		color: #222;
	}
	.company_td6 { padding: 10px; text-align: left; border-bottom: 1px #CCC solid; font-size: 12px; font-weight: 400; color: #222; }
	
	.company_greeting_flex { flex-direction: column; }
	.company_greeting_flex .flex_item01 { width: 80%; order: 2; }
	.company_greeting_flex .flex_item02 { width: 100%; order: 1; }

	/* ※DEALER */

	.dealer_box_l { width: 100%; padding: 3%; margin-bottom: 10px; border: 4px #EEE solid; box-sizing: border-box; }
	.dealer_box_r { width: 100%; padding: 3%; margin-bottom: 10px; border: 4px #EEE solid; box-sizing: border-box; }

	.dealer_name1 { font-size: 15px; padding: 0px 0px 5px 15px; }
	.dealer_name2 { font-size: 15px; line-height: 20px; padding: 0px 0px 5px 23px; }

	.dealer_txt1 { font-size: 13px; font-weight: 400; color: #666; }
	.dealer_space1 { clear: both; }

	/* ※RECRUIT */

	.recruit_point1 { font-size: 18px; }

	.recruit_td1 { width: 130px; padding: 15px; }
	.recruit_td2 { padding: 2%; }
	.recruit_td3 { width: 28%; padding: 15px; }
	.recruit_td4 { padding: 15px; }

	.footer_telbox { margin-bottom: 20px; }
	.footer_tel_01 { width: 80%; margin: 0 auto; margin-bottom: 20px; }
	.footer_tel_02 { width: 80%; margin: 0 auto; }
	
	/* smart business */
	
	.list_smart { position: relative; }
	.list_smart > li { position: relative; width: 80%; height: auto; padding: 1em; }
	
	.smart_vision .pdf-button { width: 280px; margin: 0 auto; }
	.smart_vision .pdf-button a { padding: 1em 1em 1em 3.5em; font-size: 1.1em; }
	.smart_vision .pdf-button a::before { top: 15px; left: 30px; }
	
	/* 20231006 */
	.topcs_table_sp { width: 100%!important; }
	
	/* recruit */
	.border_h2 span { padding: 1vw 1vw 1vw; }
	
	.attentionWrap .tit { margin: 10px 0 30px; font-size: 1.7rem; text-indent: 0; }
	.attentionWrap .txt { font-size: 0.8rem; line-height: 1.5rem; }
	.attentionWrap .txt .pup01 { font-size: 1rem; line-height: 1.7rem; }
	.attentionWrap .txt .pup02 { font-size: 1rem; line-height: 1.7rem; }
	
	.wantWrap { padding: 1.5rem; margin-bottom: 50px; }
	.wantWrap h2 { padding: 0.6rem 0; font-size: 1.2rem; }
	.wantWrap .txt { flex-direction: column; }
	.wantWrap .txt .lBox { width: 80%; margin: 0 auto 20px; }
	.wantWrap .txt ul.rBox { width: 100%; }
	.wantWrap .txt ul.rBox li { font-size: 0.9rem; line-height: 1.7rem; }
	
	.interviewWrap { flex-direction: column; margin-top: 50px; }
	.interviewWrap .imgBox { width: 70%; height: 240px; margin: 0 auto 30px; }
	.interviewWrap .imgBox img { object-position: top; }
	.interviewWrap .txtWrap { width: 100%; }
	.interviewWrap .txtWrap .en { padding-left: 25px; font-size: 0.8rem; }
	.interviewWrap .txtWrap .info .name { margin-right: 10px; font-size: 1.1rem; }
	.interviewWrap .txtWrap .info .department { margin-right: 10px; font-size: 0.8rem; }
	.interviewWrap .txtWrap .info .year { padding: 0.3rem 0.6rem; font-size: 0.8rem; }
	.interviewWrap .txtWrap .tit { font-size: 0.9rem; line-height: 1.6rem; }
	.interviewWrap .txtWrap .tit br { display: none; }
	.interviewWrap .txtWrap .txt { font-size: 0.8rem; }
	
	.interviewWrap .imgBox.order { order: 1; }
	.interviewWrap .txtWrap.order { order: 2; }
	
	/* business */
	.business-lead__txt { margin-top: 30px; }
	.business-lead__txt strong { padding-bottom: 3px; font-size: 1rem; line-height: 2.5rem; }
	
	.business-lead__img { margin-top: 40px; padding: 0 20px 20px; }
	
	.business__txt { margin-top: 40px; font-size: 0.8rem; line-height: 1.6rem; text-align: left; }
	.business__three-img { margin-top: 40px; }
	
	.business__three-img.three-items { margin-top: 30px; flex-direction: column; align-items: center; }
	.business__three-img.three-items .item { width: 80%; line-height: 1.5; }
	.business__three-img.three-items .item img { width: 100%; height: auto; object-fit: cover; border-bottom: 0px; }
	
	.business__detail01 { flex-direction: column; margin-top: 40px; align-items: center; }
	.business__detail01 .txt-area { width: 100%; text-align: center; }
	.business__detail01 .txt-area .txt01 { font-size: 0.9rem; }
	.business__detail01 .txt-area .txt01 span { font-size: 1.3rem; }
	.business__detail01 .txt-area .txt02 { margin-top: 10px; font-size: 1rem; }
	.business__detail01 .txt-area .txt03 { margin-top: 10px; font-size: 1.2rem; line-height: 1.5rem; }
	
	.business__detail01 .img-area { width: 80%; margin-top: 30px; }
	.business__detail01 .img-area .caption { width: 70%; padding: 0.5rem; font-size: 1rem; }
	
	.business__detail01.margin { margin-top: 0; }
	
	.business__detail02 { margin-top: 50px; }
	.business__detail02 .img-box { flex-direction: column; }
	.business__detail02 .img-box .img-area { width: 80%; }
	.business__detail02 .caption { width: 70%; padding: 0.5rem; font-size: 1rem; }
	
	.business__heading { margin-top: 40px; }
	.business__heading .txt01 { font-size: 0.9rem; }
	.business__heading .txt01 span { font-size: 1.3rem; }
	.business__heading .txt02 { margin-top: 10px; font-size: 1rem; }
	.business__heading .txt03 { margin-top: 10px; font-size: 1.2rem; line-height: 1.5rem; }
	
	.separator-line::after { margin: 50px auto 0; }
	
	/* flow */
	.flow_lead { padding: 30px 0 0; line-height: 1.5rem; text-align: left; }
	
	.flow_sencha_wapper { background-position: 10% top; }
	.flow_sencha_Box01 { padding: 15px 0; }
	.flow_sencha_Box01:first-of-type { padding-top: 40px; }
	
	.sencha_imgBox { position: relative; padding-right: 0; flex-basis: 35%; max-width: 35%; }
	
	.bg-white { position: relative; padding: 60px 0 60px 15px; background: none; }
	.bg-white::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: #fff;
	}
	
	.sencha_txtBox { flex-direction: column; flex-basis: 63%; max-width: 63%; align-items: flex-start; }
	.sencha_txtBox .txtBox__lBox { width: 100%; }
	.sencha_txtBox .txtBox__rBox { width: 100%; margin-top: 15px; }
	.sencha_txtBox .txtBox__rBox .item01 { padding: 0.3rem 0.4rem 0.3rem 0.3rem; font-size: 0.7rem; }
	.sencha_txtBox .txtBox__rBox .item02 { padding: 0.3rem 0.4rem 0.3rem 0.3rem; font-size: 0.7rem; }
	
	.sencha_txtBox .step_name { align-items: flex-start; }
	.sencha_txtBox .step_name .item01 { padding: 0.2rem 0.4rem; margin-bottom: 3px; font-size: 0.7rem; }
	.sencha_txtBox .step_name .item02 { padding: 0.2rem 0.4rem; margin-bottom: 3px; font-size: 0.7rem; }
	.sencha_txtBox .step_name .item03 { padding: 0.2rem 0.4rem; margin-bottom: 3px; font-size: 0.7rem; }
	.sencha_txtBox .step_name .item04 { padding: 0.2rem 0.4rem; margin-bottom: 3px; font-size: 0.7rem; }
	.sencha_txtBox .step_name .item05 { padding: 0.2rem 0.4rem; margin-bottom: 3px; font-size: 0.7rem; }
	
	.sencha_txtBox h2 { margin: 5px 0; font-size: 0.9rem; letter-spacing: 0; }
	.sencha_txtBox h2 span { font-size: 0.6rem; }
	.sencha_txtBox h2.column { flex-direction: column; align-items: flex-start; }
	.sencha_txtBox h2.column span { text-indent: -5px; }
	.sencha_txtBox p { font-size: 0.8rem; }
	
	/* flow tencha */
	.flow_tencha_wapper { background-position: 11% top; }
	.flow_koucha_wapper { background-position: 11% top; }
	.flow_uroncha_wapper { background-position: 11% top; }
	
	.flow_sencha_Box02 { padding: 80px 0; }
	.flow_sencha_Box02::before { top: 5%; left: 17%; width: 57%; height: 60px; }
	.flow_sencha_Box02::after { left: 17%; width: 57%; height: 60px; }
	
	.flow_sencha_Box02 .sencha_imgBox { flex-basis: 75%!important; max-width: 75%!important; }
	.flow_sencha_Box02 .sencha_txtBox.pl { padding: 0 0 0 15px; }
	.flow_sencha_Box02 .sencha_txtBox.pr { padding: 0 15px 0 0; }
	
	.flow_sencha_Box02 .sencha_txtBox .txtBox__rBox { width: 100%!important; margin-top: 10px; }
	.flow_sencha_Box02 .sencha_txtBox h2 { flex-direction: column; align-items: flex-start; }
	.flow_sencha_Box02 .sencha_txtBox h2 span { text-indent: -5px; }
	
	.link_buttonBox { flex-direction: column; }
	.link_buttonBox .button01, .link_buttonBox .button02 { width: 90%; margin: 10px auto 0; }
	.link_buttonBox .button01 a, .link_buttonBox .button02 a { padding: 0.8rem; font-size: 0.85rem; }
	
	.space_H80 { clear: both; height: 50px; }
	
	/* 20240328 EN */
	
	#en .txtBox__lBox h2 { font-size: 1rem; letter-spacing: 0; }
	
	#en .txtBox__rBox .item01 span,
	#en .txtBox__rBox .item02 span { top: 5px; }
	
	/* 20250113 バーガーメニュー */
	
	.button_container {
        display: block;
        position: fixed;
        top: 15px;
        right: 10px;
        height: 42px;
        width: 42px;
        cursor: pointer;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        z-index: 2000;
        background-color: #0071BE;
		border-radius: 4px;
    }
	.button_container:hover {
  		opacity: .7;
	}
	
	.button_container.active .top {
		top: 10px;
  		-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
        transform: translateY(10px) translateX(0) rotate(45deg);
  		background: #fff;
	}
	.button_container.active .middle {
  		opacity: 0;
  		background: #fff;
	}
	.button_container.active .bottom {
		top: 24px;
  		-webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
    	transform: translateY(-4px) translateX(0) rotate(-45deg);
		background: #fff;
	}
	.button_container span {
		background: #fff;
		border: none;
		height: 1.5px;
		width: 20px;
		position: absolute;
		top: 14px;
		left: 0;
        right: 0;
        margin: 0 auto;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.button_container span:nth-of-type(2) {
		top: 21px;
	}
	.button_container span:nth-of-type(3) {
		top: 28px;
	}

	.overlay {
		display: block;
		position: fixed;
		background: #0071BE;
		top: 0;
		right: 0;
		width: 0%;
		height: 100%;
 		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .35s, visibility .35s, width .35s;
		transition: opacity .35s, visibility .35s, width .35s;
		overflow: hidden;
	}
	.overlay.open {
		opacity: 0.95;
		visibility: visible;
		width: 100%;
		z-index: 1000;
	}
	.overlay.open li {
		-webkit-animation: fadeInRight .5s ease forwards;
		animation: fadeInRight .5s ease forwards;
		-webkit-animation-delay: .35s;
		animation-delay: .35s;
	}
	.overlay.open li ul li {
		-webkit-animation: fadeInRight .5s ease forwards;
		animation: fadeInRight .5s ease forwards;
		-webkit-animation-delay: .35s;
		animation-delay: .35s;
	}
	.overlay nav {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 76%;
		margin: 0 auto;
	}
	.overlay ul {
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		position: relative;
		height: 100%;
	}
	.overlay ul li {
		display: block;
		height: 15%;
		height: calc(100% / 6);
		min-height: 30px;
		position: relative;
		opacity: 0;
	}
	.overlay ul li::before {
    	content: "";
    	position: absolute;
    	top: 25px;
    	left: -25px;
    	width: 15px;
    	height: 1px;
    	background: #fff;
	}
	.overlay ul li a {
		display: block;
		position: relative;
		padding: 0.5em 0;
		font-size: 4vw;
		font-weight: 500;
		color: #fff;
		text-align: left;
		text-decoration: none;
		line-height: 2em;
		letter-spacing: .05em;
		overflow: hidden;
	}
	.overlay ul li a span {
		display: table;
		margin-left: 0;
		font-family: 'Roboto', sans-serif;
		font-size: 3.2vw;
		font-style: italic;
		color: #fff;
		line-height: 1.2;
		opacity: 0.8;
	}
	.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
		width: 100%;
	}

	@-webkit-keyframes fadeInRight {
		0% { opacity: 0; left: 20%; }
		100% { opacity: 1; left: 0; }
	}

	@keyframes fadeInRight {
		0% { opacity: 0; left: 20%; }
		100% { opacity: 1; left: 0;	}
	}
	
	/* 20250703 トップページ */
	
	#vegas { height: 60vh; }
	#vegas .caption h2 { font-size: 9.5vw; }
	#vegas .caption h3 { font-size: 5.5vw; margin: 10px 0 0; }
	#vegas .caption p { font-size: 2.8vw; margin: 5px 0 0!important; }
	
	.header_r_btn2 a { line-height: 32px; }
	.header_right_box1 { padding-right: 36px; }
	
	.sns-floating { top: 20%; right: 3%; }
	.sns-floating .icon { margin-bottom: 5px; }
	.sns-floating .icon a img { width: 40px; }
		
	.scroll-Block { display: none; }
	
	.top-headline { padding: 2.5em 0; }
	.top-headline .inner h2 { font-size: 1.25rem; }
	.top-headline .inner h2 br { display: block; }
	.top-headline .inner p { font-size: 0.85rem; letter-spacing: 0.05rem; }
	
	.top-about { margin-top: 25px; }
	.top-about .aboutBox01 .aboutBox01__imgBox img { height: 220px; border-radius: 5px; }
	.top-about .aboutBox01 .aboutBox01__txtBox .headline h2 { font-size: 1.3rem; }
	.top-about .aboutBox01 .aboutBox01__txtBox .headline h2 small { padding: 0.3em 1em; margin-left: 20px; font-size: 0.75rem; border-radius: 3px; }
	.top-about .aboutBox01 .aboutBox01__txtBox .headline h3 { margin: 15px 0 10px; font-size: 1.05rem; }
	.top-about .aboutBox01 .aboutBox01__txtBox p { margin-top: 15px; font-size: 0.85rem; }
	
	.link-button01 { width: 230px; }
	.link-button01 a { padding: 0.6em 1em; margin-top: 25px; font-size: 0.9rem; }
	.link-button01 a::after { top: 15px; right: 20px; }
	.link-button01 a.mg10 { padding: 0.6em 1em; margin-top: 10px; font-size: 0.9rem; }
	
	.top-about .aboutBox02 .aboutBox02__imgBox img { height: 220px; border-radius: 5px; }
	.top-about .aboutBox02 .aboutBox02__txtBox .headline h2 { font-size: 1.3rem; }
	.top-about .aboutBox02 .aboutBox02__txtBox .headline h2 small { padding: 0.3em 1em; margin-left: 20px; font-size: 0.75rem; border-radius: 3px; }
	.top-about .aboutBox02 .aboutBox02__txtBox .headline h3 { margin: 15px 0 10px; font-size: 1.05rem; }
	.top-about .aboutBox02 .aboutBox02__txtBox p { margin-top: 15px; font-size: 0.85rem; }
	
	.top-product { margin: 40px auto 20px; }
	.top-product h2 span { font-size: 1.6rem; }
	.top-product small { margin-top: 3px; margin-bottom: 20px; font-size: 0.85rem; }
	
	.wideslider { height: 155px !important; }
	.slider_prev { width: 30px!important; background: #FFF url(../images/prev.jpg) no-repeat right center; background-size: 30px; }
	.slider_next { width: 30px!important; background: #FFF url(../images/next.jpg) no-repeat right center; background-size: 30px; }
	
	.top_pro_tit1 { text-align: left; }
	.top_pro_tit1 a { font-size: 1rem; }
	.top_pro_txt1 { margin-top: 5px; font-size: 0.8rem; text-align: left; line-height: 1.7; }
	
	.top_topi_r_box1 { padding-top: 0; }
	.top_topi_l_box1 { float: none; margin-top: 25px; }
	.top_topi_m_tit1 span { font-size: 1.7rem; }
	.top_topi_tit1 a { font-size: 0.85rem; }
	.top_topi_img1 img { height: 100px; }
	
	#page-top { bottom: 10px; right: 10px; margin-bottom: 0; }
	#page-top a { width: 50px; padding: 12px 0px 9px 0px; }
	
	.top-about .aboutBox01 { flex-direction: column; margin-top: 20px; }
	.top-about .aboutBox01 .aboutBox01__imgBox { width: 100%; margin-left: 0; }
	.top-about .aboutBox01 .aboutBox01__txtBox { width: 100%; padding-left: 0; margin-left: 0; margin-top: 20px; }
	.top-about .aboutBox01 .aboutBox01__txtBox::before { display: none; }
	
	.top-about .aboutBox02 { flex-direction: column; margin-top: 50px; }
	.top-about .aboutBox02 .aboutBox02__imgBox { width: 100%; margin-right: 0; order: 1; }
	.top-about .aboutBox02 .aboutBox02__txtBox { width: 100%; padding-right: 0; margin-right: 0; margin-top: 20px; order: 2; }
	.top-about .aboutBox02 .aboutBox02__txtBox::before { display: none; }
		
	/* 20250703 採用情報 */
	.cnt_eb-txt { padding: 1.5em 0; font-size: 0.85rem; font-weight: 500; text-align: left; }
	
	.welfareBox ul li { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1em; margin-bottom: 10px; }
	.welfareBox ul li figure { width: 25%; margin: 0; }
	.welfareBox ul li figure img { width: 50px; }
	.welfareBox ul li div { width: 70%; }
	.welfareBox ul li h3 { margin: 0 0 10px; font-size: 1rem; text-align: left; }
	.welfareBox ul li p { font-size: 0.8rem; text-align: left; }
	
	.wantWrap .thinkingBox h4 { margin: 10px 0; font-size: 1.2rem; }
	.wantWrap .thinkingBox p { margin-bottom: 0; font-size: 0.85rem; }
	
	.systemBox ul { margin-bottom: 0; }
	.systemBox ul li { width: 100%; padding: 1em; margin-bottom: 10px; }
	.systemBox ul li:last-of-type { margin-bottom: 0; }
	.systemBox ul li h3 { font-size: 1.2em; }
	.systemBox ul li p { margin-top: 5px; font-size: 0.85rem; }
	
	.cnt_link-btnBox .link-button { width: 100%; margin-bottom: 10px; }
	.cnt_link-btnBox .link-button a { padding: 1em; font-size: 1rem; }
	
	.space-h40 { height: 20px; }
	
}

/*
@media only screen and (max-width:420px){
	
	#wideslider_box1 { width: 100%; height: 180px!important; }
	.wideslider { width: 100%; height: 180px!important; }
	.wideslider ul,.wideslider ul li { height: 180px!important; }
	
	.pagination { bottom: 15px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 500; }
	
	.toi_btn01 { width: 45%; }
	.toi_btn02 { width: 45%; }

}

@media only screen and (max-width:375px){
	
	#wideslider_box1 { width: 100%; height: 150px!important; }
	.wideslider { width: 100%; height: 150px!important; }
	.wideslider ul,.wideslider ul li { height: 150px!important; }
	
	.pagination { bottom: 25px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 500; }

}

@media only screen and (max-width:320px){
	
	#wideslider_box1 { width: 100%; height: 140px!important; }
	.wideslider { width: 100%; height: 140px!important; }
	.wideslider ul,.wideslider ul li { height: 140px!important; }
	
	.pagination { bottom: 15px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 500; }
	
	.company_m_philosophy2 { font-size: 22px; font-family: 'Noto Serif', serif; font-weight: 500; color: #111; padding: 5px 0px 25px 0px; line-height: 30px; }
	.company_m_philosophy2 span { font-size: 18px; line-height: 25px; }

}
*/