/* -----------------------------------------------------------
    reset
-------------------------------------------------------------- */
html { overflow-x: auto; overflow-y: scroll; font-size: 62.5%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, dl, dt, dd, form, img, hr, table, tr, td, br, em, figure { margin: 0px; padding: 0px; border: none; font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; font-size: 1.6rem; }
ul, ol, dl { list-style: none; }
 @media screen and (max-width: 667px) {
img { width: 100%; max-width: 480px; height: auto; margin: 0 auto; }
.wide_img { text-align: center; }
img.wide_img { width: 100%; max-width: 480px; height: auto; margin: 0 auto; }
}
/* -----------------------------------------------------------
    body
-------------------------------------------------------------- */
body { margin: 0 auto; padding: 0; line-height: 1; font-size: 1.6rem; color: #333; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; background: #FFF; -webkit-text-size-adjust: 100%; word-break: break-all; min-width: 1300px; }
#wrapper { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
 @media screen and (max-width: 667px) {
body { min-width: inherit; position: inherit; }
#wrapper { min-width: 100%; }
*:focus { outline: none!important; }
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],  input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
 input[type="submit"]::-webkit-search-decoration,  input[type="button"]::-webkit-search-decoration {
 display: none;
}
 input[type="submit"]::focus,  input[type="button"]::focus {
 outline-offset: -2px;
}
}
/* -----------------------------------------------------------
    link
-------------------------------------------------------------- */
a:link, a:visited { color: #444; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
a:hover { color: #BAA280; opacity: 0.9;/*
	opacity: 0.8;
	*/
	/*color: #BAA280;*/
	/*text-decoration:none;*/
	/*text-decoration: underline;*/
}
a.no_opacity:hover { opacity: 1; }
a.anchor { margin-top: -30px; padding-top: 30px; }

::-moz-selection {
 color:#FFF;
 background:#656F72;
}
.alpha a img { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.alpha a:hover img { opacity: 0.7; filter: alpha(opacity=70); }
.no_alpha a img { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.no_alpha a:hover img { opacity: 1.0; filter: alpha(opacity=100); }
 @media screen and (max-width: 667px) {
a:link,  a:visited { -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; -ms-transition: 0; transition: 0; }
}
/* -----------------------------------------------------------
    clear
-------------------------------------------------------------- */
.clear { height: 0px; margin: 0px; padding: 0px; line-height: 0px; clear: both; font-size: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { zoom: 1; }
.clearfix { display: block; }
/* End hide from IE-mac */ 






/* -----------------------------------------------------------
    Frame
-------------------------------------------------------------- */

.inner { width: 1100px; margin: 0 auto; }
.inner.head_nav { /*
	width: 1160px;
    */
width: 1250px; }
.contents_in { padding: 80px; border: 1px solid #E3E3E3; ; }
/*	 template   */

.contents_left { float: left; }
.contents_right { float: right; }
.contents_right .inner_right { width: 280px; margin: 0 0 0 auto; }
 @media screen and (max-width: 667px) {
.inner,  .inner.head_nav { width: 100%; margin: 0 auto; }
.contents_in { padding: 20px 0; border: none; }
.wrap10 { padding: 0 10px; }
.wrap15 { padding: 0 15px; }
.wrap20 { padding: 0 20px; }
.wrap30 { padding: 0 30px; }
}
/* -----------------------------------------------------------
    Responsive
-------------------------------------------------------------- */

.pc_display { }
.pc_display_b { }
.sp_display { display: none; }
.sp_display_b { display: none; }
br.pc_br { display: inline; }
br.sp_br { display: none; }
 @media screen and (max-width: 667px) {
.pc_display { display: none; }
.pc_display_b { display: none; }
.sp_display { display: inline; }
.sp_display_b { display: block; }
br.pc_br { display: none; }
br.sp_br { display: inline; }
}
/* -----------------------------------------------------------
    header
-------------------------------------------------------------- */

#pc_head { }
#sp_head { display: none; }
.header_fixed { position: fixed; z-index: 20; width: 100%; height: 110px; background-color: #fff; border-bottom: 1px #666 solid; }
.header_fixed.form_page { position: inherit; height: auto; }
.header { margin: 0 auto; height: 110px; }
.header .h_logo { /*
	float: left;
	padding: 17px 0 0 0;
	*/
position: relative; }
.header .h_logo img { position: absolute; top: 35px; width: 300px; }
.header .h_logo a { display: block; }
.header .h_right { float: right; }
/* TEL */
.header .h_tel_area { text-align: center; padding: 10px 20px 0 0; float: left; }
.header .h_tel_num { font-family: Lato; color: #3A3B3F; font-size: 2.2rem; font-weight: bold; letter-spacing: 0.02em; }
.header .h_tel_num::before { content: "\f095"; font-family: 'FontAwesome'; padding: 0 5px 0 0; font-size: 1.6rem; vertical-align: middle; }
.header .h_tel_txt { color: #666; font-size: 1.2rem; line-height: 1.8; letter-spacing: 0.05em; }
/* CATALOG btn */
.h_catalog { text-align: center; float: left; background-color: #2775B4; width: 165px; height: 53px; }
.h_catalog a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 18px 10px; display: block; }
.h_catalog a::before { content: "\f019"; font-family: 'FontAwesome'; padding: 0 10px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/* CONTACT btn */
.h_contact { text-align: center; float: left; background-color: #E74141; width: 170px; height: 53px; }
.h_contact a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 18px 10px; display: block; }
.h_contact a::before { content: "\f003"; font-family: 'FontAwesome'; padding: 0 8px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/* warranty btn */
.h_warranty { text-align: center; float: left; background-color: #4EBC75; width: 165px; height: 53px; }
.h_warranty a { font-size: 1.5rem; font-weight: bold; color: #fff; /*
	padding: 18px 0 18px 55px;
	*/
padding: 18px 10px; display: block; position: relative; }
.h_warranty a::before { content: "\f0eb"; font-family: 'FontAwesome'; padding: 0 8px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/*
.h_warranty a::before {
	content: "";
    display: block;
    width: 50px;
    height: 33px;
    background: url(../img/warranty_icon.png) no-repeat center / contain;
    position: absolute;
    left: 10px;
    top: 10px;
}
*/


/* h_safety btn */
.h_safety { text-align: center; float: left; background-color: #F0AE00; width: 200px; height: 53px; }
.h_safety a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 18px 10px; display: block; position: relative; }
.h_safety a::before { content: "\f044"; font-family: 'FontAwesome'; padding: 0 8px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/* h_declaration btn */
.h_declaration { text-align: center; float: left; background-color: #B19972; width: 180px; height: 53px; }
.h_declaration a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 18px 10px; display: block; position: relative; }
.h_declaration a::before { content: "\f0f6"; font-family: 'FontAwesome'; padding: 0 8px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/* パートナーログイン btn */
.h_member { text-align: center; float: left; padding: 15px 15px 0 0; }
.h_member a { font-size: 1.4rem; color: #545454; padding: 10px 10px 8px 15px; display: block; border: 1px #DDD solid; border-radius: 30px; }
.h_member a::before { content: "\f023"; font-family: 'FontAwesome'; padding: 0 5px 0 0; font-size: 1.6rem; vertical-align: middle; }
.h_member a:hover { background: #F5F5F5; }
/*　検索エリア　*/
.h_search_area { }
.h_search_area .inner { position: relative; }
.h_search_area ul { position: absolute; right: 0; top: -52px; }
.h_search_area input[type="radio"] { display: none; }
.h_search_area label { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.4rem; font-weight: bold; }
.h_search_area input[type="text"] { float: left; /*
	width: 160px;
    */
width: 220px; padding: 8px 11px; font-size: 1.2rem; font-weight: bold; color: #666; border: none; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; background: #DDD; letter-spacing: 0.08em; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.h_search_area input[type="image"] { float: left; width: 36px; height: 36px; background: #666; border: 0; color: #fff; text-align: center; cursor: pointer; padding: 9px 10px; }
.header_fixed_top .h_search_area input[type="text"] { color: #999; background: #fbfbfb; }
/*　sp h1スクロールで隠す　*/
.is-fixed { position: static; top: 0; left: 0; z-index: 300; width: 100%; }
/*　sp h1スクロールで隠す　*/
.is-fixed_form { position: static; }
 @media screen and (max-width: 667px) {
#pc_head { display: none; }
#sp_head { display: block; }
.header_fixed { position: fixed; z-index: 20; width: 100%; height: auto; }
.header_fixed.form_page { position: inherit; height: auto; }
/*　スクロールしたら背景色付く　*/
.header_fixed.back_color { background-color: rgba(0,0,0,0); }
.header { width: 100%; min-width: 100%; height: 50px; position: fixed; margin: 0 auto; padding: 0; z-index: 20; background: #fff; border-bottom: solid 1px #DEDEDE; }
.form_page .header { position: inherit; }
.header .h_logo { }
.header .h_logo img { top: 10px; left: 6px; width: 200px; }
/*
	.header .h_logo {
		text-align: left;
		padding: 10px 0 0 6px ;
		float: left;
	}
	.header .h_logo img {
		width: 200px;
	}
	*/
	
	
	/*　search_area　*/
.h_search_area { width: 100%; height: auto; background: #2B3035; border-bottom: none; z-index: 300; }
.h_search_area .inner { position: inherit; }
.h_search_area ul { position: absolute; right: 0; top: 0; margin: 0 0 0; }
.h_search_area ul li { float: none; }
.h_search_area ul li.search_title { display: none; }
.h_search_area label { font-size: 1.4rem; font-weight: bold; }
.h_search_area input[type="text"] { float: left; width: 80%; padding: 14px 11px; font-size: 1.4rem; color: #222; border: none; letter-spacing: 0.08em; border-radius: 0; vertical-align: middle; height: 51px; }
.h_search_area input[type="image"] { width: 51px; height: 51px; padding: 14px; border-radius: 0; border: none; vertical-align: middle; }
.h_search { display: none; float: none; position: fixed; top: 0; left: 0; padding: 0; z-index: 50; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .9); opacity: 0; transition: opacity .3s; }
.search_inner { padding: 50px 20px 0; width: 100%; height: 100%;/*overflow-y: scroll;
		-webkit-overflow-scrolling: touch;*/
}
.sp_search_title { font-size: 1.5rem; color: #fff; padding: 0 0 10px 0; display: block; }
.search_inner .cmn_btn { width: 94%; margin: 0 auto; padding: 80px 0 0 0; text-align: center; }
.search_inner .cmn_btn a { width: 100%; padding: 20px 0; }
.search_inner .cmn_btn a:hover,  .search_inner .cmn_btn.type_w a:hover { padding: 20px 0; }
.h_search_btn { display: block; top: 0; right: 55px; z-index: 300; position: fixed; width: 60px; height: 52px; outline: 0; border: none; background: url(../img/search_icon01.png) no-repeat; background-size: 16px auto; background-position: center 8px; cursor: pointer; color: #fff; font-size: 0.9rem; }
.form_page .h_search_btn { position: relative; }
/*** pro_txt ***/
.h_search_btn .pro_txt { margin: 20px 0 0 0; font-size: 1.0rem; color: #333; font-weight: bold; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
/*　sp h1スクロールで隠す　*/
.is-fixed { position: fixed; top: 0; left: 0; z-index: 300; width: 100%; }
/*　formページ　*/
.is-fixed_form { position: static; }
}
/* -----------------------------
    pc_nav
-------------------------------- */
.pc_nav { padding: 10px 0 0 0; /*
	float: left;
	*/
float: right; clear: both; }
.pc_nav ul { }
.pc_nav ul li { float: left; text-align: center; margin: 0 0 0 0; font-weight: bold; font-size: 1.5rem; }
/*
.pc_nav ul li:first-child {
	margin: 0 0 0 0;
}
*/

/*
.pc_nav li a {
	color: #333;
	padding: 10px 22px 25px 22px;
	display: block;
}
.pc_nav ul li a:hover {
	background: #111;
	color: #FFF;
	padding: 17px 22px 18px 22px;
}
*/


.pc_nav li a { position: relative; display: inline-block; text-align: center; text-decoration: none; transition: .3s; overflow: hidden; color: #333; padding: 10px 22px 25px 22px; }
.pc_nav ul li a:hover { background: #000; color: #FFF; padding: 17px 22px 18px 22px; }
/*
.pc_nav li a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 120%;
	height: 100%;
	background: #111;
	transform-origin: right top;
	transform: skewX(-30deg) scale(0, 1);
	transition: transform .3s;
	color: #FFF;
}
.pc_nav li a:hover::before {
	transform-origin: left top;
	transform: skewX(-30deg) scale(1, 1);
}
*/
.pc_nav li a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background: #000; transform-origin: left bottom; transform: scale(1, 0); transition: transform .3s; }
.pc_nav li a:hover::before { transform-origin: left top; transform: scale(1, 1); }
 @media screen and (max-width: 667px) {
.pc_nav_area { display: none; }
}



/* -----------------------------
    sp_nav
-------------------------------- */

@media screen and (max-width: 667px) {
.drawer-nav { width: 100%; height: 100%; line-height: 1.5; overflow: hidden; overflow-y: hidden; position: fixed; top: 0; margin: 0 auto; padding: 60px 0 50px; box-sizing: border-box; z-index: 150; opacity: 1.0; background: #E9E9E9; }
.acc_scroll { /*
		height: 200px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		*/
}
.drawer-nav ul { /*
		height: 300px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		*/
list-style: none; padding: 0 15px 120px 15px; text-align: left; font-weight: bold; }
.drawer-nav ul li { }
.drawer-nav ul li a { width: 88%; color: #333; padding: 10px 0; display: block; }
.drawer-nav ul li.li_parent a { font-size: 1.6rem; line-height: 1.2; }
.drawer-nav ul li.li_parent a::before { content: "\f0da"; font-family: 'FontAwesome'; font-size: 1.6rem; vertical-align: middle; font-weight: normal; padding: 0 5px 0 0; }
.drawer-nav ul li.li_child a { font-size: 1.4rem; padding: 8px 0 8px 12px; line-height: 1.0; }
.drawer-nav ul li.li_child a::before { content: '-'; padding: 0 5px 0 0; font-weight: normal; }
.drawer-nav ul li .head_s_logo { position: absolute; right: auto; left: 12px; top: -45px; z-index: 200; display: block; border: none; }
.drawer-nav ul li .head_s_logo a { background: none; padding: 0; border: none; }
.drawer-nav ul li .head_s_logo a::before { display: none; }
.drawer-nav ul li .head_s_logo img { width: 200px; }
/*** openmove ***/
.drawer--top .drawer-nav { width: 100%; height: auto; max-height: 100%; }
.drawer--top .drawer-hamburger,  .drawer--top.drawer-open .drawer-hamburger { right: 5px; }
.drawer-nav { right: -120vw; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: right.6s cubic-bezier(0.190, 1.000, 0.220, 1.000); }
.drawer-open .drawer-nav,  .drawer-open .drawer-navbar .drawer-hamburger { right: 0; }
.drawer-open .drawer-hamburger { right: 0; }
/*** hamburger ***/
.drawer-hamburger { width: 52px; height: 52px; border: 0; outline: 0; position: absolute; top: 0; right: 4px; z-index: 300; display: block; -webkit-transition: all .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: none; }
.drawer-open .drawer-hamburger { width: 50px; height: 50px; right: 5px; top: 5px; background: #fff; border-radius: 100%; }
.drawer-hamburger:hover { cursor: pointer; }
.drawer-hamburger-icon { margin: 0; position: relative; display: block; }
.drawer-hamburger-icon,  .drawer-hamburger-icon:before,  .drawer-hamburger-icon:after { width: 20px; height: 2px; background: #4B4B4B; text-align: center; margin: 0 auto 0 auto; top: 8px; right: 0; -webkit-transition: all .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .8s cubic-bezier(0.190, 1.000, 0.220, 1.000); }
.drawer-hamburger-icon:before,  .drawer-hamburger-icon:after { position: absolute; top: -7px; right: 0; content: ' '; }
.drawer-hamburger-icon:after { top: 7px; right: 0; }
.drawer-open .drawer-hamburger-icon { /*
		width: 50px;
		text-align:center;
		*/
width: 18px; text-align: center; height: 0; border: 0; outline: 0; right: 0; margin: 0 auto -8px auto; background: transparent; }
.drawer-open .drawer-hamburger-icon:before,  .drawer-open .drawer-hamburger-icon:after { position: absolute; top: 0; right: -1px; }
.drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
/*** accessibility ***/
.sr-only { width: 1px; height: 1px; border: 0; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; }
.sr-only-focusable:active,  .sr-only-focusable:focus { width: auto; height: auto; position: static; overflow: visible; clip: auto; margin: 0; }
/*** menu txt ***/
#sp_head .menu_txt { margin: 20px 0 0 0; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0; color: #000; }
.drawer-open #sp_head .menu_txt { margin: 28px 0 0 0; }
/*	sp search
	---------------------*/
	
	
	
.menu_serch_sp { width: 51px; position: absolute; right: 50px; top: 0; }
.menu_serch_sp img { height: 59px; }
.fixed .toggle { top: 0; right: 0; width: 50px; height: 60px; padding: 5px; text-align: center; background: url(../img/h_close.png) no-repeat 5px 5px; background-size: 30px auto; }
.fixed .h_search_btn { top: 5px; right: 0; width: 50px; height: 50px; padding: 5px; text-align: center; background: url(../img/h_close.png) no-repeat 5px 5px; background-size: auto auto; background-size: 30px auto; }
.g_nav { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); opacity: 0; display: none; transition: opacity .3s; padding: 0; }
.nav_list { padding: 75px 10px 0; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.nav_list li { float: none; width: auto; margin: 0 auto; text-align: left; border-bottom: 1px #EDEDED solid; background: #fff; }
.nav_list li:last-child { border-bottom: none; }
.nav_list li a { display: block; padding: 18px 15px 18px 50px; color: #333; background: url(../img/title_redline.png) no-repeat 35px 50%; background-size: 5px 2px; }
.open { opacity: 1; display: block; }
.fixed { position: fixed; width: 100%; height: 100%; }
}
/* -----------------------------
    sp heder submenu
-------------------------------- */
#sp_head_subnav { display: none; }
 @media screen and (max-width: 667px) {
#sp_head_subnav { display: block; width: 100%; background: url(../img/gray_bg.png)repeat; position: fixed; top: 50px; }
.form_page #sp_head_subnav { position: inherit; }
#sp_head_subnav ul { border-bottom: 1px #DEDEDE solid; }
#sp_head_subnav ul li { float: left; width: 34%; border-left: 1px #DEDEDE solid; text-align: center; font-size: 1.3rem; font-weight: bold; line-height: 42px; }
#sp_head_subnav ul li.icon { width: 16%; font-size: 1.8rem; }
#sp_head_subnav ul li:first-child { border-left: none; }
#sp_head_subnav ul li a { display: block; height: 42px; color: #333; }
}
/* -----------------------------------------------------------
    main
-------------------------------------------------------------- */

#main { position: relative; top: 0; padding: 0 0 108px 0; }
#main.form_page { top: -4px; padding: 0 0 80px 0; }
/*
#main .form_page {
	position: inherit;
	top: 0;
	padding: 60px 0 0 0;
}
#main .form_page.low_page {
	padding: 120px 0 0;
}
*/

.low_page { padding: 110px 0 0; }
.low_page.form_page { padding: 0 0 0; }
 @media screen and (max-width: 667px) {
#main { position: relative; top: 115px; padding: 0 0 175px 0; }
#main.form_page { top: 21px; padding: 0 0 100px 0; }
/*
	#main .form_page {
		position: inherit;
		top: 0;
		padding: 0 0 0 0;
	}
	#main .form_page.low_page {
		padding: 0 0 0;
	}
	*/
	
.low_page { padding: 0 0 0; }
.low_page.form_page { padding: 0 0 0; }
}
/* -----------------------------------------------------------
    h1
-------------------------------------------------------------- */
.h1_area { width: 1100px; margin: 0 auto; }
.h1_area .in { /*
	position: fixed;
	z-index: 500;
	*/
position: relative; z-index: 1; }
.h1_area .in.form_page { position: relative; }
.h1_area h1 { position: absolute; top: 452px; right: 0; text-align: right; font-size: 1.2rem; color: #999; font-weight: 500; padding: 20px 0 0 0; overflow: hidden; width: 600px; line-height: 1; }
.h1_area h1.pro_detail { top: 102px; }
.h1_area h1.case_detail { top: 102px; }
 @media screen and (max-width: 667px) {
/*
	.h1_area {
		background: #222;
		height: 22px;
		line-height: 1.0;
		width: 100%;
	}
	
	.h1_area .in {
		width: 100%;
		z-index: 1;
	}

	.h1_area h1 {
		background: #222;
		float: none;
		font-size: 1.0rem;
		color: #FFF;
		padding: 4px 8px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		letter-spacing: -0.05em;
		width: 100%;
	}
	*/
	
.h1_area { position: relative; background: none; height: auto; line-height: 1.0; width: 100%; }
.h1_area .in { position: absolute; top: 92px; width: 100%; z-index: 1; }
.h1_area .in.form_page { position: absolute; }
.h1_area h1 { position: inherit; top: 0; left: 0; background: #222; background: url(../img/black_bg.png) repeat-x center top; float: none; font-size: 1.0rem; color: #CCC; padding: 6px 8px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.05em; width: 100%; height: 23px; text-align: left; /*
		color: #D1B693;
		*/
font-weight: bold; }
.h1_area h1.pro_detail { top: 0; }
.h1_area h1.case_detail { top: 0; }
}
/* -----------------------------------------------------------
    breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs_bar { /*
	background: url(../img/casestudy_bg02.png) no-repeat top center/cover;
	*/
background: #000; height: 36px; padding: 10px 0 0; border-top: 1px #333 solid; margin: 0 0 50px; }
.breadcrumbs { text-align: left; color: #999; font-size: 1.2rem; margin: 0 0 30px; }
.breadcrumbs .fa { margin: 0 8px; font-size: 1.4rem; color: #999; }
.breadcrumbs a { color: #999; }
.breadcrumbs a:hover { color: #DDD; }
 @media screen and (max-width: 667px) {
.breadcrumbs { display: none; }
}
/* -----------------------------------------------------------
    footer
-------------------------------------------------------------- */

.footer { }
/*  f_contact_area  */

.f_contact_area { padding: 40px 0 45px; background: url(../img/gray_bg.png)repeat; }
.f_contact_area .f_logo { float: left; padding: 7px 0 0 0; }
.f_contact_area .f_logo img { width: 320px; }
/* TEL */
.f_contact_area .f_tel_area { text-align: center; padding: 7px 30px 0 50px; float: left; }
.f_contact_area .f_tel_num { font-family: 'Lato'; color: #333; font-size: 2.6rem; font-weight: bold; letter-spacing: 0.02em; }
.f_contact_area .f_tel_num::before { content: "\f095"; font-family: 'FontAwesome'; padding: 0 5px 0 0; font-size: 2.0rem; vertical-align: middle; }
.f_contact_area .f_tel_txt { color: #666; font-size: 1.3rem; line-height: 1.8; letter-spacing: 0.05em; text-align: right; }
/* CATALOG btn */
.f_contact_area .f_catalog { text-align: center; float: left; background-color: #2775B4; width: 230px; height: 58px; }
.f_contact_area .f_catalog a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 21px 22px; display: block; }
.f_contact_area .f_catalog a::before { content: "\f019"; font-family: 'FontAwesome'; padding: 0 10px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/* CONTACT btn */
.f_contact_area .f_contact { text-align: center; float: right; background-color: #E74141; width: 230px; height: 58px; }
.f_contact_area .f_contact a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 21px 22px; display: block; }
.f_contact_area .f_contact a::before { content: "\f003"; font-family: 'FontAwesome'; padding: 0 8px 0 0; font-size: 1.6rem; vertical-align: middle; color: #fff; font-weight: normal; }
/*  f_sitemap_area  */

.f_sitemap_area { margin: 0 0 0 0; background: #191B1C; padding: 60px 0 48px 0; color: #9E9E9E; }
.sitemap_list { padding: 0 0 0 50px; float: left; }
.sitemap_list:first-child { padding: 0 0 0 0; }
.sitemap_list.row2 { padding: 32px 0 0 20px; }
.sitemap_list li { line-height: 2.4; font-weight: bold; letter-spacing: -0.04em; }
.sitemap_list li a { color: #ddd; }
.sitemap_list li.li_parent { font-size: 1.4rem; }
.sitemap_list li.li_child { font-size: 1.3rem; }
.sitemap_list li.li_child::before { content: '-'; padding: 0 5px 0 0; font-weight: normal; }
.f_sitemap_area .jlma_mark { float: right; }
/* sns */
.foot_sns { display: flex; justify-content: space-between; align-items: center; padding: 15px 0 0; }
.foot_sns img { width: 40px; }
/*  f_btm_area  */

.f_btm_area { padding: 25px 0; background-color: #333; color: #fff; }
.f_btm_area a { color: #fff; }
.footer .privacy { font-size: 1.2rem; text-align: left; display: inline-block; padding: 0 10px 0 0; }
.footer .copy { font-size: 1.2rem; float: right; font-family: 'Barlow Condensed', '游ゴシック'; letter-spacing: 0.1em; }
.footer .copy span { font-weight: bold; }
 @media screen and (max-width: 667px) {
.footer { }
/*  f_contact_area  */

.f_contact_area { padding: 37px 28px 20px 28px; border-top: 1px solid #666; }
.f_contact_area .f_logo { float: none; text-align: center; padding: 0; }
.f_contact_area .f_logo img { width: 100%; max-width: 300px; }
/* TEL */
.f_contact_area .f_tel_area { padding: 18px 0; float: none; }
.f_contact_area .f_tel_txt { color: #666; font-size: 1.3rem; line-height: 1.8; letter-spacing: 0.05em; }
.f_contact_area .f_tel_txt { text-align: center; padding: 3px 0 0 0; margin: 0 0 0 10px; }
/* ACCESS */
.f_contact_area .cmn_btn { }
.f_contact_area .cmn_btn a { border: 1px solid #ddd; color: #333; background-color: #fff; width: 180px; }
/* CATALOG btn */
.f_contact_area .f_catalog { float: none; width: 75%; max-width: 480px; margin: 0 auto;/*
		background: linear-gradient(to right, #1e5799 0%,#de0e18 0%,#2cbbda 0%,#3366cc 100%);
		*/
}
.f_contact_area .f_catalog a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 21px 22px; display: block; }
/* CONTACT btn */
.f_contact_area .f_contact { float: none; width: 75%; max-width: 480px; margin: 24px auto 10px;/*
		background: linear-gradient(to right, #1e5799 0%,#de0e18 0%,#fd6c51 0%,#de0e18 100%);
		*/
}
.f_contact_area .f_contact a { font-size: 1.5rem; font-weight: bold; color: #fff; padding: 21px 22px; display: block; }
/* JLMA */
.f_contact_area .jlma_mark { text-align: center; font-size: 1.1rem; }
.f_contact_area .jlma_mark img { width: 120px; margin: 30px 0 10px; }
/* sns */
.foot_sns { padding: 25px 0 10px; justify-content: center; }
.foot_sns img { width: 40px; margin: 0 15px; }
/*  f_sitemap_area  */

.f_sitemap_area { display: none; }
/*  f_btm_area  */

.f_btm_area { padding: 15px 0; text-align: center; background: #191B1C; }
.footer .privacy { display: none; }
.footer .copy { font-size: 1.2rem; float: none; }
}
/* -----------------------------------------------------------
    page top
-------------------------------------------------------------- */
#page_top { position: fixed; bottom: 2%; right: 2%; z-index: 500; line-height: 1.0; }
#page_top a { display: block; width: 60px; height: 60px; border-radius: 80px; background: #333; color: #FFF; opacity: 0.85; }
#page_top a:hover { opacity: 0.7; }
#page_top a .fa { position: relative; top: 20px; left: 24px; font-size: 2rem; }
 @media screen and (max-width: 667px) {
#page_top { position: static; bottom: 0; right: 0; z-index: 99; }
#page_top a { display: block; width: 100%; height: 44px; border-radius: 0; background: #333; color: #fff; opacity: inherit; }
#page_top a:hover { opacity: inherit; }
#page_top a .fa { position: relative; top: 12px; left: 43%; font-size: 2.2rem; }
#page_top .pagetop_sp { font-family: 'Barlow Condensed'; font-size: 1.4rem; position: relative; top: -5px; left: 50%; right: 50%; }
}
/* -----------------------------------------------------------
    table
-------------------------------------------------------------- */
table { width: 100%; border-collapse: collapse; border-top: 1px solid #E6E6E6; line-height: 1.8; font-size: 1.5rem; }
table tr { border-bottom: 1px solid #E6E6E6; }
table th { padding: 20px 12px; width: 25%; text-align: left; vertical-align: top; }
table td { padding: 20px 20px 20px 0; text-align: left; vertical-align: top; }
 @media screen and (max-width: 667px) {
table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDD; line-height: 1.8; font-size: 1.5rem; }
table tr { border-bottom: 1px solid #DDD; }
table th { display: block; width: 100%; padding: 15px 0 5px; text-align: left; vertical-align: top; }
table td { display: block; width: 100%; padding: 0 0 15px; text-align: left; vertical-align: top; }
}
/* -----------------------------------------------------------
    list
-------------------------------------------------------------- */

ul { list-style: none; }
.list { list-style: disc; }
 @media screen and (max-width:667px) {
}
/* -----------------------------------------------------------
    下層ページ共通タイトル
-------------------------------------------------------------- */
.page_title_area { text-align: center; height: 350px; /*height: 250px;*/
background-size: cover; background-position: center top; background-repeat: no-repeat; /*padding: 80px 0 0;*/
padding: 110px 0 0; margin: 0 0 0 0; background-image: url(../img/page_title_bg.jpg); }
.page_title_area .en { font-family: 'Cinzel'; font-size: 4.4rem; font-weight: bold; color: #FFF; /*color: #000;*/
padding: 0 0 10px; letter-spacing: 0.05em;/*text-shadow:  #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;*/
}
.page_title_area .jp { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 2.0rem; font-weight: bold; line-height: 1.4; color: #FFF; /*color: #000;*/
letter-spacing: 0.1em;/*text-shadow:  #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;*/
}
.page_title_area .jp::after { content: ''; display: block; width: 60px; height: 2px; background: url(../img/color_line.png) no-repeat; vertical-align: bottom; margin: 50px auto 0 auto; }
.page_title_area .en.black { color: #000; }
.page_title_area .jp.black { color: #000; }
/* ロゴ用 */
.page_title_area .en .led { height: 50px; }
.page_title_area .en .yrs { height: 40px; }
 @media screen and (max-width: 667px) {
.page_title_area { height: auto; padding: 25px 5px; margin: 0 0 30px 0; }
.page_title_area .en { font-size: 2.6rem; padding: 0 0 4px; }
.page_title_area .jp { font-size: 1.6rem; }
.page_title_area .jp::after { width: 40px; height: 2px; margin: 20px auto 0 auto; background-size: 40px auto; }
/* ロゴ用 */
.page_title_area .en .led { width: auto; height: 35px; }
.page_title_area .en .yrs { width: auto; height: 25px; }
}
/* -----------------------------------------------------------
    下層ぺージ共通
-------------------------------------------------------------- */

.contents_in .txt { line-height: 1.6; font-size: 1.6rem; }
/* -----------------------------------------------------------
    各コンテンツ見出し
-------------------------------------------------------------- */

.title_area { margin: 0 0 50px 0; color: #333; font-weight: bold;/*
	width: 500px;
	*/
}
.title_area .title { font-size: 4.0rem; font-family: 'Cinzel'; font-weight: bold; letter-spacing: 0.05em; }
.title_area .title_j { font-size: 1.6rem; padding: 8px 0 0 34px; }
/*　iconありタイトル　*/
.title_area.icon { }
.title_area.icon .title::before { margin: 0 12px 5px 0; content: ''; display: inline-block; width: 22px; height: 30px; background: url(../img/title_icon01.png); vertical-align: middle; }
 @media screen and (max-width: 667px) {
.title_area { width: 100%; margin: 0 0 20px 0; }
.title_area .title { font-size: 2.6rem; }
.title_area .title_j { font-size: 1.5rem; padding: 4px 0 0 25px; }
/*　iconありタイトル　*/
.title_area.icon { }
.title_area.icon .title::before { margin: 0 8px 2px 0; content: ''; display: inline-block; width: 18px; height: 20px; background: url(../img/title_icon01_sp.png); background-size: 18px; vertical-align: middle; }
}
/* -----------------------------------------------------------
    キャッチコピー
-------------------------------------------------------------- */

.cmn_catch { color: #000; font-size: 2.6rem; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height: 1.5; font-weight: 500; }
.cmn_service_area .cmn_catch { padding: 5px 0 0 0; font-size: 2.0rem; font-weight: 700; letter-spacing: 0.05em; }
 @media screen and (max-width: 667px) {
.cmn_catch { font-size: 1.8rem; font-weight: 700; }
.cmn_service_area .cmn_catch { padding: 0 0 0 0; font-size: 1.8rem; font-weight: 700; }
}
/* -----------------------------------------------------------
    button
-------------------------------------------------------------- */

.cmn_btn { width: 240px; text-align: center; }
/*　黒文字　*/
.cmn_btn a { display: inline-block; position: relative; width: 240px; font-size: 1.5rem; color: #000; padding: 18px 0; border: 1px solid #191919; text-align: center; border-radius: 50px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: url(../img/arrow_bla.png) no-repeat center right 15px; background-size: 7px; font-weight: 700; letter-spacing: 0.05em; }
.cmn_btn a, .cmn_btn a::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.cmn_btn a::before, .cmn_btn a::after { background: linear-gradient(to right, #449FE1, #1BBB9D); content: ''; position: absolute; z-index: -1; }
.cmn_btn a:hover { color: #FFF; border: 1px solid #1BBB9D; padding: 18px 0 18px 10px; }
.cmn_btn a::after { height: 100%; left: 0; top: 0; width: 0; }
.cmn_btn a:hover:after { width: 100%; }
/*　白文字　*/
.cmn_btn.type_w a { color: #FFF; border: 2px solid #FFF; background: url(../img/arrow_w.png) no-repeat center right 15px; background-size: 7px; background-color: rgba(0,0,0,0.55); }
.cmn_btn.type_w a:hover { }

/*
.cmn_btn.type_w a::before,
.cmn_btn.type_w a::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .3s;
  color: #fff;
}
.cmn_btn.type_w a::before {
	border-top: 2px solid #DFCCB3;
	border-bottom: 2px solid #DFCCB3;
	border-radius: 50px;
	transform: scale(0, 1);
	color: #fff;
}
.cmn_btn.type_w a::after {
	border-right: 2px solid #DFCCB3;
	border-left: 2px solid #DFCCB3;
	border-radius: 50px;
	transform: scale(1, 0);
	color: #fff;
}
.cmn_btn.type_w a:hover {
	background: url(../img/arrow_w.png)no-repeat center right 15px;
	background-size: 7px;
	border: 2px solid #DFCCB3;
	border-radius: 50px;
	background-color: rgba(0,0,0,0.55);
	color: #fff;
}
.cmn_btn.type_w a:hover::after,
.cmn_btn.type_w a:hover::before {
	transform: scale(1);
	border: 2px solid #DFCCB3;
	border-radius: 50px;
	color: #fff;
}
*/

@media screen and (max-width: 667px) {
.cmn_btn { width: 80%; margin: 0 auto; text-align: center; }
.cmn_btn a { width: 100%; }
.cmn_btn a::before,  .cmn_btn a::after { background: none; }
.cmn_btn a:hover { color: #FFF; border: 1px solid #B19972; padding: 18px 0; background: url(../img/arrow_w.png) #B19972 no-repeat center right 15px; background-size: 7px; }
.cmn_btn.type_w a { color: #FFF; border: 2px solid #FFF; }
.cmn_btn.type_w a:hover { border: 2px solid #B19972; padding: 18px 0; }
}
/*   PAGER
--------------------------------------- */

.pager_area { margin: 30px 0 0 0; text-align: center; font-size: 1.6rem; }
.pager_area a, .pager_area b { display: inline-block; padding: 10px 15px 12px; margin: 0 3px; }
.pager_area a { border: 1px solid #E6E6E6; color: #B3B3B3; font-family: 'Cinzel'; font-weight: bold; }
.pager_area a:hover { }
.pager_area .current { font-family: 'Cinzel'; font-weight: bold; background: #212223; color: #fff; display: inline-block; padding: 10px 15px 12px; margin: 0 3px; }
.pager_area .back, .pager_area .next { color: #B3B3B3; }
.pager_area .back a, .pager_area .next a { margin: 0; padding: 10px 15px 12px; border: none; border: 1px solid #E6E6E6; color: #333; }
.pager_area .back .fa { margin: 0 10px 0 0; }
.pager_area .next .fa { margin: 0 0 0 10px; }
 @media screen and (max-width:667px) {
.pager_area { margin: 20px 0 40px; }
.pager_area a,  .pager_area b { padding: 8px; margin: 0 1px; }
.pager_area .current { padding: 8px; margin: 0 1px; }
}
/* -----------------------------------------------------------
    矢印付きテキストリンク
-------------------------------------------------------------- */

.next_link { font-size: 1.4rem; text-align: right; letter-spacing: 0.1em; }
.next_link a { display: inline-block; padding: 5px; }
.next_link a::before { display: inline-block; margin: 0 10px 0 0; content: "\f105"; font-family: FontAwesome; font-size: 1.6rem; color: #B19972; }
/*
.next_link a::after {
	display: inline-block;
	margin: 0 0 0 8px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #B19972;
}
*/


.back_link { font-size: 1.4rem; text-align: left; display: block; letter-spacing: 0.1em; margin: 60px 0 0; }
.back_link a { padding: 5px; }
.back_link a::before { display: inline-block; margin: 0 10px 0 0; content: "\f104"; font-family: FontAwesome; font-size: 1.6rem; color: #B19972; }
 @media screen and (max-width: 667px) {
.back_link { margin: 20px 0; }
}






.wapper1{ margin:0 auto; width:1260px;}
.company1bg{ margin:15px 0;}
.company1{display: flex; justify-content: space-between;/* align-items: center*/}
.company1 .imgbg{ width:48%;}
.company1 .img{}
.company1 .img img{ display:block; width:100%;}
.company1 .txtbg{ width:48%; padding:50px 0 0 0;}
.company1 .txt{ background:#f4f6f7; padding:30px;}
.company1 .h2{ font-size:50px; line-height:60px; margin-bottom:20px;}
.company1 .h3{ font-size:16px; line-height:26px; color:#666;}
@media screen and (max-width: 667px) {
.wapper1{ width:90%;}
.company1bg{ margin:15px 0;}
.company1{display:block;}
.company1 .imgbg{ width:100%;}
.company1 .txtbg{ width:100%; padding:20px 0 0 0;}
.company1 .txt{ padding:30px;}
.company1 .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.company1 .h3{ font-size:14px; line-height:24px; }
}

.company2bg{ margin:100px 0;}
.company2{display: flex; justify-content: space-between; align-items: flex-end;}
.company2_lt{ width:48%;}
.company2_lt .box1{}
.company2_lt .box1 .h2{ font-size:50px; line-height:60px; margin-bottom:20px;}
.company2_lt .box1 .h3{ font-size:16px; line-height:26px; color:#666;}
.company2_lt .box2{}
.company2_lt .box2 ul{display: flex; justify-content: space-between;/* align-items: center*/ flex-wrap:wrap;}
.company2_lt .box2 ul li{ width:48%; margin:20px 0 0 0;}
.company2_lt .box2 ul li .txt{}
.company2_lt .box2 ul li .txt .h2{ font-size:19px; line-height:29px; color:#00bcd4; font-weight:bold; margin-bottom:10px;}
.company2_lt .box2 ul li .txt .h3{ font-size:16px; line-height:26px; color:#666;}
.company2_rt{ width:32%;}
.company2_rt img{ display:block; width:100%;}
@media screen and (max-width: 667px) {
.company2bg{ margin:40px 0;}
.company2{display:block;}
.company2_lt{ width:100%; margin-bottom:20px;}
.company2_lt .box1 .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.company2_lt .box1 .h3{ font-size:14px; line-height:24px; }
.company2_lt .box2 ul li{ width:100%; margin:20px 0 0 0;}
.company2_lt .box2 ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.company2_lt .box2 ul li .txt .h3{ font-size:14px; line-height:24px; }
.company2_rt{ width:100%;}
}

.tit1{ text-align:center;}
.tit1 .h2{ font-size:50px; line-height:60px;}
.tit1 .line1{ margin:0 auto; width:210px; height:2px; background:#00bcd4; margin-top:20px;}
.company3bg{ background:#f0f3f2;}
.company3bg svg{ display:block; margin:0 auto; height:70px;}
.company3bg svg,.company3bg path{ fill:#fff;}
.company3{ padding:100px 0;}
.company3 .list{ margin-top:60px;}
.company3 .list ul{display: flex; justify-content: space-between;/* align-items: center*/ flex-wrap:wrap;}
.company3 .list ul li{ width:calc(100%/3 - 1px); border-left:1px solid #dfe5e8; border-top:1px solid #dfe5e8;}
.company3 .list ul li:nth-child(1),.company3 .list ul li:nth-child(2),.company3 .list ul li:nth-child(3){ border-top:none;}
.company3 .list ul li:nth-child(3n-2){ border-left:none;}
.company3 .list ul li .nr_box{display: flex; justify-content: space-between;/* align-items: center*/ flex-direction:column; padding:20px;}
.company3 .list ul li:nth-child(6n-4) .nr_box,.company3 .list ul li:nth-child(6n-1) .nr_box{ flex-direction:column-reverse;}
.company3 .list ul li .imgbg{ width:100%; margin:10px 0;}
.company3 .list ul li .img{ height:200px; position:relative; overflow:hidden; border-radius:0 20px 20px 20px;}
.company3 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.company3 .list ul li:nth-child(6n-4) .img,.company3 .list ul li:nth-child(6n-1) .img{ border-radius:20px 20px 20px 0;}
.company3 .list ul li .txtbg{ width:100%; margin:10px 0;}
.company3 .list ul li .txt{ height:200px;}
.company3 .list ul li .txt .h2{ font-size:19px; line-height:29px; font-weight:bold; margin-bottom:10px;}
.company3 .list ul li .txt .h3{ font-size:16px; line-height:26px; color:#666;}
@media screen and (max-width: 667px) {
.tit1 .h2{ font-size:24px; line-height:34px;}
.tit1 .line1{ width:110px; height:2px; margin-top:10px;}
.company3{ padding:70px 0;}
.company3 .list{ margin-top:30px;}
.company3 .list ul li{ width:100%; border-left:none; border-top:1px solid #dfe5e8 !important;}
.company3 .list ul li:nth-child(1){ border-top:none !important;}
.company3 .list ul li .nr_box{ padding:20px;}
.company3 .list ul li .txt{ height:auto;}
.company3 .list ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.company3 .list ul li .txt .h3{ font-size:14px; line-height:24px; }
}

.company4bg{ margin:100px 0;}
.company4{}
.company4 .list{ }
.company4 .list ul{display: flex; justify-content: space-between;/* align-items: center*/ flex-wrap:wrap;}
.company4 .list ul li{ width:48%; margin:0 0 4% 0;}
.company4 .list ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.company4 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media screen and (max-width: 667px) {
.company4bg{ margin:40px 0;}
}