@charset "utf-8";
/* CSS Document */
.ttlBx > div{
padding-bottom: 10px;
}
.ttlBx > div .ttsub{
margin-bottom: 0;
}
.ttlBx > div h1 img{
width: 100%;
margin-left: -10px;
margin-top: -10px;
}
img{
vertical-align:middle;
}
#omoro .ttlBx{
height: auto;
margin-top: 70px;
padding-top: 0;
}
#omoro h1 {
position: absolute;
z-index: 10;
width: 100%;
text-align: left;
}
#omoro h1 img {
width: 80px;
height: auto;
margin: 10px 0 0 10px;
}
.sts01{
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight: bold;
font-size: 35px;
text-align: center;
margin-top: 30px;
}
.sts01 span{
font-size: 28px;
color: #000;
}
#omoroMenu .st {
text-align: center;
padding: 10px 15px;
}
#omoroMenu .st.stbg02 {
background-color: #d75332;
}
.omoroRed{
color: #d75332;
}
.procedure{
margin: 20px 0;
padding: 20px 4%;
background-color: #e8e6e4;
}
.procedure h4{
color: #006a60;
margin-bottom: 20px;
}
#kodawari .fooL{
margin-top: 10px;
}
#kodawari .fooL{
text-align: center;
}
#kodawari h4{
text-align: center;
font-size: 18px;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#kodawari .procedure .sbs2 div:nth-child(-n+3){
margin-bottom: 10px;
}
/*.anc li{
width: 100%;
}*/
.inner {
padding: 0 4%;
width: 100%;
}
.txCg{
font-size: 18px;
font-weight: bold;
padding: 0;
margin: 15px 0;
}
#kodawari ul {
box-sizing: border-box;
padding: 10px;
border: 1px solid #d75332;
margin: 10px 0;
}
#kodawari ul li{
margin-bottom: 15px;
line-height: 1.6;
}
#kodawari ul li{
margin-left: 20px;
}
#kodawari ul li:last-of-type{
margin-bottom: 0;
}
#omoroMenu .bgOmoro{
background-color: #a55b20;;
margin: 20px 0 30px 0;
padding: 20px 0;

}
#omoroMenu .bgOmoro:last-of-type{
background-color: #61190b;
}
#omoroMenu p,#omoroMenu h3{
color: #fff;
}
#omoroMenu .sbs2,#omoroMenu h3{
margin-top: 0;
}
#omoroMenu .bgOmoro:last-of-type h3{
font-size: 30px;
line-height: 1.2;
}
#omoroMenu .titSub{
margin-bottom: 10px;
padding-top: 0;
text-align: center
}

#omoroMenu .webS {
background-color: #fff;
text-align: center;
padding: 0;
margin-top: 20px;
}
#omoroMenu .webS a {
text-decoration: none;
font-weight: bold;
color: #006a60;
width: 100%;
display: block;
font-size: 18px;
border: 2px solid #006a60;
box-sizing: border-box;
}

.sbs2{
margin-top: 20px;
}
section{
margin-bottom: 30px;;
}
.sbs2{
width: 100%;
}
.sbs2 div{
width: 100%;
}


@media screen and (min-width: 768px), print {
	
			#omoro .ttlBx {
			margin-top: 80px;
			}
			section{
			margin-bottom:100px;
			}
			.sp-slide .slideP {
			width: 980px !important;
			height: auto !important;
			}
			#omoro h1{
			width: 980px;
			top: 0px;
			left: 50%;
			transform: translateX(-50%);
			}
			#omoro h1 img {
			width: 160px;
			margin: 30px 0 0 30px;
			}
			.sts01 {
			font-size: 60px;
			margin-top: 50px;
			}	
			.sts01 span{
			font-size: 40px;
			}
			#kodawari .txCg{
			text-align: left;
			font-size: 28px;
			}
			#kodawari .fooL{
			width: 50%;
			max-width: 580px;
			flex-shrink: 0;
			margin:0 0 0 60px;
			}
			#kodawari .fooL img{
			width: 100%;
			height: auto;
			}
			#kodawari .procedure h4{
			font-size: 30px !important;
			}
			#kodawari .procedure .sbs2{
			margin: 20px 0 0;
			align-items: flex-start;
			}
			#kodawari .procedure .sbs2 div {
			width: 23%;
			flex-shrink: 0;
			}
			#kodawari .procedure {
			margin: 50px 0;
			}
			#kodawari .procedure .sbs2 div:nth-child( -n+3 ){
			margin-bottom: 0;
			}
			#kodawari ul {
			padding: 20px;
			margin: 20px 0 0 0;
			}
			#kodawari .inner:last-of-type .sbs2{
			flex-direction: row-reverse;
			}
			#kodawari .inner:last-of-type .fooL{
			margin: 0 60px 0 0;
			}
			#kodawari .inner .sbs2:last-of-type{
			flex-direction: row;
			margin-top: 100px;
			}
			#kodawari .inner .sbs2:last-of-type .fooL{
			margin: 0 0 0 60px;
			}
			#omoroMenu .fooB{
			width: 50%;
			max-width: 580px;
			flex-shrink: 0;
			margin: -50px 0 50px 60px;
			}
			#omoroMenu .fooB img{
			width: 100%;
			height: auto;
			}
			#omoroMenu .titSub{
			font-size: 20px;
			text-align: left;
			}
			#omoroMenu .bgOmoro {
			margin-top: 100px;
			padding: 0;
			}
			#omoroMenu .sbs2{
			align-items: flex-end;
			}
			#omoroMenu .sbs2 div {
			width: 100%;
			margin-bottom: 50px;
			}
			#omoroMenu .bgOmoro:last-of-type .sbs2{
			flex-direction: row-reverse;
			}
			#omoroMenu .bgOmoro:last-of-type .fooB{
			margin: -50px 60px 50px 0px;
			}
			#omoroMenu .webS a{
			font-size: 20px;
			}
			/*	#omoroMenu .webS a:hover{
			opacity: 0.6;
			}*/
			#omoroMenu .bgOmoro:last-of-type h3{
			font-size: 60px;
			line-height: 1;
			}
			#omoroMenu h3{
			text-align: left;
			}
			.ttlBx > div h1 img {
			margin-top: -30px;
			}
			.ttlBx{
			background-size: auto;
			}
			.anc li{
			width: 30%;
			}
			.inner { 
			margin: 0 auto;
			padding: 0;
			max-width: 1280px;
			}	
			.sbs{
			width: 100% !important;
			padding: 0;
			display: flex;
			justify-content: space-between;
			}
			.sbs img{
			width: 48% !important;
			max-width: 910px;
			height: auto;
			}
			.txCg{
			font-size: 20px;
			text-align: center;
			margin: 30px 0;
			}
			.sbs img:first-child{
			margin-bottom: 0;
			}
			.sbs2{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 50px;
			}
			.pcTC{
			text-align: center;
			}
			#omoroMenu .fooL,#preservative .fooL{
			width: 400px;
			flex-shrink: 0;
			margin-right: 70px;
			}
			#omoroMenu .fooL img,#preservative .fooL img{
			width: 100%;
			height: auto;
			}
			#omoroMenuMenu .sbs2{
			align-items: flex-start;
			}	
}