@charset "utf-8";
/* ===========================================================
 * 
 * 株式会社中島製作所　スタイルシート
 * Last UpDate : 2023/03/02
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

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

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "general.css";

html,body{ height: auto !important; }

body {
	font-weight: 400;
    font-style: normal;
	font-family:
		"source-han-sans-japanese",
		"游ゴシック",
		YuGothic,
		"ヒラギノ角ゴ Pro",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
}


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:link		{ color:#333; text-decoration:none; }
a:visited	{ color:#333; text-decoration:none; }
a:hover		{ color:#0071be; text-decoration:none; }
a:active	{ color:#0071be; text-decoration:none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */
#wrapper {}

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer { }

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }

/************** トップページ **************/


.bg_movie {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.bg_movie_size {
position: absolute;
}
.bg_movie:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index: 1;
}



/*
#loading{
    position: absolute;
    left: 50%;
    top: 40%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #0071be;
    z-index: 9999999;
}
*/
/************** 製品紹介 products　**************/

/* clearfix */
#contents .productsSec02:after { content: ""; display: block; clear: both;}


/************** 会社概要 profile **************/
#contents .accessSecMap iframe { max-width: 100%; border: none; }

/* clearfix */
#contents .accessSec:after { content: ""; display: block; clear: both;}



.top_sdgs{ position: absolute; right: 20px; bottom: 20px; width: 250px; height: 250px; z-index: 2; }
.top_sdgs img{ width: 100%; height: auto; }
.top_sdgs a:hover{ opacity: .6; }


.sdgs_sec{ width: 90%; margin: 0 auto 80px auto; background-color: #f5f5f5; padding: 60px; border-radius: 10px; }
.sdgs_list{ display: flex; justify-content: space-between; }
.sdgs_item{}
.sdgs_item_txt{ flex-basis: 60%; }
.sdgs_item_img{ flex-basis: 35%; }
.sdgs_txt{}
.sdgs_txt p{ font-size: 16px; line-height: 1.8; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_btn{ margin-top: 30px; width: 50%; }
.sdgs_btn a{ display: block; color: #fff; font-size: 16px; background-color: #4672d5; border: 1px solid #4672d5; text-align: center; padding: 10px; border-radius: 10px; letter-spacing: 1px; }
.sdgs_btn a i{ margin-left: 10px; }
.sdgs_btn a:hover{ background-color: #fff; color: #4672d5; }
.sdgs_img{}
.sdgs_img p{ text-align: center; margin-top: 10px; font-size: 16px; letter-spacing: 1px; }
.sdgs_img img{ width: 100%; height: auto; }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

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

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  max-width: 100%;
  height: auto;
}


/* 非表示用 */
.noneSP		{ display: none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1 { position: absolute; max-width: 230px; padding: 15px 0 0 10px; z-index: 999; font-size: 10px;}
h1 a { display: block;}

/*h2{ text-align: center; color: #fff; margin-bottom: 50px; }*/
	span.h201{ text-align: center; display: block; padding-top: 35px; }	
	span.h202{ text-align: center; display: block; color: #fff; font-size: 16px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; margin-bottom: 10px; letter-spacing: 1px; }
	span.h203{ display: block; color: #fff; font-family: "ingra",sans-serif;font-size: 32px;font-weight: bold; letter-spacing: 1px; margin: 0 0 20px 0; }
	.h2advantage{ background: url(../advantage/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2technical{ background: url(../technical/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2cutting{ background: url(../technical/cutting/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2trial{ background: url(../technical/trial/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2delivery{ background: url(../technical/delivery/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2treatment{ background: url(../technical/treatment/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2check{ background: url(../technical/check/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	.h2products{ background: url(../products/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2facility{ background: url(../facility/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2flow{ background: url(../flow/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2faq{ background: url(../faq/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2company{ background: url(../company/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2contact{ background: url(../contact/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2sitemap{ background: url(../sitemap/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2sustainability{ background: url(../sustainability/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }
	.h2news{ background: url(/info/wp-content/themes/nakajimaseisakusyo/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 150px; margin-bottom: 50px; }	
	
.h2SolidLine01 {
    border-top: 3px solid #fff;
    width: 70px;
    height: 0;
    margin: 0 auto 10px auto;
	display: block;
}


 h3{ 
	font-size: 20px;
    margin-bottom: 20px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 30px;
    border-left: 10px solid #4672D5;
    padding: 5px 5px 5px 25px;
}


h4{     
	border-bottom: solid 2px #CCCCCC;
    position: relative;
    font-size: 20px;
    color: #333333;
    letter-spacing: 1px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 700;
}


h4:after { position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%; 
}

h5{ font-size: 16px; letter-spacing: 1px; margin-bottom: 40px; }


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
header { overflow: hidden; margin-bottom: 20px; }
header #headerTxt{ display: none; }
header #header{ width: 100%; height: auto; margin: 0 auto; padding: 0; }
header #header .headerLogo{ max-width: 180px; font-size: 24px; margin: 0 auto; margin-top: 15px; }
header #header a:hover { opacity: 0.6; }
header #header .headerLogo span{ font-size: 13px; margin-right: 10px; }
header #header .headerIso{ display: none; }
header #header .headerTel{ display: none; }
header #header .headerContact{ display: none; }
header #header .headerFb i{ display: none; }


.bg_movie {
position: relative;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
}
.bg_movie_size {
position: absolute;
}
.bg_movie:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index: 1;
}


#topImgWrap {  }
#topImg { height: 300px; z-index: 99; }
	#topImg .topImg01{ text-align: center; position: absolute; left: 0; right: 0; max-width: 400px; margin: 0 auto; top: 60px; z-index: 2; }
	#topImg .topImg01 a:hover{  }
	#topImg .topImg01 a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

#loading{
    position: absolute;
    left: 45%;
    top: 40%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #377CBB;
    z-index: 9999999;
}

.pure-drawer div > ul.pure-drawerNav{ width: 90%; margin: 0 auto; }
.pure-drawer div > ul.pure-drawerNav > li{ font-size: 16px; letter-spacing: 2px; font-weight: 500; line-height: 2; text-align: center; color: #fff; /*border-bottom: 1px dotted #fff;*/ }
.pure-drawer div > ul.pure-drawerNav > li a{ display: block; color: #fff; padding: 10px 0; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; border-bottom: 2px dotted #999; }
.pure-drawer div > ul.pure-drawerNav > li ul{ /*margin: 10px 15px 20px 15px;*/ /*background: #fff;*/ border-radius: 10px; /*min-height: 170px;*/ }
.pure-drawer div > ul.pure-drawerNav > li ul:after{ content: ""; display: block; clear: both; }
.pure-drawer div > ul.pure-drawerNav > li li{ font-size: 0.8em; text-align: center; /*border-bottom: 1px dotted #999;*/ }
.pure-drawer div > ul.pure-drawerNav > li li:nth-child(4){ border-bottom: none; }
.pure-drawer div > ul.pure-drawerNav > li li a{ display: block; }
	
.pure-drawerNav02 > li{ font-size: 13px; letter-spacing: 2px; font-weight: 500; line-height: 2; text-align: center; color: #fff; /*border-bottom: 1px dotted #fff;*/ }
.pure-drawerNav02 > li a{ display: block; color: #fff; padding: 10px 0; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; }

	
.top_sdgs{ position: absolute; right: 0; left: 0; bottom: -160px; width: 150px; height: 150px; margin: 0 auto; }
.top_sdgs img{ width: 100%; height: auto; }
.top_sdgs a:hover{ opacity: .6; }

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ overflow: hidden; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer #footerSec{ overflow: hidden; padding: 40px 0 40px 0; text-align: center; background: #377CBB; }
footer #footerSec .footerLogo{ margin-bottom: 30px; }
footer #footerSec .footerLogo a:hover { opacity: 0.6; }
footer #footerSec .footerLogo span{ font-size: 22px; margin-right: 10px; }
	
footer #footerSec .footerSecAdd{ margin-bottom: 50px; }	
footer #footerSec .footerAdd01{ font-size: 15px; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; margin-bottom: 20px; }
footer #footerSec .footerAdd02{ font-size: 15px; color: #fff; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; margin-bottom: 20px; }
footer #footerSec .footerContact{ max-width: 90%; margin: 0 auto; margin-bottom: 15px; }
footer #footerSec .footerContact a{ padding-bottom: 5px; display: block; background: #fff; color: #f00; border-radius: 5px; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding: 15px; }
footer #footerSec .footerContact a i{ margin-right: 10px; } 
footer #footerSec .footerContact a span{ display: block; font-size: 14px; }
footer #footerSec .footerContact a:hover{ color: #fff; background: #f00; }
	
	
	
footer #footerSec .footerContact.nonePC{ max-width: 90%; margin: 0 auto; margin-bottom: 15px; }
footer #footerSec .footerContact.nonePC a{ padding-bottom: 5px; display: block; background: #f00; color: #fff; border-radius: 5px; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding: 15px; }
footer #footerSec .footerContact.nonePC a i{ margin-right: 10px; } 
footer #footerSec .footerContact.nonePC a span{ display: block; font-size: 14px; }
footer #footerSec .footerContact.nonePC a:hover{ color: #f00; background: #fff; }
	
	
	
footer #footerSec .footerTel { max-width: 95%; margin: 0 auto; }
footer #footerSec .footerTel a{ display: none; }
footer #footerSec .footerTel a:hover{ background: #fff; color: #1D375F; border: 1px solid #1D375F; }
footer #footerSitemap{ overflow: hidden; padding: 0; }
footer #footerSitemap ul{ }
footer #footerSitemap ul li{}
footer #footerSitemap ul li a{ display: block; color: #fff; padding: 15px; font-size: 14px; }
footer #footerSitemap ul li a:hover{ opacity: 0.6; }
footer #footerSitemap ul li a{ color: #fff; font-size: 14px; text-align: center; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; background-color: #244577;
 border-bottom: 1px solid #CCC; }
/* -
footer #footerSitemap ul li:before{ position: absolute; content: ""; width: 5px; height: 5px; border-top: 2px solid #438943; border-right: 2px solid #438943; -webkit-transform: rotate(45deg); transform: rotate(45deg); } */
	
footer .footerSecStmap > ul > li > a { display: block; color: #fff; font-size: 14px; font-weight: 700; text-align: center; background-color: #244577; padding: 20px 10px; border-top: 1px solid #fff; }
footer .footerSecStmap .hiddenMd.hiddenSm { display: none; }
footer .footerSecStmap > ul > li > a:hover { background-color: #fff; color: #244577; }
footer .footerSecStmap > ul > li > ul > li > a { display: block; color: #fff; font-size: 14px; font-weight: 500; text-align: center; background-color: #436dad; padding: 20px 10px; border-top: 1px solid #fff; }
footer .footerSecStmap > ul > li > ul > li > a:hover { background-color: #fff; color: #244577; }
footer .footerSecStmap{ border-top: 1px solid #244577; border-bottom: 1px solid #fbfbfb; }	
/* アコーディオン */
footer .accordion li a.toggle {
	display: block;
	cursor: pointer;
	position: relative;
}
footer .accordion li a.toggle:after,
footer .accordion li a.active:after {
	position: absolute;
	right: 20px;
	font-size: 25px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
footer .accordion li a.toggle:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0dd";
	top: 15px;
	color: #fff;
}
footer .accordion li a.active:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0de";
	top: 25px;
	color: #fff;
}
footer .accordion li a.toggle:hover:after,
footer .accordion li a.active:hover:after {
	color: #244577;
}
footer .accordion li a.toggle + ul { display: none; }
footer #footerCopyright{ text-align: center; background: #244577; color: #fff; font-size: 12px; padding: 12px 0; }
	
#pagetop {
    width: 70px;
    margin: 0 auto 40px auto;
}	
#pagetop a:hover {
    opacity: 0.6;
}
#topImg { background: url(../images/img_top01.jpg) no-repeat center center; width: 100%; background-size: cover; max-height: 300px; }


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */
#gNavi{ display: none; }

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#main01{ background: #f5f5f5; padding: 30px 0; }
#main02{ background: #fff; padding: 30px 0 60px 0; }

#contents {	width: 96%; margin: 0 auto; margin-bottom: 90px; }
#contents:after { content: ""; display: block; clear: both; }

#breadcrumbs { display: none; }

/************** トップページ **************/
#topImg .topSecImgTit01{ font-size: 22px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; }
#topImg .topSecImgTxt{ font-size: 24px; margin-bottom: 20px; font-weight: bold; color: #fff; }
#topImg .topSecImgTit02{ font-size: 80px; font-weight: bold; color: #fff; }
#topSec{ overflow: hidden; }
#topSec .topSec01{ background: #fff; overflow: hidden; }
#topSec .topSec01Tit{ position: relative; display: block; color: #fff; font-size: 38px; font-weight: 700; text-align: center; background: url(../images/tit_top01.jpg) no-repeat center center; padding:50px 0;  background-size: cover; }
#topSec .topSec01Tit:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(11,83,170,0.6); }
#topSec .topSec01Tit p{ z-index: 1; position: relative; }
.topSec01Btn{ width: 250px; margin: 0 auto; }
.topSec01Btn a{ font-size: 16px; color: #fff; text-align: center; display: block; background-color: #377CBB; border: solid 1px #377CBB; padding: 13px; }
.topSec01Btn a:hover{ color: #377CBB; background: #fff; border: solid 1px #377CBB; }	

.topSec01Txt{ width: 90%; margin: 160px auto 30px auto; font-size: 15px; line-height: 1.8; }	
	
#topSec .topSec02{ background: url(../images/img_topSec02.jpg) no-repeat center center; height: 500px; padding:50px 0;  background-size: cover; }
#topSec .topSec02:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul{ width: 1390px; margin: 0 auto; /*overflow: hidden; position: absolute; bottom: -340px;*/ left: 0; right: 0; z-index: 1 }
#topSec .topSec02 ul:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul li{ float: left; margin-right: 20px; width: 450px; background-color: #fff; }
#topSec .topSec02 ul li a{ display: block; }
#topSec .topSec02 ul li a:hover{ opacity: 0.6; }
	
#topSec .topSec02 ul li:last-child{ border-right: none; margin-right: 0; }
#topSec .topSec02 ul li .topSec02Img{ overflow: hidden; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Img img{ width: 100%; height: auto; }
#topSec .topSec02 ul li .topSec02Tit{ font-size: 21px; font-weight: 700; text-align: center; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Tit01{ font-size: 20px; color: #2C528D; font-family: politica, sans-serif; font-style: normal; font-weight: 700; text-align: center; margin-bottom: 10px; }
#topSec .topSec02 ul li .topSec02Tit02{ font-size: 35px; font-weight: 700; color: #333333; text-align: center; /* color: #333333; */  margin-bottom: 20px; }	
#topSec .topSec02 ul li .topSec02Txt{ width: 80%; margin: 0 auto; font-size: 16px; padding-bottom: 50px; }
#topSec .topSec02nonePC{ display: none; }
#topSec .topSec03{ background-color: #fff; }
#topSec .topSec03:after{ content: ""; display: block; clear: both; }
#topSec .topSec03 .topSec03Wrap01{ }	
#topSec .topSec03 .topSec03Content01{ float: left; width: 50%; padding: 50px 40px 50px 0; }		
#topSec .topSec03 .topSec03ContentSec01{ width: 560px; margin-left: auto; }
#topSec .topSec03 .h2topSec03{ font-size: 35px; color: #333; margin-bottom: 20px; padding: 0; text-align: left; }
#topSec .topSec03 .h2topSec03 span{ display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-bottom: 8px; }
#topSec .topSec03 .topSec03Txt{ font-size: 15px; margin-bottom: 20px; }
#topSec .topSec03 .topSec03Btn{ width: 250px; float: left; margin-right: 15px; }
#topSec .topSec03 .topSec03Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; }
#topSec .topSec03 .topSec03Btn a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }
#topSec .topSec03 .topSec03Img01{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_advantage01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img02{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_technology01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img03{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_facility01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img04{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_company01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img05{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_flowing01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img06{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_sustainability01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img08{ margin-bottom: 1px; min-height: 320px; background: url(../images/img_contact01.jpg) no-repeat center center; background-size: cover; }

#topSec .topSec03 .topSec03Img01:nth-child(n+3){ margin-bottom: 0.1%; }

#topSec .topSec03 .topSec03Wrap02{}	
#topSec .topSec03 .topSec03ContentSec02{ width: 560px; margin-left: 50px; }
#topSec .topSec03 .topSec03Content02 { float: right; width: 50%; }	
#topSec .topSec03 .topSec03Img07 { margin-bottom: 1px; background: url(../images/img_top06.jpg) no-repeat center center; background-size: cover; min-height: 320px; }
	
#topSec .topSec03 .topSec03Map01{ }
#topSec .topSec03 .topSec03Map01 iframe{  }
	
/*#topSec .topSec03 .topSec03Img08{ background-color: #3B5998; }
#topSec .topSec03 .topSec03Img08 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSec03Img08 .fbSec01{ color: #fff; font-size: 20px; font-weight: 700; text-align: center; padding: 30px 0; }
#topSec .topSec03 .topSec03Img08 .fbSec01 i{ margin-right: 20px; font-size: 30px; } */
	
#topSec .topSec03 .topSecFb01{ }
#topSec .topSec03 .topSecFb01 a{ color: #fff; font-size: 22px; font-weight: 700; padding: 22px; height: 96px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #3B5998; border: solid 1px #3B5998; }
#topSec .topSec03 .topSecFb01 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSecFb01 i{ font-size: 50px; margin-right: 20px; }	

#topSec .topSec03 .topSec03Btn02 li{ width: 250px; float: left; margin-right: 15px; }	
#topSec .topSec03 .topSec03Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; }
#topSec .topSec03 .topSec03Btn02 li a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }	
#topSec .topSec04{ overflow: hidden; padding: 60px 0; }
#topSec .topSec04Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#topSec .topSec04Tit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 10px; color: #999; letter-spacing: 1px; }
#topSec .topSec04Txt{ font-size: 15px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#topSec .topSec04 ul{ width: 1200px; margin: 0 auto; }
#topSec .topSec04 ul li{ float: left; width: 390px; margin-right: 15px; text-align: center; font-size: 13px; }
#topSec .topSec04 .topSec04Img01{ background: url(../images/img_products01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img02{ background: url(../images/img_faq01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img03{ background: url(../images/img_staff01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 ul li:nth-child(3n){ margin-right: 0; }
#topSec .topSec04Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-bottom: 10px;     padding-top: 70px; }
#topSec .topSec04Tit02{ color: #fff; font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec04Btn { text-align: center; }
#topSec .topSec04Btn a{ color: #fff; font-size: 15px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; border-radius: 5px; letter-spacing: 1px; }
#topSec .topSec04Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSec05Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-bottom: 10px;     padding-top: 70px; }
#topSec .topSec05Tit02{ color: #fff; font-size: 35px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec05Btn { text-align: center; }
#topSec .topSec05Btn a{ color: #fff; font-size: 15px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; }
#topSec .topSec05Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSecNews{ background: #fff; overflow: hidden; padding: 60px 0 180px 0; }
#topSec .topSecNewsTit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 40px; }
#topSec .topSecNewsTit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 15px; color: #2C538E; letter-spacing: 1px; }
#topSec .topSecNews ul{ width: 95%; margin: 0 auto; }
#topSec .topSecNews ul li{ overflow: hidden; border-bottom: 1px solid #ccc; padding: 20px; }
#topSec .topSecNews ul li:first-child{ border-top: 1px solid #ccc; }
#topSec .topSecNews ul li .topSecNewsDate{ font-size: 14px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #2C538E; width: 110px; }
#topSec .topSecNews ul li .topSecNewsTxt{ float: left; }
#topSec .topSecNews ul li .topSecNewsTit01{ font-size: 16px; /* font-weight: 700; */ /* margin-bottom: 10px; */ }
#topSec .topSecNews ul li .topSecNewsTxt01{ font-size: 15px; }

	
	
/************** 技術情報 technical **************/
#technicalContents {
	margin: 0 auto;
	margin-bottom: 180px;
}
#technicalContents .technicalSec01{ background-color: #fff; }
#technicalContents .technicalSec01:after{ content: ""; display: block; clear: both; }
#technicalContents .technicalSec01 .technicalSec01Wrap01{ min-height: 400px; margin-bottom: 70px; }	
#technicalContents .technicalSec01 .technicalSec01Content01{ margin-bottom: 40px; }		
#technicalContents .technicalSec01 .technicalSec01ContentSec01{ width: 95%; margin: 0 auto; }
#technicalContents .technicalSec01 .h2technicalSec01{ text-align: center; font-size: 28px; color: #333; margin-bottom: 15px; padding: 0;}
#technicalContents .technicalSec01 .h2technicalSec01 span{ text-align: center; display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-top: 17px; margin-bottom: 5px; }	
#technicalContents .technicalSec01 .technicalSec01Txt{ font-size: 16px; margin-bottom: 20px; width: 100%; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-right: 40px; }
#technicalContents .technicalSec01 .technicalSec01Btn{ width: 250px; width: 80%; margin: 0 auto; }
#technicalContents .technicalSec01 .technicalSec01Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }
#technicalContents .technicalSec01 .technicalSec01Img01{ min-height: 400px; background: url(../technical/images/img_cutting.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Wrap02{ min-height: 400px; margin-bottom: 70px; }	
#technicalContents .technicalSec01 .technicalSec01ContentSec02{ width: 95%; margin: 0 auto;}
#technicalContents .technicalSec01 .technicalSec01Content02 { margin-bottom: 40px; }	
#technicalContents .technicalSec01 .technicalSec01Img02 { min-height: 400px; background: url(../technical/images/img_trial.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Btn02{ }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li{ width: 80%; margin: 0 auto; }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn02 li a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }	
#technicalContents .technicalSec01 .technicalSec01Img03 { min-height: 400px; background: url(../technical/images/img_delivery.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img04 { min-height: 400px; background: url(../technical/images/img_treatment.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img05 { min-height: 400px; background: url(../technical/images/img_check.jpg) no-repeat center center; background-size: cover; }

#technicalContents .h2technicalSec01 span.h2_01Num { font-size: 45px; width: 60px; margin-right: 20px; border-bottom: 3px solid #333333; margin-bottom: 30px; margin: 0 auto; }
	
	
/************** 精密切削加工 cutting **************/
#contents .cuttingSec{ overflow: hidden; margin-bottom: 60px; }
#contents .cuttingSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .cutting:after{ content: ""; display: block; clear: both; }
#contents .cuttingTit01{ font-size: 55px; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; letter-spacing: 0.1em; color: #2C528D; font-weight: bold; text-align: center; margin-bottom: 50px; }
#contents .cuttingTit01 span{ font-size: 120px; color: #FF9900; }
#contents .cuttingSec01Txt{ float: left; width: 670px; margin-right: 30px; }
#contents .cuttingSec01{ width: 1140px; margin: 0 auto; overflow: hidden; margin-bottom: 80px;}
#contents .cuttingSec01 ul{}
#contents .cuttingSec01 ul li{ float: left; width: 560px; margin-right: 20px; }
#contents .cuttingSec01 ul li:nth-child(2n){ margin-right: 0; }
.cuttingTit02{ font-size: 22px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
.cuttingTit03{ font-size: 46px; margin-right: 20px; color: #4672D5; letter-spacing: 1px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; display: block; text-align: center; }
.cuttingTit04{ font-size: 25px; color: #666666; float: left; display: block; letter-spacing: 0.1em; margin-bottom: 20px; text-align: center; width: 100%; }
.cuttingTit05{ font-size: 25px; color: #666666; float: left; display: block; letter-spacing: 0.1em; margin-bottom: 20px; text-align: center; width: 100%; }
#contents .cuttingSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 20px; }	
	

	
/************** 試作 trial **************/
#contents .trialSec{ overflow: hidden; margin-bottom: 65px; }
#contents .trialSec01 ul li{ }
#contents .trialSec01 ul li:nth-last-child{
    margin-bottom: 0;
}
#contents .trialSec01 ul li:nth-child(2n){ margin-right: 0; }
#contents .trialSec01{ overflow: hidden; }
#contents .trialSec01Img{ text-align: center; margin-bottom: 10px; }
#contents .trialSec01Tit{ font-size: 18px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; padding: 0 0 10px 0; text-align: center; }
#contents .trialSec01Tit span{ font-size: 16px; /*padding-left: 5px;*/ }
#contents .trialSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; margin: 0 auto; margin-bottom: 30px; }
#contents .trialSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .trialSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	


/**************  小ロット・短納期対応 delivery **************/
#contents .deliverySec{ overflow: hidden; margin-bottom: 80px; }
#contents .deliverySec01 ul li{ font-size: 17px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; float: left; letter-spacing: 0.1em; }
#contents .deliverySec01 ul li i{ color: #333333; font-size: 30px; padding-right: 20px; } 
#contents .deliverySec01{ margin-top: 10px; overflow: hidden; }
#contents .deliverySec01Img{ margin-bottom: 10px; }
#contents .deliverySec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .deliverySecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .deliverySecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .deliverySec01Tit{ 
	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	margin-bottom: 20px;
}
	
	
/************** 品質管理 check **************/
#contents .checkSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 30px; }
#contents .checkSec01Tit{ font-size: 16px; margin-bottom: 30px; }

#contents .checkSec{ overflow: hidden; margin-bottom: 80px; }
#contents .checkSec01 ul li{ text-align: center; }
#contents .checkSec01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
#contents .checkSec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .checkSec01{ overflow: hidden; }
#contents .checkSec01Img{ margin-bottom: 10px; }
#contents .checkSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .checkSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .checkSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .checkSec02{margin-bottom: 50px;}
	
	
/************** 製品紹介 products　**************/
#contents .productsSec01{ overflow: hidden; margin-bottom: 100px; }
#contents .productsSec01Img{ float: left; margin-right: 50px; }
#contents .productsSec01Tit{ font-size: 16px; color: #333333; padding-left: 20px; position: relative; }
#contents .productsSec01Tit:before{ 
	content: "";
    position: absolute;
    margin: auto;
    background-color: #CCCCCC;
    width: 10px;
    height: 10px;
	top: 8px;
	left: 0;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0 0 0 4px #5584E4; 
}	
#contents .productsSec02 li img{ margin-bottom: 10px; }
#contents .productsSec02 li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 25px; }
#contents .productsSec02 li:nth-child(2n){ margin-right: 0; }
	
/************** 工場設備 facility **************/
#contents .facilitySec{ margin-bottom: 80px; overflow: hidden; }
#contents .facilitySec01 ul li{ float: left; width: 49%; margin-right: 2%; }
#contents .facilitySec01 ul li:nth-last-child{
    margin-bottom: 0;
}
#contents .facilitySec01 ul li:nth-child(2n){ margin-right: 0; }
#contents .facilitySec01{ margin-bottom: 40px; overflow: hidden; }
#contents .facilitySec01Img{ margin-bottom: 10px; }
#contents .facilitySec01Tit{ font-size: 20px; letter-spacing: 1px; padding:0 0 10px 0; border-bottom: 1px solid #3F87DE; }
#contents .facilitySec01Tit span{ font-size: 16px; /*padding-left: 5px;*/ }
#contents .facilitySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; margin-bottom: 20px; }
#contents .facilityTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .facilityTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .facilitySec02{margin-bottom: 50px;}
#contents .facilitySec02 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec02 table th{ background: #666; color: #fff; padding: 3px; font-weight: normal; letter-spacing: 1px; font-size: 14px; }
#contents .facilitySec02 table td{ text-align: center; padding: 3px; border-bottom: 1px solid #ccc; }
/*#contents .facilitySec02 table td:nth-child(1){ width: 20%; }
#contents .facilitySec02 table td:nth-child(2){ width: 15%; }
#contents .facilitySec02 table td:nth-child(3){ width: 20%; }
#contents .facilitySec02 table td:nth-child(4){ width: 20%; }
#contents .facilitySec02 table td:nth-child(5){ width: 15%; }
#contents .facilitySec02 table td:nth-child(6){ width: 10%; }*/
	
#contents .facilitySec03{margin-bottom: 50px;}
#contents .facilitySec03 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec03 table th{ background: #666; color: #fff; font-weight: normal; letter-spacing: 1px; font-size: 14px; padding: 5px; }
#contents .facilitySec03 table td{ padding: 3px; text-align: center; border-bottom: 1px solid #ccc; }
/*#contents .facilitySec03 table td:nth-child(1){ width: 25%; }
#contents .facilitySec03 table td:nth-child(2){ width: 25%; }
#contents .facilitySec03 table td:nth-child(3){ width: 25%; }
#contents .facilitySec03 table td:nth-child(4){ width: 25%; }	
*/
	
#contents .facilitySecTit01 {
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}

#contents .facilitySecTxt01{
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}
	
#contents .facilitySecTxt02{
    font-size: 13px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
	text-align: right;
}
	


/* ご注文の流れ flow */
#contents .flowSec{}
#contents .flowSec ul{ }
#contents .flowSec ul > li{ border: 2px solid #4672D5; }
#contents .flowSec ul > li.arrow{ border: none; text-align: center; }
#contents .flowSec ul li > ul{ }
#contents .flowSec ul li > ul li{ border: none; position: relative; }
#contents .flowSec ul li > ul li:nth-child(1){ font-size: 40px; font-weight: 700; margin-top: 30px; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit{ display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit01{ font-size: 30px; float: left;/* border-bottom: 1px solid; */}
	
#contents .flowSec ul li > ul li:after { content: ""; display: block; clear: both; }
	
#contents .flowSec ul li > ul li:nth-child(2) { }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt{ font-size: 16px; padding: 5px 20px 20px 20px; margin: 0 auto; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01{ display: flex; justify-content: space-between; margin-top: 20px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt01{ padding: 30px 0; border-bottom: 1px solid; }
#contents .flowSec ul li.arrow{ text-align: center; font-size: 1.5rem; letter-spacing: 8px;  padding: 30px; }
#contents .flowSec ul li.arrow span:nth-child(1),
#contents .flowSec ul li.arrow span:nth-child(5){ color: rgba(70,114,213,0.3); }
#contents .flowSec ul li.arrow span:nth-child(2),
#contents .flowSec ul li.arrow span:nth-child(4){ color: rgba(70,114,213,0.6); }
#contents .flowSec ul li.arrow span:nth-child(3){ color: rgba(70,114,213,1); }
#contents .flowSec .flowSecTit span{ float: left; color: #666666; }
#contents .flowSec .flowSecIco01 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow01.png) no-repeat; }
#contents .flowSec .flowSecIco02 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow02.png) no-repeat; }
#contents .flowSec .flowSecIco03 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow03.png) no-repeat; }
#contents .flowSec .flowSecIco04 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow04.png) no-repeat; }	
#contents .flowSec .flowSecIco05 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow05.png) no-repeat; }
#contents .flowSec .flowSecIco06 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow06.png) no-repeat; }
#contents .flowSec .flowSecIco07 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow07.png) no-repeat; }
#contents .flowSec .flowSecIco08 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow08.png) no-repeat; }	
	
	
	

	
/************** 良くある質問 faq **************/
#contents .faqSec ul li .faqSecQ01 { font-size: 24px; font-weight: 700;  float: left; margin-right: 20px; margin-bottom: 15px; padding: 10px 22px; color: #fff; border-radius: 50%;
background: #5584E4; }
#contents .faqSec ul li .faqSecQ01 span{ font-size: 30px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }	
#contents .faqSec ul li .faqSecA01 {
    float: left;
    font-size: 24px;
    margin-right: 20px;
    padding: 10px 22px;
    color: #f00;
    border-radius: 50%;
    border: 1px solid;
}

#contents .faqSec ul li .faqSecQ01Tit { font-size: 20px; font-weight: 700; padding: 10px 0 0 80px; margin-top: 30px; margin-bottom: 20px; }
#contents .faqSec ul li .faqSecQ01Tit:after { content: ""; display: block; clear: both; }
#contents .faqSecA { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; }
#contents .faqSec ul li .faqSecA01{ font-size: 30px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }
#contents .faqSec ul li .faqSecA01Txt{ font-size: 16px; padding: 10px 0 0 80px; margin-bottom: 10px; }
#contents .faqSec ul li .faqSecA01Txt:after { content: ""; display: block; clear: both; }
#contents .faqSecImg01{ text-align: center; }

	

/************** 会社案内 company **************/
#contents .companySec{ overflow: hidden; margin-bottom: 60px; }
#contents .companySec01 ul li{ text-align: center; }
#contents .companySec01{ overflow: hidden; }
#contents .companySec01Img{ margin-bottom: 10px; }
#contents .companySec01Tit{ font-size: 25px; font-weight: bold; color: #666666; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#contents .companySec01Btn { width: 75%; margin: 0 auto; margin-bottom: 50px; }	
#contents .companySec01Btn a { display: block; color: #fff; border: solid 1px #5584E4; font-size: 16px; font-weight: 500; text-align: center; padding: 14px; background-color: #5584E4; }
#contents .companySec01Btn a:hover{ color: #5584E4; background-color: #fff; }
#contents .companySec01Tit span{ font-size: 30px; font-weight: bold; color: #666666; letter-spacing: 1px; text-align: center; }
#contents .companySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; }
#contents .companyTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .companyTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }		
	


/************** 会社概要 profile **************/
#contents .profileSec{ margin-bottom: 60px; }
#contents .profileSec:after { content: ""; display: block; clear: both;}
#contents .profileSec01{ }
#contents .profileSecTxt01{ font-size: 16px; float: left; margin-bottom: 20px; letter-spacing: 0.1em; }
#contents .profileSecTxt02{ font-size: 22px; color: #666666; letter-spacing: 0.1em; margin: 0 auto; text-align: center; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 700; }
#contents .profileSecTxt02 span{ font-size: 39px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSec01Img{ text-align: center; margin-bottom: 10px; } 
#contents .profileSec01Img span{ } 	

#contents .accessSec { margin-bottom: 60px;}
#contents .accessSec .accessSecMap:first-child { margin-bottom: 40px;}

#contents .profileSecMap{ position: relative; margin-bottom: 60px; padding-bottom: 56.25%; height: 0; overflow: hidden; }
#contents .profileSecMap iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

#contents .profileSecTxt03{ font-size: 30px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; color: #333333; text-align: center; letter-spacing: 0.3em; }
#contents .profileSecTxt03 span{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #333333; display: block; padding-top: 20px; text-align: center; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSecTxt04{ font-size: 16px; color: #333333; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; }
#contents .profileSec .profileSecWrap01 ul{ }
#contents .profileSec .profileSecWrap01 ul li{ padding: 20px 0 20px 20px; overflow: hidden; border-bottom: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li:first-child{ border-top: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileDate{ font-size: 16px; width: 20%; float: left; color: #333333; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTxt05{ float: left; width: 810px; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTit01{ font-size: 16px; }
	
#contents .profileSec02{ margin-bottom: 80px;; }
#contents .profileSec02Txt{ font-size: 16px; color: #333333; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 75px; margin-bottom: 40px; }
#contents .profileSec02Txt ol{ margin-left: 20px; }
#contents .profileSec02Txt ol li{ list-style-type: decimal; font-size: 15px; }
#contents .profileSec02Sec{ width: 1200px; margin: 0 auto 80px auto; }	
	


/************** 会社沿革 history **************/
#contents .historySec{ margin-bottom: 100px; }
#contents .historySec01{ width: 760px; margin-right: 40px; float: left; }
#contents .historySecTit01{ font-size: 25px; color: #666666; font-weight: 700; margin-top: 40px; margin-bottom: 40px; }
#contents .historySecTxt01{ font-size: 16px; float: left; line-height: 1.8; }
#contents .historySecTxt02{ width: 400px; font-size: 30px; margin: 0 auto; color: #666666; font-weight: 500; float: right; letter-spacing: 0.1em; text-align: center; }
#contents .historySecTxt02 span{ font-size: 16px; }
#contents .historySecTxt03{ font-size: 16px; padding-top: 20px; line-height: 1.8; }
#contents .historySec table th{ font-size: 16px; padding-top: 19px; padding-bottom: 19px; padding-left: 20px;width: 10%; text-align: left; color: #333333; vertical-align: top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .historySec table td{ padding: 18px; font-size: 16px; color: #333333; font-weight: 400; width: 25%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; letter-spacing: 0.1em; }
#contents .historySec table{ font-size: 30px; color: #666666; font-weight: bold; letter-spacing: 0.1em; }	
	

	

/************** とりくみ endeavor **************/
#contents .endeavorSec{ overflow: hidden;  float: left; }
#contents .endeavorSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .endeavor:after{ content: ""; display: block; clear: both; }
#contents .endeavorTit01{     
	font-size: 30px;
    margin: 0 auto;
    font-family: europa, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 16px;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #79B2E6;
}
#contents .endeavorTit01:after{ content: ""; display: block; clear: both; }
#contents .endeavorWrpa01{}
.endeavorWrap{ margin-bottom: 60px }
.endeavorTit02{ font-size: 25px; padding-top: 5px; margin-bottom: 5px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; text-align: center; }
.endeavorTit02:after{ content: ""; display: block; clear: both; }
.endeavorTit03{ font-size: 19px; margin-bottom: 10px; letter-spacing: 1px; text-align: center; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
#contents .endeavorSec01Img{ }
#contents .endeavorSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 20px; }

#contents .endeavorSec03{ overflow: hidden;  float: right; }

	
/************** スタッフ紹介 staff **************/
#contents .staffSec{ overflow: hidden; margin-bottom: 60px; }
#contents .staffImgSec01{ margin-bottom: 60px; }	
#contents .staffSec02{ margin-bottom: 20px; }
#contents .staffSecTxt01{ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .staffImgSec02{  }
#contents .staffImgSec02 li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; }
#contents .staffImgSec02 li:nth-child(2n){ margin-right: 0; } 
#contents .staffImgSec02 li:nth-last-child(-n+2){ margin-bottom: 0; } 
#contents .staffSec03{ margin-bottom: 20px }


/************** お問い合わせ contact **************/
#contents .contactSec{ width: 80%; margin: 0 auto 80px auto; }
#contents .contactSecTxt{ font-size: 16px; line-height: 1.6; margin-bottom: 40px; }
#contents .contactSecTxt ol{ margin-left: 20px; margin-top: 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; font-size: 15px; }

	
/************** サイトマップ sitemap **************/
#contents .sitemapSec01{ }
#contents ul.sitemapList01 li{ }	
#contents ul.sitemapList01 li a{  }	
#contents ul.sitemapList01 li:before{  }	
#contents .sitemapSec01 ul{ padding-left: 10px; }
#contents .sitemapSec01 ul li{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 10px 40px; float: none; width: auto; }
#contents .sitemapSec01 ul li:before,
#contents .sitemapSec01 ul li:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li:after{ top: 19px; left: 10px; width: 14px; height: 14px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li:before{ z-index: 2; }
#contents .sitemapSec01 ul li a{ text-decoration: none; }
#contents .sitemapSec01 ul li.sitemapSec02{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 15px 55px; float: none; width: auto; }
#contents .sitemapSec01 ul li.sitemapSec02:before,
#contents .sitemapSec01 ul li.sitemapSec02:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li.sitemapSec02:after{ top: 9px; left: 10px; width: 20px; height: 20px; padding: 5px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li.sitemapSec02:before{ top: 20px; left: 20px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }





.sdgs_sec{ width: 100%; margin: 0 auto 80px auto; background-color: #f5f5f5; padding: 30px; border-radius: 10px; }
.sdgs_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.sdgs_item{}
.sdgs_item_txt{ flex-basis: 100%; margin-bottom: 30px; }
.sdgs_item_img{ flex-basis: 100%; }
.sdgs_txt{}
.sdgs_txt p{ font-size: 16px; line-height: 1.8; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_btn{ margin-top: 30px; width: 100%; }
.sdgs_btn a{ display: block; color: #fff; font-size: 16px; background-color: #4672d5; border: 1px solid #4672d5; text-align: center; padding: 10px; border-radius: 10px; letter-spacing: 1px; }
.sdgs_btn a i{ margin-left: 10px; }
.sdgs_btn a:hover{ background-color: #fff; color: #4672d5; }
.sdgs_img{}
.sdgs_img p{ text-align: center; margin-top: 10px; font-size: 16px; letter-spacing: 1px; }
.sdgs_img img{ width: 100%; height: auto; }





}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

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

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
img,video {
  width: 100%;
  height: auto;
}


/* 非表示用 */
.noneTAB		{ display: none; }


/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1 { position: absolute; max-width: 230px; padding: 15px 0 0 10px; z-index: 999; font-size: 10px;}
h1 a { display: block;}

/*h2{ text-align: center; color: #fff; margin-bottom: 40px; }*/
	h2 span.h201{ display: block; width: 430px; margin: 0 auto; }	
	h2 span.h202{ text-align: center; display: block; color: #fff; font-size: 20px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; }	
	h2 span.h203{ text-align: center; display: block; color: #fff; font-family: "ingra",sans-serif;font-size: 42px;font-weight: bold; letter-spacing: 1px; margin: 0 0 20px 0; }
	span.h202{ text-align: center; display: block; color: #fff; font-size: 20px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; }
	span.h203{ text-align: center; display: block; color: #fff; font-family: "ingra",sans-serif; font-size: 42px; font-weight: bold; letter-spacing: 1px; margin: 0 0 20px 0;  }
	.h2advantage{ background: url(../advantage/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2technical{ background: url(../technical/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2cutting{ background: url(../technical/cutting/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }	
	.h2trial{ background: url(../technical/trial/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }	
	.h2delivery{ background: url(../technical/delivery/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }	
	.h2treatment{ background: url(../technical/treatment/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2check{ background: url(../technical/check/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2products{ background: url(../products/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2facility{ background: url(../facility/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2flow{ background: url(../flow/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2faq{ background: url(../faq/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2company{ background: url(../company/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2profile{ background: url(../company/profile/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2history{ background: url(../company/history/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2endeavor{ background: url(../company/endeavor/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2staff{ background: url(../staff/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2contact{ background: url(../contact/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2sitemap{ background: url(../sitemap/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2sustainability{ background: url(../sustainability/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	.h2news{ background: url(/info/wp-content/themes/nakajimaseisakusyo/images/h2.jpg) no-repeat center center; background-size: cover; min-height: 250px; margin-bottom: 80px; }
	
.h2SolidLine01 {
    border-top: 3px solid #fff;
    width: 70px;
    height: 0;
    margin: 0 auto 10px auto;
	display: block;
}

h3{     
	font-size: 27px;
    margin-bottom: 20px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 30px;
    border-left: 10px solid #4672D5;
    padding: 5px 5px 5px 25px;
}
	
h4{    
	border-bottom: solid 2px #CCCCCC;
    position: relative;
    font-size: 27px;
    color: #333333;
    letter-spacing: 1px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 700;
 }

h4:after { 
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #4672D5;
	bottom: -2px;
	width: 10%; 
}
	
h5{ font-size: 18px; letter-spacing: 1px; margin-bottom: 40px; }


/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
header { overflow: hidden; margin-bottom: 20px; background: #fff; }
header #headerTxt{ display: none; }
header #header{ width: 100%; height: auto; margin: 0 auto; padding: 0; }
header #header .headerLogo{ text-align: center; margin: 15px 0 0 20px; }
header #header a:hover { opacity: 0.6; }
header #header .headerLogo img{ width: 302px; }
header #header .headerLogo span{ font-size: 18px; margin-right: 10px; }
header #header .headerIso{ display: none; }
header #header .headerTel{ display: none; }
header #header .headerContact{ display: none; }
header #header .headerFb i{ display: none; }


.bg_movie {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.bg_movie_size {
position: absolute;
}
.bg_movie:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index: 1;
}


#topImgWrap {  }
#topImg { position: absolute; height: 400px; z-index: 99; }
	#topImg .topImg01{ position: relative; text-align: center; left: 0; right: 0; padding-top: 90px; z-index: 2; }
	#topImg .topImg01 a:hover{  }
	#topImg .topImg01 a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

#loading{
    position: absolute;
    left: 50%;
    top: 40%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #377CBB;
    z-index: 9999999;
}

.pure-drawer div > ul.pure-drawerNav{ width: 90%; margin: 0 auto; }
.pure-drawer div > ul.pure-drawerNav > li{ font-size: 20px; letter-spacing: 2px; font-weight: 500; line-height: 2; text-align: center; color: #fff; /*border-bottom: 1px dotted #fff;*/ }
.pure-drawer div > ul.pure-drawerNav > li a{ display: block; color: #fff; padding: 10px 0; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; border-bottom: 2px dotted #999; }
.pure-drawer div > ul.pure-drawerNav > li ul{ /*margin: 10px 15px 10px 15px;*/ /*background: #fff;*/ border-radius: 10px; /*min-height: 170px;*/ }
.pure-drawer div > ul.pure-drawerNav > li ul:after{ content: ""; display: block; clear: both; }
.pure-drawer div > ul.pure-drawerNav > li li{ font-size: 0.8em; text-align: center; /*border-bottom: 1px dotted #999;*/ }
.pure-drawer div > ul.pure-drawerNav > li li:nth-child(4){ border-bottom: none; }
.pure-drawer div > ul.pure-drawerNav > li li a{ display: block; padding: 8px; }
	
.pure-drawerNav02 > li{ font-size: 17px; letter-spacing: 2px; font-weight: 500; line-height: 2; text-align: center; color: #fff; /*border-bottom: 1px dotted #fff;*/ }
.pure-drawerNav02 > li a{ display: block; color: #fff; padding: 10px 0; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; }

	
#topImg { background: url(../images/img_top01.jpg) no-repeat center center; width: 100%; background-size: cover; max-height: 400px; }
	
.top_sdgs{ position: absolute; right: 10px; bottom: 10px; width: 150px; height: 150px;  }
.top_sdgs img{ width: 100%; height: auto; }
.top_sdgs a:hover{ opacity: .6; }

/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ overflow: hidden; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer #footerSec{ overflow: hidden; padding: 50px 0 50px 0; text-align: center; background: #377CBB; }
footer #footerSec .footerLogo{ width: 333px; margin: 0 auto; margin-bottom: 30px; }
footer #footerSec .footerLogo a:hover { opacity: 0.6; }
footer #footerSec .footerLogo span{ font-size: 22px; margin-right: 10px; }
	
footer #footerSec .footerSecAdd{ margin-bottom: 50px; }	

footer #footerSec .footerAdd01{ color: #fff; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; margin-bottom: 25px; }
footer #footerSec .footerAdd02{ color: #fff; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; margin-bottom: 25px; }	
footer #footerSec .footerContact{ display: none; }
footer #footerSec .footerTel { width: 300px; margin: 0 auto; }
footer #footerSec .footerTel a{ display: block; background: #1D375F; border-radius: 5px; text-align: center; padding: 20px; color: #f00; font-size: 15px; background-color: #fff; border: solid 1px #377CBB; }
footer #footerSec .footerTel a:hover{ color: #fff; background: #f00; }

footer #footerSitemap{ overflow: hidden; padding: 0; }
footer #footerSitemap ul{ }
footer #footerSitemap ul li{  }
footer #footerSitemap ul li a{ display: block; color: #fff; padding: 15px; font-size: 14px; }
footer #footerSitemap ul li a:hover{ opacity: 0.6; }
footer #footerSitemap ul li a{ color: #fff; padding-left: 20px; font-size: 14px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; background-color: #244577; border-bottom: 1px solid #CCC; }
/* -
footer #footerSitemap ul li:before{ position: absolute; content: ""; width: 5px; height: 5px; border-top: 2px solid #438943; border-right: 2px solid #438943; -webkit-transform: rotate(45deg); transform: rotate(45deg); } */
footer .footerSecStmap > ul > li > a { display: block; color: #fff; font-size: 14px; font-weight: 700; text-align: center; background-color: #244577; padding: 20px 10px; border-top: 1px solid #fff; }
	
footer .footerSecStmap .hiddenMd.hiddenSm { display: none; }

footer .footerSecStmap .footerSec01ul01 li > a { display: block; color: #fff; font-size: 14px; font-weight: 700; text-align: center; background-color: #244577; padding: 20px 10px; border-top: 1px solid #fff; }
	
footer .footerSecStmap li > a:hover { background-color: #fff; color: #244577; }

footer .footerSecStmap > ul > li > a:hover { background-color: #fff; color: #244577; }
footer .footerSecStmap > ul > li > ul > li > a { display: block; color: #fff; font-size: 14px; font-weight: 500; text-align: center; background-color: #436dad; padding: 20px 10px; border-top: 1px solid #fff; }
footer .footerSecStmap > ul > li > ul > li > a:hover { background-color: #fff; color: #244577; }
footer .footerSecStmap{ border-top: 1px solid #244577; border-bottom: 1px solid #fbfbfb; }	

/* アコーディオン */
footer .accordion li a.toggle {
	display: block;
	cursor: pointer;
	position: relative;
}
footer .accordion li a.toggle:after,
footer .accordion li a.active:after {
	position: absolute;
	right: 20px;
	font-size: 25px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
footer .accordion li a.toggle:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0dd";
	top: 15px;
	color: #fff;
}
footer .accordion li a.active:after {
	font-family: "Font Awesome 5 Free";
	content: "\f0de";
	top: 25px;
	color: #fff;
}
footer .accordion li a.toggle:hover:after,
footer .accordion li a.active:hover:after {
	color: #244577;
}
footer .accordion li a.toggle + ul { display: none; }
footer .infoSec { display: none; }	
	
footer #footerCopyright{ text-align: center; background: #244577; color: #fff; font-size: 12px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; padding: 12px 0; }

#pagetop {
    width: 70px;
    margin: 0 auto 40px auto;
}	
#pagetop a:hover {
    opacity: 0.6;
}
	
/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */
#gNavi{ display: none; }

/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */
#lNavi { display: none; }

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#main01{ background: #f5f5f5; padding: 30px 0; }
#main02{ background: #fff; padding: 30px 0 60px 0; }

#contents {	width: 95%; margin: 0 auto; margin-bottom: 140px; }
#contents:after { content: ""; display: block; clear: both; }

#breadcrumbs { padding-top: 60px; padding-bottom: 10px; font-size: 12px; }
#breadcrumbs ol { text-align: center; }
#breadcrumbs ol li { display: inline; list-style-type: none; letter-spacing: 1px; color: #fff; }
#breadcrumbs ol li:before { content: " > ";}
#breadcrumbs ol li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #fff;}
#breadcrumbs span { color: #fff;}
#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }

/************** トップページ **************/
#topImg .topSecImgTit01{ font-size: 32px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; }
#topImg .topSecImgTxt{ font-size: 36px; margin-bottom: 30px; font-weight: bold; color: #fff; }
#topImg .topSecImgTit02{ font-size: 80px; font-weight: bold; color: #fff; }
#topSec{ overflow: hidden; }
#topSec .topSec01{ background: #fff; overflow: hidden; }
#topSec .topSec01Tit{ position: relative; display: block; color: #fff; font-size: 38px; font-weight: 700; text-align: center; background: url(../images/tit_top01.jpg) no-repeat center center; padding:50px 0;  background-size: cover; }
#topSec .topSec01Tit:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(11,83,170,0.6); }
#topSec .topSec01Tit p{ z-index: 1; position: relative; }
.topSec01Btn{ width: 400px; margin: 0 auto; }
.topSec01Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #377CBB; border: solid 1px #377CBB; padding: 15px; }
.topSec01Btn a:hover{ color: #377CBB; background: #fff; border: solid 1px #377CBB; }	

.topSec01Txt{ position: relative; width: 90%; margin: 430px auto 30px auto; font-size: 15px; line-height: 1.8; z-index: 2; }	
	
#topSec .topSec02{ background: url(../images/img_topSec02.jpg) no-repeat center center; height: 500px; padding:50px 0;  background-size: cover; }
#topSec .topSec02:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul{ width: 1390px; margin: 0 auto; /*overflow: hidden; position: absolute; bottom: -340px;*/ left: 0; right: 0; z-index: 1 }
#topSec .topSec02 ul:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul li{ float: left; margin-right: 20px; width: 450px; background-color: #fff; }
#topSec .topSec02 ul li a{ display: block; }
#topSec .topSec02 ul li a:hover{ opacity: 0.6; }
	
#topSec .topSec02 ul li:last-child{ border-right: none; margin-right: 0; }
#topSec .topSec02 ul li .topSec02Img{ overflow: hidden; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Img img{ width: 100%; height: auto; }
#topSec .topSec02 ul li .topSec02Tit{ font-size: 21px; font-weight: 700; text-align: center; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Tit01{ font-size: 20px; color: #2C528D; font-family: politica, sans-serif; font-style: normal; font-weight: 700; text-align: center; margin-bottom: 10px; }
#topSec .topSec02 ul li .topSec02Tit02{ font-size: 35px; font-weight: 700; color: #333333; text-align: center; /* color: #333333; */  margin-bottom: 20px; }	
#topSec .topSec02 ul li .topSec02Txt{ width: 80%; margin: 0 auto; font-size: 16px; padding-bottom: 50px; }
#topSec .topSec02nonePC{ display: none; }
#topSec .topSec03{ background-color: #fff; margin-bottom: 100px; }
#topSec .topSec03:after{ content: ""; display: block; clear: both; }
#topSec .topSec03 .topSec03Wrap01{ }	
#topSec .topSec03 .topSec03Content01{ float: left; width: 50%; padding: 50px 40px 50px 0; }		
#topSec .topSec03 .topSec03ContentSec01{ width: 560px; margin-left: auto; }
#topSec .topSec03 .h2topSec03{ font-size: 35px; color: #333; margin-bottom: 20px; padding: 0; text-align: left; }
#topSec .topSec03 .h2topSec03 span{ display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-bottom: 8px; }
#topSec .topSec03 .topSec03Txt{ font-size: 15px; margin-bottom: 20px; }
#topSec .topSec03 .topSec03Btn{ width: 250px; float: left; margin-right: 15px; }
#topSec .topSec03 .topSec03Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; }
#topSec .topSec03 .topSec03Btn a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }
#topSec .topSec03 .topSec03Img01{ float: left; width: 33.3%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url(../images/img_advantage01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img02{ float: left; width: 33.2%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url(../images/img_technology01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img03{ float: left; width: 33.2%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url("../images/img_facility01.jpg") no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img04{ float: left; width: 33.3%; margin-right: 0.1%; min-height: 350px; background: url("../images/img_company01.jpg") no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img05{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url(../images/img_flowing01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img06{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url("../images/img_sustainability01.jpg") no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img08{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url(../images/img_contact01.jpg) no-repeat center center; background-size: cover; }


#topSec .topSec03 .topSec03Img01:nth-child(n+3){ margin-bottom: 0.1%; }

#topSec .topSec03 .topSec03Wrap02{}	
#topSec .topSec03 .topSec03ContentSec02{ width: 560px; margin-left: 50px; }
#topSec .topSec03 .topSec03Content02 { float: right; width: 50%; }	
#topSec .topSec03 .topSec03Img07 { background: url(../images/img_top06.jpg) no-repeat center center; background-size: cover; float: left; width: 50%; min-height: 400px; }
	
#topSec .topSec03 .topSec03Map01{ width: 50%; float: left; }
/*#topSec .topSec03 .topSec03Img08{ float: left; width: 50%; height: 96px; background-color: #3B5998; }
#topSec .topSec03 .topSec03Img08 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSec03Img08 .fbSec01{ color: #fff; font-size: 20px; font-weight: 700; padding-top: 35px; display: block; }
#topSec .topSec03 .topSec03Img08 .fbSec01 i{ margin-right: 20px; margin-left: 70px; font-size: 30px; display: block; float: left; } */
	
#topSec .topSec03 .topSecFb01{ float: left; width: 50%; }
#topSec .topSec03 .topSecFb01 a{ color: #fff; font-size: 22px; font-weight: 700; padding: 22px; height: 96px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #3B5998; border: solid 1px #3B5998; }
#topSec .topSec03 .topSecFb01 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSecFb01 i{ font-size: 50px; margin-right: 20px; }
		
	
#topSec .topSec03 .topSec03Btn02 li{ width: 250px; float: left; margin-right: 15px; }	
#topSec .topSec03 .topSec03Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; }
#topSec .topSec03 .topSec03Btn02 li a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }	
#topSec .topSec04{ overflow: hidden; padding: 60px 0; }
#topSec .topSec04Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#topSec .topSec04Tit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 10px; color: #999; letter-spacing: 1px; }
#topSec .topSec04Txt{ font-size: 15px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#topSec .topSec04 ul{ width: 1200px; margin: 0 auto; }
#topSec .topSec04 ul li{ float: left; width: 390px; margin-right: 15px; text-align: center; font-size: 13px; }
#topSec .topSec04 .topSec04Img01{ background: url(../images/img_products01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img02{ background: url(../images/img_faq01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img03{ background: url(../images/img_staff01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 ul li:nth-child(3n){ margin-right: 0; }
#topSec .topSec04Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-top: 85px; margin-bottom: 10px; }
#topSec .topSec04Tit02{ color: #fff; font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec04Btn { text-align: center; }
#topSec .topSec04Btn a{ color: #fff; font-size: 15px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; border-radius: 5px; letter-spacing: 1px; }
#topSec .topSec04Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSec05Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-top: 120px; margin-bottom: 10px; }
#topSec .topSec05Tit02{ color: #fff; font-size: 35px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec05Btn { text-align: center; }
#topSec .topSec05Btn a{ color: #fff; font-size: 15px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; }
#topSec .topSec05Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSecNews{ background: #fff; overflow: hidden; padding: 60px 0 180px 0; }
#topSec .topSecNewsTit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 40px; }
#topSec .topSecNewsTit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 15px; color: #2C538E; letter-spacing: 1px; }
#topSec .topSecNews ul{ width: 95%; margin: 0 auto; }
#topSec .topSecNews ul li{ overflow: hidden; border-bottom: 1px solid #ccc; padding: 20px; }
#topSec .topSecNews ul li:first-child{ border-top: 1px solid #ccc; }
#topSec .topSecNews ul li .topSecNewsDate{ font-size: 14px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #2C538E; float: left; width: 110px; }
#topSec .topSecNews ul li .topSecNewsTxt{ float: left; }
#topSec .topSecNews ul li .topSecNewsTit01{ font-size: 16px; /* font-weight: 700; */ /* margin-bottom: 10px; */ }
#topSec .topSecNews ul li .topSecNewsTxt01{ font-size: 15px; }



	
/************** 技術情報 technical **************/
#technicalContents {
	margin: 0 auto;
	margin-bottom: 180px;
}
#technicalContents .technicalSec01{ background-color: #fff; }
#technicalContents .technicalSec01:after{ content: ""; display: block; clear: both; }
#technicalContents .technicalSec01 .technicalSec01Wrap01{ min-height: 400px; margin-bottom: 70px; }	
#technicalContents .technicalSec01 .technicalSec01Content01{ padding: 10px 40px 50px 0; }		
#technicalContents .technicalSec01 .technicalSec01ContentSec01{ width: 95%; margin: 0 auto; }
#technicalContents .technicalSec01 .h2technicalSec01{ font-size: 35px; color: #333; margin-bottom: 20px; padding: 0; text-align: left; }
#technicalContents .technicalSec01 .h2technicalSec01 span{ display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-bottom: 8px; }	
#technicalContents .technicalSec01 .technicalSec01Txt{ font-size: 16px; margin-bottom: 20px; width: 100%; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-right: 40px; }
#technicalContents .technicalSec01 .technicalSec01Btn{ width: 250px; }
#technicalContents .technicalSec01 .technicalSec01Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }
#technicalContents .technicalSec01 .technicalSec01Img01{ min-height: 400px; background: url(../technical/images/img_cutting.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Wrap02{ /* min-height: 400px; */ margin-bottom: 70px; }	
#technicalContents .technicalSec01 .technicalSec01ContentSec02{ width: 95%; margin: 0 auto;}
#technicalContents .technicalSec01 .technicalSec01Content02 { padding: 10px 40px 50px 0; }	
#technicalContents .technicalSec01 .technicalSec01Img02 { min-height: 400px; background: url(../technical/images/img_trial.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Btn02{ }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li{ width: 250px; margin-right: 15px; }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn02 li a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }	
#technicalContents .technicalSec01 .technicalSec01Img03 { min-height: 400px; background: url(../technical/images/img_delivery.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img04 { min-height: 400px;  background: url(../technical/images/img_treatment.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img05 { min-height: 400px; background: url(../technical/images/img_check.jpg) no-repeat center center; background-size: cover; }

#technicalContents .h2technicalSec01 span.h2_01Num { font-size: 60px; width: 60px; margin-right: 20px; border-bottom: 3px solid #333333; margin-bottom: 30px; }
	
	
	
	
	
	
/************** 精密切削加工 cutting **************/
#contents .cuttingSec{ overflow: hidden; margin-bottom: 60px; }
#contents .cuttingSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .cutting:after{ content: ""; display: block; clear: both; }
#contents .cuttingTit01{ font-size: 55px; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; letter-spacing: 0.1em; color: #2C528D; font-weight: bold; text-align: center; margin-bottom: 50px; }
#contents .cuttingTit01 span{ font-size: 120px; color: #FF9900; }
#contents .cuttingSec01Txt{ float: left; width: 670px; margin-right: 30px; }
#contents .cuttingSec01{ width: 1140px; margin: 0 auto; overflow: hidden; margin-bottom: 80px;}
#contents .cuttingSec01 ul{}
#contents .cuttingSec01 ul li{ float: left; width: 560px; margin-right: 20px; }
#contents .cuttingSec01 ul li:nth-child(2n){ margin-right: 0; }
.cuttingTit02{ font-size: 22px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
.cuttingTit03{ font-size: 76px; margin-right: 20px; color: #4672D5; letter-spacing: 1px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; display: block; }
.cuttingTit04{ font-size: 30px; color: #666666; display: block; letter-spacing: 0.1em; margin-bottom: 20px; }
.cuttingTit05{ font-size: 30px; color: #666666; float: left; display: block; letter-spacing: 0.1em; margin-bottom: 20px; }
#contents .cuttingSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 20px; }	
	
	


/************** 試作 trial **************/
#contents .trialSec{ margin-bottom: 80px; overflow: hidden; }
#contents .trialSec01 ul li{ float: left; width: 49%; margin-right: 2%; }
#contents .trialSec01 ul li:nth-last-child{
    margin-bottom: 0;
}
#contents .trialSec01 ul li:nth-child(2n){ margin-right: 0; }
#contents .trialSec01{ overflow: hidden; }
#contents .trialSec01Img{ margin-bottom: 10px; }
#contents .trialSec01Tit{ font-size: 20px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; padding: 0 0 10px 0; }
#contents .trialSec01Tit span{ font-size: 16px; /*padding-left: 5px;*/ }
#contents .trialSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; margin-bottom: 20px; }
#contents .trialSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .trialSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .trialSec02{margin-bottom: 50px;}

	
	
/**************  小ロット・短納期対応 delivery **************/
#contents .deliverySec{ overflow: hidden; margin-bottom: 80px; }
#contents .deliverySec01 ul li{ font-size: 22px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; float: left; letter-spacing: 0.1em;     margin-right: 85px; }
#contents .deliverySec01 ul li:nth-child(2n){ margin-right: 0; }
#contents .deliverySec01 ul li i{ color: #333333; font-size: 40px; padding-right: 30px; } 
#contents .deliverySec01{ margin-top: 10px; overflow: hidden; }
#contents .deliverySec01Img{ margin-bottom: 10px; }
#contents .deliverySec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .deliverySecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .deliverySecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .deliverySec01Tit{ 
	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	margin-bottom: 20px;
}
	
	
/************** 品質管理 check **************/
#contents .checkSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 30px; }
#contents .checkSec01Tit{ font-size: 16px; }
	
#contents .checkSec{ overflow: hidden; margin-bottom: 80px; }
#contents .checkSec01 ul li{ width: 32%; margin-right: 2%; float: left; }
#contents .checkSec01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
#contents .checkSec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .checkSec01{ overflow: hidden; }
#contents .checkSec01Img{ margin-bottom: 10px; }
#contents .checkSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .checkSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .checkSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .checkSec02{margin-bottom: 50px;}	
	

/************** 製品紹介 products　**************/
#contents .productsSec01{ overflow: hidden; margin-bottom: 100px; }
#contents .productsSec01Img{ float: left; margin-right: 50px; }
#contents .productsSec01Tit{ font-size: 16px; color: #333333; padding-left: 20px; position: relative; }
#contents .productsSec01Tit:before{ 
	content: "";
    position: absolute;
    margin: auto;
    background-color: #CCCCCC;
    width: 10px;
    height: 10px;
	top: 8px;
	left: 0;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0 0 0 4px #5584E4; 
}	
#contents .productsSec02 li img{ margin-bottom: 10px; }
#contents .productsSec02 li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 30px; }
#contents .productsSec02 li:nth-child(3n){ margin-right: 0; }


/************** 工場設備 facility **************/
#contents .facilitySec{ margin-bottom: 80px; overflow: hidden; }
#contents .facilitySec01 ul li{ }
#contents .facilitySec01 ul li:nth-last-child{
    margin-bottom: 0;
}
#contents .facilitySec01 ul li:nth-child(2n){  }
#contents .facilitySec01{ overflow: hidden; margin-bottom: 40px; }
#contents .facilitySec01Img{ margin-bottom: 10px; }
#contents .facilitySec01Tit{ font-size: 20px; letter-spacing: 1px; padding:0 0 10px 0; border-bottom: 1px solid #3F87DE; }
#contents .facilitySec01Tit span{ font-size: 16px; /*padding-left: 5px;*/ }
#contents .facilitySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; margin-bottom: 20px; }
#contents .facilityTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .facilityTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .facilitySec02{margin-bottom: 50px;}
#contents .facilitySec02 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec02 table th{ background: #666; color: #fff; font-weight: normal; letter-spacing: 1px; padding: 15px 0; font-size: 15px; text-align: center; }
#contents .facilitySec02 table td{ padding: 20px 0; font-size: 14px; border-bottom: 1px solid #ccc; text-align: center; }
#contents .facilitySec02 table td:nth-child(1){ width: 5%; }
#contents .facilitySec02 table td:nth-child(2){ width: 15%; }
#contents .facilitySec02 table td:nth-child(3){ width: 15%; }
#contents .facilitySec02 table td:nth-child(4){ width: 20%; }
#contents .facilitySec02 table td:nth-child(5){ width: 20%; }
#contents .facilitySec02 table td:nth-child(6){ width: 5%; }
#contents .facilitySec02 table td:nth-child(7){ width: 10%; }
	
#contents .facilitySec03{margin-bottom: 50px;}
#contents .facilitySec03 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec03 table th{ background: #666; color: #fff; font-weight: normal; text-align: center; letter-spacing: 1px; padding: 15px 0; font-size: 15px; }
#contents .facilitySec03 table td{ padding: 20px 0; font-size: 15px; text-align: center; border-bottom: 1px solid #ccc; }
#contents .facilitySec03 table td:nth-child(1){ width: 25%; }
#contents .facilitySec03 table td:nth-child(2){ width: 25%; }
#contents .facilitySec03 table td:nth-child(3){ width: 25%; }
#contents .facilitySec03 table td:nth-child(4){ width: 25%; }	

	
#contents .facilitySecTit01 {
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

#contents .facilitySecTxt01{
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}
	
#contents .facilitySecTxt02{
    font-size: 13px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
	text-align: right;
}
	
	
	
/* ご注文の流れ flow */
#contents .flowSec{}
#contents .flowSec ul{ }
#contents .flowSec ul > li{ border: 2px solid #4672D5; }
#contents .flowSec ul > li.arrow{ border: none; text-align: center; }
#contents .flowSec ul li > ul{ }
#contents .flowSec ul li > ul li{ border: none; position: relative; }
#contents .flowSec ul li > ul li:nth-child(1){ font-size: 40px; font-weight: 700; margin-top: 30px; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit{ display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit01{ font-size: 30px; float: left;/* border-bottom: 1px solid; */}
	
#contents .flowSec ul li > ul li:after { content: ""; display: block; clear: both; }
	
#contents .flowSec ul li > ul li:nth-child(2) { }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt{ font-size: 16px; text-align: center; padding: 5px 20px 30px 20px; margin: 0 auto; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01{ display: flex; justify-content: space-between; margin-top: 20px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt01{ padding: 30px 0; border-bottom: 1px solid; }
#contents .flowSec ul li.arrow{ text-align: center; font-size: 1.5rem; letter-spacing: 8px;  padding: 30px; }
#contents .flowSec ul li.arrow span:nth-child(1),
#contents .flowSec ul li.arrow span:nth-child(5){ color: rgba(70,114,213,0.3); }
#contents .flowSec ul li.arrow span:nth-child(2),
#contents .flowSec ul li.arrow span:nth-child(4){ color: rgba(70,114,213,0.6); }
#contents .flowSec ul li.arrow span:nth-child(3){ color: rgba(70,114,213,1); }
#contents .flowSec .flowSecTit span{ float: left; color: #666666; }
#contents .flowSec .flowSecIco01 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow01.png) no-repeat; }
#contents .flowSec .flowSecIco02 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow02.png) no-repeat; }
#contents .flowSec .flowSecIco03 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow03.png) no-repeat; }
#contents .flowSec .flowSecIco04 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow04.png) no-repeat; }
#contents .flowSec .flowSecIco05 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow05.png) no-repeat; }
#contents .flowSec .flowSecIco06 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow06.png) no-repeat; }
#contents .flowSec .flowSecIco07 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow07.png) no-repeat; }
#contents .flowSec .flowSecIco08 { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; background: url(../flow/images/img_ico_flow08.png) no-repeat; }	

/* ご注文の流れ flow */
/*#contents .flowSec{}
#contents .flowSec ul{ }
#contents .flowSec ul > li{ border: 2px solid #4672D5; }
#contents .flowSec ul > li.arrow{ border: none; text-align: center; }
#contents .flowSec ul li > ul{ display: flex; align-items: center; }
#contents .flowSec ul li > ul li{ border: none; position: relative; }
#contents .flowSec ul li > ul li:nth-child(1){ font-size: 40px; font-weight: 700; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit{ position: relative; display: flex; align-content: center; align-items: center; margin: 40px; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit01{ font-size: 30px; border-bottom: 1px solid; }
#contents .flowSec ul li > ul li:nth-child(2) { padding: 30px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt{ font-size: 16px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01{ display: flex; justify-content: space-between; margin-top: 20px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt01{ padding: 30px 0; border-bottom: 1px solid; }
#contents .flowSec ul li.arrow{ text-align: center; font-size: 1.5rem; letter-spacing: 8px;  padding: 30px; }
#contents .flowSec ul li.arrow span:nth-child(1),
#contents .flowSec ul li.arrow span:nth-child(5){ color: rgba(70,114,213,0.3); }
#contents .flowSec ul li.arrow span:nth-child(2),
#contents .flowSec ul li.arrow span:nth-child(4){ color: rgba(70,114,213,0.6); }
#contents .flowSec ul li.arrow span:nth-child(3){ color: rgba(70,114,213,1); }
#contents .flowSec .flowSecTit span{ color: #666666; margin-right: 20px; }
#contents .flowSec .flowSecIco01 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow01.png) no-repeat; }
#contents .flowSec .flowSecIco02 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow02.png) no-repeat; }
#contents .flowSec .flowSecIco03 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow03.png) no-repeat; }
#contents .flowSec .flowSecIco04 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow04.png) no-repeat; }	*/

	
	
	
/************** 良くある質問 faq **************/
#contents .faqSec ul li .faqSecQ01 { font-size: 24px; font-weight: 700; float: left; margin-right: 20px; margin-bottom: 15px; padding: 12px 22px; color: #fff; border-radius: 50%; background: #5584E4; }
#contents .faqSec ul li .faqSecQ01 span{ font-size: 30px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }	
#contents .faqSec ul li .faqSecA01 {
    float: left;
    font-size: 24px;
    margin-right: 20px;
    padding: 10px 22px;
    color: #f00;
    border-radius: 50%;
    border: 1px solid;
}

#contents .faqSec ul li .faqSecQ01Tit { font-size: 20px; font-weight: 700; padding-top: 20px;  }
#contents .faqSec ul li .faqSecQ01Tit:after { content: ""; display: block; clear: both; }
#contents .faqSecA { padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #CCCCCC; }
#contents .faqSec ul li .faqSecA01{ font-size: 30px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }
#contents .faqSec ul li .faqSecA01Txt{ font-size: 16px; margin-bottom: 20px; padding: 20px 0 0 80px; }
#contents .faqSec ul li .faqSecA01Txt:after { content: ""; display: block; clear: both; }
#contents .faqSecImg01{ }
#contents .faqSecImg02{ }	
#contents .faqSecImg01.noneTB.nonePC{ display: none; }

	
/************** 会社案内 company **************/
#contents .companySec{ overflow: hidden; margin-bottom: 60px; }
#contents .companySec01 ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 35px; }
#contents .companySec01 ul li:nth-last-child(-n+3) { }
#contents .companySec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .companySec01{ overflow: hidden; }
#contents .companySec01Img{ border: 1px solid #cccccc; margin-bottom: 20px; }
#contents .companySec01Tit{ font-size: 30px; font-weight: bold; color: #666666; text-align: center; letter-spacing: 1px; margin-bottom: 20px; }
#contents .companySec01Btn { }	
#contents .companySec01Btn a { display: block; color: #fff; border: solid 1px #5584E4; font-size: 16px; font-weight: 500; text-align: center; padding: 14px; background-color: #5584E4; }
#contents .companySec01Btn a:hover{ color: #5584E4; background-color: #fff; }
#contents .companySec01Tit span{ font-size: 30px; font-weight: bold; color: #666666; letter-spacing: 1px; text-align: center; }
#contents .companySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; }
#contents .companyTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .companyTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }		
	
	

/************** 会社概要 profile **************/
#contents .profileSec{ margin-bottom: 60px; }
#contents .profileSec:after { content: ""; display: block; clear: both;}
#contents .profileSec01{ width: 48%; margin-right: 4%; float: left; }
#contents .profileSecTxt01{ font-size: 18px; float: left; margin-bottom: 20px; letter-spacing: 0.1em; }
#contents .profileSecTxt02{ font-size: 22px; color: #666666; letter-spacing: 0.1em; width: 48%; margin-left: 0; text-align: center; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 700; float: right; }
#contents .profileSecTxt02 span{ font-size: 39px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSec01Img{ width: 48%; float: left; margin-bottom: 10px; } 
#contents .profileSec01Img span{ } 	

#contents .accessSec { margin-bottom: 60px;}
#contents .accessSec .accessSecMap { float: left; position: relative; width: 49%; }
#contents .accessSec .accessSecMap:first-child { margin-right: 2%;}

#contents .profileSecTxt03{ font-size: 40px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; color: #333333; text-align: center; letter-spacing: 0.3em; }
#contents .profileSecTxt03 span{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #333333; display: block; padding-top: 30px; text-align: center; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSecTxt04{ font-size: 16px; color: #333333; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; }
#contents .profileSec .profileSecWrap01 ul{ }
#contents .profileSec .profileSecWrap01 ul li{ padding: 20px 0 20px 20px; overflow: hidden; border-bottom: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li:first-child{ border-top: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileDate{ font-size: 16px; width: 20%; float: left; color: #333333; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTxt05{ float: left; width: 810px; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTit01{ font-size: 16px; }
	
#contents .profileSec02{ margin-bottom: 80px;; }
#contents .profileSec02Txt{ font-size: 16px; color: #333333; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 75px; margin-bottom: 40px; }
#contents .profileSec02Txt ol{ margin-left: 20px; }
#contents .profileSec02Txt ol li{ list-style-type: decimal; font-size: 15px; }
#contents .profileSec02Sec{ width: 1200px; margin: 0 auto 80px auto; }

	
	
/************** 会社沿革 history **************/
#contents .historySec{ margin-bottom: 100px; }
#contents .historySec01{ width: 760px; margin-right: 40px; float: left; }
#contents .historySecTit01{ font-size: 25px; color: #666666; font-weight: 700; margin-top: 40px; margin-bottom: 40px; }
#contents .historySecTxt01{ font-size: 16px; float: left; line-height: 1.8; }
#contents .historySecTxt02{ width: 400px; font-size: 30px; margin: 0 auto; color: #666666; font-weight: 500; float: right; letter-spacing: 0.1em; text-align: center; }
#contents .historySecTxt02 span{ font-size: 16px; }
#contents .historySecTxt03{ font-size: 16px; padding-top: 20px; line-height: 1.8; }
#contents .historySec table th{ font-size: 16px; padding-top: 19px; padding-bottom: 19px; padding-left: 50px; width: 8%; text-align: left; color: #333333; vertical-align: top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .historySec table td{ padding: 18px; font-size: 16px; color: #333333; font-weight: 400; width: 25%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; letter-spacing: 0.1em; }
#contents .historySec table{ font-size: 30px; color: #666666; font-weight: bold; letter-spacing: 0.1em; }	
	
	
	
	
	



/************** とりくみ endeavor **************/
#contents .endeavorSec{ overflow: hidden; float: left; }
#contents .endeavorSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .endeavor:after{ content: ""; display: block; clear: both; }
#contents .endeavorTit01{ 
	font-size: 40px;
    font-family: europa, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    padding-top: 13px;
    height: 80px;
    width: 80px;
    margin-right: 10px;
    float: left;
    color: #fff;
    border-radius: 50%;
    background: #79B2E6;
}
#contents .endeavorTit01:after{ content: ""; display: block; clear: both; }
#contents .endeavorWrpa01{ margin-bottom: 20px; }
.endeavorWrap{ margin-bottom: 100px }
.endeavorTit02{ font-size: 30px; padding-top: 20px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
.endeavorTit02:after{ content: ""; display: block; clear: both; }
.endeavorTit03{ font-size: 21px; margin-bottom: 10px; letter-spacing: 1px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
	
#contents .endeavorSec01Img{  }
	
#contents .endeavorSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 20px; }
/*#contents .endeavorSec01Btn:after{ content: ""; display: block; clear: both; }
#contents .endeavorSec01Btn { width: 210px; float: left; margin-bottom: 20px; }	
#contents .endeavorSec01Btn a { display: block; color: #fff; border: solid 1px #5584E4; font-size: 14px; font-weight: 500; text-align: center; padding: 8px; background-color: #5584E4; }
#contents .endeavorSec01Btn a:hover{ color: #5584E4; background-color: #fff; }*/
#contents .endeavorSec03{ overflow: hidden;  float: right; }
	

/************** スタッフ紹介 staff **************/
#contents .staffSec{ overflow: hidden; margin-bottom: 100px; }
#contents .staffImgSec01{ margin-bottom: 100px; }	
#contents .staffSec02{ margin-bottom: 20px; }
#contents .staffSecTxt01{ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .staffImgSec02{  }
#contents .staffImgSec02 li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 30px; }
#contents .staffImgSec02 li:nth-child(2n){ margin-right: 0; } 
#contents .staffImgSec02 li:nth-last-child(-n+2){ margin-bottom: 0; } 
#contents .staffSec03{ margin-bottom: 20px }


/************** 事業内容 business **************/
#contents .advantageSec,
#contents .trialSec,
#contents .companySec,
#contents .movieSec,
#contents .contactSec,
#contents .technologySec,
#contents .sitemapSec{ /*overflow: hidden; margin-bottom: 70px;*/ }
#contents .technology:after{ content: ""; display: block; clear: both; }
#contents .technologySec01Txt{ float: left; width: 670px; margin-right: 30px; }
#contents .technologySecTxt{ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .technologySecTxt ul{ margin-left: 20px; }
#contents .technologySecTxt ul li{ list-style-type: disc; }		


/************** お問い合わせ contact **************/
#contents .contactSec{ width: 100%; margin: 0 auto 80px auto; }
#contents .contactSecTxt{ font-size: 16px; line-height: 1.6; margin-bottom: 50px; }
#contents .contactSecTxt ol{ margin-left: 20px; margin-top: 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; font-size: 15px; }


/************** サイトマップ sitemap **************/
#contents .sitemapSec01{ }
#contents ul.sitemapList01 li{ }	
#contents ul.sitemapList01 li a{  }	
#contents ul.sitemapList01 li:before{  }	
#contents .sitemapSec01 ul{ padding-left: 10px; }
#contents .sitemapSec01 ul li{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 10px 60px; float: none; width: auto; }
#contents .sitemapSec01 ul li:before,
#contents .sitemapSec01 ul li:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li:after{ top: 19px; left: 30px; width: 14px; height: 14px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li:before{ z-index: 2; }
#contents .sitemapSec01 ul li a{ text-decoration: none; }

#contents .sitemapSec01 ul li.sitemapSec02{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 15px 55px; float: none; width: auto; }
#contents .sitemapSec01 ul li.sitemapSec02:before,
#contents .sitemapSec01 ul li.sitemapSec02:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li.sitemapSec02:after{ top: 9px; left: 10px; width: 20px; height: 20px; padding: 5px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li.sitemapSec02:before{ top: 20px; left: 20px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


.sdgs_sec{ width: 90%; margin: 0 auto 80px auto; background-color: #f5f5f5; padding: 60px; border-radius: 10px; }
.sdgs_list{ display: flex; justify-content: space-between; }
.sdgs_item{}
.sdgs_item_txt{ flex-basis: 60%; }
.sdgs_item_img{ flex-basis: 35%; }
.sdgs_txt{}
.sdgs_txt p{ font-size: 16px; line-height: 1.8; letter-spacing: 1px; margin-bottom: 20px; }
.sdgs_btn{ margin-top: 30px; width: 100%; }
.sdgs_btn a{ display: block; color: #fff; font-size: 16px; background-color: #4672d5; border: 1px solid #4672d5; text-align: center; padding: 10px; border-radius: 10px; letter-spacing: 1px; }
.sdgs_btn a i{ margin-left: 10px; }
.sdgs_btn a:hover{ background-color: #fff; color: #4672d5; }
.sdgs_img{}
.sdgs_img p{ text-align: center; margin-top: 10px; font-size: 16px; letter-spacing: 1px; }
.sdgs_img img{ width: 100%; height: auto; }




}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1025px){
/* ----------------------------------------------------------

	***** PC表示用CSS *****
	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

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

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */

/* 非表示用 */
.nonePC { display: none; }
.hiddenLg { display: none !important; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */
a:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}

/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */
h1 { float: left; width: 300px; margin-right: 440px;}
	h1 a { display: block;}

/*h2{ text-align: center; color: #fff; margin-bottom: 40px; }*/
	h2 span.h201{ display: block; width: 430px; margin: 0 auto; }
	span.h202{ text-align: center; display: block; color: #fff; font-size: 20px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; }
	span.h203{ text-align: center; display: block; color: #fff; font-family: "ingra",sans-serif; font-size: 42px; font-weight: bold; letter-spacing: 1px; margin: 0 0 20px 0;  }
	.h2advantage{ background: url(../advantage/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2technical{ background: url(../technical/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2cutting{ background: url(../technical/cutting/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2trial{ background: url(../technical/trial/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2delivery{ background: url(../technical/delivery/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2treatment{ background: url(../technical/treatment/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2check{ background: url(../technical/check/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2products{ background: url(../products/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2facility{ background: url(../facility/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2flow{ background: url(../flow/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2faq{ background: url(../faq/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px;}
	.h2company{ background: url(../company/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px;}
	.h2profile{ background: url(../company/profile/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px;}
	.h2history{ background: url(../company/history/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px;}
	.h2endeavor{ background: url(../company/endeavor/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2contact{ background: url(../contact/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px;}
	.h2sitemap{ background: url(../sitemap/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2sustainability{ background: url(../sustainability/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }
	.h2news{ background: url(/info/wp-content/themes/nakajimaseisakusyo/images/h2.jpg) no-repeat center center; background-size: cover; min-width: 1250px; min-height: 250px; margin-bottom: 100px; }

.h2SolidLine01 {
    border-top: 3px solid #fff;
    width: 70px;
    height: 0;
    margin: 0 auto 10px auto;
	display: block;
}

h3{ 	
	font-size: 30px;
    margin-bottom: 30px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 30px;
    border-left: 10px solid #4672D5;
    padding: 5px 5px 5px 25px;
}
	
h4{ 
	border-bottom: solid 2px #CCCCCC; 
	position: relative; 
	font-size: 25px; 
	color: #333333; 
	letter-spacing: 1px; 
	padding-bottom: 15px; 
	margin-bottom: 30px; 
	font-family: source-han-sans-japanese, sans-serif; 
	font-style: normal; 
	font-weight: 700;
}

h4:after { 
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #4672D5;
	bottom: -2px;
	width: 10%; 
}

h5{ font-size: 18px; letter-spacing: 1px; margin-bottom: 40px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */

/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */
#contentsWrapper { }

/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
header { overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; }
header #headerTxt{ background: #333333; }
header #headerTxt p{ width: 1160px; margin: 0 auto; font-size: 12px; color:#fff; padding: 5px 0; font-weight: 300; letter-spacing: 1px; }
header #header{ width: 1200px; height: auto; margin: 0 auto; /*padding: 20px 0;*/  }
header #header .headerLogo{ float: left; width: 320px; margin: 0 465px 0 0; }
header #header a:hover { opacity: 0.6; }
header #header .headerLogo span{ font-size: 22px; margin-right: 10px; }
header #header .headerIso{ float: left; width: 115px; margin-right: 295px; }
header #header .headerTel{ float: left; width: 220px; text-align: right; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 27px; padding-top: 5px; margin-right: 20px; }
header #header .headerTel span{ display: block; font-size: 13px; font-weight: 300; letter-spacing: 1px; }
header #header .headerTel i{ color: #333; margin-right: 10px; font-size: 18px; vertical-align: middle; }
header #header .headerContact{ float: left; width: 170px; }
header #header .headerContact a{ display: block; background: #f00; color: #fff; border: 1px solid #f00; font-size: 15px; font-weight: 500; text-align: center; padding: 15px; }
header #header .headerContact i{ margin-right: 10px; }
header #header .headerContact a:hover{ color: #f00; }
header #header .headerContact a:hover{ color: #f00; background: #ffffff; }
header #header .headerFb { float: left; }
header #header .headerFb i{ font-size: 58px; color: #3B5998; }

/*#topSec .topSec03 .topSecFb01{ }
#topSec .topSec03 .topSecFb01 a{ color: #fff; font-size: 22px; font-weight: 700; padding: 22px; height: 96px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #3B5998; border: solid 1px #3B5998; }
#topSec .topSec03 .topSecFb01 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSecFb01 i{ font-size: 50px; margin-right: 20px; }	*/


#topImgWrap {  }
#topImg { height: 700px; position: relative; }
	#topImg .topImg01{ text-align: center; position: absolute; left: 0; right: 0; top: 170px; margin: auto; z-index: 2; }


#topImg { background: url(../images/img_top01.jpg) no-repeat center center; min-width: 1200px; width: 100%; background-size: cover; }
	

#loading{
    position: absolute;
    left: 50%;
    top: 40%;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #377CBB;
    z-index: 9999999;
}
	
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	

/*  ドロップメニュー　*/
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
/*padding-top: 10px;
  padding-bottom: 10px;*/
  font-size:14px;
  float: left;
  position: relative;
  width: 150px;/*親メニューの幅*/
  /*height: 40px;*//*親メニューの高さ*/
  height: 60px;
  line-height: 60px;
  /*background:#FF818D;*//*親メニューの背景色*/
  color: #377CBB;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
 /* background:#EA2839;*//*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  /*top: 60px;*//*親メニューの高さと同じにする*/
  width: 150px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;
  height: 0;
  border-bottom: 1px solid #ccc;
  background:#fff;
}
/*.menu ul li ul li{

}*/
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  color: #377CBB;	
　/*background:#FFAFA9;*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:60px;/*サブメニューの高さ*/
  z-index: 10;
}
	
.menu ul li ul li, .menu ul li a ul li a{
  width: 150px
}	
	
	
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
	
.menu li ul li {
    width: 149px;
    overflow: hidden;
    height: 0;
    color: #fff;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
	
ul.menu__second-level li {
    display: block;
    color: #333;
    font-size: 15px;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
}

ul.menu__second-level li a{ }
ul.menu__second-level li {  }
ul.menu__second-level li:first-child{ width: 150px !important; }
ul.menu__second-level li:nth-child(2){ width: 150px !important; }


/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */
footer{ overflow: hidden; background-color: #377CBB; }
footer #footer:after{ content: ""; display: block; clear: both; }
footer #footerSec{ text-align: center; overflow: hidden; margin-bottom: 40px; }
footer #footerSec .footerLogo{ margin-bottom: 50px; }
footer #footerSec .footerLogo a:hover { opacity: 0.6; }
footer #footerSec .footerLogo span{ font-size: 22px; margin-right: 10px; }
footer #footerSec .footerSecAdd{ width: 800px; margin: 0 auto; margin-bottom: 50px; }
footer #footerSec .footerSecAdd:after{ content: ""; display: block; clear: both; }
footer #footerSec .footerAdd01{ float: left; color: #fff; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; margin-bottom: 25px; margin-right: 48px; }
footer #footerSec .footerAdd02{ float: right; color: #fff; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; margin-bottom: 25px; }
footer #footerSec .footerContact { width: 230px; margin: 0 auto; }
footer #footerSec .footerContact a { color: #f00; font-size: 15px; background-color: #fff; border: solid 1px #377CBB; padding: 14px 50px;	display: block;	}
footer #footerSec .footerContact a:hover{ color: #fff; background: #f00; }
footer #footerSec .footerContact i{ margin-right: 10px; }
footer #footerSitemap { background: #377CBB; overflow: hidden; padding: 50px; }
footer #footerSitemap ul{ float: left; width: 20%; }
footer #footerSitemap ul li{ position: relative; line-height: 2.5; width: 150px; float: left; }
footer #footerSitemap ul li a{ color: #fff; padding-left: 15px; font-size: 14px; }
footer #footerSitemap ul li a:hover{ opacity: 0.6; }
footer #footerSitemap ul li a{ color: #fff; padding-left: 20px; font-size: 14px; font-weight: 500; }
footer #footerSitemap ul li:before{ position: absolute; content: ""; top: 1em; /*left: 0px;*/ width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/*footer .footerSecStmapSec > ul { }
footer .footerSecStmapSec > ul > li { }
footer .footerSecStmapSec > ul > li > ul { }
*/
footer .footerSitemapSec{ width: 1000px; margin: 0 auto; }
footer #footerCopyright{ text-align: center; background: #244577; color: #fff; font-size: 12px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; padding: 10px 0; }

footer .footerSecStmap { width: 1000px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; }
footer .footerSecStmap:after { content: ""; display: block; clear: both; }
footer .footerSecStmap > ul { float: left; width: 20%; }
footer .footerSecStmap > ul > li { position: relative; font-size: 14px; font-weight: 700; padding-left: 20px; line-height: 2.0em; }
footer .footerSecStmap > ul > li:before { display: block; content: ""; position: absolute; top: 0.7em; left: 0; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 0; background: none; }
footer .footerSecStmap > ul > li > ul { margin-left: -5px; }
footer .footerSecStmap > ul > li > ul > li { position: relative; font-size: 13px; font-weight: 500; padding-left: 15px; line-height: 2.0em; }
footer .footerSecStmap > ul > li > ul > li:first-child { display: none; }

	
footer .footerSecStmap > ul > li > ul > li:before { display: block; content: ""; position: absolute; top: 0.8em; left: 0; width: 5px; height: 5px; background-color: #fff; border-radius: 100%; }
footer .footerSecStmap li a { color: #fff; }
footer .footerSecStmap li a:hover { opacity: 0.6; }

/* ページトップ */
#pagetop { position: fixed; bottom: 20px; right: 20px; z-index: 999;}
#pagetop a:hover { opacity: 0.6; }	
	
	
/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */
#gNavi{ /* background: #3f87de;*/ }
#gNavi nav { width: 1200px; margin: 0 auto; }
    #gNavi:after { content: ""; display: block; clear: both; }
#gNavi li{ float: left; width: 200px; border-right: 1px solid #ccc; }
#gNavi li:after { content: ""; display: block; clear: both; }
#gNavi li:first-child{ border-left: 1px solid #ccc; }
#gNavi li a { display: block; color: #333; font-size: 15px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; font-weight: bold; letter-spacing: 1px; text-align: center; text-decoration: none; }
#gNavi li a span { font-size: 8px; color: #999999;  display: block; line-height: 15px; }
#gNavi li a:hover { color: #377CBB; }


/* ----------------------------------------------------------
 9 - ローカルナビゲーション
---------------------------------------------------------- */

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */
#main01{ background: #f5f5f5; padding: 30px 0; }
#main02{ background: #fff; padding: 30px 0 60px 0; }

#contents {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 180px;
}
#contents:after { content: ""; display: block; clear: both; }

#breadcrumbs { padding-top: 60px; padding-bottom: 10px; font-size: 12px; }
#breadcrumbs ol { text-align: center; }
#breadcrumbs ol li { display: inline; list-style-type: none; letter-spacing: 1px; color: #fff; }
#breadcrumbs ol li:before { content: " > ";}
#breadcrumbs ol li:first-child:before { content: "";}
#breadcrumbs a { text-decoration: none; color: #fff;}
#breadcrumbs span { color: #fff;}

#breadcrumbs a:hover { text-decoration: none; font-weight: normal; opacity: 0.6; }


/************** トップページ **************/
#topImg .topSecImgTit01{ font-size: 62px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; z-index: 2; }
#topImg .topSecImgTxt{ font-size: 66px; margin-bottom: 50px; font-weight: bold; color: #fff; }
#topImg .topSecImgTit02{ font-size: 80px; font-weight: bold; color: #fff; }
#topSec{ overflow: hidden; }
#topSec .topSec01{ background: #fff; overflow: hidden; }
#topSec .topSec01Tit{ position: relative; display: block; color: #fff; font-size: 38px; font-weight: 700; text-align: center; background: url(../images/tit_top01.jpg) no-repeat center center; padding:50px 0;  background-size: cover; }
#topSec .topSec01Tit:before{ z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(11,83,170,0.6); }
#topSec .topSec01Tit p{ z-index: 1; position: relative; }
.topSec01Btn{ width: 400px; margin: 0 auto; }
.topSec01Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #377CBB; border: solid 1px #377CBB; padding: 15px; }
.topSec01Btn a:hover{ color: #377CBB; background: #fff; border: solid 1px #377CBB; }	

.topSec01Txt{ width: 1140px; margin: 0 auto; font-size: 15px; line-height: 1.8; margin-top: 40px; margin-bottom: 40px; }	
	
#topSec .topSec02{ background: url(../images/img_topSec02.jpg) no-repeat center center; height: 500px; padding:50px 0;  background-size: cover; }
#topSec .topSec02:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul{ width: 1390px; margin: 0 auto; /*overflow: hidden; position: absolute; bottom: -340px;*/ left: 0; right: 0; z-index: 1 }
#topSec .topSec02 ul:after{ content: ""; display: block; clear: both; }
#topSec .topSec02 ul li{ float: left; margin-right: 20px; width: 450px; background-color: #fff; }
#topSec .topSec02 ul li a{ display: block; }
#topSec .topSec02 ul li a:hover{ opacity: 0.6; }
	
#topSec .topSec02 ul li:last-child{ border-right: none; margin-right: 0; }
#topSec .topSec02 ul li .topSec02Img{ overflow: hidden; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Img img{ width: 100%; height: auto; }
#topSec .topSec02 ul li .topSec02Tit{ font-size: 21px; font-weight: 700; text-align: center; margin-bottom: 20px; }
#topSec .topSec02 ul li .topSec02Tit01{ font-size: 20px; color: #2C528D; font-family: politica, sans-serif; font-style: normal; font-weight: 700; text-align: center; margin-bottom: 10px; }
#topSec .topSec02 ul li .topSec02Tit02{ font-size: 35px; font-weight: 700; color: #333333; text-align: center; /* color: #333333; */  margin-bottom: 20px; }	
#topSec .topSec02 ul li .topSec02Txt{ width: 80%; margin: 0 auto; font-size: 16px; padding-bottom: 50px; }
#topSec .topSec02nonePC{ display: none; }
#topSec .topSec03{ background-color: #fff; margin-bottom: 100px; }
#topSec .topSec03:after{ content: ""; display: block; clear: both; }
#topSec .topSec03 .topSec03Wrap01{ }	
#topSec .topSec03 .topSec03Content01{ float: left; width: 50%; padding: 50px 40px 50px 0; }		
#topSec .topSec03 .topSec03ContentSec01{ width: 560px; margin-left: auto; }
#topSec .topSec03 .h2topSec03{ font-size: 35px; color: #333; margin-bottom: 20px; padding: 0; text-align: left; }
#topSec .topSec03 .h2topSec03 span{ display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-bottom: 8px; }
#topSec .topSec03 .topSec03Txt{ font-size: 15px; margin-bottom: 20px; }
#topSec .topSec03 .topSec03Btn{ width: 250px; float: left; margin-right: 15px; }
#topSec .topSec03 .topSec03Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; border-radius: 5px; }
#topSec .topSec03 .topSec03Btn a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }
#topSec .topSec03 .topSec03Img01{ float: left; width: 33.2%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url(../images/img_advantage01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img02{ float: left; width: 33.2%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url(../images/img_technology01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img03{ float: left; width: 33.2%; margin-right: 0.1%; margin-bottom: 0.1%; min-height: 350px; background: url("../images/img_facility01.jpg") no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img04{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url(../images/img_company01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img05{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url(../images/img_flowing01.jpg) no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img06{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url("../images/img_sustainability01.jpg") no-repeat center center; background-size: cover; }
#topSec .topSec03 .topSec03Img08{ float: left; width: 33.2%; margin-right: 0.1%; min-height: 350px; background: url(../images/img_contact01.jpg) no-repeat center center; background-size: cover; }
	
#topSec .topSec03 .topSec03Img01:nth-child(n+3){ margin-bottom: 0.1%; }

#topSec .topSec03 .topSec03Wrap02{}	
#topSec .topSec03 .topSec03ContentSec02{ width: 560px; margin-left: 50px; }
#topSec .topSec03 .topSec03Content02 { float: right; width: 50%; }	
#topSec .topSec03 .topSec03Img07 { background: url(../images/img_top06.jpg) no-repeat center center; background-size: cover; float: left; width: 50%; min-height: 400px; }
	
#topSec .topSec03 .topSec03Map01{ width: 50%; float: left; }
/*#topSec .topSec03 .topSec03Img08{ float: left; width: 50%; height: 96px; background-color: #3B5998; }
#topSec .topSec03 .topSec03Img08 a:hover{ color: #3B5998; background-color: #fff; }*/
/*#topSec .topSec03 .topSec03Img08 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSec03Img08 .fbSec01{ color: #fff; font-size: 28px; font-weight: 700; padding: 30px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#topSec .topSec03 .topSec03Img08 .fbSec01 i{ display: block; float: left; font-size: 50px; margin-right: 20px; margin-left: 80px; } */
	
#topSec .topSec03 .topSecFb01{ float: left; width: 50%; }
#topSec .topSec03 .topSecFb01 a{ color: #fff; font-size: 28px; font-weight: 700; padding: 22px; height: 96px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #3B5998; border: solid 1px #3B5998; }
#topSec .topSec03 .topSecFb01 a:hover{ color: #3B5998; background-color: #fff; }
#topSec .topSec03 .topSecFb01 i{ font-size: 50px; margin-right: 20px; }
	
	



#topSec .topSec03 .topSec03Btn02 li{ width: 250px; float: left; margin-right: 15px; }	
#topSec .topSec03 .topSec03Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #2C548F; border: solid 1px #2C548F; padding: 15px; }
#topSec .topSec03 .topSec03Btn02 li a:hover{ color: #2C548F; text-align: center; background-color: #fff; border: solid 1px #2C548F; }	
#topSec .topSec04{ overflow: hidden; padding: 60px 0; }
#topSec .topSec04Tit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 10px; }
#topSec .topSec04Tit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 10px; color: #999; letter-spacing: 1px; }
#topSec .topSec04Txt{ font-size: 15px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#topSec .topSec04 ul{ width: 1200px; margin: 0 auto; }
#topSec .topSec04 ul li{ float: left; width: 390px; margin-right: 15px; text-align: center; font-size: 13px; }
#topSec .topSec04 .topSec04Img01{ background: url(../images/img_products01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img02{ background: url(../images/img_faq01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 .topSec04Img03{ background: url(../images/img_staff01.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
#topSec .topSec04 ul li:nth-child(3n){ margin-right: 0; }
#topSec .topSec04Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-top: 85px; margin-bottom: 10px; }
#topSec .topSec04Tit02{ color: #fff; font-size: 35px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec04Btn { text-align: center; }
#topSec .topSec04Btn a{ color: #fff; font-size: 16px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; letter-spacing: 1px; border-radius: 5px; }
#topSec .topSec04Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSec05Tit01{ font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; margin-top: 120px; margin-bottom: 10px; }
#topSec .topSec05Tit02{ color: #fff; font-size: 35px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
#topSec .topSec05Btn { text-align: center; }
#topSec .topSec05Btn a{ color: #fff; font-size: 15px; background-color: #377CBB; border: solid 1px #377CBB; padding: 14px 50px; }
#topSec .topSec05Btn a:hover{ color: #377CBB; background: #fff; }
	
#topSec .topSecNews{ background: #fff; overflow: hidden; padding: 60px 0 180px 0; }
#topSec .topSecNewsTit{ font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 1px; margin-bottom: 40px; }
#topSec .topSecNewsTit span{ display: block; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 15px; color: #2C538E; letter-spacing: 1px; }
#topSec .topSecNews ul{ width: 1000px; margin: 0 auto; }
#topSec .topSecNews ul li{ overflow: hidden; border-bottom: 1px solid #ccc; padding: 20px; }
#topSec .topSecNews ul li:first-child{ border-top: 1px solid #ccc; }
#topSec .topSecNews ul li .topSecNewsDate{ font-size: 14px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #2C538E; float: left; width: 110px; }
#topSec .topSecNews ul li .topSecNewsTxt{ float: left; width: 810px; }
#topSec .topSecNews ul li .topSecNewsTit01{ font-size: 16px; /* font-weight: 700; */ /* margin-bottom: 10px; */ }
#topSec .topSecNews ul li .topSecNewsTxt01{ font-size: 15px; }
	

/************** 事業内容 business **************/
#contents .technologySecTxt{ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 40px; }
#contents .technologySecTxt ul{ margin-left: 20px; }
#contents .technologySecTxt ul li{ list-style-type: disc; }	
	

/************** 技術情報 technical **************/
#technicalContents {
	margin: 0 auto;
	margin-bottom: 180px;
}
#technicalContents .technicalSec01{ background-color: #fff; }
#technicalContents .technicalSec01:after{ content: ""; display: block; clear: both; }
#technicalContents .technicalSec01 .technicalSec01Wrap01{ min-height: 400px; margin-bottom: 130px; }	
#technicalContents .technicalSec01 .technicalSec01Content01{ float: left; width: 50%; padding: 10px 40px 50px 0; }		
#technicalContents .technicalSec01 .technicalSec01ContentSec01{ width: 560px; margin-left: auto; }
#technicalContents .technicalSec01 .h2technicalSec01{ font-size: 35px; color: #333; margin-bottom: 20px; padding: 0; text-align: left; }
#technicalContents .technicalSec01 .h2technicalSec01 span{ display: block; font-size: 15px; font-family: politica, sans-serif; font-style: normal; font-weight: 700; color: #2C528D; line-height: 1.2em; margin-bottom: 8px; }	
#technicalContents .technicalSec01 .technicalSec01Txt{ font-size: 16px; margin-bottom: 20px; width: 520px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-right: 40px; }
#technicalContents .technicalSec01 .technicalSec01Btn{ width: 250px; float: left; margin-right: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }
#technicalContents .technicalSec01 .technicalSec01Img01{ float: left; width: 50%; min-height: 400px; background: url(../technical/images/img_cutting.jpg) no-repeat center center; background-size: cover; }

/*
#technicalContents .technicalSec01 .technicalSec01Wrap02{ min-height: 400px; margin-bottom: 130px; }	
#technicalContents .technicalSec01 .technicalSec01Content02{ float: left; width: 50%; padding: 10px 40px 50px 0; }		
#technicalContents .technicalSec01 .technicalSec01ContentSec02{ width: 560px; margin-left: auto; }
*/

#technicalContents .technicalSec01 .technicalSec01Wrap02{ min-height: 400px; margin-bottom: 130px; }	
#technicalContents .technicalSec01 .technicalSec01ContentSec02{ width: 560px; margin-left: 50px; }
#technicalContents .technicalSec01 .technicalSec01Content02 { float: right; width: 50%; padding: 10px 40px 50px 0; }	
#technicalContents .technicalSec01 .technicalSec01Img02 { float: right; width: 50%; min-height: 400px; background: url(../technical/images/img_trial.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Btn02{ }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li{ width: 250px; float: left; margin-right: 15px; }	
#technicalContents .technicalSec01 .technicalSec01Btn02 li a{ font-size: 18px; color: #fff; text-align: center; display: block; background-color: #4672D5; border: solid 1px #4672D5; padding: 15px; }
#technicalContents .technicalSec01 .technicalSec01Btn02 li a:hover{ color: #4672D5; text-align: center; background-color: #fff; border: solid 1px #4672D5; }

#technicalContents .technicalSec01 .technicalSec01Img03 { float: right; width: 50%; min-height: 400px; background: url(../technical/images/img_delivery.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img04 { float: right; width: 50%; min-height: 400px; background: url(../technical/images/img_treatment.jpg) no-repeat center center; background-size: cover; }
#technicalContents .technicalSec01 .technicalSec01Img05 { float: right; width: 50%; min-height: 400px; background: url(../technical/images/img_check.jpg) no-repeat center center; background-size: cover; }

#technicalContents .h2technicalSec01 span.h2_01Num { font-size: 60px; width: 60px; margin-right: 20px; float: left; width: 85px; border-right: 3px solid #333333; }
	
	
	
/************** 精密切削加工 cutting **************/
#contents .cuttingSec{ overflow: hidden; margin-bottom: 110px; }
#contents .cuttingSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .cutting:after{ content: ""; display: block; clear: both; }
#contents .cuttingTit01{ font-size: 55px; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; letter-spacing: 0.1em; color: #2C528D; font-weight: bold; text-align: center; margin-bottom: 50px; }
#contents .cuttingTit01 span{ font-size: 120px; color: #FF9900; }
#contents .cuttingSec01Txt{ float: left; width: 670px; margin-right: 30px; }
#contents .cuttingSec01{ width: 1140px; margin: 0 auto; overflow: hidden; margin-bottom: 80px;}
#contents .cuttingSec01 ul{}
#contents .cuttingSec01 ul li{ float: left; width: 560px; margin-right: 20px; }
#contents .cuttingSec01 ul li:nth-child(2n){ margin-right: 0; }
.cuttingTit02{ font-size: 22px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
.cuttingTit03{ font-size: 76px; margin-right: 20px; color: #4672D5; letter-spacing: 1px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; display: block; float: left; }
#contents .cuttingSecTxt{ width: 560px; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-right: 40px; margin-bottom: 40px; }
#contents .cuttingSecTxt01{ margin-bottom: 50px; }
#contents .cuttingSecTxt02{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; margin-bottom: 40px; }
#contents .cuttingSecTxt ul{ margin-left: 20px; }
#contents .cuttingSecTxt ul li{ list-style-type: disc; }		
#contents .cuttingSec01Img{ width: 600px; float: left; }
#contents .cuttingBtn01{ width: 420px; margin-top: 30px; }
#contents .cuttingBtn01 a{ display: block; font-size: 20px; padding: 15px 10px; color: #2C528D; font-weight: bold; text-align: center; border: 1px solid #2C528D; text-decoration: none; }
#contents .cuttingBtn01 a:hover{ color: #fff; background-color: #2C528D;  border: 1px solid #2C528D; }
#contents .cuttingTit04 { font-size: 30px; color: #666666; display: block; letter-spacing: 0.1em; margin-bottom: 20px; padding-top: 20px; }
#contents .cuttingTit05{ font-size: 30px; color: #666666; display: block; letter-spacing: 0.1em; margin-bottom: 20px; padding-top: 35px; }

#contents .cuttingWrap01{ float: left; }
	

/************** 試作 cutting **************/
#contents .trialSec{ overflow: hidden; margin-bottom: 80px; }
#contents .trialSec01 ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 35px; }
#contents .trialSec01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
#contents .trialSec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .trialSec01{ overflow: hidden; }
#contents .trialSec01Img{ margin-bottom: 10px; }
#contents .trialSec01Tit{ font-size: 20px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; letter-spacing: 1px; padding: 0 0 10px 0; }
#contents .trialSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .trialSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .trialSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .trialSec02{margin-bottom: 50px;}


/**************  小ロット・短納期対応 delivery **************/
#contents .deliverySec{ overflow: hidden; margin-bottom: 80px; }
#contents .deliverySec01 ul li{ font-size: 22px; color: #666666; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; float: left; letter-spacing: 0.1em;     margin-right: 85px; }
#contents .deliverySec01 ul li:nth-child(2n){ margin-right: 0; }
#contents .deliverySec01 ul li i{ color: #333333; font-size: 40px; padding-right: 30px; } 
#contents .deliverySec01{ overflow: hidden; }
#contents .deliverySec01Img{ margin-bottom: 10px; }
#contents .deliverySec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .deliverySecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .deliverySecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .deliverySec01Tit{ 
	display: -webkit-flex;
 	display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	margin-bottom: 30px;
}
	


/************** 品質管理 check **************/
#contents .checkSecTxt{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 30px; }
#contents .checkSec01Tit{ font-size: 16px; }
	
#contents .checkSec{ overflow: hidden; margin-bottom: 80px; }
#contents .checkSec01 ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 35px; }
#contents .checkSec01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
#contents .checkSec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .checkSec01{ overflow: hidden; }
#contents .checkSec01Img{ margin-bottom: 10px; }
#contents .checkSec01Txt{ font-size: 16px; line-height: 1.6; color: #333333; }
#contents .checkSecTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .checkSecTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .checkSec02{margin-bottom: 50px;}

	
/************** 製品紹介 products　**************/
#contents .productsSec01{ overflow: hidden; margin-bottom: 100px; }
#contents .productsSec01Img{ float: left; margin-right: 50px; }
#contents .productsSec01Tit{ font-size: 16px; color: #333333; padding-left: 20px; position: relative; }
#contents .productsSec01Tit:before{ 
	content: "";
    position: absolute;
    margin: auto;
    background-color: #CCCCCC;
    width: 10px;
    height: 10px;
	top: 8px;
	left: 0;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0 0 0 4px #5584E4; 
}	
#contents .productsSec02 li img{ margin-bottom: 10px; }
#contents .productsSec02 li{ float: left; margin-right: 30px; margin-bottom: 35px; }
#contents .productsSec02 li:nth-child(3n){ margin-right: 0; }
	
	
/************** 工場設備 facility **************/
#contents .facilitySec{ overflow: hidden; margin-bottom: 60px; }
#contents .facilitySec01 ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 35px; }
#contents .facilitySec01 ul li:nth-last-child(-n+3) {
    margin-bottom: 0;
}
#contents .facilitySec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .facilitySec01{ margin-bottom: 40px; overflow: hidden; }
#contents .facilitySec01Img{ margin-bottom: 10px; }
#contents .facilitySec01Tit{ font-size: 20px; letter-spacing: 1px; padding:0 0 10px 0; border-bottom: 1px solid #3F87DE; }
#contents .facilitySec01Tit span{ font-size: 16px; /*padding-left: 5px;*/ }
#contents .facilitySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; }
#contents .facilityTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .facilityTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
#contents .facilitySec02{margin-bottom: 50px;}
#contents .facilitySec02 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec02 table th{ background: #666; color: #fff; font-weight: normal; letter-spacing: 1px; padding: 15px 0; font-size: 15px;  }
#contents .facilitySec02 table td{ padding: 20px 0; font-size: 15px; border-bottom: 1px solid #ccc; text-align: center; }
#contents .facilitySec02 table td:nth-child(1){ width: 5%; }
#contents .facilitySec02 table td:nth-child(2){ width: 20%; }
#contents .facilitySec02 table td:nth-child(3){ width: 15%; }
#contents .facilitySec02 table td:nth-child(4){ width: 20%; }
#contents .facilitySec02 table td:nth-child(5){ width: 20%; }
#contents .facilitySec02 table td:nth-child(6){ width: 5%; }
#contents .facilitySec02 table td:nth-child(7){ width: 15%; }
	
#contents .facilitySec03{margin-bottom: 50px;}
#contents .facilitySec03 table{ width: 100%; border-collapse: collapse; }
#contents .facilitySec03 table th{ background: #666; color: #fff; font-weight: normal; letter-spacing: 1px; padding: 15px 0; font-size: 15px; text-align: left; padding-left: 100px; }
#contents .facilitySec03 table td{ padding: 20px 0; font-size: 15px; border-bottom: 1px solid #ccc; padding-left: 100px; }
#contents .facilitySec03 table td:nth-child(1){ width: 25%; }
#contents .facilitySec03 table td:nth-child(2){ width: 25%; }
#contents .facilitySec03 table td:nth-child(3){ width: 25%; }
#contents .facilitySec03 table td:nth-child(4){ width: 25%; }	

	
#contents .facilitySecTit01 {
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

#contents .facilitySecTxt01{
    font-size: 16px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}
	
#contents .facilitySecTxt02{
    font-size: 13px;
	font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
	text-align: right;
}
	
	
/* ご注文の流れ flow */
#contents .flowSec{}
#contents .flowSec ul{ }
#contents .flowSec ul > li{ border: 2px solid #4672D5; }
#contents .flowSec ul > li.arrow{ border: none; text-align: center; }
#contents .flowSec ul li > ul{ display: flex; align-items: center; }
#contents .flowSec ul li > ul li{ border: none; position: relative; }
#contents .flowSec ul li > ul li:nth-child(1){ width: 45%; font-size: 4rem; font-weight: 700; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit{ position: relative; display: flex; align-content: center; align-items: center; margin: 40px; }
#contents .flowSec ul li > ul li:nth-child(1) .flowSecTit01{ font-size: 30px; padding-bottom: 5px; border-bottom: 1px solid; }
#contents .flowSec ul li > ul li:nth-child(2) { padding: 30px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt{ font-size: 16px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01{ display: flex; justify-content: space-between; margin-top: 20px; }
#contents .flowSec ul li > ul li:nth-child(2) .flowSec01Txt01{ padding: 30px 0; border-bottom: 1px solid; }
#contents .flowSec ul li.arrow{ text-align: center; font-size: 1.5rem; letter-spacing: 8px;  padding: 30px; }
#contents .flowSec ul li.arrow span:nth-child(1),
#contents .flowSec ul li.arrow span:nth-child(5){ color: rgba(70,114,213,0.3); }
#contents .flowSec ul li.arrow span:nth-child(2),
#contents .flowSec ul li.arrow span:nth-child(4){ color: rgba(70,114,213,0.6); }
#contents .flowSec ul li.arrow span:nth-child(3){ color: rgba(70,114,213,1); }
#contents .flowSec .flowSecTit span{ color: #666666; margin-right: 20px; }
#contents .flowSec .flowSecIco01 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow01.png) no-repeat; }
#contents .flowSec .flowSecIco02 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow02.png) no-repeat; }
#contents .flowSec .flowSecIco03 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow03.png) no-repeat; }
#contents .flowSec .flowSecIco04 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow04.png) no-repeat; }
#contents .flowSec .flowSecIco05 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow05.png) no-repeat; }
#contents .flowSec .flowSecIco06 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow06.png) no-repeat; }
#contents .flowSec .flowSecIco07 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow07.png) no-repeat; }
#contents .flowSec .flowSecIco08 { margin: 20px 50px 20px 20px; width: 140px; height: 140px; float: left; background: url(../flow/images/img_ico_flow08.png) no-repeat; }
	
/************** 会社案内 company **************/
#contents .companySec{ overflow: hidden; margin-bottom: 60px; }
#contents .companySec01 ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 35px; }
#contents .companySec01 ul li:nth-last-child(-n+3) { margin-bottom: 0; }
#contents .companySec01 ul li:nth-child(3n){ margin-right: 0; }
#contents .companySec01{ overflow: hidden; }
#contents .companySec01Img{ border: 1px solid #cccccc; margin-bottom: 20px; }
#contents .companySec01Tit{ font-size: 30px; font-weight: bold; color: #666666; text-align: center; letter-spacing: 1px; margin-bottom: 20px; }
#contents .companySec01Btn { width: 380px; float: left; }	
#contents .companySec01Btn a { display: block; color: #fff; border: solid 1px #5584E4; font-size: 16px; font-weight: 500; text-align: center; padding: 14px; background-color: #5584E4; }
#contents .companySec01Btn a:hover{ color: #5584E4; background-color: #fff; }
#contents .companySec01Tit span{ font-size: 30px; font-weight: bold; color: #666666; letter-spacing: 1px; text-align: center; }
#contents .companySec01Txt{ font-size: 15px; line-height: 1.6; color: #999999; }
#contents .companyTit01{ font-size: 20px; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 400; color: #333333; margin-bottom: 20px; padding-left: 50px; position: relative; }
#contents .companyTit01:before{ content: ""; width: 30px; height: 10px; background-color: #2C548F; position: absolute; top: 10px; left: 0; }	
	
/************** 会社概要 profile **************/
#contents .profileSec{ margin-bottom: 80px; }
#contents .profileSec:after { content: ""; display: block; clear: both;}
#contents .profileSec01{ width: 795px; margin-right: 50px; float: left; }
#contents .profileSecTxt01{ font-size: 16px; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 60px; }
#contents .profileSecTxt02{ font-size: 22px; color: #666666; letter-spacing: 0.1em; width: 340px; margin-left: 0; text-align: center; font-family: "source-han-sans-japanese",sans-serif; font-style: normal; font-weight: 700; float: right; }
#contents .profileSecTxt02 span{ font-size: 39px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSec01Img{ margin-bottom: 10px; } 
#contents .profileSec01Img span{ } 	

#contents .accessSec { margin-bottom: 80px;}
#contents .accessSec .accessSecMap { float: left; width: 580px;}
#contents .accessSec .accessSecMap:first-child { margin-right: 40px;}

#contents .profileSecTxt03{ font-size: 40px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; color: #333333; text-align: center; letter-spacing: 0.3em; }
#contents .profileSecTxt03 span{ font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #333333; display: block; padding-top: 30px; text-align: center; line-height: 1.8; letter-spacing: 0.1em; }
#contents .profileSecTxt04{ font-size: 16px; color: #333333; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; }
#contents .profileSec .profileSecWrap01 ul{ }
#contents .profileSec .profileSecWrap01 ul li{ padding: 20px 0 20px 70px; overflow: hidden; border-bottom: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li:first-child{ border-top: 1px solid #ccc; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileDate{ font-size: 16px; width: 20%; float: left; color: #333333; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTxt05{ float: left; width: 810px; }
#contents .profileSec .profileSecWrap01 ul li .topSecprofileTit01{ font-size: 16px; }
	
#contents .profileSec02{ margin-bottom: 80px;; }
#contents .profileSec02Txt{ font-size: 16px; color: #333333; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 75px; margin-bottom: 40px; }
#contents .profileSec02Txt ol{ margin-left: 20px; }
#contents .profileSec02Txt ol li{ list-style-type: decimal; font-size: 15px; }
#contents .profileSec02Sec{ width: 1200px; margin: 0 auto 80px auto; }









	
	

/************** 会社沿革 history **************/
#contents .historySec{ margin-bottom: 100px; }
#contents .historySec01{ width: 760px; margin-right: 40px; float: left; }
#contents .historySecTit01{ font-size: 25px; color: #666666; font-weight: 700; margin-top: 40px; margin-bottom: 40px; }
#contents .historySecTxt01{ font-size: 16px; float: left; line-height: 1.8; }
#contents .historySecTxt02{ width: 400px; font-size: 30px; margin: 0 auto; color: #666666; font-weight: 500; float: right; letter-spacing: 0.1em; text-align: center; }
#contents .historySecTxt02 span{ font-size: 16px; }
#contents .historySecTxt03{ font-size: 16px; padding-top: 20px; line-height: 1.8; }
#contents .historySec table th{ font-size: 16px; padding-top: 19px; padding-left: 50px; width: 6%; text-align: left; color: #333333; vertical-align: top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .historySec table td{ padding: 18px; font-size: 16px; color: #333333; font-weight: 400; width: 30%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; letter-spacing: 0.1em; }
#contents .historySec table{ font-size: 30px; color: #666666; font-weight: bold; letter-spacing: 0.1em; }
	

	
/************** 企業情報 company **************/
/*#contents .companySec{ margin-bottom: 100px; }
#contents .companySec01{ width: 640px; margin-right: 60px; float: left; }
#contents .companySecTxt01{ font-size: 18px; float: left; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 60px; }
#contents .companySecTxt02{ font-size: 26px; float: right; letter-spacing: 0.1em; text-align: right; }
#contents .companySecTxt02 span{ font-size: 16px; float: right; line-height: 1.8; letter-spacing: 0.1em; text-align: right; }
#contents .companySec01Img{ } 
#contents .companySec02{ overflow: hidden; margin-bottom: 50px; }
#contents .companySec02 li{ float: left; margin-right: 20px; }
#contents .companySec02 li:last-child{ margin-right: 0;  }	
	
#contents .companySec table th{ padding: 15px 0 15px 70px; font-size: 16px; width: 20%; text-align: left; color: #333333; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#contents .companySec table td{ padding: 18px; font-size: 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; letter-spacing: 0.1em; }
#contents .companySec table{ border-collapse: collapse; width: 100%; margin-bottom: 50px; }
#contents .companySecMap{ margin-bottom: 100px; }
#contents .companySecTxt03{ font-size: 83px; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; font-weight: 700; color:#2C528D; text-align: center; letter-spacing: 0.3em; }
#contents .companySecTxt03 span{ font-size: 23px; color:#2C528D; display: block; text-align: center; line-height: 1.8; letter-spacing: 0.1em; }
#contents .companySecTxt04{ font-size: 53px; font-family: a-otf-ryumin-pr6n, serif; font-style: normal; font-weight: 700; color:#2C528D; text-align: center; }
#contents .companySec .companySecWrap01 ul{ }
#contents .companySec .companySecWrap01 ul li{ padding: 20px 0 20px 70px; overflow: hidden; border-bottom: 1px solid #ccc; }
#contents .companySec .companySecWrap01 ul li:first-child{ border-top: 1px solid #ccc; }
#contents .companySec .companySecWrap01 ul li .topSecCompanyDate{ font-size: 16px; width: 20%; float: left; color: #333333; }
#contents .companySec .companySecWrap01 ul li .topSecCompanyTxt05{ float: left; width: 810px; }
#contents .companySec .companySecWrap01 ul li .topSecCompanyTit01{ font-size: 16px; }*/

	
/************** とりくみ endeavor **************/
#contents .endeavorSec{ overflow: hidden; margin-left: 80px; float: left; }
#contents .endeavorSec:last-child{ overflow: hidden; margin-bottom: 100px; }
#contents .endeavor:after{ content: ""; display: block; clear: both; }
#contents .endeavorTit01{     
	font-size: 50px;
    font-family: europa, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    padding-top: 12px;
    height: 90px;
    width: 90px;
    margin-right: 10px;
    float: left;
    color: #fff;
    border-radius: 50%;
    background: #79B2E6;
}
#contents .endeavorTit01:after{ content: ""; display: block; clear: both; }
#contents .endeavorWrpa01{ width: 450px; margin-right: 40px; float: left; }
.endeavorWrap{ margin-bottom: 130px }
.endeavorTit02{ font-size: 30px; padding-top: 20px; margin-bottom: 20px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
.endeavorTit02:after{ content: ""; display: block; clear: both; }
.endeavorTit03{ font-size: 21px; margin-bottom: 10px; letter-spacing: 1px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
#contents .endeavorSecTxt{ width: 450px; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; line-height: 1.8; letter-spacing: 0.1em; margin-right: 60px; margin-bottom: 40px; }
/*#contents .endeavorSec01Btn:after{ content: ""; display: block; clear: both; }
#contents .endeavorSec01Btn { width: 210px; float: left; }	
#contents .endeavorSec01Btn a { display: block; color: #fff; border: solid 1px #5584E4; font-size: 14px; font-weight: 500; text-align: center; padding: 8px; background-color: #5584E4; }
#contents .endeavorSec01Btn a:hover{ color: #5584E4; background-color: #fff; }*/
#contents .endeavorSec03{ overflow: hidden;  float: right; }

#contents .endeavorWrap02{ width: 450px; margin-right: 70px; float: left; }
#contents .endeavorWrap03{ float: right; }


	
/************** スタッフ紹介 staff **************/
#contents .staffSec{ overflow: hidden; margin-bottom: 100px; }
#contents .staffImgSec01{ margin-bottom: 100px; }	
#contents .staffSec02{ width: 360px; height: 865px; margin-right: 45px; float: left; }
#contents .staffSecTxt01{ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; }
#contents .staffImgSec02{  }
#contents .staffImgSec02 li{ float: left; width: 390px; margin-right: 15px; margin-bottom: 35px; }
#contents .staffImgSec02 li:nth-child(2n){ margin-right: 0; } 
#contents .staffImgSec02 li:nth-last-child(-n+2){ margin-bottom: 0; } 
#contents .staffSec03{ width: 360px; height: 565px; margin-right: 45px; float: left; }


/************** お問い合わせ contact **************/
#contents .contactSec{ width: 1000px; margin: 0 auto 80px auto; }
#contents .contactSecTxt{ font-size: 16px; color: #333333; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 75px; margin-bottom: 50px; }
#contents .contactSecTxt ol{ margin-left: 20px; }
#contents .contactSecTxt ol li{ list-style-type: decimal; font-size: 15px; }
#contents .contactSec02{ width: 1200px; margin: 0 auto 80px auto; }



/************** 良くある質問 faq **************/
#contents .faqSec ul li .faqSecQ01{ float: left; font-size: 24px; margin-right: 20px; margin-bottom: 15px; padding: 12px 22px; color: #fff; border-radius: 50%; background: #5584E4; }	
#contents .faqSec ul li .faqSecQ01 span{ font-size: 30px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }	
#contents .faqSec ul li .faqSecA01{ float: left; font-size: 24px; margin-right: 20px; padding: 10px 22px; color: #f00; border-radius: 50%; border: 1px solid; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }
#contents .faqSec ul li .faqSecQ01Tit{ font-size: 20px; font-weight: 700; padding: 15px 0 0 0; }
#contents .faqSec ul li .faqSecQ01Tit:after{ content: ""; display: block; clear: both; }
#contents .faqSecA { padding-bottom: 45px; margin-bottom: 45px; border-bottom: 1px solid #CCCCCC; }
#contents .faqSec ul li .faqSecA01{ font-size: 30px; margin-bottom: 4px; font-family: europa, sans-serif; font-style: normal; font-weight: 700; }
#contents .faqSec ul li .faqSecA01Txt{ font-size: 16px; padding: 15px 0 0 0; }
#contents .faqSec ul li .faqSecA01Txt:after{ content: ""; display: block; clear: both; }

#contents .faqSecImg01{ text-align: center; }



/************** サイトマップ sitemap **************/
#contents .sitemapSec01{ }
#contents ul.sitemapList01 li{ }	
#contents ul.sitemapList01 li a{  }	
#contents ul.sitemapList01 li:before{  }	
#contents .sitemapSec01 ul{ padding-left: 20px; }
#contents .sitemapSec01 ul li{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 10px 60px; float: none; width: auto; }
#contents .sitemapSec01 ul li:before,
#contents .sitemapSec01 ul li:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li:after{ top: 19px; left: 30px; width: 14px; height: 14px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li:before{ z-index: 2; }
#contents .sitemapSec01 ul li a{ text-decoration: none; }

#contents .sitemapSec01 ul li.sitemapSec02{ position: relative; font-size: 18px; letter-spacing: 1px; padding: 10px 0 15px 65px; float: none; width: auto; }
#contents .sitemapSec01 ul li.sitemapSec02:before,
#contents .sitemapSec01 ul li.sitemapSec02:after{ position: absolute; display: block; content: ''; }
#contents .sitemapSec01 ul li.sitemapSec02:after{ top: 9px; left: 20px; width: 20px; height: 20px; padding: 5px; background-color: #4672D5; border-radius: 50%; }
#contents .sitemapSec01 ul li.sitemapSec02:before{ top: 20px; left: 29px; width: 7px; height: 7px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	
	
	

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */