a:hover { opacity:.6 ;}

#contents { margin-top:-0.8em !important; color:#595757; font-size:34px; font-weight:600;}
#contents span { display:block;color:#898989; font-size:20px; line-height:1.8em;}

#googlemap {
position: relative;
padding-bottom: 40%;
min-height: 300px !important;
overflow: hidden;
margin-top:3%;
}
#googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.dropdown { padding:0 .2em 0.2em; color:#00297c;}
.dropdown li {border-bottom:1px solid  #CCC; padding:0.1em 0.3em;margin:-0.2em .4em .5em;}


.company_name {text-align:center; padding:10px 5% 15px; margin:0 auto 1%; font-size:14px;}
.company_name img {text-align:center; margin:2% auto;}
.copy { background-size:cover !important;background:#00297c;padding:5px 3%;font-size:11px;text-align:center;color:#fff; vertical-align:middle;}

#footer {
    position: relative;
    bottom: 0 !important;
    width: 100%;
    height: 100px;
}

.pc {display:none;}


#navbarNavDropdown  .navbar-nav li a { color:#00297c !important;}

#backttl {background-color: #00297c !important; padding:1em;opacity: .8; z-index:666; width:100% !important;}
.ttl_sub { z-index:9999 !important;}

.hoge {
object-fit: cover;
font-family: 'object-fit: cover;';

}



/****************************************
会社概要ページ
****************************************/

.background-holder02 {
  position: absolute;
  width: 100%;
  min-height:72% !important;
  left: 0;
  top:0% !important;
  background-size: cover;
  background-position: center;
  z-index: -1;
  overflow: hidden;
  will-change: transform, opacity, filter;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
}

.background-holder02.background-fixed {
  background-attachment: fixed;
}

.background-holder02.overlay:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}


.company {width:92%;margin:0 auto !important;}
.company dl {
	font-size: 14px;
	padding: 1em 0 !important;

}

.company dt {
	width: 30%;
	float: left;
	text-align: center;
	background-color: #efefef;
	padding-top:.8em;
	padding-bottom:.5em;
	margin-bottom:1em !important;
	margin-top:1em !important;
}
.company dd {width:66%;float:left;padding-left:3%;	padding-top:1em;
	padding-bottom: 5px;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
	margin-bottom:1em !important;
	margin-top:1em !important;
	margin-left:1.3em;
	}

.company dl dd ol {list-style-type:none;}
.company dl dd ol li { text-indent:-2.5em !important; padding-bottom:.6em;}

.company_ph {width:92%; margin:5% auto  !important; text-align:center;}



/****************************************
シール印刷ページ
****************************************/

.product {width:100%; margin:1% auto !important; text-align:center;}

.product table.type12 {
	width: 92%;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #ccc;
	margin:3% auto 0;
}


.product table.type12 tbody th {
	width: 25% !important;
	padding: 15px 15px 15px 1.5em;
	text-align:left;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#efefef;
}
.product .type12 tbody tr .first {
	width: 75%;
	padding: 15px 15px 15px 1.5em;
	vertical-align: middle;
	text-align:left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product .type12 tbody tr .second {
	width: 45%;
	padding: 15px 10px;
	text-align: left;
	padding-left: 1em;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

.product table.type12 thead th {
	padding: 10px;
	font-size: 16px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	background: #0083c5;
}



.product table.type10 {
	width: 92%;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #ccc;
	margin:3% auto 0;
}


.product table.type10 tbody th {
	width: 35% !important;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #e4e3dd;
}
.product .type10 tbody tr .first {
	width: 15%;
	padding: 15px 10px;
	vertical-align: middle;
	text-align:center;
	text-indent:1em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product .type10 tbody tr .second {
	width: 10%;
	padding: 15px 10px;
	text-align: center;
	padding-left: 1em;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.product .type10 tbody tr .third {
	width: 35%;
	padding: 15px 10px;
	text-align: left !important;
	padding-left: 1em;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

.product table.type10 thead th {
	padding: 10px;
	font-size: 16px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	background: #0083c5;
}


.title_02 { font-size:18px !important; font-weight:600; }


.title-border {
display: flex;
align-items: center;
width:92%;
font-size:22px;
font-weight:600;
margin:3% auto !important;
color:#595757;
}
.title-border:before,
.title-border:after {
height: 1px;
background: #595757;
display: block;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}

.product p { font-size:14px; line-height:1.6em; text-align:left; margin:auto 4%; }
.product p.text-strong { font-size:14px; line-height:1.7em; text-align:left; margin:1em 4% 5%; font-weight:600;}

.product .thomson_koutei { width:92%; margin:4% auto 8%;text-align:left;}
.product .thomson_koutei .thomson_in li {width:48%;  list-style-type:none; margin-right:2%;float:left; margin-bottom:1.5%;font-size:14px !important;line-height:1.4em; font-weight:600; color:#727171;}
.product .gthomson_koutei .thomson_in li.third {width:48%;  list-style-type:none; margin-right:2%;float:left;margin-bottom:1.5%;}
.product .thomson_koutei .thomson_in li img { padding-top:1em;padding-bottom:.5em;}

.product .thomson_img { width:92%; margin:1% auto 4%; text-align:center;}
.product  .thomson_img img { width:45%; margin:auto; text-align:center;}


.product .thomson_list { width:100%; margin:4% auto !important;}
.product .thomson_list .list_naiyou {width:100% !important; display: inline-block; margin: 1% 1% 1% 0; font-size:20px; font-weight:600; padding:1em 1.5em;
 background:#dcdddd; text-align:center;}
 

@media screen and (min-width:480px) {
table.type12 tbody th {
	width: 20%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


}



@media (min-width:568px) {
.company {padding:0;}

table.type12 tbody th {
	width: 16%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.product .thomson_koutei .thomson_in li  {font-size:18px !important; }
.product .thomson_koutei .thomson_in li.third {font-size:18px !important; }

}


@media (min-width:768px) {
#contents {font-size:38px; }
#contents span { font-size:24px;}

.pc {display:block;}
.sp {display:none;}

#backttl { width:95% !important;}


.product .thomson_koutei .thomson_in li {width:31.5%; margin-right:2%;float:left;}
.product .thomson_koutei .thomson_in li.third  {width:31.5%;float:left;margin-right:0;}

.product .thomson_list { margin:1% auto !important;}

.product .thomson_list .list_naiyou { width:48% !important;}
}

@media (min-width:900px) {
#backttl { width:83% !important;}

}

@media (min-width:1080px) {
.product .thomson_list .list_naiyou {width:32% !important;}
}

@media (min-width:1300px) {
#googlemap {
padding-bottom: 30%;
}
}



/* ページTOPボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 25px;
	z-index:99999;
}
.pagetop a {
	display: inline-block;
	text-decoration: none;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
}

 .pagetop a img { width:100%; margin:auto; padding:5% 5% 10%;}
.pagetop a:hover {
    background: #00346d;
	border-radius:50px;
}
 .pagetop a img:hover { opacity:7;}