@charset "utf-8";
/* CSS Document */
.bg-banner {
	background:url(../img/bg-banner.jpg) center top repeat;
}
.bg-index-intro { 
	/*background:url(../img/bg-index-intro.jpg) center top repeat;*/
	background:url(../img/bg-flower.jpg) top left repeat;
	font-size: 1.1em;
}
.bg-index-intro p { letter-spacing: 1px; }
/*.bg-index-intro * { letter-spacing: .1em; }*/
.bg-index-prod { 
	background:url(../img/bg-index-prod.jpg) center top repeat;
}
.bg-index-prod .tit { background:url(../img/top_bnt3.png) center center no-repeat; line-height: 40px; margin-bottom: .5em; font-size: 1.2em; font-weight: 600; }
.bg-index-prod a:link .tit, .bg-index-prod a:visited .tit  { color: #b81c24; font-weight: 600; letter-spacing: .1em; }
.bg-index-prod .img { max-width: 80%; height:auto; }
.bg-index-prod .txt3 { max-width: 45%; height:auto; }

.bg-index-news {
	margin-top: 1em;
	padding: 1em 0 !important;
	background:url(../img/bg-index-news.jpg) left top repeat;
}
.bg-index-news p { margin-bottom: .2rem; }
.bg-index-news .tit {
	font-family: 'Noto Serif JP', serif;
	background:url(../img/tit-index-news.png) center center no-repeat;
	background-size: 100% 100%;
	height: 33px; line-height: 33px; 
	margin-bottom: .5em; 
	font-size: 1.1em; 
	font-weight: 500; 
	color:#fff;
	text-align:center;
	letter-spacing: 1px;
}
.bg-index-news a:link, .bg-index-news a:visited { color: #000; }
.bg-index-news a:hover { color: #671905; }
.bg-index-news .more:link, .bg-index-news .more:visited { color: #a17064; }
.bg-index-news a .icofont-curved-double-right { color: #671905; }
.bg-index-news .table td, .table th {
    border-top: none;
	border-bottom: 1px dotted #dee2e6;
}
.bg-index-news .table th { padding-left: 0; }

.bg-index-proc {
	margin-top: 1em;
	background:url(../img/bg-index-proc.jpg) center center no-repeat;
	background-size: auto 100%;
}
.bg-index-proc h2 {
	font-size: 1.7rem;
	text-align: center;
	color: #671905;
	margin-bottom: 1rem;
	letter-spacing: .2rem;
}
.bg-index-intro .btn, .bg-index-proc .btn { color: #671905; border: #671905 1px solid; width: 15em; height: 34px; line-height: 30px; font-weight: 500; letter-spacing: .1em; }
.bg-index-intro .btn i, .bg-index-proc .btn i { float: right; font-size: 1.5em; margin-top: .24em; } 
.bg-index-intro .btn-outline-primary:hover, .bg-index-proc .btn-outline-primary:hover {
    color: #fff;
    background-color: #671905;
    border-color: #671905;
}
/*
.pagetit{
margin-top: 1em;
font-size:.8em;
}
.pagetit a:link, .pagetit a:visited { color: #969393;}
.pagetit a:hover { color: #000;font-weight:600; }

.pagetit2{
margin-top: 1.5em;
color: #671905;
font-weight:600;
}
*/
.new-prod .tit { background:url(../img/red_bar2.png) center center no-repeat; }
.new-prod .tit span { font-size: .7em; color: #fff; background-color: #a00; border-radius: 50%; padding: 1em .2em; }
.new-prod .txt2 { max-width: 100%; height:auto; }
.new-prod .media { font-size: .7em; display: flex; align-items: center; }
.new-prod .media-body { text-align: left; padding-left: .4em; border-left: #000 1px solid; }
.new-prod .media-body p { line-height: 1.5; }
.new-prod .media img { max-width: 25% !important; height:auto; margin-right: .4em; }

@media (min-width: 910px) {
	.bg-index-prod .container, .bg-index-news .container, .bg-index-proc .container { width: 910px !important; }
}
@media (max-width: 768px) {
	.bg-index-prod .tit { font-size: 1em; }
	.new-prod .media { font-size: 9px; }
	.bg-index-prod .txt2 { width: 60%; height:auto; }
	.bg-index-prod .txt3 { width: 40%; height:auto; margin-top: .5em; margin-bottom: 2em; }
}
@media (max-width: 576px) {
	.bg-index-intro { font-size: 1em; }
	.bg-index-intro p { line-height: 1.6; }
	.bg-index-proc h2 { font-size: 1.4em; }
	.mt-5 { margin-top: 2rem!important; }
	.mb-5 { margin-bottom: 2rem!important; }
	.bg-index-prod { margin-top: 0 !important; }
	.bg-index-prod .tit { margin-bottom: 0; }
	.bg-index-prod .txt { margin-bottom: 3rem !important; }
	.bg-index-prod .img { max-width: 60%; height:auto; }
	/*.new-prod .media { width: 80%; margin: .5em auto; font-size: 11px; }*/
}