@charset "utf-8";
/* CSS Document */

.group_link{width:300px;margin-top:10px;}
.group_link img{width:100%;}

/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto 80px;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:1em;margin:0 auto;text-align: justify;text-justify: inter-ideograph;}
.text_box p{margin-bottom:1.5em;}
.text_box2{padding:1em;}
.text_box2 h3{font-family: operetta-12, serif;font-weight: 700;font-style: normal;font-size:18px;margin-top:1em;line-height:1.2;}
.text_box ul,.text_box ol{margin-left:1.5em;}
.sptel_box{display:none;}
.twoblock{display:flex;flex-wrap:wrap;justify-content:space-between;}
.block_area{width:49%;}


.marker{background: linear-gradient(transparent 70%, #ff4400 70%);padding:0 0 0 0.2em;margin-right:0.5em;}
.marker-space{letter-spacing:-0.5em;}
.pagetop {display: none;position: fixed;bottom: 50px;right:5%;width:64px;z-index:100;}
.pagetop a {display: block;}
.pagetop img{width:100%;}
.sp_btn{display:none;}


.headimg{margin-bottom:30px;}
.headimg img{width:100%;}
h2.title {font-size:28px;width:250px;text-align:center;border-left:2px solid #b2030e;border-right:2px solid #b2030e;margin:50px auto 10px;color:#b2030e;font-weight:bold;}
h2.title_page {font-size:30px;font-family: operetta-12, serif;font-weight: 400;font-style: normal;margin:0 0 10px;display:flex;align-items:center;}
h2.title_page::after {content: "";flex-grow: 1;margin: 0 3px 0 5px;height: 2px;background: #999;}
h3.title{font-size:20px;font-weight:500;display: flex;align-items: center;width: 100%;color:#b2030e;}
h3.title::after {content: "";flex-grow: 1;margin: 0 3px 0 5px;height: 2px;background: #b2030e;}


/*back
------------------------------------------------------------*/
.pan{background:#ececec;padding:10px 0;}
.pnavi{text-align:center;font-size:16px;margin-top:20px;}


/*TOP
------------------------------------------------------------*/
.concept{color:#fff;font-size:18px;}
.slides img{width:100%;}
.sidelogo{position:absolute;bottom:0;left:18%;width:15px;z-index:10000;}
.sidelogo img{width:100%;}
.slidemark{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:162px;z-index:10000;}
.slidemark img{width:100%;}
.top_linkarea{background:#b2030e;padding:50px 0;margin-bottom:50px;}
.top_linkbox{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:space-between;width:1000px;}
.top_linkparts{width:300px;}
.top_linkparts img{width:100%;}


.news{padding:20px 20px;}

.infobox{display:table;width:100%;font-size:16px;margin:0 auto;padding:15px 10px;border-bottom:1px solid #9A9A9A;}
.info_date {width: 10%;display:table-cell;line-height:1;vertical-align:middle;font-size:16px;}
.info_cat {width: 22%;display:table-cell;vertical-align: middle;line-height:1;padding-left:10px;text-align:center;color:#fff;}
.info_title {width: 68%;display:table-cell;vertical-align: middle;line-height:1;padding-left:10px;}
.info_txt{padding:10px;}
.catbox{height:30px;display:inline-block;background:#777;color:#fff;vertical-align:middle;width:100%;font-size:14px;line-height:30px;}
.catbox li{list-style:none;}

.single_info_date{padding:0;}
.single_info_title{font-size:26px;margin:10px 0 0;border-bottom:dotted 2px #8c8c8c;}

.mapbox{width:100%;margin:10px 0 80px;}

.link_btn{position:relative;margin:30px auto;display:flex;width:250px;height:50px;text-align:center;background:#777;clear:both;}
.link_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;padding-top:3px;}
.link_btn a:hover{background:#fff;color:#333;border:1px solid #333;}





/*企業情報
------------------------------------------------------------*/
.about_line{border:1px solid #b2030e;padding:50px;position: relative;margin:50px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.about_line p{padding-bottom:1em;}
.about_img{position:absolute;top:-22px;left:-1px;width:120px;}
.about_img img{width:100%;}
.message_img{width:142px;}
.message_img img{width:100%;}
.message_txt{width:700px;text-align: justify;text-justify: inter-ideograph;}

.his_box{display:table;width:100%;margin:0 auto 10px;}
.his_box:last-child{margin:0 auto 0;}
.his_title{width:18%;display:table-cell;padding:10px;}
.his_con{width:78%;display:table-cell;padding:10px;}

/*事業所一覧
------------------------------------------------------------*/
h2.office{font-size:26px;font-weight:bold;border-left:10px solid #b2030e;margin:30px auto 10px;color:#b2030e;padding-left:30px;}
.office_txt{padding-left:40px;}
.office_box{display:flex;flex-wrap:wrap;margin:20px auto 0px;padding-left:40px;}
.office_box:last-child{margin:20px auto 50px;}
.office_img{width:310px;margin-right:10px;}
.office_img img{width:100%;}


/*取扱製品
------------------------------------------------------------*/
h3.product{font-size:18px;color:#b2030e;margin:0 0 5px 0;}
.product_txt{width:80%;margin:20px auto;}
.genre_box{display:flex;flex-wrap:wrap;align-items:top;margin:0;width:100%;}
.makerbox{background:#b2030e;color:#fff;font-size:14px;line-height:30px;height:30px;width:135px;text-align:center;border-radius:6px;margin-right:20px;}
.makerproduct{background:#f4f3f1;border:1px solid #000;font-size:14px;line-height:28px;height:30px;width:135px;text-align:center;border-radius:6px;margin-right:20px;}
.makername{width:322px;}
.makerflex{width:645px;display:flex;flex-wrap:wrap;}
span.proname{font-size:14px;margin-right:20px;display:inline-block;}
table.product{border:1px solid #000;border-collapse: collapse;margin-bottom:60px;}
.product td{padding:5px;text-align:center;border:1px solid #000;}
.product th{background:#f4f3f1;padding:5px;text-align:center;border:1px solid #000;}
.product tr td:first-child{text-align:left;padding-left:50px;}


.gallery_box{display:flex;flex-wrap:wrap;margin:0 auto 50px;}
.galleryimg_box{width:32%;margin:3px calc(4%/6) 10px;text-align:center;}
.galleryimg{width:100%;position: relative;}

.galleryimg:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.galleryimg img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.galleryimg_box p{padding:0 5px;line-height:1.4;}

.image_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0px;}
#photo{width:100%;margin:0 auto;text-align:center;}
#photo img{max-width:100%;}
.image_photo{width:100%;}
#navi{display:flex;flex-wrap:wrap;justify-content:center;}
.image_thumb{width:16%;margin:10px calc(4%/12);}
.image_thumb img{width:100%;}
h2.title_gallery {font-size:24px;font-family: operetta-12, serif;font-weight: 400;font-style: normal;text-align:center;margin:0 auto 0px;}
#outerImageContainer{max-width:1000px !important;height:auto !important;}
#outerImageContainer img{width:100%;}
#imageDataContainer{max-width:1000px;}




/*recruit
------------------------------------------------------------*/
h2.recruit {font-size:22px;font-weight:400;text-align:center;margin:0 auto 10px;}
.rec_table{display:table;border:solid 1px #50503c;width:100%;border-collapse: collapse;margin-bottom:-1px;}
.rec_title{display:table-cell;width:20%;background:#f4f3f1;text-align:center;padding:10px;border:solid 1px #50503c;vertical-align:middle;}
.rec_con{display:table-cell;width:80%;padding:10px 10px 10px 20px;border:solid 1px #50503c;vertical-align:middle;}
.rec_con ul{margin-left:1.5em;}
.rec_table:last-child{margin-bottom:50px;}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
.banner_img img{width:90%;}
.sidelogo{position:absolute;bottom:0;left:10%;width:10px;z-index:10000;}

}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.group_link{width:100%;}

.slidemark{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:30%;z-index:10000;}
br.pcbr{display:none;}
br.spbr{display:block;}
.pan{font-size:14px;}

.top_linkbox{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:space-between;width:100%;}
.top_linkparts{width:60%;margin:5px auto;}
.news{padding:20px 0;}
h2.title {font-size:20px;width:200px;text-align:center;border-left:2px solid #b2030e;border-right:2px solid #b2030e;margin:50px auto 10px;color:#b2030e;font-weight:bold;}

.about_line{border:1px solid #b2030e;padding:20px;position: relative;margin:50px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.message_img{width:142px;margin:20px auto 0;}

.his_box{display:block;width:100%;margin:0 auto 10px;}
.his_title{width:100%;display:block;padding:10px 0 0 0;}
.his_con{width:100%;display:block;padding:0 0 10px 1em;}

h2.office{font-size:20px;font-weight:bold;border-left:10px solid #b2030e;margin:30px auto 10px;color:#b2030e;padding-left:30px;}
.office_txt{padding-left:40px;}
.office_box{display:flex;flex-wrap:wrap;margin:20px auto 80px;padding-left:40px;}
.office_box:last-child{margin:20px auto 50px;}
.office_img{width:90%;margin:5px 0 5px 0;}

.product_txt{width:100%;margin:20px auto;}
.genre_box{display:flex;flex-wrap:wrap;align-items:top;margin:0;width:100%;}
.makerbox{background:#b2030e;color:#fff;font-size:14px;line-height:30px;height:30px;width:135px;text-align:center;border-radius:6px;margin:0 0 10px 0;}
.makerproduct{background:#f4f3f1;border:1px solid #000;font-size:14px;line-height:28px;height:30px;width:135px;text-align:center;border-radius:6px;margin:0 0 10px 0;}
.makername{width:100%;}
.makerflex{width:100%;display:flex;flex-wrap:wrap;}
span.proname{font-size:14px;margin-right:20px;display:inline-block;}
table.product{border:1px solid #000;border-collapse: collapse;margin-bottom:60px;font-size:14px;}
.product td{padding:5px;text-align:center;border:1px solid #000;}
.product th{background:#f4f3f1;padding:5px;text-align:center;border:1px solid #000;}
.product tr td:first-child{text-align:left;padding-left:5px;}

.sptel_box{display:flex;position:fixed;bottom:0;left:0;}
.sptel_parts{width:50%;border:1px solid #fff;}
.sptel_parts img{width:100%;}
.pagetop {display: none;position: fixed;bottom: 70px;right:5%;width:55px;z-index:100;}
.block_area{width:100%;margin-bottom:20px;}

.infobox{display:block;width:100%;margin:0 auto;padding:15px 10px;border-bottom:1px solid #9A9A9A;}
.info_date {width: 100%;display:block;line-height:2;vertical-align:middle;}
.info_cat {width: 50%;display:block;padding-left:0;}
.info_title {width: 100%;display:block;vertical-align: middle;line-height:1;padding:10px 0 0;}
.single_info_title{font-size:20px;margin:10px 0 0;border-bottom:dotted 2px #8c8c8c;}


h2.recruit {font-size:18px;font-weight:400;text-align:center;margin:0 auto 10px;}
.rec_table{display:block;border:none;width:100%;border-collapse: collapse;margin-bottom:5px;font-size:14px;}
.rec_title{display:block;width:100%;background:#e8e8e8;text-align:center;padding:10px;border:solid 1px #50503c;vertical-align:middle;}
.rec_con{display:block;width:100%;padding:10px 10px 10px 20px;border:solid 1px #50503c;vertical-align:middle;margin-top:-1px;}
.rec_con ul{margin-left:1em;}
.rec_table:last-child{margin-bottom:50px;}

}