@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

body{
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
a:link, a:visited, a:hover, a:active {
	color: unset;
}


.py-6 {
    padding-top: 6rem!important;
    padding-bottom: 6rem!important;
}
.pt-6 {
    padding-top: 6rem!important;
}
.pb-6 {
    padding-bottom: 6rem!important;
}
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.bg-lgreen {
	background-color: #06C755!important;
	border-color: #06C755!important;
}
.bg-stdorange {
	background-color: #EF7700!important;
	border-color: #EF7700!important;
}
.bg-tblue {
	background-color: #81D8D0!important;
}

.bg-footer{
	background-color:#0ABCC9!important;
	color:#fff;
}

.text-stdorange {
	color: #EF7700!important;
}
@media screen and (min-width: 992px) {
	#header{
		width:100%;
		background:#fff;
		z-index:100;
		top:-1px;
		border-top:solid 8px #0ABCC9;
		border-bottom:solid 1px #f8f8f8;
	}
}
#fixed-footer{
	position:fixed;
	display: none;
	background:#ff8000;
	z-index:101;
	bottom:10px;
	right:10px;
	padding:10px 20px 0;
	border-radius: 8px;
	border:solid 3px #fff;
}

#header-wrapper{
	width:100%;
	box-shadow:0 0px 3px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 0px 3px 0px rgba(0, 0, 0, 0.3);
}



/* @media screen and (min-width: 1200px) {#mainvisual{margin-top: 198px;}}
@media screen and (min-width: 992px) {#mainvisual{margin-top: 183px;}} */
#mainvisual{margin-top: 20px;}

#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7{
/*	padding-top: 163px;
	margin-top: -163px;	*/
	padding-right: 0;
	padding-left: 0;
}

#mainvisual img{
	width:100%;
	max-width:1140px;
}
.jumbotron {
	background-image: url('../img/img-mainvisual.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}

.heading {
	border-bottom: solid 2px #ddd;
	position: relative;
}
.sub-heading {
	border-left: 6px solid #0ABCC9;
	padding: 0 0 0 10px;
}
.heading:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #0ABCC9;
	bottom: -3px;
	width: 30%;
}


.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}

.text-large{
	font-size:1.4rem;
	line-height:1.5;
}
.text-middle{
	font-size:1.2rem;
	line-height:1.5;
}
.max-w900{
	max-width: 900px;
}
.max-w800{
	max-width: 800px;
}
.max-w700{
	max-width: 700px;
}
.max-w600{
	max-width: 600px;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

#sec2 div.clearfix img{
	width:33%;
	width:33.33%;
}


/*  取扱商品ページ  */
.pr-top-heading{
	position: relative;
	padding-left:3rem;
}
.pr-top-heading::before{
	position:absolute;
	content:"";
	top: calc(50% - 15px);
	left:10px;
	width:30px;
	height:30px;
	border-radius:50%;
	border:solid 6px #0ABCC9;
}
.pr-top-heading.heading-orange::before{
	border-color:#ff8000!important;
}
.pr-top-heading.heading-yellow::before{
	border-color:#ffc800!important;
}
.pr-top-heading.heading-tblue::before{
	border-color: #81D8D0!important;
}
.pr-top-heading.heading-darkblue::before{
	border-color:#1368a5!important;
}

.pr-heading{
	border-left:solid 8px #0ABCC9;
	background: linear-gradient(to top,#ddd 0,#f8f8f8 50%);
	padding:1rem;
}
.pr-heading.heading-orange{
	border-color:#EF7700!important;
}
.pr-heading.heading-yellow{
	border-color:#ffc800!important;
}
.pr-heading.heading-tblue{
	border-color: #81D8D0!important;
}
.pr-heading.heading-darkblue{
	border-color:#1368a5!important;
}

.pr-sub-heading{
	background:#eee;
}
.pr-sub-heading span{
	padding:0.2rem 0.5rem;
	display:inline-block;
	font-size:1.1rem;
}

/* ＰＣ以外（デスクトップ以外, 992px 以下） */
@media screen and (min-width: 992px) {
	.sp-lg{
		display: none!important;
	}
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}
#sec2 div.clearfix img{
	width:50%;
}
.pc-lg{
	display: none!important;
}

} /* END */



/* ＰＣのみ（デスクトップ, 768px 以上）
============================================== */
@media screen and (min-width: 768px) {
	nav.navbar{
		padding-left: 0;
		padding-right: 0;
	}
	.gnav-box{
		background: #fff;
		background: linear-gradient(to top,#eee 0,#fff 50%);
		width: 100%;
		border-top: 1px solid #ececec;
		font-size: 16px;
	}
	
	.nav-justified .nav-item{
		border-right:solid 1px #ddd;
		position:relative;
		height:40px;
	}
	.nav-justified .nav-item:first-child{
		border-left:solid 1px #ddd;
	}
	
	.nav-justified .nav-item .nav-link{
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		top: -0.5rem;
		bottom: -0.5rem;
		line-height: 2.5;
	}
	.nav-justified .nav-item .nav-link:hover{
		background: #ffdab5;
		background: linear-gradient(to top, #ffdab5 0, #ffefe0 50%);;
	}
	
	.nav-justified .nav-bd .nav-link::after{
		content: "";
		display: block;
		line-height: 0;
		overflow: hidden;
		position: absolute;
		left:1rem;
		right:1rem;
		bottom: 0;
		border-bottom:solid 3px #06C755;
	}
	.nav-justified .nav-bd .nav-link:hover{
		background: #b7ffd5;
		background: linear-gradient(to top,#b7ffd5 0,#dfffed 50%);;
	}
	
	.nav-justified .nav-bd.bd-tblue .nav-link::after{
		border-color: #4bc!important;
	}
	.nav-justified .nav-bd.bd-tblue .nav-link:hover{
		background: #a0f2ff;
		background: linear-gradient(to top, #a0f2ff 0,#d0f9ff 50%);;
	}
	
	.nav-justified .nav-bd.bd-stdorange .nav-link::after{
		border-color: #EF7700!important;
	}
	.nav-justified .nav-bd.bd-stdorange .nav-link:hover{
		background: #ffdab5;
		background: linear-gradient(to top, #ffdab5 0, #ffefe0 50%);;
	}
	
	.nav-justified .nav-item img{
		width:25px;
		padding-bottom:0.2rem;
		padding-right:5px;
	}
}


/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}
.pc{
	display: none!important;
}
} /* END */

@media screen and (min-width: 767.98px) {
	.sp{
		display: none!important;
	}
	}

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 } 

} /* END */

/* 小デバイス（縦向きモバイル, 576px 以下）
============================================== */
@media screen and (max-width: 576px) {
	#sec2 div.clearfix img{
		width:100%;
	}
   
} /* END */