@charset "UTF-8";
/* ● pc.css ================== */
@media screen and (min-width: 1297px){
img{ max-width: 100%; height: auto; width /***/:auto; }


/* ▼▼▼ TEL ================== */
a[href^='tel:'] { cursor:default; pointer-events:none; }


/* ▼▼▼ common ================== */
.PC        { display: block !important; }
.PC-S      { display: none !important; }
.PC-All    { display: block !important; }
.PC-AllTB  { display: block !important; }
.PC-AllSP  { display: block !important; }
.PC-S_TBSP { display: none !important; }
.TBSP      { display: none !important; }
.TB        { display: none !important; }
.SP        { display: none !important; }


/* ▼▼▼ レイアウト ================== */
.wrap      { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.wrap_SP   { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }

.box_center{ position: relative; align-items: center; display: flex; justify-content: center; }

.layout_box{ width: 1200px; margin: 0px auto; }

.layout_space{ padding: 50px; clear:both; }


/* ▼▼▼ border ================== */


/* ▼▼▼ title ================== */
.Tit_index{
	font-size: 2rem; line-height: 1.4em; padding: 30px 0; }


/* ▼▼▼ header ================== */
/* 見出し */
.site-description{
	color: #ffffff;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center; 	padding: 0 0 0 390px; 
}
/*
#header          { background-color: rgba(11, 52, 110, 0.5); }*/

#header {
position: fixed;
top: 0; left: 0; width: 100%; height: 80px;
background-color:rgba(255,255,255,0.1);
text-shadow: 1px 1px 2px #000; }
#header img{
filter: drop-shadow(2px 2px 2px #333); }
#header.thin {
width: 100%; height: 50px;
background-color: rgba(11, 52, 110, 0.5); }
#header.thin h1{
	display: none; }
#header.thin img{
	padding-top: 10px; filter: drop-shadow(2px 2px 2px #333); }

/* ▼▼▼ footer ================== */
footer{
	border-top-width: 5px; border-top-style: solid; border-top-color: #136297;
	width: 100%; padding:100px 0; }
footer .box_01{ width: 20%; }
footer .box_02{ width: 30%; }
footer li{
	padding: 0 1.1em 1em 0; text-indent: -1.1em; font-size: 0.9rem; }


/* ▼▼▼ index ================== */
.main-visual { 
	background-size: cover; text-align: center;
	height: 100vh; position: relative; overflow: hidden; } 
.main-visual video {
	-o-object-fit: cover; object-fit: cover; position: absolute;
	height: 100%; height: 100vh;
	width: 100%; width: 100vw;
	top: 0; left: 0;
	margin: 0 auto; z-index: 1; display: block; }
.main-visual .box{
	font-family: 'Lora', serif;
	font-size: 5.5vw;
	line-height: 1em;
	font-weight: 700;
	color: #ffffff;
	z-index: 2; position: absolute;
	top: 50px; left: 0; right: 0; 	bottom: 0;
	text-shadow: 1px 2px 5px #000; }
.main-visual .box span{
	font-size: 2.4vw; font-weight: 700;}

/* index 背景 影なし */
#product_all_bg{
	width: 100%;
	background-color: #eff4f7; margin: 0; padding: 0; }
.index_bg_ffffff{
	background-color: #ffffff; margin: 0 auto; padding: 100px 100px; }
/* 影あり */
.index_bg_ffffff_shadow {
	background-color: #ffffff; margin: 0px auto; padding: 50px 70px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }

/* about */
#index_about{
	background-image: url(../img/bg_001.png);
	background-repeat: no-repeat; background-position: right -10% bottom 50%; padding: 100px 0; }
#index_about .box_02a{ 
	width: 50%; }
#index_about .box_02a img{
	padding-left: 30px; }
#index_about .box_02a_bg{
	width: 100%; background-color: #f4f4ff; color:#136297; padding: 30px 30px 20px 30px; margin-top: 30px; }
#index_about .box_02a_bg h4{
	padding-bottom: 15px; font-size: 1.2rem; }
#index_about .box_02a_bg li{
	font-size: 0.9rem; padding-bottom: 10px; float: left; }
#index_about .box_02a_bg li:nth-child(odd) { width: 40%; }
#index_about .box_02a_bg li:nth-child(even) { width: 60%; }

/* index point */
#index_point{
	background-image: url(../img/bg_002.png); padding: 100px 0; }
#index_point .box_03a{
	width: 33.3333%; padding:20px; }
#index_point .box_03a p{
	color: #ffffff; padding: 20px 5px 0 5px; }

/* index merit */
#index_merit{
	background-image: url(../img/bg_003.png); padding: 150px 0; }
#index_merit_box{ }
#index_merit_box01{ width: 50%; background-color:rgba(5,77,145,0.9); padding: 50px; margin-left: auto; color: #ffffff; }
#index_merit_box01 h2{
	font-size: 1.8rem; line-height: 1.4em; font-weight: bolder; padding: 30px 0; }
#index_merit_box01 h2 .meritpoint{
	color: #ffff00; font-size: 2.4rem; }

/* index product 営業内容 */
/* index common // 共通ボックス */
.index_common_txt                 { width: 100%; }
.index_common_txt_01a             { width: 45%; padding: 0 20px 0 0; }
.index_common_txt_01b             { width: 55%; }
.index_common_txt h2              { line-height: 2.2rem; font-weight: bolder; }

.index_common_box03               { width: 100%; padding: 30px 0 0 0; }
.index_common_box03a              { width: 32%; }
.index_common_box03a:nth-child(2) { margin: 0 20px 50px 20px; }
.index_common_box03a:nth-child(5) { margin: 0 20px; }

/* company 会社情報 */
#index_company{
	color: #ffffff; 
	background-image: url(../img/bg_004.png); padding: 150px 0; }
#index_company_box01{ }
#index_company_box01a{
	width: 50%; padding: 0 20px 0 0; }
#index_company_box01a h2 {
	line-height: 2.2rem; font-weight: bolder; padding: 20px 0; }
#index_company_box01b{
	width: 50%; }
#index_company_box01b .index_company_box{
	width: 48%; margin: 0px auto 20px auto; padding: 20px 0;
	border: 2px solid white; box-sizing:border-box;
	text-align: center; font-size: 1.2rem; font-weight: bold; }

/* recruit 採用情報 */
#index_recruit{
	background-image: url(../img/bg_005.png); padding: 150px 0; }
.index_recruit_box{
	width: 100%; padding:20px 0; }
.index_recruit_box04{
	width: 23.5%; margin: 0px auto; }
.index_recruit_box04:nth-child(2) { margin: 0 15px 0 15px; }
.index_recruit_box04:nth-child(3) { margin: 0 15px 0 0; }

/* 営業エリアMAP */
#index_AreaMap{width: 55%; height:auto; padding: 20px 10px;
	background: url(../img/bg_006.png)  right bottom no-repeat; }
#index_AreaMap p{
	font-size: 0.8rem; padding: 10px 20px }


/* ▼▼▼ third // common ================== */
/* background // 背景 */
#product_bg{
	background: url(../img/product_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#roller_bg{
	background: url(../img/roller_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#processor_bg{
	background: url(../img/processor_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#winding_bg{
	background: url(../img/winding_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#factory_bg{
	background: url(../img/factory_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#company_bg{
	background: url(../img/company_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#recruit01_bg{
	background: url(../img/recruit01_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#recruit02_bg{
	background: url(../img/recruit02_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#contact_bg{
	background: url(../img/contact_top.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }


/* ●● third // 共通 */
.third_hr{
	margin: 40px 0; }

.third_common_box_01{
	width: 100%; padding: 30px 0 0 0; }
.third_common_box_01a{
	width: 32%; }
.third_common_box_01a:nth-child(2){
	margin: 0 20px 50px 20px; }
.third_common_box_01a:nth-child(5){
	margin: 0 20px; }


/* ▼▼▼ product_common // 製品情報 ================== */
#product_all_bg{
	width: 100%;
	background-color: #eff4f7; margin: 0; padding: 0; }
#product_menu_box {
	background-color: #ffffff; margin: -90px auto 0px auto; padding: 50px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }

#product_menu_txt        { width: 100%; }
#product_menu_txt_01a    { width: 45%; }
#product_menu_txt_01b    { width: 55%; }
#product_menu_txt_01a h2 { line-height: 2.2rem; font-weight: bolder; }

#product_menu_box01                { width: 100%; padding: 30px 0 0 0; }
.product_menu_box_01a              { width: 32%; }
.product_menu_box_01a:nth-child(2) { margin: 0 20px 50px 20px; }
.product_menu_box_01a:nth-child(5) { margin: 0 20px; }


/* ==================== */
.product_Tit{
	background-color: transparent;
	background: url(../img/heading.png) right 30% / auto auto no-repeat scroll padding-box border-box;
	color: #ffffff; font-size: 1.6rem; text-align: center; padding: 30px 0; text-shadow: 1px 1px 5px #333333; 
}
.product_common_box {
	background-color: #ffffff; margin: 0px auto; padding: 50px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
.product_common_box h3{
	width: 100%; background-color: #eeeeee; color:#136297; font-size: 1.4rem;
	padding: 15px 0 15px 15px; margin:50px 0 30px 0; }

.product_common_box02     {
	width: 100%; padding: 10px 0 10px 0; }
.product_common_box02_img {
	width: 50%; padding: 0 30px 0 0; }
.product_common_box02_txt {
	width: 50%;padding: 0 0 0 20px;  }
.product_common_box02_txt h2 {
	font-size: 1.4rem; line-height: 1.6em; }
.product_common_box02_txt p{
	text-align: justify; padding: 20px 0 0 0; line-height: 1.6em; }

.product_layout_box{ width: 100%; }
.product_border_box{
	width: 49%; border: 2px solid #cccccc;
	box-sizing:border-box; padding: 30px; margin: 0 0 20px 0; }
.product_border_box:nth-child(odd){
	margin-right: 20px; }
.product_border_box h4{
	font-size: 1.2rem; line-height: 1.6em; padding: 0 0 10px 0; }

.product_layout_link_box{
	width: 60%; text-align: center; font-weight: bold; font-size: 1.2rem; color:#136297;
	border: 2px solid #136297;
	box-sizing:border-box; padding: 20px; margin: 20px auto 30px auto; }

/* product_contact // 製品情報 お問合せ */
.product_contact_bg{ background-color: #f5f6f7; }
.product_contact_box_01a{ width: 30%; }
.product_contact_box_01b{ width: 70%; }
.product_contact_box_01b p{ padding: 20px 0 20px 50px; line-height: 2.2em; }

.product_contact_bg_txt{
	background-color: #f5f6f7; padding: 50px 50px 10px 50px; }
.product_contact_bg_txt h2{
	color:#136297; font-size: 1.8rem; line-height: 1.6em; }

.product_contact_border{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.product_contact_border_box_01a{
	border: 2px solid #136297; width: 49%; margin:20px 0; padding:20px; }
.product_contact_border_box_01s{ width: 2%;}

.product_contact_box_02{
	background-color: #136297; margin: 0px 0px 30px 0px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.product_contact_box_02a{
	color: #ffffff; font-size: 1.3rem;
	font-weight: bold; width: 70%; }
.product_contact_box_02b{
	color: #136297; font-size: 1.1rem;
	font-weight: bold; width: 30%; padding: 15px 15px 15px 0;}
.product_contact_box_02b div{
	background-color: #ffffff; padding: 15px 20px; }

.product_contactt_space{ padding: 30px; clear:both; }


/* ▼▼▼ factory // 会社設備 ================== */
#factory_menu_box01{
	width: 100%; padding: 30px 0 0 0;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.factory_menu_box_01a{
	width: 32%; }
.factory_menu_box_01a:nth-child(2) {
	margin: 0 20px 30px 20px; }
.factory_menu_box_01a:nth-child(5) {
	margin: 0 20px 30px 20px; }
.factory_menu_box_01a:nth-child(8) {
	margin: 0 20px; }
.factory_menu_box_01a p{
	width: 100%; padding: 15px; text-align: center; }


/* ▼▼▼ contact // お問合せ ================== */
.contact_box {
	background-color: #ffffff; margin: 0px auto; padding: 50px 100px 80px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
.contact_box h3{
	width: 100%; background-color: #eeeeee; color:#136297; font-size: 1.4rem;
	padding: 15px 0 15px 15px; margin:50px 0 30px 0; }
.contact_txt_p {
	width: 650px; margin: 0px auto 20px auto;
}
#contact_txt_box {
	background-color: #ffffff; margin: -90px auto 0px auto; padding: 50px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
#contact_txt        { width: 100%; }
#contact_txt_01a    { width: 20%; }
#contact_txt_01b    { width: 80%; }
#contact_txt_01a h2 { line-height: 2.2rem; font-weight: bolder; }

.mail_from_box_01{
	width: 100%; margin: 20px auto 50px auto; border: 1px solid #999999; 
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.mail_from_box_01a{
	width: 40%; background:#136297; color: #ffffff; font-weight: 500;
	padding:10px; border-right: 1px solid #999999; }
.mail_from_box_01b{
	width: 60%; background: #ffffff; padding:10px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap;}
.mail_from_box_01b .big{
	font-size: 2.2rem;
	letter-spacing: 0.01em; padding-right:10px; }
.mail_from_box_01b .small{
	font-size: 0.8rem; line-height: 1.2em; }


/* ▼▼▼ company // 会社概要 ================== */
.company_img_top{
	padding-top: 40px;
}


/* ▼▼▼ recruit // 採用情報 ================== */
#recruit_menu_txt        { width: 100%;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
#recruit_menu_txt_01a    { width: 45%; line-height: 2em; }
#recruit_menu_txt_01b    { width: 55%; }

#recruit_menu_box {
	background-color: #ffffff; margin: -90px auto 0px auto; padding: 50px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
#recruit_menu_box01{
	width: 100%; padding: 30px 0 0 0;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.recruit_menu_box_01a{
	width: 32%; }
.recruit_menu_box_01a:nth-child(2) {
	margin: 0 20px 30px 20px; }
.recruit_menu_box_01a p{
	width: 100%; padding: 15px; text-align: center; }

#recruit_box02               { width: 100%; padding: 0px 0 0 0; }
.recruit_box02a              { width: 32%; }
.recruit_box02a:nth-child(2) { margin: 0 20px 50px 20px; }
.recruit_box02a:nth-child(5) { margin: 0 20px; }

.recruit_common_box {
	background-color: #ffffff; margin: 0px auto; padding: 50px 100px; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
.recruit_common_box h3{
	width: 100%; background-color: #eeeeee; color:#136297; font-size: 1.4rem;
	padding: 15px 0 15px 15px; margin:50px 0 30px 0; }
.recruit_common_box h2 {
	font-size: 1.4rem; line-height: 1.6em; }

.recruit_common_box02     {
	width: 100%; padding: 10px 0 10px 0; }
.recruit_common_box02_img {
	width: 50%; padding: 0 30px 0 0; }
.recruit_common_box02_img img {
  width: 100%; height: 300px; object-fit: cover; object-position: 100% 0%; }
.recruit_common_box02_txt {
	width: 50%;padding: 0 0 0 20px;  }
.recruit_common_box02_txt p{
	text-align: justify; padding: 20px 0 0 0; line-height: 1.6em; }

.recruit_talk_box02_img {
	width: 50%; padding: 10px 30px 0 0; }
.recruit_talk_box02_img img {
  width: 100%; height: 350px; object-fit: cover; }


/* ▲▲▲ pc.css ================== */
}