@charset "utf-8";


/* ----------------------------------------------------------------------
基本設定
---------------------------------------------------------------------- */
/* レイアウト */
body { touch-action:manipulation; }
html:before { display:none; }
html.open_menu body { overflow-y:hidden; }
body { padding:0px; padding-top:0.01rem }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a[href^="tel:"] {
    pointer-events:auto;
}




a {
	-webkit-tap-highlight-color: transparent;
}
	


body:before { display:none; }
body:after { display:none; }
#container { border:none; min-height:inherit; }
#main_col { width:auto; margin:0 100px; }
#side_col { width:auto; margin:80px 100px 0; }
@media screen and (max-width:1000px) {
body.single-news #main_content { padding-top:80px; }
#main_col { margin:0 60px; }
#side_col { margin:80px 60px 0; }
}
@media screen and (max-width:800px) {
	

body.home { padding:0px 0 0; }
body.home.show_header_message #container { margin-top:-40px; }
#main_content { padding:55px 0 40px; }
body.single-news #main_content { padding-top:20px; }
#main_col { margin:0 20px; }
#side_col { margin:40px 20px 0; display:block; }
#article { padding-bottom:20px; }

.anchor:before {
    content: "";
    display: block;
    height: 170px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -170px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}


.anchor_ori:before {
    content: "";
    display: block;
    height: 170px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -170px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}

}


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

.disp_pc{
display:none!important;
}
.disp_sp{
display:block!important;
}
.pc_br{
display:none!important;
}
.sp_br{
display:inline-block!important;
}

.sp_mt0{
margin-top:0px!important;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px!important;
}
.spmt40{
margin-top:40px;
}
.nmt30{
margin-top:-30px;
}
.nmt40{
margin-top:-40px;
}
.nmb30{
margin-bottom:-30px;
}
.nmb40{
margin-bottom:-40px;
}
.nmb50{
margin-bottom:-50px;
}
.nmb60{
margin-bottom:-60px;
}

.sp_mt10{
margin-top:10px!important;
}
.sp_mt20{
margin-top:20px!important;
}
.sp_mt30{
margin-top:30px!important;
}
.sp_mt40{
margin-top:40px!important;
}
.sp_mt50{
margin-top:50px!important;
}

.sp_mb{
	margin-bottom:0px!important;
	}
.sp_mb5{
	margin-bottom:5px!important;
	}
.sp_mb10{
	margin-bottom:10px!important;
	}
.pc_mb40{
	margin-bottom:0px!important;
	}
	
.sp_txr_l{
	text-align:left!important;
	}

.spf_logo{
	display:block;
	}

.bg_color_whi {
width: 100%;
padding: 1px 0 30px 0;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_whi_t{
width:100%;
padding:1px 0 40px 0;
background-color:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_whi_sp01{
width: 100%;
padding: 10px 0 10px 0;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.bg_color_gra{
width:100%;
padding:1px 0 0px 0;
background-color:#F4F7FB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_gre{
width:100%;
padding:30px 0 30px 0;
background-color:#EBF3CF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_gly {
    width: 100%;
    padding: 1px 0 20px 0;
    background-color:#E1E7F5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.image_slide{
padding:0 18px 0 18px;
}

.img_achievement_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
    margin-top: 40px;
    height: auto;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    /* background-image: linear-gradient(#ffffff, #D0D0D0); */
    background-color: #fff;
}
.table_achievement_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px #E5E5E5;
}


.bg_stock_list{
width:100%;
padding:20px 0 0px 0;
	background:#ddd url(/img/top_stock_bg.jpg) no-repeat top center;
background-size:cover;
}

.bg_joint{
width:100%;
margin-top:15px;
padding:20px 0 0px 0;
	background:#ddd url(/img/top_specialmaterial_bg.jpg) no-repeat top center;
background-size:cover;
}



}

/* アクセスマップ */
@media only screen and (max-width: 800px) {
.access_map .qt_google_map { height:250px; }
.access_map .qt_google_map .qt_googlemap_embed { height:250px; }
.map_desc h3 { font-size:14px !important; }
.map_desc { font-size:14px; margin-top:-20px; }
.map_desc .item:first-of-type { margin-bottom:15px !important; }
}



/* アクセス */
@media only screen and (max-width: 1000px) {
#page_contents .map_desc .item { margin-bottom:15px; }
#page_contents #access_bottom_content { margin:35px 0 0px; }
.schedule_content { display:block; }
.schedule_content .info { width:auto; font-size:14px; }
.schedule_content .info p { margin-bottom:28px;  }
.schedule_content .schedule { width:auto; margin-top:35px; }
.schedule_content td .content { min-height:40px; }
}




/* ----------------------------------------------------------------------
お知らせ
---------------------------------------------------------------------- */
#archive_news { padding:100px 0; }
.news_category_button_wrap { width:auto; margin:0 100px 80px; }
.news_category_button li { font-size:14px; }
#news_list { width:auto; margin:0 100px; overflow:hidden; }
#news_list .animate_background { width:100% !important; height:auto !important; }
#news_list .content { height:131px; padding:18px 20px; }
#news_list .title { font-size:14px; }
#news_list .meta { bottom:20px; font-size:12px; }
@media only screen and (max-width: 1000px) {
.news_category_button_wrap { margin:0 60px 80px; }
#news_list { margin:0 60px; }
}
@media only screen and (max-width: 800px) {
#archive_news { padding:40px 0; overflow:hidden; }
.news_category_button_wrap { margin:0 20px 40px; }
.news_category_button_wrap.use_scroll { margin:0 0 40px 0; overflow-x:auto; }
.news_category_button { flex-wrap:nowrap; justify-content:center; }
.news_category_button_wrap.use_scroll .news_category_button { justify-content:start; }
.news_category_button li { font-size:14px; min-width:130px; flex: 1 0 auto; }
.news_category_button li a { height:50px; white-space:nowrap; padding:0 20px; }
.news_category_button_wrap.use_scroll .news_category_button li:last-of-type { padding-right:20px; min-width:150px; }
.news_category_button_wrap.use_scroll .news_category_button li:first-of-type { padding-left:20px; min-width:150px; }
#news_list { margin:0; }
#news_list .item { width:50%; }
#news_list .item:nth-child(3n) .content:after { display:block; }
#news_list .item:nth-child(2n) .content:after, #news_list .item:last-of-type .content:after { display:none; }
}


/* ----------------------------------------------------------------------
ドロワーメニュー
---------------------------------------------------------------------- */
#drawer_menu {
display:block; position:fixed; top:0px; right:0; width:100%; height:100vh; height:100dvh; background:#fff; overflow:auto; z-index:10000;
opacity:0; transition: opacity 0.7s ease; -webkit-overflow-scrolling: touch; pointer-events:none;
}
.open_menu #drawer_menu { opacity:1; pointer-events:auto; }
.open_menu #js-footer-bar { display:none; }

/*#drawer_menu a[href^="tel:"] { pointer-events:none; }*/
.open_menu #drawer_menu a[href^="tel:"] { pointer-events:auto; }

/* ドロワーメニューのスクロールバー */
#drawer_menu .simplebar-scrollbar:before { background:#000 !important; }


/* 閉じるボタン */
#drawer_menu .close_button_area { position:relative; width:100%; height:60px; }
#drawer_menu .close_button { cursor:pointer; display:block; width:60px; height:60px; position:absolute; top:0px; right:0px; z-index:10; }
#drawer_menu .close_button:before {
color:#000; font-family:'Material Icons'; content:'\e5cd'; font-size:20px; display:block; top:21px; left:19px; position:absolute;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* グローバルメニュー */
#header #global_menu { display:none; }
#mobile_menu { width:100%; margin:-1px 0 0; border-top:1px solid #ddd; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
position:relative;
display:block;  margin:0;
padding:0 5px 0 12px;
height:50px;
line-height:50px;
overflow:hidden;
text-decoration:none;
color:#000;
font-size:0.9rem;
border-bottom:1px solid #ddd;
overflow:hidden;

}
#mobile_menu li li a{
	border:none;
	height:50px;
	line-height:50px;
	}



/* グローバルメニュー（子メニュー） */
#mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:50px; height:50px; right:0px; top:-1px; z-index:9; cursor:pointer; }
#mobile_menu .child_menu_button:after {
background:#000; content:''; height:2px; width:12px; display:block;
position:absolute; right:25px; top:25px; transition: background-color 0.25s ease;
}
#mobile_menu .child_menu_button:before {
background:#000; content:''; height:12px; width:2px; display:block;
position:absolute; right:30px; top:20px; transition: background-color 0.25s ease;
}
#mobile_menu li.open > .child_menu_button:before {  display:none; }
#mobile_menu li.open > a { border-bottom:none; }


#mobile_menu li li a {
	opacity:1;
}
#mobile_menu li li.animate a {
opacity:1;
transition:
opacity 0.25s ease;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
background-color:#FFEDDB;
}
#mobile_menu li li.animate a:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url(/img/sp_menu_line.png) no-repeat;
  background-size: contain;
  margin-right: 6px;
		margin-left:4px;
}



#mobile_menu li .inventory_list{
	background-color:#FFEDDB;	
	}


#mobile_menu li ul {}


/* 検索フォーム */
#drawer_menu_search { position:relative; width:100%; }
#drawer_menu_search .input_area {
background:#E1E7F5;
width:100%;
height:50px;
position:relative;
}

#drawer_menu_search .input_area input { font-size:12px; border:none; background:none; height:50px; width:calc(100% - 50px); position:absolute; left:0px; top:0px; padding:20px; }
#drawer_menu_search .button_area { width:50px; height:50px; position:absolute; right:0px; top:0px; }
#drawer_menu_search .button_area input { width:50px; height:50px; border:none; background:none; cursor:pointer; }

#drawer_menu_search .button_area:before {
display:block;
text-align:center;
cursor:pointer;
z-index:1;
pointer-events:none;
position:absolute;
font-family:'Material Icons';
color:#2D56A3;
font-size:1.3rem;
content:'\e8b6';
left:13px; top:17px;
transition: color 0.25s ease;
}




/* ロゴ */
#drawer_logo a {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 155px;
align-items: center;
height: auto;
position: absolute;
left: 5px;
top: 12px;
z-index: 100;
}

#drawer_logo .icon_image {
	margin-left:10px;
	}
	
#drawer_logo .icon_image img.pc { display:none; }
#drawer_logo .text_image { padding:0; height:60px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#drawer_logo .text_image img.pc { display:none; }
#drawer_logo .text_image img { transform:scale(0.8); transform-origin:left; }
#drawer_logo .text_image img.mobile {
transform:scale(1);
transform-origin:left;
width:260px;
}

#drawer_logo img {
display:block;
transition: opacity 0.3s ease-in-out;
width:100%;
height:auto;
}

#drawer_logo a:hover img { opacity:0.5; }
#drawer_logo a .logo_text { font-weight:500; }
#drawer_logo a:hover .logo_text { }


/* アイコンバナー */
#drawer_icon_button { display:flex; flex-wrap:wrap; position:relative; }
#drawer_icon_button:before { content:''; width:1px; height:100%; display:block; background:#ddd; position:absolute; top:0; left:50%; z-index:-1; }
#drawer_icon_button .item { width:50%; }
#drawer_icon_button .item.long { width:100%; }
#drawer_icon_button .item.long br { display:none; }
#drawer_icon_button .item a { font-size:14px; display:block; width:100%; height:50px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-bottom:1px solid #ddd; }
#drawer_icon_button .item.long a { background:#fff !important; border-color:#ddd !important;}
#drawer_icon_button a:before { margin:0 8px 0 0; }



/* ----------------------------------------------------------------------
ページ上部　ヘッダー
---------------------------------------------------------------------- */
#header {
	height:61px;
display:block;
border-bottom:none;
border-bottom: solid 1px #F0F0F0;
}

#header:before { width:60px; }
body.hide_page_header_bar #header::before { display:none; }
@media screen and (max-width:800px) {
body.home #header {
	background:none;
	border-bottom:none;
	}


body.home.open_header #header { background:#fff; }
#header:before { display:none; }
body.header_fix #header { position:fixed; background:#fff; transition: all 0.25s ease; z-index:1000; }
body.hide_page_header_bar.header_fix #header { position:absolute; background:none; }
body.hide_page_header_bar.header_fix #header:before { display:none; }
body.open_header #header { position:fixed; background:#fff; animation: open_header_animation 0.6s ease forwards; top:0 !important; }
body.close_header #header { animation:none; }
body.header_fix #header:after {
content:''; display:block;
width:100%;
height:1px;
background:#ddd;
position:absolute;
bottom:0px; left:0px; }
body.open_header_mobile #header { position:fixed; background:#fff; animation: open_header_animation 0.6s ease forwards; top:0 !important; }
body.close_header_mobile #header {  position:fixed; background:#fff; animation: close_header_animation 0.6s ease forwards; top:0 !important; }
body.open_header_mobile #header:after { content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0px; left:0px; }
}

/* ロゴ */
#header_logo2 a { }
#header_logo2 .icon_image { width:60px; height:60px; }
#header_logo2 .icon_image img {
transform:scale(0.8);
width: 100%;
height: auto;
}
#header_logo2 .text_image { padding:0 20px; height:60px; }
#header_logo2 .text_image img { transform:scale(0.8); transform-origin:left; }
@media screen and (max-width:800px) {
body.home #header_logo, body.hide_page_header_bar #header_logo { display:block; }
body.home #header_logo2, body.hide_page_header_bar #header_logo2 { display:none; }
}


body.home.no_header_logo_image_mobile #header_logo {
width: 170px;
height: auto;
position: absolute;
left: 27px;
top:30px;
display: inline-block;
z-index: 200;
}


@media screen and (min-width:480px) and ( max-width:799px) {
	body.home.no_header_logo_image_mobile #header_logo {
width: 220px;
height: auto;
position: absolute;
left: 27px;
top:40px;
display: inline-block;
z-index: 200;
}

}



body.home.no_header_logo_image_mobile.open_header_mobile .header_inqarea p {
   display: none;
    }



body.home.no_header_logo_image_mobile #header_logo2 { display:block; }
body.home.show_text_logo #header_logo2 { display:block; }

#header_logo {
	width:180px;
	height:55px;
	left:10px;
	top:0;
	}


#header_logo a { width:150px; height:150px; padding:20px; }
@media screen and (max-width:800px) {
#header_logo img.pc { display:none; }
#header_logo img.mobile { display:block; }
}
body.home.open_header #header_logo { display:none; }
body.home.open_header #header_logo2 { display:block; }


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

}


body.home.no_header_logo_image_mobile #header_logo {
	display:block;
	}

#header_logo2 .logo_text { padding-left:0px; }
body.home.header_fix #header_logo2 { display:block; }
body.home.open_header_mobile #header_logo2 { display:block; }
body.home.close_header_mobile #header_logo2 { display:block; }
body.home.no_header_logo_image_mobile #header_logo2 { transition: opacity 1.4s ease 0.5s; }

@media screen and (max-width:800px) {
body.home.no_header_logo_image_mobile #header_logo {
	display:block;
	}
 body.home.no_header_logo_image_mobile #header_logo2 {
			display:bloc;
	}
	}

#header_logo a {
	width:100%;
	height:55px;
	display:block;
	padding:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	transition:opacity 1.4s ease 0.5s;
	padding: 0px 5px 0px 5px;
	}

#header_logo2 .icon_image, #header_logo2 .icon_image_mobile { width:100%; }

#header_logo2 img.pc { display:none; }


#header_logo2 img.mobile { display:block; transform:scale(1); }
#header_logo2 .text_image { padding:0; }


body.home.no_header_logo_image_mobile #header_logo2 {
left:15px;
top:-11px;
padding: 15px 5px 10px 7px;
width:210px;

}
body.home.open_header_mobile.no_header_logo_image_mobile #header_logo2 {
left:0px;
top:0px;
padding: 20px 10px 20px 7px;
width:110px;


}



body.home.no_header_logo_image_mobile #header_logo2 img{
width:90%;
height:auto;
}



body.no_header_logo_image_mobile #header_logo2 {
left:0px;
top:-6px;
padding: 8px 0px 0px 20px;
width:180px;

}

body.open_header_mobile #header_logo2 {
left: 11px;
top: 2px;
padding: 3px 0px 0px 0px;
width: 170px;

}

@media screen and (min-width:801px) and ( max-width:1221px) {
body.home.no_header_logo_image_mobile #header_logo  {
 display:none;
}
}
@media screen and (min-width:480px) and ( max-width:800px) {
body.home.no_header_logo_image_mobile #header_logo2 {
display:none
}
body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2 {
	display:block;
        }

}




.n2-ss-slider {
z-index: 3;
position: relative;
text-align: left;
width: 100%;
min-height: 1px;
padding: 17px!important;
}

body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2{
left:12px;
top:0px;
padding: 0px 0px 0px 0px;
width:160px;
background-color:#fff;
}


body.home.no_header_logo_image_mobile.close_header_mobile #header_logo2 {
display:none;
}

body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2 img{
width:220px;
height:auto;

}
body.home.no_header_logo_image_mobile.close_header_mobile #header_logo2 img{
display:none;

}


#drawer_logo{
width:220px;
}

body.home.show_text_logo #header_logo2 { left:40px; top:20px; }
body.admin-bar.home.show_text_logo #header_logo2 { top:40px; }
body.home.show_text_logo.open_header_mobile #header_logo2, body.home.show_text_logo.close_header_mobile #header_logo2 { left:20px; top:0px; }

body.home.show_text_logo.open_header_mobile #header_logo2, body.home.show_text_logo.close_header_mobile #header_logo2  img{
width:220pximportant;
height:auto;
}




#header_logo2 .icon_image {
width:100%;
height: auto;
background: url(/img/footer_logo01.png) center center no-repeat;!important;
background-size: contain;
}	



.open_header_mobile #header_logo2 .icon_image {
width: 220px;
height: 45px;
background: url(/img/footer_logo01.png) bottom 0px right no-repeat;
background-size: contain;
}




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


	
body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2 {
left: 10px;
top: 3px;
padding: 2px 0px 0px 2px;
width: 150px;
background-color: #fff;
}
.open_header_mobile #header_logo2 .icon_image {
width: 172px;
height: 45px;
background: url(/img/footer_logo01.png) bottom 0px right no-repeat;
background-size: contain;
}


.inpage_ink_wrap {
    background-color: #F9F9F9;
    padding: 20px 5px 20px 5px;
    margin-top: 0px;
    border-bottom: solid 1px #E5E5E5;
    box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}


.n2-ss-slider .n2-ss-text {
    user-select: text;
    cursor: initial;
    font-size: 0.75rem!important;

}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    display: flex;
    margin-top: 12px;
}
.n2-ss-slider .n2-ss-layer[data-pm=absolute] {
    position: absolute;
    left: 0;
    top: 12px!important;
}

/**/

.stock_list_bt{
	max-width: 600px;
margin: 30px auto 30px auto;
text-align:center;

	}
a.btn_stock {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 94%;
height: 70px;
margin:0 auto;
padding: 5px 20px 5px 20px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}
a.btn_stock::before {
	display:none;
}

a.btn_stock::after {
	display:none;
}

a.btn_stock span {
font-size: 1.2rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:130%;
font-weight: bold;

}

a.btn_stock:hover {
color: #fff;
background-color: #343565;
}

a.btn_stock:hover::after{
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}
a.btn_stock:hover::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/list_bt_ico.png");
background-size: contain;
background-repeat: no-repeat;
}


/**/


.joint_bt {
max-width: 600px;
margin: 30px auto 30px auto;
text-align:center;
}

a.btn_joint {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 94%;
height: 70px;
margin:0 auto;
padding: 5px 15px 5px 15px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}
a.btn_joint::before {
	display:none;
}

a.btn_joint::after {
	display:none;
}

a.btn_joint span {
font-size: 1.2rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:130%;
font-weight: bold;
line-height:110%;
}

a.btn_joint span i{
	font-size:0.85rem;
	font-style:normal;
	letter-spacing : -0.05em;
	}

a.btn_joint:hover {
color: #fff;
background-color: #343565;
}

a.btn_joint:hover::after{
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}

a.btn_joint:hover::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/joint_bt_ico.png");
background-size: contain;
background-repeat: no-repeat;
}



}

body.home .logo_text { color:#fff; }
body.home.open_header_mobile .logo_text, body.home.close_header_mobile .logo_text { color:#000; }
}
@media screen and (max-width:800px) {
#header_logo { display:none; }
}

min-width:

/* サイトの説明文 */
#site_desc { display:none; }


/* アイコンボタン */
#side_icon_button { display:none; }


/* 非表示にする要素 */
#global_menu { display:none; }
#header_search { display:none; }
#header_lang_button { display:none; }


/* メニューボタン */
#drawer_menu_button {
position:absolute;
z-index:10000;
right:6px;
bottom:0px;
transition:opacity 1.4s ease 0.5s;
display:inline-block;
font-size:11px;
width:50px;
height:65px;
line-height:60px;
text-decoration:none;
text-align:center;
}
#drawer_menu_button span {
height:2px; background:#000; display:block; position:absolute; left:28px;
-webkit-transition-property:background-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease;
-webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
body.hide_page_header_bar #header #drawer_menu_button { display:none; }
body.home #drawer_menu_button { opacity:0; }
body.home #drawer_menu_button.animate { opacity:1; }
#drawer_menu_button:hover span { opacity:0.5; }
#drawer_menu_button span { left:14px; }
#drawer_menu_button span:nth-child(1) { top:24px; width:28px;}
#drawer_menu_button span:nth-child(2) { top:30px; width:20px;}
#drawer_menu_button span:nth-child(3) { top:36px; width:24px;}


#header #drawer_menu_button .menu_txt {
display: inline-block;
font-size: 10px;
margin-top: 19px;
padding-left:7px;
color: #000;
}

body.home #header #drawer_menu_button .menu_txt{
display:inline-block;
font-size:10px;
margin-top:19px;
color:#000;
}

body.home.open_header_mobile #header #drawer_menu_button .menu_txt{
display:inline-block;
font-size:10px;
margin-top:19px;
color:#000;
}

@media screen and (max-width:800px) {
body.home #header #drawer_menu_button span { background:#fff; }
body.home.header_fix #header #drawer_menu_button span { background:#000; }
body.home.open_header_mobile #header #drawer_menu_button span { background:#000; }
body.home.close_header_mobile #header #drawer_menu_button span { background:#000; }
body.home #drawer_menu_button { right:24px; bottom:-20px; }
body.admin-bar.home #drawer_menu_button { bottom:-40px; }
body.home.header_fix #drawer_menu_button { right:0px; bottom:0px; }


body.home.open_header_mobile #drawer_menu_button {
right:0px;
bottom:0px; }


body.home.close_header_mobile #drawer_menu_button { right:0px; bottom:0px; }

body.home #header #drawer_menu_button .menu_txt{
display:inline-block;
font-size:10px;
margin-top:19px;
color:#fff;
}


}








/* メガメニュー */
.megamenu { display:none; }


/* メッセージ */
#header_message { padding:10px 0; z-index:2000; }
#header_message .post_content { width:auto !important; margin:0 20px !important; }
#header_message.show_close_button .post_content { margin:0 40px !important; }
@media screen and (max-width:750px) {
#header_message .post_content { line-height:1.8; }
#header_message.show_close_button .post_content { margin:0 35px !important; }
}


/* パンくずリンク */
#bread_crumb {
width:100%; position:relative; padding:0 25px !important;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb ul { width:auto !important; height:60px; line-height:60px; }
@media screen and (max-width:800px) {
#bread_crumb { padding:0 20px !important; height:50px; }
#bread_crumb ul { height:50px !important; line-height:50px !important; width:auto !important; }
#bread_crumb li { font-size:12px; margin-right:6px; padding-right:18px; }
#bread_crumb li.home { padding-right:15px; }
#bread_crumb li:after { font-size:9px; top:1px; }
}








@media screen and (max-width:1200px) {
.top_division{
width: 100%;
display:block;
margin-top: 40px;
}

.top_division > .top_division_l{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.top_division > .top_division_r{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;

}


.bg_stock_list{
width:100%;
padding:60px 0 60px 0;
	background:#ddd url(/img/top_stock_bg.jpg) no-repeat top center;
background-size:cover;
}

.bg_joint{
width:100%;
padding:60px 0 60px 0;
	background:#ddd url(/img/top_specialmaterial_bg.jpg) no-repeat top center;
background-size:cover;
}
	
	
.stock_list_bt{
	max-width: 550px;
margin: 30px auto 30px auto;
text-align:center;

	}
a.btn_stock {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 100%;
height: 70px;
padding: 5px 20px 5px 40px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}
a.btn_stock::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/list_bt_ico02.png");
background-size: contain;
background-repeat: no-repeat;
transition: 0.3s; 
}

a.btn_stock::after {
position: absolute;
content: "";
display: inline-block;
right: 7%;
top: calc(50% - 4px);
width: 7px;
height: 7px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: rotate(-45deg);
}

a.btn_stock span {
font-size: 1.2rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:130%;
font-weight: bold;

}

a.btn_stock:hover {
color: #fff;
background-color: #343565;
}

a.btn_stock:hover::after{
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}
a.btn_stock:hover::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/list_bt_ico.png");
background-size: contain;
background-repeat: no-repeat;
}


/**/


.joint_bt {
max-width: 550px;
margin: 30px auto 30px auto;
text-align:center;
}

a.btn_joint {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 100%;
height: 70px;
padding: 5px 20px 5px 40px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}
a.btn_joint::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/joint_bt_ico02.png");
background-size: contain;
background-repeat: no-repeat;
transition: 0.3s; 
}

a.btn_joint::after {
position: absolute;
content: "";
display: inline-block;
right: 7%;
top: calc(50% - 4px);
width: 7px;
height: 7px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: rotate(-45deg);
}

a.btn_joint span {
font-size: 1.2rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:130%;
font-weight: bold;

}

a.btn_joint span i{
	font-size:1rem;
	font-style:normal;
	}

a.btn_joint:hover {
color: #fff;
background-color: #343565;
}

a.btn_joint:hover::after{
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
}

a.btn_joint:hover::before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: calc(50% - 24px);
left: 20px;
background-image: url("/img/joint_bt_ico.png");
background-size: contain;
background-repeat: no-repeat;
}

}


@media screen and (max-width:480px) {
.bg_color_whi_t {
width: 100%;
padding: 1px 0 20px 0;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.topics_area {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 10px 0px 10px 0px;
}
.topics_list_img {
    padding-top: 80%;
}
.topics_list_img img {
	margin-top:0px!important;
}
.topic_tab_txt{
	font-size:0.9rem;
	letter-spacing: -0.09em;
font-weight: 600;
	}

.shaft_content {
width: 100%;
padding: 0 0px 20px 0px!important;
display: block;
}

.bg_stock_list {
width: 100%;
padding: 15px 0 0 0;
background: #ddd url(/img/top_stock_bg.jpg) no-repeat top center;
background-size: cover;
}

.bg_joint {
width: 100%;
padding: 15px 0 0 0;
background: #ddd url(/img/top_specialmaterial_bg.jpg) no-repeat top center;
background-size: cover;
}




a.btn_stock {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 90%;
height: 70px;
padding: 5px 20px 5px 40px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}

a.btn_stock span {
font-size: 1rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height: 130%;
font-weight: bold;
}


a.btn_joint span {
font-size: 1rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height: 130%;
font-weight: bold;
}
a.btn_joint span i {
font-size: 0.75rem;
font-style: normal;
}


.high_corrosion {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin: 0px 0;
padding-top: 30px;
}







@supports (paint-order: fill) and (-webkit-marquee-speed: 0) {
input[type="checkbox"]::after {
    border-bottom: 3px solid #666464;
    border-left: 3px solid #666464;
    opacity: 0;
    height: 10px;
    width: 15px;
    transform: rotate(-45deg);
    top: -1px;
    left: 10px;
}

}


a.btn_joint {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
width: 90%;
height: 70px;
padding: 5px 45px 5px 10px;
background-color: #ffffff;
border: 1px solid #343565;
border-radius: 5px;
box-sizing: border-box;
position: relative;
transition-duration: 0.3s;
}


.sum_pd{
padding-top:15px!important;
padding-bottom:15px!important;	
}

.home_case_study_box {
width: 100%;
margin: 0 auto;
margin-top: 60px;
padding-top: 1px;
background: url(/img/home_case_study.jpg) no-repeat bottom center;
background-size: cover;
text-align: center;
transition: 0.5s;
}


.main_towbox {
width: 100%;
display:block;
margin-top:45px;
margin-bottom:40px;
}

.main_towbox div{
width:100%;
padding: 0px 0px 0px 0px;
}

.main_towbox div.home_business_box{
padding-right:0%;
}
.main_towbox div.home_business_box img{
width: 100%;
height:auto;
}

.main_towbox div.home_business_box p{
	display:block;
	width:100%;
position: absolute;
top:35%;
left:0;
font-weight:600;
text-align:center;
font-size:1.2rem;
color:#fff;
padding:0;
margin:0;
}
.main_towbox div h3 {
	display:none;
}

.main_towbox div p {
	margin-top:25px;

    line-height: 180%;
}


.strengths_box {
display:block;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-top: 20px;
}

.strengths_box .item {
width: 100%;
margin-bottom: 25px;
text-align: center;
}

.strengths_box .item a {
    display: block;
    height: 100%;
    padding: 18px 0px 25px 0px;
}

.strengths_box .item p {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
				font-weight:normal;
    color: #fff;
    padding-bottom: 25px;
}
.strengths_box .item p::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    width: 1px;
    height: 20px;
    margin: auto;
    background-color: #fff;
}
.strengths_box .item h2 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 140%;
    font-weight: normal;
    position: relative;
}
.home_case_study_box a {
    display: block;
    height: 100%;
    padding: 8px 0 30px 0;
}
.home_case_study_box h2 {
    font-size: 1.7em;
    letter-spacing: 0.1rem;
    color: #F1BC1A;
    margin: 35px 19% 0 19%;
    padding: 12px 10px 12px 10px;
    border-top: solid 3px #F1BC1A;
    border-bottom: solid 3px #F1BC1A;
}
.home_case_study_box h3 {
    font-size: 1.2rem;
    font-weight: normal;
    color: #fff;
    margin: 20px 0 0 0;
    line-height: 170%;
}

.home_case_study_box p {
    font-size: 1.1rem;
    font-weight: normal;
    color: #fff;
    margin: 15px 0 0 0;
    line-height: 150%;
}


#footer_icon_banner .item {
    width: 100%;
}

.error {
    color: #F00;
    margin-top: 7px;
    margin-left: 5px;
    font-size: 0.92rem;
				display:inline-block;
				width:100%;
}

input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;
    vertical-align: middle;
    position: relative;
    width: 15px;
}

.contact_from input {
    border: 0;
    outline: 0;
    padding: 10px;
    border: solid 1px #aaa;
      margin-bottom: 4px;
}
.contact_from textarea {
    padding: 10px;
    border: solid 1px #aaa;
    width: 100%;
}

input, textarea, select {
	font-size: 16px!important;
}


.topic_content .entry-content img{
	width:100%;
	height:auto;
	}


}


	input, textarea, select {
	font-size: 16px!important;
}
	
	

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■/*







/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */
/* 画像カルーセル */
@media screen and (max-width:1200px) {
#footer_image_carousel .item { width:250px; }
}
@media only screen and (max-width: 800px) {
#footer_image_carousel .item { width:180px; }
}


/*　アイコンバナー */
#footer_icon_banner	.icon_button a:before { transform-origin:center; }
@media screen and (max-width:1200px) {
#footer_icon_banner .item a { font-size:14px; }

#footer { border-top:1px solid #ddd; }
#footer_top { display:none; }


}
@media screen and (max-width:1100px) {
#footer_icon_banner {
display:block;
margin:0;
margin-top:60px;
 }
	
#footer_icon_banner .item a { text-align:center; height:60px; border-top:1px solid #ddd; border-right:none; }
#footer_icon_banner .item:first-of-type a { border-top:none; }
}
@media screen and (max-width:800px) {
#footer_icon_banner .item a { height:50px; }
#footer_icon_banner a:before { margin:0 6px 0 0; }
}


/* SNSボタン */
#footer_sns { position:relative; left:0px; bottom:0px; width:auto; opacity:1; border-top:1px solid #ddd; padding:0; background:none; }
#footer_sns li { display:inline-block; margin:0; }
#footer_sns li a { width:35px; height:50px; }
@media screen and (max-width:800px) {
body.error404 #footer_sns { display:none; }
}


/* ロゴエリア */
#footer_top > div { padding:60px 30px; }
@media screen and (max-width:1100px) {
#footer_top > div { padding:40px 30px; }
#footer_logo { display:none; }
#footer_logo img { transform:scale(0.8); transform-origin:bottom; }




}
@media screen and (max-width:800px) {
	
#footer_top {
display:none;
 }
	
#footer_top > div { padding:40px 20px 35px; width:100%; border-bottom:1px solid #ddd; border-left:none; }
.footer_menu li { margin:0 0 13px 0; font-size:14px; line-height:1.5; }
#footer_logo img { transform:scale(1); }
#footer_logo .logo_image.pc { display:none; }
#footer_logo .logo_image.mobile { display:block; }
#footer_top .footer_menu1, #footer_top .footer_menu2{ display:none; }
#footer_top .footer_menu_mobile { display:block !important; }
#footer_top .footer_menu a { text-align:center; }
}


/* 住所 */
@media screen and (max-width:800px) {
#footer_address { padding:20px 15px 20px 15px; }
#footer_address span {
padding:0;
display:block;
font-size:0.9rem;
line-height:170%;
}

.f_logo{
display:block;
width:400px;
text-align:center;
margin:0 auto;
line-height:100%;
padding:1px 30px 1px 30px;
}
.f_logo img{
width:100%;
}


.spf_logo{
width:100%;
padding:20px 0 0 0;
}

#footer_address {
display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0px 0 0px 0;
    background-color: #FAFAFA;
    padding: 5px 2% 10px 2.5%;
}

#footer_address p{
	line-height:140%;
	font-size:0.8rem;
	}

.base_box_add {
    letter-spacing: 0.04em;
}
.base_box_add i {
    font-size: 0.95em;
    vertical-align: middle;
    font-style: normal;
}




.base_box_e {
    width: calc(100% / 2);
    padding: 10px 0px 0px 0px;
    text-align: left;
}

.certificate_area_pc{
	display:none;
	}

.certificate_area{
	width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding:0 30% 0 30%;
margin-top:20px;
	}
.certificate_box{
	width: calc(100% / 3 - 5px);
padding: 0px 5px;
text-align:center;
	}
.certificate_box img{
	width:90%;
	height:auto;
	}
.flogo_title{
	font-size:0.7rem;
	margin: 1px 0px 1px 0px;
	padding-left:38px;
	line-height:130%;
	letter-spacing: -0.06rem;
	display:block;
	}
.flogo_title_add{
	font-size:0.85rem;
	text-align:center;
	line-height:130%;
	margin: 7px 0px 1px 0px;
	letter-spacing: -0.02rem;
	display:block;
	}
	
}









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

body.no_header_logo_image_mobile #header_logo2 {
left: 0px;
top: 2px;
padding: 2px 0px 0px 15px;
width: 160px;
}


body.open_header_mobile #header_logo2 {
left: 4px;
top: 2px;
padding: 0px 0px 0px 8px;
width: 155px;
background-color: #fff;
}

.open_header_mobile #header_logo2 .icon_image {
	display:block!important;
width: 180px;
height: 44px;
background: url(/img/footer_logo01.png) bottom 0px right no-repeat;
background-size: contain;
}	

/**/

.home #header_logo2 .icon_image {
	display:none;

}

.sp_teader_mail{
	display:inline-block;
	width:20px;
	height:19px;
	background: url(/img/sp_menu_mail_ico.png) no-repeat center center;
		background-size: contain;
	margin-left:9px;
	vertical-align:text-top;
	}

.technical_titles_s {
    position: relative;
    padding: 10px 10px 10px 20px;
    font-size: 1.3rem;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

.technical_titles02 {
    position: relative;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ccc;
    font-size: 1.25rem;
    color: #333333;
    margin-top: -10px;
    margin-bottom: 20px;
}

.refine_search {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 0px;
}



.home.open_header_mobile#header_logo2 .icon_image {
display:block!important;
width: 220px;
height: 30px;
background: url(/img/footer_logo01.png) bottom 0px right no-repeate!important;
background-size: contain;
}


#footer_address { padding:20px 15px 20px 15px; }
#footer_address span {
padding:0;
display:block;
font-size:0.9rem;
line-height:170%;
}




.spf_logo{
width:77%;
margin:0 auto;
padding:30px 0 30px 0;
}

.f_logo{
display:block;
width:70%;
height:auto;
text-align:center;
margin:0 auto;
margin-bottom:10px;
line-height:100%;
padding:1px 0px 1px 0px;
}
.f_logo img{
width:100%;
height:auto;
}

.flogo_title{
	font-size:0.9rem;
	margin: 8px 0px 1px 0px;
	padding-left:0%;
	line-height:155%;
	letter-spacing: -0.06rem;
	display:block;
	text-align:center;
	}
.flogo_title_add{
	font-size:0.9rem;
	text-align:center;
		padding-left:14%;
	line-height:155%;
	margin: 7px 0px 1px 0px;
	letter-spacing: -0.05rem;
	display:block;
	}


#footer_address {
text-align:left;
font-size: 14px;
line-height: 2;
border-top:none;
margin-top:14px;
padding: 0px 10px 10px 9.5%;
background-color:transparent;
}

#footer_address p{
	line-height:140%;
	font-size:0.95rem;
	}

.base_box_add {
    letter-spacing: 0.04em;
}
.base_box_add i {
    font-size: 0.95em;
    vertical-align: middle;
    font-style: normal;
}
.certificate_area{
display: flex;
flex-wrap: nowrap;
justify-content: center;
width: 65%;
margin:0 auto;
margin-top:0px;
}
.certificate_box{
	display:block;
width: calc(100% / 3 - 10px);
padding:10px;
}

.certificate_box img{
	width:100%;
	height:auto;
	}


.group_com{
	width:100%;
	margin-top:0px;
	padding:0;
	}
.group_com_box{
		width:100%;
	text-align:center;
	border-bottom:none;
	margin: 0 0px 0px 0px;
	padding:10px 19% 10px 19%;
	}

.group_com_box p{
	font-size:0.65rem;
	letter-spacing: -0.09em;
	margin-top:1px;
	}


.certificate_area_pc{
	display:none;
	}

.certificate_area{
	width:100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding:10px 33% 10px 33%;
	}
.certificate_box{
	width: calc(100% / 3 - 5px);
padding: 0px 5px;
text-align:center;
	}
.certificate_box img{
	width:100%;
	height:auto;
	}
	
	
/**/




.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8)!important;
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3sease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3sease-out;
}




.modal-video-movie-wrap {
width: 100vw!important;
height: 169vw!important;
position: relative;
padding-bottom: 0%;
padding:0px!important;
background-color: transparent;
animation-timing-function: ease-out;
animation-duration: .3s;
animation-name: modal-video-inner;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform .3sease-out;
-moz-transition: -moz-transform .3s ease-out;
-ms-transition: -ms-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3sease-out;
}


}




@media screen and (max-width:375px) {
.modal-video-movie-wrap {
width: 80vw !important;
height: 142vw !important;
position: relative;
padding-bottom: 0%;
padding:0px!important;
background-color: transparent;
animation-timing-function: ease-out;
animation-duration: .3s;
animation-name: modal-video-inner;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform .3sease-out;
-moz-transition: -moz-transform .3s ease-out;
-ms-transition: -ms-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3sease-out;
}
}


/* コピーライト */
@media screen and (max-width:800px) {
#copyright { height:50px; line-height:50px; }
}


/* ページ上部へ戻るボタン */


@media screen and (max-width:800px) {
.p-footer-bar + #return_top { bottom:0px; }
.p-footer-bar + #return_top.active { bottom:68px; }


#return_top {
    opacity: 0;
    transition: opacity 0.5s ease;
    position: fixed;
    right: 8px;
    bottom: 8px;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
    z-index: 2;
}

}





/* ----------------------------------------------------------------------

ページレイアウト

---------------------------------------------------------------------- */



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

/**/

.content_mt{
margin-top:50px;
}

h2.main_had {
position: relative;
margin-top: 30px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #999;
background-color: white;
font-weight: 600;
font-size: 1.5em;
line-height: 140%;
text-align: center;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
letter-spacing: 0.09em;
}
h2.main_had .hand_sup{
	font-size:1.4rem;
	vertical-align:middle;
	letter-spacing: 0.04em;
	line-height:120%;
	}

.txtl_catch {
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.35rem;
line-height:1.5;
margin-top:5px;
text-align:center;
}
.main_explanation_l {
    margin-top: 25px;
}
.txtl_catch i{
display:block;
font-weight:200;
margin-top:2px;
font-size:1rem;
line-height:1;
line-height:130%;
font-style:normal;
font-feature-settings: "palt";
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
}

.txtl_catch_c {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.3rem;
line-height:1.4;
margin-top:0px;
}

.txtl_catch_c i{
display:block;
font-weight:200;
margin-top:4px;
font-size:0.95rem;
line-height:1;
font-style:normal;
text-align:center;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.txtl_catch_access {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.35rem;
line-height:1.5;
margin-top:20px;
}




.txtl_catch_line {
text-align: center !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.35rem;
line-height:1.5;
margin-top:50px;
position: relative;
padding-bottom:45px;

}

.txtl_catch_line:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 1px;
    height: 40px;
    margin: auto;
    background-color: #000;
}



.design_content .desc {
line-height:1.8;
margin-top:14px;
}

.design_content .link_button, .design_content_f .link_button {
margin:0 auto;
margin-top:30px;
width:72%;
text-align: center;
}


.design_button {
display: inline-block;
width: 100%;
color: #2D56A2;
background: #fff;
border: 1px solid #2D56A2;
padding: 0.7em 0.4em;
font-weight: 900;
text-decoration: none;
transition: 0.3s;
text-align: center;
font-size: 1rem;
line-height: 140%;
position: relative;
}
.design_button:hover {
color: #2D56A2;
background: #fff;
}

.bnn_box_safety{
width:100%;
background:#ddd url(/img/bg_safety.jpg) no-repeat center center;
background-size:cover;
padding:60px 0 60px 0;
margin-top:20px
}

.bnn_box_safety p{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}

.bnn_box_technology{
width:100%;
background:#ddd url(/img/bg_about.jpg) no-repeat center center;
background-size:cover;
padding:60px 0px 70px 0px;
margin-top:20px
}

.bnn_box_technology h2{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}

.txtl_catch2 {
    margin-top: 30px;
    text-align: center;
    font-weight: 300;
    font-size: 1.18rem;
    line-height: 150%;
    position: relative;
    padding-bottom: 0.5em;
				letter-spacing: -0.05em;
}

.bnn_box_technology p{
text-align:center;
color:#fff;
font-size:1rem;
line-height:180%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
padding:10px 10% 30px 10%;
}


.bnn_box_technology2{
width:100%;
background:#ddd url(/img/bg_about.jpg) no-repeat center center;
background-size:cover;
padding:20px 15px 20px 15px;
margin-top:20px
}

.bnn_box_technology2 p{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}



.bnn_box_technology_p {
margin-top:7px;
font-size:1rem!important
}


.bnn_box_product{
width:100%;
display: flex;
margin-top:30px;
}
.bnn_box_product>div{
width: 50%;

background: #FFF;
}

.bnn_box_product>div:first-child {
border-right:solid 1px #ccc;
}

.bnn_box_product>div img{
width: 100%;
height:auto;
}
.bnn_box_product > div > h3{
font-size:1rem;
color:#2AA738;
margin-top:15px;
text-align:center;
}

.bnn_box_product > div > p{
font-size:0.85rem;
line-height:155%;
padding:15px 15px 15px 15px;
font-weight:400;
text-align:left;
}


/**/
.bnn_box_service{
width:100%;
display:block;
margin-top:40px;
}
.bnn_box_service>div{
width: 100%;
background: #FFF;
padding-right:1px;
margin-top:80px;
}

.bnn_box_service>div:first-child {
border-right:none;
margin-top:0px;

}

.bnn_box_service>div img{
width: 100%;
height:auto;

}
.bnn_box_service > div > h3{
font-size:1.45rem;
color:#2AA738;
margin-top:30px;
margin-bottom:30px;
text-align:center;
;
}

.bnn_box_service > div > p{
font-size:1rem;
line-height:155%;
padding:15px 15px 15px 15px;
font-weight:400;
text-align:center;
}


.list3 {
position: relative;
width: 94%;
margin: 0 auto;
margin-top: 30px;
padding:0px 15px 20px 15px;
border: solid 4px #E8E8E8;
border-radius: 5px;
}


.list3 ul li {
list-style: none;
line-height: 140%;
margin: 3px 0px 5px 0px;
width: 100%;
float:none;
padding-left: 1.1em;
text-indent: -1.3em;
}


/**/








.bnn_box_result{
width:100%;
display: flex;
flex-wrap: wrap;
padding:0 15px 0 15px;
margin-top:10px;
}
.bnn_box_result > div{
width: calc(50% - 10px); 
margin:5px;
padding:0px;

}

.bnn_box_result > div img{
width: 100%;
height:auto;
}
.bnn_box_result > div > h3{
font-size:1rem;
color:#2AA738;
margin-top:15px;
text-align:center;
}

.bnn_box_result > div > p{
font-size:0.85rem;
text-align:center;
line-height:155%;
padding:7px;
font-weight:600;
color:#111;
}



.topics_box{
width:100%;
margin-top:30px
}

.topics_box ul{
width:100%;
border-top:none;
}
.page-numbers a {
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
     padding: 7px 9px 7px 9px;
}
.page-numbers .current {
    color: #fff;
    background-color: #06C;
    border: 1px solid #06C;
    padding: 7px 9px 7px 9px;
}

.topics_box ul li .up_ymd{
display:block;
width:100%;
color:#999;
font-size:0.8rem;
}

.topics_article img{
	width:100%;
	height:auto;
	}

.map_route{
width:100%;
padding:0 0px 10px 0px;
}

.map_route h3{
width:100%;
margin-top:18px;
font-weight:normal;
line-height:170%;

}
.map_route p{
width:100%;
margin-top:5px;
line-height:150%;
font-size:0.9rem;
padding:0px 0 0 5px;
}

.indent{
display:block;
padding-left: 1em;
text-indent: -1em;
}





.design_content{
width:100%;
padding:0 20px 40px 20px;
display:block;
}

.design_content_spw{
width:100%;
padding:0 0px 30px 0px;
display:block;
}


.design_content_f{
width:100%;
padding:0px 0px 10px 0px;
display:block;
}

.shaft_content{
width:100%;
padding:0 0px 30px 0px;
display:block;

}


.company_photo{
margin-top:30px;
}


#sample-map{

margin-top:10px;
}


/*
@keyframes infinity-scroll-left {
from {
transform: translateX(0);
margin-bottom:-3px;
}
to {
transform: translateX(-100%);
}
}




.scroll-infinity{
margin-top:0px;
}

.scroll-infinity__wrap {
display: flex;
overflow: hidden;
margin-top:0px;
}
.scroll-infinity__list {
display: flex;
list-style: none;
padding: 0
}
.scroll-infinity__list--left {
animation: infinity-scroll-left 70s infinite linear 0.5s both;
}
.scroll-infinity__item {
width: calc(100vw / 2.5);
}
.scroll-infinity__item>img {
width: 100%;
}
*/


.gmap {
position: relative;
width: 100%;
height: 0;
margin-top:20px;
padding-top: 55%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
.gmap iframe{
filter: grayscale(95%);
-webkit-filter: grayscale(95%);
transition: 0.7s;
}
iframe:hover{
filter: none;
-webkit-filter: none;
}

*/

.company_photo{
width:100%;
overflow:hidden;
}

.company_photo_l{
width:100%;
float:none;
padding-right:0px;
}

.company_photo_r{
display:none;
}






.home_cachi{
display:block;
width:100%;
padding: 18px 18px 18px 18px;
margin-bottom:0;
}




.swiper-container {
display:block;
margin-top:40px;
position: relative; /* ← swiper.cssに含まれています */

}

.swiper-container:before {
content: "";
display: block;
padding-top: calc(9/16*1.1%); /* 縦/横*100の値を書く */
}

.swiper-wrapper {
position: absolute; /* ← swiper.cssと優先順位が干渉するときは工夫してください */
top: 0;
left: 0;
}

.swiper-wrapper img {
width: 100%;
height: auto;
}

@keyframes zoomUp {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}




}



.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
animation: zoomUp 6.4s linear 0s 1 normal both;  
}

//imgタグだと下に隙間ができるのでblockに。
.slide-img img{
display: block;
}

/**/
.s-right-wrap {
position: relative;

margin: 0 auto;
}
.s-right-text {
position: absolute;
left: 0;
right: 0;
margin: auto;
margin-top:-16px;
width: 278px;
text-align: center;
color: white;
font-size: 5vw;
}

.swiper-slide-active .s-right-text {
animation: slideFromRight 4.5s ease 0s 1 normal;
}

@keyframes slideFromRight {
0%, 5% {
transform: translateY(25px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}




/**/

.content_mt_l {
margin-top: 50px;
}


.about_box {
width: 100%;
display:block;
margin-top: 40px;

}
.about_box > div {
width: 100%;
margin-top:15px;
padding:0px 0px 0px 0px;
}

.about_box > div:first-child{
width:100%;
display:block;
padding:0px 0px 0px 0px;
}


.center_img{
display:none;

}



.main_towbox02 {
width: 100%;
margin-top: -5px;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;

}
.main_towbox02 .about_l {
	display:block;
width: 100%;
margin-top:20px;
padding: 0 !important;
order: 2;
}
.main_towbox02 .about_r {
	display:block;
width: 100%;
padding-top:15px;
order: 1;
}
.main_towbox02 .about_r img {
width: 100%;
padding-left: 0px;
height: auto;
}



.main_towbox03 {
width: 100%;
display:block;
margin-top: 30px;
margin-bottom: 40px;
}
.main_towbox03 .base_map_l {
width: 100%;
padding: 0 !important;
}
.main_towbox03 .base_map_r {
width: 100%;
margin-top:30px;
padding-left: 0px;
}


.main_towbox02 .about_l p.director{
	display:block;
	width:100%;
	text-align:right;
	margin-top:20px;
	padding-right:10px;
	}



.permit_box{
overflow:auto;
margin-top:20px;
text-align:center;
width:60%;
margin-left:20%;
}
.permit {

float:none;

justify-content:space-between;
width: 100%;
}
.permit_item {
width: calc(100% / 2 - 10px);

}
.permit_item img{
width:100%;
height:auto;
border:solid 1px #ccc;
}





.locations_list ul li,.locations_list ul.base_list li{
	    width: 50%;
    font-size: 0.9rem;
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin: 5px 0 5px 0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
}

.locations_list ul li:before,.locations_list ul.base_list li:before {
    content:  "";     /* 空の要素作成 */
    width:  6px;               /* 幅指定 */
    height:  6px;
				margin-right:5px;
				padding-top:0px;
    display:  inline-block;     /* インラインブロックにする */
    background-color: #333;  /* 背景色指定 */
    border-radius:  50%;
				 position:  relative;        /* 位置調整 */
    top: -2px;                  /* 位置調整 */
}


.case_title .nomber {
    text-align: center;
    background: #fff;
    font-size: 1.4rem;
    height: 30px;
    line-height: 1;
    font-weight: bold !important;
    width: 140px;
    margin: -32px auto .8em;
}
.oem_flow_l {
width: 100%;
padding: 0;
}
.oem_flow_r {
width: 100%;
overflow: hidden;
}

.oem_title {
    margin-top: 40px;
    text-align: center;
}
.oem_title .nomber {
    text-align: center;
    background: #fff;
    font-size: 2.2rem;
    height: 40px;
    line-height: 1;
    font-weight: bold !important;
    width: 140px;
    margin: -46px auto .8em;
}
.oem_flow_l h3 {
font-size: 1.3rem;
font-weight: 400;
color: #111;
letter-spacing: 0.1em;
margin-top: 18px;
margin-bottom: 18px;
text-align:center;
line-height:150%;
}



.oem_flow_l img{
width: 52%;
padding: 0;
margin-bottom:15px;
}

.access_box {
width: 100%;
display:block;
margin-top: 20px;

}
.access_box > div {
width: 100%;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
background:none;
}

.access_box > div:first-child{
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}



.topic_area{
	padding:0 20px 0 20px;
		}
.topics_list {
    margin-top: 20px;
    line-height: 160%;
}
.topic_content{
	margin-top:20px;
	padding-top:20px;
	border-top:solid 1px #ccc;

	}


.sitemap-container {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
				padding:0 15px 0 15px;
}


.bg_color_gre02 {
width: 100%;
padding: 0px 0 0px 0;
background-color: #EEF9E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}






.swiper-pagination {
position: absolute!important;
left: calc(50% - 32px)!important;
margin-top:10px;

}




.messag_box{
width:100%;
margin:0 auto;
margin-top:40px;
}

.company_overview{
width:100%;
margin-top:10px;
}

.company_overview dl {
width: 100%;
margin: 0 auto;

}

.company_overview dt {
float: left;
width: 100%;
padding-top: 15px;
padding-left: 0px;
font-size: 1rem;
font-weight:600;
line-height:160%;
}


.company_overview dd {
padding-top: 35px;
padding-bottom: 15px;
padding-left: 0px;
border-bottom: 1px dotted #999999;
font-size: 1rem;
line-height:160%;
font-weight:200;
}


.company_list ul li {
line-height: 150%;
padding-left: 13px;
position: relative;
margin-bottom:6px;
}

.content_header {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}

.content_header .content_header_title{
width: 100%;
line-height: 150%;
font-size: 1.5rem;
text-align:center;
font-weight: 600;
margin: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.content_header .txt_content {
width: 60%;
margin:0 auto;
margin-top:30px;
padding-right: 0px

}




/**/

.table_manufacturing {
  border-collapse: collapse;
  width: 100%;
  font-weight:normal;
		margin-top:40px;
}
.table_manufacturing thead th {
  padding: 1em .3em;
  border-right: 2px solid#fff;
}
.table_manufacturing td {
   padding: 1rem 0.5rem 1rem 0.5rem;
}
.table_manufacturing thead th:not(:first-child) {
  background: #2D56A2;
  color: #fff;
  font-size: .8rem;
  padding:1rem;
			line-height:140%;

}
.table_manufacturing thead th span {
  font-size: .7rem;
}
.table_manufacturing thead th:nth-child(3) {
  background-color: #1E3868;
  position: relative;
			line-height:140%;
}

.table_manufacturing tbody th, .table_manufacturing tbody td {
  border: 2px solid #fff;
}
.table_manufacturing tbody th {
  background-color: #777;
  color: #fff;
		width: 22%;
		line-height:130%;
		font-size: .75rem;
}
.table_manufacturing tbody th.pattern{
  background-color: #777;
  color: #fff;
			 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAB1JREFUGFdjZMADGKkjuXf33v/Ors5w06hkLLrjAJbWBAiT+2hnAAAAAElFTkSuQmCC"),url("https://drive.google.com/uc?export=view&id=1D8WqoRgWao_Ac_xUh9cAmozt6JBE0LUx");
}


.table_manufacturing tbody td {
  background-color: #e6f1f6;
	width: 39%;
font-size: .85rem;
}

.table_manufacturing tbody td.pattern{
	 background-color: #e6f1f6;
		 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAB1JREFUGFdjZMADGKkj2VDb8L+huQFuGpWMRXccAJP2BAhVSrd7AAAAAElFTkSuQmCC"),url("https://drive.google.com/uc?export=view&id=1D8WqoRgWao_Ac_xUh9cAmozt6JBE0LUx");
	}

.table_manufacturing td:nth-child(3) {
  background: #D7E9F0;
			width: 39%;
}

.table_manufacturing td.pattern:nth-child(3) {
  background: #D7E9F0;
	 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAB1JREFUGFdjZMADGKkj2VDb8L+huQFuGpWMRXccAJP2BAhVSrd7AAAAAElFTkSuQmCC"),url("https://drive.google.com/uc?export=view&id=1D8WqoRgWao_Ac_xUh9cAmozt6JBE0LUx");
}




.oem_flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0;
    padding-top: 30px;
}
.oem_flow .item_st {
width: 75%;
margin:0 auto;
margin-bottom:25px;
padding: 10px 0px 10px 0px;
text-align: center;
border-radius: 10px;
background-color: #C9BC9C;
position: relative;
}
.oem_flow .item {
width: 75%;
margin:0 auto;
margin-bottom:25px;
padding: 5px 0px 10px 0px;
text-align: center;
background-color: #7A9BC5;
border-radius: 10px;
position: relative;
box-sizing: border-box;
}

.oem_flow .item_st .oem_flow_img {
    width: 50%;
    margin: 0 auto;
    padding: 5px 0 15px 0;
    text-align: center;
}
.oem_flow .item_st h2 {
    width: 100%;
    background-color: inherit;
    padding: 5px 0px 5px 0px;
    color: #fff;
    font-size: 1.45rem;
}
.oem_flow .item .oem_flow_img {
    width: 42%;
    margin: 0 auto;
    padding: 7px 0 12px 0;
    text-align: center;
}

.oem_flow .item::after, .oem_flow .item_st::after {
	display:none;
	}

.oem_flow .item::before, .oem_flow .item_st::before {
  position: absolute;
  content: '';
		bottom:-33px;
  left: 50%;
  border: 13px solid transparent;
  border-top: 13px solid #EEC500;
  width: 0;
  height: 0;
  margin-left: -13px;
}

.oem_flow .item_st:last-child::before{
	display:none;
}


.oem_flow .item ul {
    width: 100%;
    margin-top: 14px;
    margin-left: 0px;


}
.oem_flow .item ul li{
	    margin-left: 0px;
				padding-left:25px
}



.case_flow_l {
    width: 100%;
    padding: 0;
    text-align: left;
}
.case_flow_r {
    width: 100%;
    padding-top: 18px;
    padding-right: 0px;
    overflow: hidden;
}

.case_flow_r h3 {
    font-size: 1.4rem;
    font-weight: 400;
				text-align:center;
				line-height:150%;
}


.oem_flow_f {
    margin-top: 50px;
}

.case_flow_r img{
	width:55%;
	padding-top:20px;
	padding-bottom:15px;
	}




#return_top a {
display: block;
text-align: center;
color: #fff;
text-decoration: none;
padding: 14px 18px 22px 18px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
transition:0.5s;
	}
#return_top:hover {
-moz-opacity: 0.5;
opacity: 0.5;
	background-color:#4675CC;

		}
#return_top	a:hover {
display: block;
text-align: center;
color: #F1BC18;
text-decoration: none;
padding: 14px 18px 22px 18px;

}



.page_catch {
/*width: calc(100% + 2px);*/
width:100%;
margin: 0px;
height: 145px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top:60px;
}



.page_catch .page_catch_direction {
display: inline-block;
text-align: center;
font-size: 1.8rem;
font-weight: 300;
letter-spacing: 0.01em;
line-height:130%;
}


.content02_header .content02_header_title {
width: 100%;
line-height: 165%;
font-size: 1.5rem;
font-weight: 600;
text-align:center;
}

.content02_header .txt02_content {
width: 90%;
margin:0 auto;
margin-top:40px;
}




p.recruit_txt_not{
	margin:20px 0 0 0;
	text-align:left;
	line-height:160%;
	border:solid 1px #ccc;
	padding:30px;
	}



table.tabl_recruit th {
width: 100%;
display:block;

}



table.tabl_recruit th{
border-radius: 5px 5px 0px 0px;
text-align:center;
padding: 20px 30px 20px 30px;
}
table.tabl_recruit td {
border-radius: 0px 0px 5px 5px;
text-align: left;
padding: 20px 30px 20px 30px;
}
table.tabl_recruit td {
width: 100%;
margin-top:0px;
margin-bottom:6px;
display:block;
}

table.tabl_recruit td {
text-align: left;
padding: 20px 30px 20px 30px;
}
table.tabl_recruit td p{
	font-size:0.92rem;
	line-height:160%;
}

.recruit_flow_box {
width: 75%;
margin: 0 auto;
margin-top: 40px;
}


.form_exp{
	text-align:left;
	margin-top:20px;
	font-size:0.95rem;
	line-height:160%;
	}


.bnn_box_recruit {
width: 100%;
background: #ddd url(/img/bg_recruit.jpg) no-repeat center center;
background-size: cover;
padding: 30px 0 30px 0;
margin-top: 30px;

}
.bnn_box_recruit p {
text-align: center;
color: #fff;
font-size: 1.2rem;
line-height: 160%;
font-weight: 600;
}

.philosophy_top_l,.philosophy_top_r {
width: 100%;
padding: 10px;
float:none;
text-align:center
}

.philosophy_top p {
padding: 7px 0 0 0;
line-height:190%;
}


.philosophy_declaration h3 {
position: relative;
display: inline-block;
padding: 0 105px;
color: #2BA739;
font-size: 1.8rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.philosophy_declaration h3 {
position: relative;
display: inline-block;
padding: 0 45px;
color: #2BA739;
font-size: 1.8rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.philosophy_catch_sab2 {
font-size: 1.5rem;
text-align: center;
margin-top: 30px;
line-height:160%;
}

.philosophy_declaration h3:before, .philosophy_declaration h3:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 35px;
height: 1px;
background-color: #2BA739;
}

.philosophy_declaration h3 img {
width: 160px;
height: auto;
}


table.contact_from{
border-collapse: collapse;	border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin:0 auto;
margin-top:30px;
border-top:solid 1px #999;
}
table.contact_from02{
border-collapse: collapse;	border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin:0 auto;
margin-top:30px;
border-top:solid 3px #999;
}

.txt_pdd{
padding:0 14px 0 14px;
}

.contact_from th	{
display:block;
width: 100%;
border-bottom: 2px solid #1D5C79;
}
.contact_from td	{
padding: 30px 12px 30px 12px;
color: #2D56A2;
font-size:0.9em;
border-bottom: 1px solid #DDD;
border-left:none;
border-right:none;
border-top:none;
display:block;
width: 100%;
box-sizing: border-box;
text-align:left;
}

.poly h2 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 1rem;
    border-bottom: solid 1px #F1BC18;
    padding-bottom: 8px;
				font-size: clamp(0.8rem, 0.75rem + 0.91vw, 1.1rem);
}


.contact_from td p{
text-align:left;
font-size:0.9rem!important;
margin-bottom:10px;
}

.poly ol li {
    line-height: 144%;
    margin-bottom: 12px;
    font-size: 0.9rem;
}
.poly {
padding: 15px 20px 20px 20px;
    color: #333;
    text-align: left;
}
.poly p{
	line-height:160%;
	font-size: 0.9rem!important;
}


table .tdl{
border-right:none;
}

.toggle_title {
position: relative;
padding: 15px;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
text-align: center;
line-height: 1;
color: #333;
background-color: #F3F3F3;
}

.toggle_btn {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background: #2D56A2;
display: block;
width: 18px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
}

.policy{
padding:0px 5px 20px 5px;
color:#333;
}



/*--------------------------------------
モーダル表示
--------------------------------------*/

.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.7);
}

.modal-content {
margin: 50% auto;
width: 90%;
animation-name: modalopen;
animation-duration: 1s;
}


.service_box .service_box_inner {
padding: 17px 15px 20px 15px;
width: 100%;
background-color: #F4EFEB;
margin-top:20px;
}

.philosophy_catch_sab {
font-size: 1.2rem;
text-align: center;
margin-top: 20px;
line-height: 160%;
}

.txtl_catch_c_cabit {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 600;
font-size: 1.8rem;
line-height: 1.5;
margin-top: 0px;
}

.txtl_catch_c_card {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 900;
font-size: 1.55rem;
line-height: 1.5;
margin-top: 32px;
}

.feature_description_box {
width: 100%;
background-color: #fff;
padding: 20px;
text-align: center;
margin: 10px 0 10px 0px;
background: transparent url(/img/feature_description_bg.png) no-repeat scroll right top;
background-color: #fff;
display: table;
}
.storage_example_box {
width: 49%;
background-color: #fff;
padding: 30px 20px 30px 20px;
text-align: center;
margin: 10px 0 10px 0px;
background-color: #F8FEF8;
display: table;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.service_box_inner ul li {
list-style: none;
line-height: 140%;
margin: 3px 0px 3px 10px;
width: 100%;
float: left;
padding-left: 1.3em;
text-indent: -1.3em;
}

.about_box {
width: 100%;
display: block;
margin-top: 20px;
padding:1px 20px 0 20px;
}

.about_box2 {
width: 100%;
display: block;
margin-top: 0px;
display: flex;
flex-direction: column;
}
.about_box2 > div {
width: 100%;
background: none;
padding: 0px 0px 0px 0px;order: 1;
}

.about_box2 > div:first-child {
width: 100%;
background: none;
padding: 15px 0px 0px 0px;
order: 2;
}


.sitemap-container > .col {
margin: 0 5px;
width: 100%;
}


.access_gmap {
position: relative;
width: 100%;
height: 0;
margin-top: 0px;
padding-top: 55%;
}


.topics_area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 10px 0px 20px 0px;
}

.txtl_topcs_catch_c {
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin-top:60px;
font-weight:600;
font-size:1.7rem;
line-height:1.5;
text-align:center;
}


.topic_tabs {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    margin-top: 7px;
}
.txtl_topcs_catch_c i {
    display: block;
    font-weight: 600;
    margin-top: 4px;
    font-size: 1.1rem;
    line-height: 1;
    font-style: normal;
    text-align: center;
}

.topics_box {
width: 100%;
margin:0 auto;
margin-top: 0px;
padding: 10px 0px 10px 0px;

}
.whatsnew dl{
width:90%;
margin:0 auto;
}

.topics_box dt {
font-size: 0.9rem;
color: #999;
margin: 15px 0 0 0;
padding: 0 20px 0 0px;
}
.topics_box dd {
line-height: 150%;
margin-top: 5px;
display: flex;
flex-wrap: nowrap;
margin: 0;
padding: 0 20px 0 0px;
}



.modal-inner {
position: absolute;
top: 22%;
bottom: 0%;
left: 0;
right: 0;
margin: auto;
overflow-y: auto;
width: 97%;
height:auto;
padding: 0px 0px; 
}

.modal-inner-header {
margin-bottom: 45px;
}


.from_input_zip {
width: 40%!important;
border-right: solid 1px #DDD;
}



.use_example {
width: 94%;
padding: 20px 10px;
text-align: center;
margin:0 auto;
}


.js-scrollable-wrap {
white-space: nowrap;
}
.js-scrollable {
word-break: break-all;
table-layout: fixed;
display: block;
overflow: scroll;
}


.tabl_own_products th {
background-color: #DCE9DC;
color: #162316;
border: solid 1px #9ABC9A;
vertical-align: middle;
width:30%!important;
}

.tabl_own_products th {
width:70%;
}

.warning_action{

border-collapse: separate;
border-spacing: 5px;
margin-top: 40px;
}
.warning_action tr {
width:100%;
}

.warning_action th {
background-color: #DCE9DC;
color: #162316;
border: solid 1px #9ABC9A;
vertical-align: middle;
padding:20px 10px 20px  10px;
}

.warning_actiontd {
background-color: #F2F2F2;
border: solid 1px #CCCCCC;
vertical-align: middle;
line-height:150%;
text-align:center;
padding:15px 12px 15px 12px;
}



table.support_table_exp{
margin-top:14px;
border-collapse:  collapse;
text-align:left;
margin-top:8px;
margin-bottom:-50px;
padding:0px 0px 50px 0px;
}

table.support_table_exp th{
width:5%;
padding:0 0 0 1%;
font-weight:normal;
}
table.support_table_exp td{
line-height:150%;
padding:0 0 0 2%;
}




/**/

.js-scrollable{

border-collapse: separate;

}
.js-scrollable tr {
width:100%;
}

.js-scrollable th {

}

.js-scrollable td {

}



ul.inventory_list{
width: 100%;
overflow:hidden;
padding: 12px 7px 12px 7px;
}

.inventory_list_inner{
	display: flex;
justify-content: space-between;
flex-wrap: wrap;
	}

ul.inventory_list li {
    margin: 5px;
    display: block;
    width: 47% !important;
    border: solid 1px #ED7700;
    background-color: #fff!important;
    font-size: 0.9rem;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
				padding: 0px 5px 0px 0px;
				margin:5px;
				
				
display: flex;
justify-content: center;
align-items: center;
}

ul.inventory_list li .animate{
	background-color: #fff!important;
	}

ul.inventory_list li a {
width: 100%;
height: auto !important;
font-size: 0.8rem !important;
letter-spacing: -0.08em;
padding: 10px 2px 8px 5px !important;
line-height: 130% !important;
overflow-wrap: break-word !important;
white-space: normal !important;
text-overflow: ellipsis;
display: block;
background-color: #fff !important;
border-radius: 10px;
}

ul.inventory_list li a:before {
content: none!important;
}


.swiper-pagination {
margin-top: -34px;
}



.flex_area_spw{
display:block;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin:0 0 0 0;
padding:0;
}	
	
	
.flex_2box_spw{
width:100%;
box-sizing: border-box;
}


/*トップ タブ*/

#bnn_box_technology{
	position:relative;
display:inline-block;
width: 100%;
height: 280px;
background-image: url(/img/bg_about.jpg);
background-repeat: no-repeat;
background-size: 150%;
background-position: center top 120px;
transition-property: background-position;
transition-duration: 1.1s;
transition-delay: .0001s;
}


#bnn_box_technology h2{
	width:100%;
	position: absolute;
top: 23%;
left: 0%;	
text-align:center;
color:#fff;
font-size:1.8rem;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}

#bnn_box_technology p{
width:100%;
position: absolute;
top: 38%;
left: 0%;	
text-align:center;
color:#fff;
font-size:1.05rem;
line-height:150%;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight:600;
}
	


.bnn_box_technology_area {
width: 100%;
display: block;
box-sizing: border-box;
margin-top: 50px;
padding-bottom:0px;
}

#bnn_box_technology {
position: relative;
display: inline-block;
width: 100%;
height: 160px;
background-image: url(/img/bg_about_sp.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center top 120px;
transition-property: background-position;
transition-duration: 0.6s;
transition-delay: .0001s;
}


.shaft_tabs {
display: flex;
flex-wrap: wrap;
margin:-56px 5px 0px 0px;
padding: 0 4%;
}

.shaft_tab_label {
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  padding: 7px 0 7px 0;
  margin: 0 4px;
		font-size:0.85rem;
		line-height:130%;
		background-color:#666;
		border-radius: 5px 5px 0px 0px;
		text-align:center;
		height: 53px;
}

.tab_first {
	margin-left:0%;
	}
.tab_last {
	margin-right:0%;
	}

.shaft_tab_label:hover {
  opacity: 0.75;
}

.shaft_tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
}

input[name="shaft_tab_switch"] {
  display: none;
}

.shaft_tabs input:checked + .shaft_tab_label {
  color:#0071BB;
  background-color: #fff;
		padding-bottom:8px;
		height: 54px;
}
.shaft_tabs input:checked + .shaft_tab_label::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  transition: all 0.3s ease 0s;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
}

.shaft_tab_content{
  position: relative;
  animation: fadeIn 1s ease;
}

.shaft_pdt{
	padding-top:16px!important;
	}

.shaft_tab_label:hover {
  opacity: 1;
}

/*トップ タブ ココまで*/



.shaft_area{
	width:100%;
display:block;
flex-wrap: wrap;
justify-content: space-around;
padding: 30px 0px 0px 0px;
	}

.shaft_box_l{
width:100%;
padding-right:0px;
}
.shaft_box_r{
width:100%;
padding-left:0px;
}

.shaft_box_l img{
width:100%;
height:auto;
}

.shaft_box_r h2{
	font-size:1.3rem;
	color:#0071BB;
	text-align:center;
	margin-top:20px
}
.shaft_box_r p{
	font-size:1rem;
	margin-top:15px;
	line-height:180%;
}



.top_how_make_box_l {
    width: 100%;
    padding: 0 25px 0 0;
}

.top_how_make_box_l {
    width: 100%;
    padding: 0 8px 0 0;
}
.top_how_make_box_r {
    width: 100%;
    padding: 0 0 0 8px;
}

.top_how_make {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 15px;
    text-align: center;
}

.faq_box {
    width: 100%;
    padding: 0px 0 20px 0px;
}

.faq_title {
    font-size: 1rem;
}
.faq-area_box {
display: none;
width: 100%;
box-sizing: border-box;
border-radius: 3px;
padding: 20px 30px 20px 55px;
border: solid 1px #ccc;
overflow-wrap: break-word;
font-size: 1rem;
background: none;
background: url(/img/ico_a.png) no-repeat left 7px center;
background-color: #FFF9EA;
}

a.btn_04 {
display: block;
text-align: center;
vertical-align: middle;
text-decoration: none;
width: 100%;
margin: auto;
margin-top:15px;
padding: 0.3rem 1.5rem;
font-weight: bold;
border: 2px solid #59AB36;
background: #59AB36;
color: #fff;
border-radius: 100vh;
transition: 0.5s;

}
a.btn_04:hover {
color: #27acd9;
background: #fff;
}



.inventory_list_box {
    width: 100%;
    padding: 0px 0px 10px 0;
}


.topics_txt h3 {
    font-size: 0.9rem;
    font-weight: 600;
    padding-right: 15px;
}

.topics_img {
    width: 14%;
    margin-top: 8px;
}


.inventory_list_box .expansionimg_box, .faq_box .expansionimg_box {
	display:none;
}
.inventory_list_box .bt_more, .faq_box .bt_more {
 display:none;
	}

.design_button_lg {
    display: inline-block;
    width: 100%;
    color:#FFC;
    margin-top: 15px;
    border: 1px solid #343565;
    background: #343565;
    padding: 1.4rem 0.5em;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    text-align: center;
    font-size: 1.5rem;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}





/**/


.design_headline span.title {
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: -2px;
				line-height:140%;
				font-size:1.4rem;
				font-weight:600;
}

.ultra_metal_tube_features_area02 h4 {
    border-bottom: solid 1px #ccc;
    position: relative;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 50px;
    padding-bottom: 10px;
					line-height:140%;
					text-align:center;
}

.ultra_metal_tube_features_area02 h4:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #0070a4;
    bottom: -3px;
    width: 20%;
				left:40%;
}


/**/
/* スライダー全体 */
.slider-wrapper {
  display: flex; /* スライドのグループを横並び */
  overflow: hidden; /* はみ出たスライドを隠す */
		margin-top:0px;
		
}
/* スライド3枚のグループ */
.slider {
  animation: scroll-left 60s infinite linear .5s both;
  display: flex; /* スライド3枚を横並び */
}
/* スライド */
.slide {
  width: calc(100vw / 3); /* 3はスライドの枚数 */
}
/* スライドの画像 */
.slide img {
  display: block;
  width: 100%;
}
/* CSSアニメーション */
@keyframes scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}



.inventory_list_area {
    width: 100%;
    text-align: center;
    background-color:none;
    padding: 0px;
    border:none;
    border-radius: 4px;
}


table.inventory_list_area_table {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #999;
    border-spacing: 0;
    width: 100%!important;

				border-collapse: collapse; 
    color: #333;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
				table-layout:auto!important;
				word-break: break-word!important;
}

.box2 {
  overflow-wrap: break-word;
}


table.inventory_list_area_table th{
	width:auto!important;
	white-space:normal;
	font-size:0.85rem!important;
	font-weight:200!important;
		color:#333!important;
	}

table.inventory_list_area_table td{
	width:2%!important;
		white-space:normal;
		font-size:0.85rem!important;

	font-weight:200!important;
	color:#333!important;
	}
	
table.inventory_list_area_table td	sup{
			font-size:0.8rem!important;
	font-weight:200!important;
	}

.inpage_ink_area div {
    width: 50%;
    padding: 6px 4px 6px 4px;
}

/*TABLE　横スクロール　*/
.tableArea{
    max-width:90%;/* 最大80%の領域内で要素をおさめる */
    margin:57px auto 0;
    overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
				padding:20px 0 20px 0;
}
.tableArea table{
    color:#0080ff;
    border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
}
.tableArea table th,
.tableArea table td{
    padding:20px;
    border:1px solid #0080ff;
    white-space:nowrap;/*文字を折り返さない*/
}
.scroll-hint-text{ margin-top:0; }


.ultra_metal_tube_features_area02 ul li {
    width: 100%;
    margin-left: 20px;
    float: left;
    line-height: 150%;
    margin-top: 15px;
}

.design_headline {
    font-weight: 600;
    margin: 50px 0px 33px 0;
    padding: 0 0px 0 0;
    /* border-top: 2px solid #ccc; */
    border-bottom: 1px solid #999;
    text-align: center;
    width: 100%;
}

.diagram_item_two {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
    text-align: center;
}

.diagram_item_two_w {
    width: 100%;
    margin-bottom: 30px;
}
.flow_img_c {
    width: 100%;
    margin-top: 40px;
    padding: 20px 5% 20px 5%;
    background: url(/img/manufacturing_process_flow_bg.png), url(/img/manufacturing_process_flow_bg2.png);
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
    background-position: right 20px center, left 30px bottom 65px;
    background-color: #F7F7F7;
    border-radius: 10px;
}


.process_flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    margin: 0 auto;
    margin-top: 40px;
				padding:40px;	
				border-radius: 5px;
				border:solid 1px #E0E0E0;
background:#ddd url(/img/process_flow_bg.png) no-repeat center center;
background-size:cover;

}

.process_flow_box {
    width: calc(100% / 1);
    padding: 25px 10px 14px 10px;
    text-align: center;
				margin-bottom:20px;
}

.process_flow_box h3 {
    margin-top: 16px;
    font-size: 1.1rem;
    color: #112C39;
}

.process_flow_box_bg01{
background:#ddd url(/img/three_roll_flow_bg01.png) no-repeat center left;
background-size:cover;
	}
.process_flow_box_bg02{
background:#ddd url(/img/three_roll_flow_bg04.png) no-repeat center left;
background-size:cover;
	}
.process_flow_box_bg03{
background:#ddd url(/img/three_roll_flow_bg01.png) no-repeat center left;
background-size:cover;
	}
.process_flow_box_bg04{
background:#ddd url(/img/three_roll_flow_bg04.png) no-repeat center left;
background-size:cover;
	}

.achievements_box {
    width: 100%;
    display:block;
    margin-top: 40px;
}
.achievements_box_l {
    width: 100%;
				padding-right: 0px;
}
.achievements_box_r {
    width: 100%;
    background: none;
    padding: 0px 0px 0px 0px;
    line-height: 160%;
}


.achievements_box_r .n2-ss-slider {
z-index: 3;
position: relative;
text-align: left;
width: 100%;
min-height: 1px;
padding: 20px 0px 0px 0px!important;
}

.hierarchy_main_box {
    width: calc(100% / 1);
    text-align: center;
				margin-bottom:30px;
}

.hierarchy_main_catch .hierarchy_main_direction {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 2;
				line-height:130%;
    text-shadow: 3px 3px 2px #333, -3px 3px 2px #333;
    background: rgba(0, 46, 66, 0.6);
    padding: 16px 0 16px 0;
}

.ultra_metal_tube_features_box {
    width: calc(100% / 1);
    padding: 0;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    border: solid 4px #fff;
				margin-bottom:20px;
}

.headline_sl {
    border-bottom: solid 1px #ccc;
    position: relative;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 50px;
    padding-bottom: 5px;
				margin-bottom:30px;
}

.plasma_sample {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    padding-top: 0px;
				margin-bottom:0px;
}
.plasma_sample .item {
    width: calc(100% / 3 - 10px);
    margin-bottom: 30px;
}

.empty_item{
	    width: calc(100% / 3 - 10px);
    margin-bottom: 0px;
				height:0px;
	}

.plasma_sample::after {
    content: "";
    display: block;
    width: calc(100% / 3 - 10px);
				margin-bottom: 0px;
}
.plasma_sample::before {
    content: "";
    display: block;
    width: calc(100% / 3 - 10px);
				margin-bottom: 0px;
    order: 1;
}

.plasma_sample .item img {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 5px;
}


.welding_achieve {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 20px 0 0px 0;
    padding-top: 30px;
}

.welding_achieve .item {
    width: calc(100% / 2 - 10px);
    margin-bottom: 22px;
}


.welding_achieve::before{
  content:"";
  display: block;
width: calc(100% / 2 - 10px);
  order:1;
}
.welding_achieve::after{
  content:"";
  display: block;
width: calc(100% / 2 - 10px);
}


.welding_achieve .item img {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 5px;
}


.hierarchy_main_box02 {
    width: calc(100% / 1);
    text-align: center;
				margin-bottom:30px;
}





ul.inventory_list_bt {
    position: relative;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.inventory_list_bt li {
    margin: 0;
    display: block;
width: calc(100% / 1)!important;
    border: solid 1px #999;
    background-color: #00508A;
    font-size: 0.9rem;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
    vertical-align: middle;
				margin-bottom:15px;
}

ul.inventory_list_bt li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 14px 9px 12px 9px;
    display: inline-block;
    font-size: 0.8rem;
				background-color: #00508A;
				color:#fff;
    text-align: center;
    transition: all 0.2s ease-in-out;
    line-height: 130%;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}



.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 6rem;
  border-radius: 0;
  background: #fff;
}



a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 150%;
  height: 600%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-70%) rotate(135deg);
  transform: translateX(-80%) translateY(-70%) rotate(135deg);
  background: #00508A;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-27%) translateY(-25%) rotate(135deg);
  transform: translateX(-27%) translateY(-25%) rotate(135deg);
		color:#fff;
}

/**/

a.btn-flat02 {
  overflow: hidden;
  padding: 1.5rem 6rem;
  border-radius: 0;
  background: #fff;
}


a.btn-flat02 span {
  position: relative;
}

a.btn-flat02:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 150%;
  height: 600%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-91.3%) translateY(-70%) rotate(135deg);
  transform: translateX(-91.3%) translateY(-70%) rotate(135deg);
  background: #00508A;
}

a.btn-flat02:hover:before {
  -webkit-transform: translateX(-17%) translateY(-25%) rotate(135deg);
  transform: translateX(-17%) translateY(-25%) rotate(135deg);
		color:#fff;
}

.main_had_sub {
    display: inline-block;
    position: relative;
    padding: 0.7rem 0;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
    line-height: 160%;
    margin-bottom: 0px;
    z-index: 2;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


.steel_pipe_flows_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0px 0;
    padding-top: 30px;
				border:solid 1px #ccc;
				border-radius: 5px;
				padding:0px;
}
.steel_pipe_flows_area .item {
    width: calc(100% / 1);
    margin: 0px;
    padding: 0px;
    text-align: center;
}


.side_diagram_w {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}


.president_message_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0px 0 10px 0;
    padding-top: 0px;
}


.president_message_l {
    width: 60%;
    margin-bottom: 10px;
}
.president_message_r {
    width: 32%;
    margin-bottom: 10px;
    text-align: center;
}

.president_message_l h2 {
    font-size: 1.05rem;
    line-height: 168%;
				margin-top:15px;
}

.president_name {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 100%;
    text-align: right;
}
.president_name i {
    margin-top: 5px;
    font-size: 0.75rem;
				letter-spacing : -0.04rem;
    display: block;
    margin-bottom: -6px;
    font-style: normal;
}


.message_sptxt p{
	margin-top:14px;
	}

.company_profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0px 0;
    padding-top: 30px;
}

.company_profile_l {
    width: 100%;
				/*background: url(/img/company_entrance_sp.png) no-repeat center right;*/

}


.company_profile_r {
	display:none;
}

li.s-company_item {
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display:block;
    border-top: solid 1px #999;
}

.s-company_label {
    font-size: 1rem;
    line-height: 2;
    width: 100%;
    display: inline-block;
}


.s-company_body {
    width: 100%;
    margin: 0;
    display: inline-block;
}


.location_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
}

.location_box {
    width: calc(100% / 1 );
    margin: 0px 0 10px 0;
    background-color: #FAF8F5;
}

.location_box img{
	margin-top:0px!important;
	}
	
	.company_history_area {
    width: 100%;
    margin-top: 30px;
}
	


.delivery_record{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-top: 0px;	
	}
.delivery_record .item{
width: calc(100% / 1 - 0px);
margin:0px 0 0px 0;
padding-left:3%;
	}
.delivery_record .item ul{
	}
.delivery_record .item ul li{
	padding:5px 0 6px 0;
	font-size:1rem;
	letter-spacing: -0.03em;
	}

.company_history_box_l {
    width: 100%;
    padding-top: 6px;
    padding-left: 10px;
}
.company_history_box_l h3 {

				font-size:1rem;
}
.company_history_box_r {
    width: 100%;
    padding-left: 10px;
}
.company_history_box_r p{
	font-size:1rem;
	margin-top:6px;
	letter-spacing: -0.04em;
	}

.company_history_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0px 0;
    position: relative;
    padding: 6px 0 8px 5px;
}

.hierarchy_main_area {
    display:block;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 30px 0 0 0;
}
.design_content_spw .hierarchy_main_box03{
	width:100% ;
    text-align: center;
				margin-top:78px;
	}
.design_content_spw .expansionimg_box {
	display:none;
}

.design_content_spw .expansionimg_box h2 {
	margin-top:30px;
}


.design_content_spw .hierarchy_main_catch .hierarchy_main_direction_home {
display: inline-block;
width: 100%;
margin-top:15px;
text-align: center;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.05em;
color: #fff;
position: absolute;
bottom: 0px;
z-index: 2;
text-shadow: 3px 3px 2px #333, -3px 3px 2px #333;
background: rgba(52, 53, 101, 1);
padding: 18px 0 18px 0;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


.design_content_spw .hierarchy_main_catch .hierarchy_main_direction_home a {
	display:inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
				width:100%;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


.faq_tab_item {
    width: calc(100% / 3);
    height: 70px;
    border-bottom: 3px solid #59AB36;
    background-color: #d9d9d9;
    line-height: 120%;
    font-size: 1rem;
				padding-top:15px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2sease;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

.faq_tl {
font-size: 1.65rem;
vertical-align: middle;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.faq_tsa {
font-size: 1.4rem;
vertical-align: bottom;
}
.faq_ts {
font-size: 0.85rem;
margin-top: -5px;
padding-left: 12px;
}




.con2_area .hierarchy_main_box03 {
    width: 100%;
    text-align: center;
}


.con2_area .hierarchy_main_area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin: 5px 0 0 0;
    }

.con2_area .hierarchy_main_box02 {
        width: calc(100% / 2 - 4px);
        text-align: center;
        margin-bottom: 30px;
    }



.con2_area .hierarchy_main_catch .hierarchy_main_direction {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        color: #fff;
        position: absolute;
        bottom: 0px;
        z-index: 2;
        line-height: 130%;
        text-shadow: 3px 3px 2px #333, -3px 3px 2px #333;
        background: rgba(0, 46, 66, 0.6);
        padding: 8px 0 8px 0;
    }
.listfaq_area {
    margin: 0 0 10px 0;
}


.recruit_requirements {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

.recruit_tab_item {
    width: calc(100% / 2);
    height: 44px;
    border-bottom: 3px solid #ED7700;
    background-color: #d9d9d9;
    line-height: 44px;
    font-size: 1rem;
    text-align: center;
    display: block;
    float: left;
    text-align: center;

    font-weight: bold;
    transition: all 0.2s ease;
}



.recruit_requirements th {
    color: #ED7700;
				display:block;
    font-weight: bold;
    text-align: left;
    width: 100%;
    min-width: 4em;
    position:static;
    padding: 15px 10px 0px 5px;
}

.recruit_requirements td {
	display:block;
	width: 100%;
    padding: 10px 10px 10px 5px;
    line-height: 150%;
				border-bottom:solid 1px #ccc;
}


.recruit_requirements th::after {
    content: '';
    background-color: #c1c7c6;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
}

.recruit_tab_content {
    display: none;
    padding: 4px 0 40px 0;
    clear: both;
    overflow: hidden;
}



.preparation{
	width:100%;
	text-align:center;
	margin-top:50px;
	margin-bottom:80px;
	}
.preparation p{
	font-size:1.1rem;
	color: #666;
	}
.preparation h2{
	display:inline-block;
	margin:0 auto;
	font-size:1.7rem;
	color: #666;
	letter-spacing: 0.4rem;
	padding: 20px 50px 20px 50px;
	margin-top:20px;
	border:solid 1px #666;
	font-weight:normal;
	}
.preparation h3{
	font-size:1.1rem;
		margin-top:20px;
		font-weight:normal;
		color: #666;
	}

.preparation h3 {
    display: inline-block;
    position: relative;
				letter-spacing: -0.07rem;
    padding: 0 2.5em;
    color: #666;
				margin-top:35px;
}

.preparation h3::before,
.preparation h3::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 1px;
    background-color: #666;
}

.preparation h3::before {
    left: 5px;
}

.preparation h3::after {
    right: 5px;
}



ul.sitemap_list li {
    overflow: hidden;
    float:none;
    width: 100%;
}

.page_catch .page_catch_direction {
    display: none;
}


.main_had_sub_blu {
    display: inline-block;
    position: relative;
    padding: 0.7rem 0;
    font-size: 1.15rem;
    text-align: center;
    line-height: 180%;
    color: #001E33;
    font-weight: 500;
    z-index: 2;
				font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    }
				
.about_box2s {
    width: 100%;
    display:block;
    margin-top: 40px;
}

.about_box2s > div {
    width: 100%;
    background: none;
    padding: 0px 0px 0px 0px;
    line-height: 160%;
}

.about_box2s > div:first-child {
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.high_steel_pipe_area {
    width: 100%;
    margin: 50px 0px 20px 0px;
}


.main_explanation {
    margin-top: 14px;
}

.topic_tab_label {
    color: #333;
    font-weight: 400;
    border: none;
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 1;
    padding: 10px 0;
    text-align: center;
}





a.inq_bt01 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    margin: auto;
    margin-top: 8px;
    padding: 0.6rem 1rem;
    font-size: 1.05rem;
    font-weight: bold;
    border: 2px solid #0068B6;
    background: #0068B6;
    color: #fff;
    transition: 0.5s;
}
a.inq_bt02 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    margin: auto;
    margin-top: 8px;
    padding: 0.6rem 1rem;
    font-size: 1.05rem;
    font-weight: bold;
    border: 2px solid #0068B6;
    background: #0068B6;
    color: #fff;
    transition: 0.5s;
}

.inquiries_area{
background:#ddd url(/img/inquiries_bg.jpg) no-repeat center center;
background-size:cover;
padding:35px 15px 35px 15px;
margin-top:40px;
	}
.inquiries_box {
    width: 100%;
    padding: 20px 25px 20px 25px;
    border-radius: 6px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.85);
}

.inquiries_box h2{
	font-size:1.1rem;
	font-weight:600;
	text-align:center;
	color:#003359;
	line-height:130%;
	}
.inquiries_box h3{
	font-size:1.6rem;
	font-weight:400;
	text-align:center;
margin-top:5px;
	line-height:120%;

	}
	
.inquiries_box h3::before{
  content: "";
  display: inline-block;  
  background-image: url('/img/ico_tel.png') ;
  background-size: cover;
  background-repeat: no-repeat;
margin-right:6px;
  width: 16px;
  height: 20px;
  
}


@media screen and (max-width:800px) {
.design_move_content {
    /* width: 1060px; */
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 0 60px 0;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.main_had_dots {
    color: #59AB36;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 60px;
    padding: 15px 30px;
    display: block;
    border-bottom: 2px dashed #59AB36;
    position: relative;
}

.link_button, .design_content_f .link_button {
    margin: 0 auto;
    margin-top: 40px;
    width: 65%;
    text-align: center;
}

.design_content_spw {
width: 100%;
padding: 0 0px 0px 0px;
display: block;
}
.top_equipment {
    display:block;
     width: 85%;
				margin:0 auto;
    padding-top:0px;
}
.top_equipment .item {
    width:100%;
    margin-bottom: 30px;
    padding: 0px 0px;
    text-align: center;
}

.top_equipment .item h3 {
    font-size: 1.25rem;
    border-bottom:none;
				margin-top:35px;
    padding-bottom: 0px;
}
.top_equipment .item p {
    margin-top: 10px;
				height:inherit;
    line-height: 160%;
}
.design_content img, .design_content_spw img {
    display: block;
    z-index: 1;
    max-width: 100%;
    height: auto;
				margin-top:0px;
}


.top_production .item {
    width: calc(100% / 3 - 15px);
    margin-bottom: 30px;
    padding: 0px 0px;
    text-align: center;
}

.production_classification_area {
    display: flex;
				flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 0px 0;
    padding-top: 0px;
}

}


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

.main_had_dots {
	display:none;
}

.top_flow .item, item_title {
    position: relative;
    width: calc(100% / 2 - 15px);
				margin-bottom:20px;
    text-align: center;
				padding:8px;
}


.top_flow .item:nth-child(1){
order: 1;
}
.top_flow .item:nth-child(2){
order: 2;
}
.top_flow .item:nth-child(3){
order: 4;
}
.top_flow .item:nth-child(4){
order: 3;
}
.top_flow .item:nth-child(5){
order: 5;
}
.top_flow .item:nth-child(6){
order: 6;
}


.top_flow .item:nth-child(1)::after{
	}

.top_flow .item:nth-child(2)::after {
position: absolute;
top: 109%;
left:-30px;
content: "";
height: 28px;
aspect-ratio: cos(30deg);
clip-path: polygon(0 0,100% 0, 50% 60%);
background: #FD9417;
}
.top_flow .item:nth-child(3)::after {
position: absolute;
top: 10%;
bottom: 0;
right: 100%;
margin: auto;
content: "";
height: 28px;
aspect-ratio: cos(30deg);
clip-path: polygon(65% 0, 0 50%, 65% 100%);
background: #FD9417;
}
.top_flow .item:nth-child(4)::after {
position: absolute;
top: 110%;
left: -30px;
content: "";
height: 28px;
aspect-ratio: cos(30deg);
clip-path: polygon(0 0, 100% 0, 50% 60%);
background: #FD9417;
}
.top_flow .item:nth-child(5)::after {
position: absolute;
top: 10%;
bottom: 0;
right: -31px;
margin: auto;
content: "";
height: 28px;
aspect-ratio: cos(30deg);
clip-path: polygon(5% 0%, 70% 50%, 5% 100%);
background: #FD9417;
}


.item_title{
	display:block;
		font-weight:600;
	}
.item_title p{
	font-size:1.3rem;
	letter-spacing: -0.05em;
	font-weight:600;
	color:#5CB531;
	line-height:134%;
	padding-left:9px;
	margin-top:4px;
	margin-left:10px;
	border-left:solid 5px #5CB531;
	}

.main_production {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    margin-top: 40px;
}


	


.main_had_blk {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 18px 0 14px 0;
    background-color: #404041;
    border-bottom: solid 5px #ED7700;
    margin-top: 40px;
}


.technical_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 30px 0;
padding-top: 0px;
}
.technical_box .item {
width: calc(100% / 1 - 0px);
margin: 10px 0px 10px 0px;
padding: 50px 10px;
padding: 20px 20px 20px 20px;
background-color: #F4F3EB;
border-radius: 10px;
}
.design_headline {
font-weight: 600;
margin: 40px 0px 33px 0;
padding: 0 0px 0 0;
/* border-top: 2px solid #ccc; */
border-bottom: 1px solid #999;
text-align: center;
width: 100%;
}

.colum_equal2 .item {
width: calc(100% / 1 - 0px);
margin-bottom: 0px;
padding: 0px;
}


.colum_inspection{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
width: 100%;
margin: 0px 0;
padding-top: 30x;
	}
.colum_inspection .item {
width: 100%;
margin-bottom: 0px;
padding: 0px;
overflow:hidden;
}
.colum_inspection .item img{
	width:100%;
	height:auto;
	margin-top:0px;
	float:none;
}
.colum_inspection .item p{
	display:block;
	width:100%;
	height:auto;
	margin-top:10px;
	float:none;
}

.colum_inspection{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
width: 100%;
margin: 0px 0;
padding-top: 0px;
	}



.design_headline {
font-weight: 500;
margin: 30px 0px 20px 0;
padding: 0 0px 0 0;
/* border-top: 2px solid #ccc; */
border-bottom: 1px solid #999;
text-align: center;
width: 100%;
}


.colum_equipment2 .item {
    width: calc(100% / 1 - 0px);
    margin-bottom: 0px;
				padding:1px 0 0 0;
}


.colum_equipment2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0px 0;
    padding-top: 0px;
}

.colum_equalrs {
    display:block;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0px 0;
    padding-top: 0px;
}
ul.cp_list {
    padding: 0.5em;
    margin-top: 1px;
    list-style-type: none;
}
.colum_equalrs .item_l {
    width: 100%;
    margin-bottom: 0px;
    padding: 0px;
}
.colum_equalrs .item_r {
    width: 80%;
    margin-bottom: 0px;
    padding: 0px;
				margin: auto
}

.technical_titles_ss {
    position: relative;
    padding: 10px 10px 10px 0px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
}
.technical_titles_ss_f {
    position: relative;
    padding: 10px 10px 10px 0px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
}


.equipment_bfaf .item_l {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #B4D7EC;
    padding: 20px;
    border-radius: 6px;
}
.equipment_bfaf .item_c {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    padding: 10px 0px 10px 0px;
    position: relative;
}
.equipment_bfaf .item_r {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #F7DFDF;
    padding: 20px;
    border-radius: 6px;
}
.arrow-right {
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-top: 6px solid #F90;
    border-right: 6px solid #F90;
    transform: rotate(133deg);
    top: -30%;
    left: calc(50% - 8px);
}
.heat_item {
    width: calc(100% / 1 - 0px);
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 15px;
    background-color: #F6F6F6;
}



.technical_titles {
    position: relative;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ccc;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 120%;
}

.technical_titless {
    position: relative;
    padding: 10px 10px 0px 0px;
    font-size: 1.2rem;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}
.colum_equal2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0px 0;
    padding-top: 0px;
}
table .equipment_list_table th, td {
    border: 1px solid #ccc;
    padding: 12px 10px 12px 10px;
    line-height: 130%;
				
}

.sptd_01{
	width:30%;
	
	}
.sptd_02{
	width:55%;
	
	}
.sptd_03{
	width:15%;
	
	}


table .equipment_list_table th,  td + td + td {
width:20%;
text-align:right!important;

}

.equipment_img_bg{
background-image: none;
	}
.first_hd {
    margin-top: 25px !important;
}

.achieve_bt_link .item {
    width: calc(100% / 1 - 0px);
    margin-bottom: 0px;
    padding: 5px;
    margin-top: 10px;
    background-color: #F1F1F1;
    text-align: center;
    display: block;
    border: solid 1px #999;
    overflow: hidden;
    transition: 0.5s;
}

.achieve_bt_link .item img{
	margin-top:0px;
}
.expansionimg_box img{
	margin-top:0px;
}
.production_results_box {
    width: calc(100% / 2 - 10px);
    margin-bottom: 13px;
    padding: 0px 0px 0px 0px;
    text-align: center;
				border-bottom:none;
				background-color:#fff;
}
.production_results_box2 {
    width: calc(100% / 2 - 10px);
    margin-bottom: 13px;
    padding: 0px 0px 0px 0px;
    text-align: center;
				border-bottom:none;
				background-color:#fff;
}

.refine_search .item {
    position: relative;
    width: calc(100% / 1 - 0px);
    margin-bottom: 10px;
    padding: 0px;
    text-align: center;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
}


.purchaselist_item_title h3 {
    font-size: 0.95rem;
				
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.05em;
    margin-top: 6px;
    padding: 6px 6px 6px 6px;
}

.production_results_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0px 0 30px 0;
    padding-top: 0px;
}
.production_results_cate {
    background-color: #fff;
    margin-top: 6px;
    min-width: 90px;
    padding: 6px 15px 4px 15px;
    border: solid 1px #999;
    border-radius: 3px;
    height: 68px;
    position: relative;
}

.refine_btm {
    margin-bottom: 20px !important;
}

.searchform_box {
    height: 48px;
    width: 58%;
    padding: 0.5em;
    border: 1px solid #ddd;
    font-size: 1em;
}

.production_classification_box {
    width: calc(100% / 2 - 7px);
    margin-bottom: 15px;
    padding: 20px 0px;
    text-align: center;
    background-color: #fff;
    padding: 7px;
    border: solid 1px #ccc;
    border-radius: 5px;
}
.production_classification_title h3 {
    font-size: 0.85rem;
				line-height:120%;
    letter-spacing: -0.05em;
    transition: all 0.2s ease-in-out;
}


.production_bg {
    width: 100%;
    padding: 20px 20px 20px 20px;
    background-color: #F4F3EB;
    border-radius: 10px;
				
}

.various_structure_list .item {
    position: relative;
    width: calc(100% / 2 - 10px);
    margin-bottom: 10px;
    padding: 7px;
    border: solid 1px #ccc;
    border-radius: 5px;
    text-align: center;
}

.various_structure_list .item img{
	margin-top:0px;
	}

.various_structure_list .item h3{
	font-size:0.85rem;
	}

.table_achievement th {
    background-color: #5BB431;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 20%;
    min-width: 4em;
}

.table_achievement td {
    border: 2px solid #fff;
    background-color: #E9F7E1;
    font-size: 1rem;
    font-weight: 200;
    padding: 0.5em;
}







.large_pipe_list{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
width: 100%;

	}

.large_pipe_list .item{
	position:relative;
width: calc(100% / 2 - 20px);
margin-bottom: 0px;
padding: 10px 0px;
text-align: center;
	}



.large_pipe_list::before{
content:"";
display: block;
width: calc(100% / 3 - 35px);
margin-bottom: 0px;
padding: 0px 10px;
order:1;
}
.large_pipe_list::after{
content:"";
display: block;
width: calc(100% / 3 - 35px);
margin-bottom: 0px;
padding: 0px 10px;
}

.large_pipe_list .item:after {
	display:none;
}

.large_pipe_list .item:nth-child(1)::after,.large_pipe_list .item:nth-child(5)::after {
position: absolute;
top: 0;
bottom: 0;
right: -34px;
margin: auto;
content: "";
vertical-align: middle;
display: inline-block;
width: 24px;
height: 58px;
background: #71d591;
clip-path: polygon(0 21.4%, 35.7% 21.4%, 35.7% 0, 100% 50%, 35.7% 100%, 35.7% 78.6%, 0 78.6%);
}

.large_pipe_list .item:nth-child(2)::after,.large_pipe_list .item:nth-child(6)::after,.large_pipe_list .item:nth-child(4)::after{
position: absolute;
bottom:-185px;
right: 55px;
margin: auto;
content: "";
vertical-align:bottom;
display: inline-block;
width: 58px;
height: 24px;
background: #71d591;
clip-path: polygon(0 41.2%, 18.9% 41.2%, 18.9% 0, 81.1% 0, 81.1% 41.2%, 100% 41.2%, 50% 100%);
}
	
.large_pipe_list .item:nth-child(3)::after,.large_pipe_list .item:nth-child(7)::after{
position: absolute;
top: 0;
bottom: 0;
right:105.5%;
margin: auto;
content: "";
vertical-align: middle;
display: inline-block;
width: 24px;
height: 58px;
background: #71d591;
clip-path: polygon(0 50%, 58.8% 0, 58.8% 18.9%, 100% 18.9%, 100% 81.1%, 58.8% 81.1%, 58.8% 100%);
}

	
.large_pipe_list .item:nth-child(1){
	order: 1;
	}

.large_pipe_list .item:nth-child(2){
	order: 2;
	}
.large_pipe_list .item:nth-child(3){
	order: 4;
	}
.large_pipe_list .item:nth-child(4){
	order: 3;
	}
	.large_pipe_list .item:nth-child(5){
	order: 5;
	}
	.large_pipe_list .item:nth-child(6){
	order: 6;
	}
	.large_pipe_list .item:nth-child(7){
	order: 8;
	}
	.large_pipe_list .item:nth-child(8){
	order: 7;
	}

.large_pipe_list::before {
	order: 9;
}

.large_pipe_list::after {
	order: 10
}
.large_pipe_list .item h3{
	font-size:1rem;
	margin-top:5px;
	}

.large_pipe_list li {
    position: relative;
				line-height:130%;
    padding: 5px 0 5px 10px;
}

.article_date {
    margin-top: 0px;
    margin-bottom: 23px;
    font-size: 0.9rem;
    color: #666;
    width: 100%;
    text-align: right;
}

.heat_exchange {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0px 0;
    padding-top: 0px;
}


.technical_titles03_f{
position: relative;
padding: 10px 10px 10px 20px;
font-size:1.2rem;
color: #333333;
margin-top:10px;
margin-bottom:0px;
border-bottom:dotted 2px #ccc;

}
.technical_titles03_f::before {
position: absolute;
top: 0;
left: .3em;
transform: rotate(55deg);
height: 11px;
width: 12px;
background: #AFDF9B;
content: '';
}

.technical_titles03_f::after {
position: absolute;
transform: rotate(15deg);
top: .6em;
left: 0;
height: 8px;
width: 8px;
background: #59AB36;
content: '';
}


}



@media screen and (max-width:360px) {
h2.main_had .hand_sup{
	font-size:1.3rem;
	vertical-align:middle;
	letter-spacing: 0.02em;
	}
}


a.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}



/**/