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


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


/* ▼▼▼ レイアウト ================== */
.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: 96%; margin: 0px auto; }

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


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


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


/* ▼▼▼ header ================== */
/* 見出し */
.site-description{ display: none; }


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


/* ▼▼▼ common_box ================== */


/* ▼▼▼ index ================== */
/*.main-visual {
	background-image: url("../img/index_01_title.png");
	background-position: 50% 50%;
	background-size: cover; text-align: center;
	height: 100%; height: 100vh; position: relative; overflow: hidden; } 
.main-visual video {
	display: none;
}*/
.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: 6vw;
	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: 5vw; 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: 50px 5%; }
/* 影あり */
.index_bg_ffffff_shadow {
	background-color: #ffffff; margin: 0px auto; padding: 50px 5%; 
	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: 70px 0; }
#index_about .box_02a{ 
	width: 100%; }
#index_about .box_02a img{
	padding: 30px 5px; }
#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; 	width: 100%; }

/* point */
#index_point{
	background-image: url(../img/bg_002.png); padding: 70px 0; }
#index_point .box_03a{
	width: 80%; margin: 0px auto; padding: 0 20px 0 20px; }
#index_point .box_03a img{
	padding-top: 50px; }
#index_point .box_03a p{
	color: #ffffff; padding: 10px 5px 0 5px; }

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

/* index product 営業内容 */
/* index common // 共通ボックス */
.index_common_txt                 { width: 100%; }
.index_common_txt_01a             { width: 100%; }
.index_common_txt_01b             { width: 100%; padding-top: 20px; }
.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: 50%; margin: 0px auto; padding: 15px 5px 15px 5px; }

/* company 会社情報 */
#index_company{
	color: #ffffff; 
	background-image: url(../img/bg_004.png); padding: 150px 0; }
#index_company_box01{ }
#index_company_box01a{
	width: 100%; }
#index_company_box01a h2 {
	line-height: 2.2rem; font-weight: bolder; padding: 20px 0; }
#index_company_box01b{
	width: 100%; padding:20px 0 0 0;}
#index_company_box01b .index_company_box{
	width: 46%; 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: 100%; margin: 0px auto; padding: 0 5px 15px 5px; }

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


/* ▼▼▼ third // 背景 ================== */
#product_bg{
	background: url(../img/product_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#roller_bg{
	background: url(../img/roller_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#processor_bg{
	background: url(../img/processor_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#winding_bg{
	background: url(../img/winding_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#factory_bg{
	background: url(../img/factory_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#company_bg{
	background: url(../img/company_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#recruit01_bg{
	background: url(../img/recruit01_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#recruit02_bg{
	background: url(../img/recruit02_top-s.png) center center / auto auto no-repeat scroll padding-box border-box;
	background-color: transparent; height: 700px; }
#contact_bg{
	background: url(../img/contact_top-s.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: 90%; margin: 0px auto; padding: 15px 0 20px 0; }


/* ▼▼▼ 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 5%; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }

#product_menu_txt        { width: 100%; }
#product_menu_txt_01a    { width: 100%; }
#product_menu_txt_01b    { width: 100%; padding-top: 20px; }
#product_menu_txt_01a h2 { line-height: 2.2rem; font-size: 1.4rem; font-weight: bolder; }

#product_menu_box01                { width: 100%; padding: 30px 0 0 0; }
.product_menu_box_01a              { width: 90%; margin: 0px auto; padding: 15px 0 20px 0; }


/* ==================== */
.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  5%; 
	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: 100%; padding: 0 0 30px 0; }
.product_common_box02_txt {
	width: 100%;padding: 0;  }
.product_common_box02_txt h2 {
	font-size: 1.2rem; 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: 90%; border: 2px solid #cccccc;
	box-sizing:border-box; padding: 30px; margin: 0 auto 20px auto; }
.product_border_box h4{
	font-size: 1.2rem; line-height: 1.6em; padding: 0 0 10px 0; }

.product_layout_link_box{
	width: 90%; 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{ display: none; }
.product_contact_box_01b{ display: none; }
.product_contact_box_01b p{ padding: 20px 0 20px 50px; line-height: 2.2em; }

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

.product_contact_border{ }
.product_contact_border_box_01a{
	border: 2px solid #136297; width: 100%; margin:20px auto; padding:20px; }
.product_contact_border_box_01s{ display: none; }

.product_contact_box_02{
	background-color: #136297; margin: 0px 0px 30px 0px; padding: 0 0 20px 0;}
.product_contact_box_02a{
	color: #ffffff; font-size: 1rem;
	font-weight: bold; width: 100%; padding:30px 10px 0 10px;}
.product_contact_box_02b{
	color: #136297; font-size: 1rem;
	font-weight: bold; width: 100%; padding: 15px 0 15px 0 ;}
.product_contact_box_02b div{
	background-color: #ffffff; padding: 15px 0 ;
	width: 90%; margin: 0px auto; }

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


/* ▼▼▼ factory // 会社設備 ================== */
#factory_menu_box01 {
	width: 100%; padding: 30px 0 0 0; }
.factory_menu_box_01a {
	width: 90%; margin: 0px auto; padding: 15px 0 10px 0; }
.factory_menu_box_01a p{
	width: 100%; padding: 15px; text-align: center; }


/* ▼▼▼ contact // お問合せ ================== */
.contact_box {
	background-color: #ffffff; margin: 0px auto; padding: 30px 5% 50px 5%; 
	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_box {
	background-color: #ffffff; margin: 0px auto; padding: 50px  5%; 
	box-shadow:5px 5px 10px rgba(153,153,153,0.2); }
#contact_txt        { width: 100%; }
#contact_txt_01a    { width: 100%; }
#contact_txt_01b    { width: 100%; padding-top: 20px; }
#contact_txt_01a h2 { line-height: 2.2rem; font-weight: bolder; }

.mail_from_box_01{
	width: 95%; margin: 20px auto 50px auto; border: 1px solid #999999;  }
.mail_from_box_01a{
	width: 100%; background: #136297; color: #ffffff; font-weight: 500;
	padding:10px; border-bottom: 1px solid #999999; }
.mail_from_box_01b{
	width: 100%; background: #ffffff; padding:10px; }
.mail_from_box_01b img{
	padding-bottom: 6px; }
.mail_from_box_01b .big{
	font-size: 2.2rem; letter-spacing: 0.01em; padding-right:10px;  text-align: center;}
.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%; }
#recruit_menu_txt_01a    { width: 100%; font-size: 1rem; line-height: 2em; padding: 0 0 20px 0; text-align: center; }
#recruit_menu_txt_01b    { width: 100%; }

#recruit_menu_box {
	background-color: #ffffff; margin: -90px auto 0px auto; padding: 50px 5px; 
	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: 80%; margin: 0px auto;}
.recruit_menu_box_01a:nth-child(2) {
	margin: 10px auto; }
.recruit_menu_box_01a p{
	width: 100%; padding: 15px; text-align: center; }

#recruit_box02               { width: 98%;  margin: 0px auto;}
.recruit_box02a              { width: 100%; }
.recruit_box02a:nth-child(2) { margin: 15px 0px; }
.recruit_box02a:nth-child(4) { margin: 15px 0px; }
.recruit_box02a:nth-child(5) { margin: 15px auto; }
.recruit_box02a:nth-child(6) { margin: 15px 0px; }

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

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

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


/* ▲▲▲ sp.css ================== */
}


/* ▼▼▼ width: 320px ================== */
@media only screen and (max-width: 360px){
.main-visual {
	height: 560px;
	background-size: cover; text-align: center;
	position: relative; overflow: hidden; }
.main-visual .box{
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: 900;
	color: #ffffff;
	z-index: 2; position: absolute;
	top: 0; left: 0; right: 0; 	bottom: 0;
	text-shadow: 1px 2px 5px #000; }
.index_common_box03a{
	width: 100%; margin: 0px auto; padding: 15px 5px; }

/* ▲▲▲ width: 380px ================== */
}