@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	COLOR: #113761;
	FONT-SIZE:20px;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}

/*paddingとborderをwidthに含める*/
* {	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

#con{
    width:100%;
max-width: 2000px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

/*page-top用*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height:0;
}

img{
	border:0;
}
@media screen and (max-width:1280px){
img{
max-width: 100%;
height: auto;
width :auto;
}
}

a:link,a:visited{
	outline:0;
	color:#ac0032;
    text-decoration: underline;
}

a:hover{
	outline:0;
	color: #0952a0;
    text-decoration: underline;
}

a:hover img {
opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}

br.sp,br.spt,br.spt2,.nsp{
	display:inherit;
}
br.sm,br.smt,br.smm,br.smm2,br.spm,.nst,.nss,br.smm3{
	display:none;
}
@media only screen and (max-width: 1280px) {
br.sp,br.spm,br.smm,.smm,br.smm2,.nsp,.nss,.nsm,br.smm3{
	display:none;
}
br.spt,br.sm,br.smt,.nst{
	display:inherit;
}
}
@media only screen and (max-width: 640px) {
br.spt,br.smt,br.smm2,.nsp,.nst,.nsm,.nsm2,br.smm3{
	display:none;
}
br.spm,br.smm,.nss{
	display:inherit;
}
}
@media only screen and (max-width: 480px) {
br.spt,br.smt,.nsp,.nst,.nsm,br.spt2,br.smm3{
	display:none;
}
br.spm,br.smm,br.smm2,.nss{
	display:inherit;
}
}
@media only screen and (max-width: 414px) {
br.spt,br.smt,.nsp,.nst,.nsm,br.spt2{
	display:none;
}
br.spm,br.smm,br.smm2,.nss,br.smm3{
	display:inherit;
}
}

/*ヘッダ
--------------------------------------------------------------------------*/
header{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color:rgba(4,38,75,0.8);
position: sticky;
z-index: 9999;
top: 0;
}

#header-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 15px 3%;
background: #94d0ef;
text-align: center;
}
#header-text p{
text-align: center;
font-size: 13px;
line-height: 120%;
margin: 0;
color: #fff;
font-weight: 700;
}
@media only screen and (max-width: 1280px) {
#header-text{
display: none;
}
}

#header-text-sm{
display: none;
}
@media only screen and (max-width: 1280px) {
#header-text-sm{
display: inherit;
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 5px 0 5px 1%;
text-align: left;
background: #113761;
}
}
#header-text-sm p{
text-align: left;
font-size: 13px;
color: #fff;
line-height: 120%;
margin: 0;
}
@media only screen and (max-width: 480px) {
#header-text-sm p span{
display: none;
}
}
@media only screen and (max-width: 414px) {
#header-text-sm p{
font-size: 12px;
}
}

#menu-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding:20px 1% 30px 0;
background: url(https://okumino-web.com/img/header-line.webp) no-repeat center 90%/100%;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1280px) {
#menu-box{
background: none;
display: inherit;
}
}

#logo{
clear: both;
float: left;
width: 15%;
height: auto;
margin: 0;
padding: 0 0 0 1%;
text-align: left;
}
#logo img{
max-width: 100%;
}
#logo img.bno{
display: none;
}
@media only screen and (max-width: 1280px) {
#logo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 5px 0 0 3%;
text-align: left;
background-color:rgba(148,208,239,0.8);
}
}

menu{
float: right;
width: 85%;
height: auto;
margin: 0;
padding: 0;
}

menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
menu li{
list-style-type: none;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
font-size: 17px;
line-height: 150%;
flex: 1 0 auto;
}
menu li span{
display: block;
font-size: 15px;
color: #89aacf;
}
menu li a:link,menu li a:visited{
text-decoration: none;
color: #fff;
}
menu li a:hover{
color: #f2ef5b;
}
menu li img.bno{
display: none;
}

@media only screen and (max-width:1280px) {
#menu-box{
clear: both;
float: none;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: fixed;
top:0;
left:0;
z-index: 9999;
}
menu{
clear: both;
float: left;
width: 50%;
height: auto;
height: 100vh;
margin: 0 0 0 50%;
padding: 0 5%;
text-align: center;
position: fixed;
top: 0;
background: #fff;
box-shadow: -10px -10px 25px #ddd;
}
menu ul{
display:inherit;
clear: both;
float: left;
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
text-align:left;
flex-wrap: wrap;
align-content: flex-start;
}
menu li{
flex-basis:100%;
width: 100%;
margin: 0;
padding: 0;
line-height: 100%;
flex: inherit;
}
menu li span{
display:inline;
font-size: 13px;
color: #89aacf;
line-height: 100%;
margin: 0;
padding: 0;
}
menu li a:link,menu li a:visited{
float: none;
display: block;
text-decoration: none;
color: #333;
margin: 0;
padding: 20px 0 20px;
text-align: left;
line-height: 100%;
font-size: 17px;
border-bottom:1px solid #999;
font-weight:400;
background: #fff;
}
menu li a:hover{
text-decoration: underline;
}
menu li a:link span,menu li a:visited span{
font-size: 13px;
margin: 0 0 0 1em;
}
menu ul img{
margin: 15px 0 0;
}
menu li img{
display: none;
}
menu ul li img.bno{
display: inline;
max-width: 8%;
margin: 0;
vertical-align: middle;
}
@media only screen and (max-width: 835px) {
menu{
width: 60%;
margin: 0 0 0 40%;
box-shadow: -10px -10px 25px #ddd;
}
}
@media only screen and (max-width: 640px) {
menu{
width: 70%;
margin: 0 0 0 30%;
box-shadow: -10px -10px 25px #ddd;
}
}
@media only screen and (max-width: 480px) {
menu{
width: 85%;
margin: 0 0 0 15%;
box-shadow: -10px -10px 20px #ddd;
}
menu li a:link,menu li a:visited{
float: none;
display: block;
text-decoration: none;
color: #333;
padding: 25px 0 25px;
text-align: left;
line-height: 100%;
font-size: 16px;
border-bottom:1px solid #999;
font-weight:400;
background: #fff;
}
menu li a:link span,menu li a:visited span{
font-size: 16px;
margin: 0 0 0 1em;
}
}
@media only screen and (max-width: 414px) {
menu{
width: 100%;
margin: 0;
box-shadow: none;
}
menu li a:link,menu li a:visited{
float: none;
display: block;
text-decoration: none;
color: #333;
padding: 25px 0 25px;
text-align: left;
line-height: 100%;
font-size: 15px;
border-bottom:1px solid #999;
font-weight:400;
background: #fff;
}
menu li a:link span,menu li a:visited span{
font-size: 15px;
margin: 0 0 0 1em;
}
}

/*==================================================
MENUがCLOSE
===================================*/

.openbtn4{
float: right;
  position: fixed;
  background:#36516f;
  cursor: pointer;
    width: 90px;
    height:120px;
  border-radius: 0 0 0 10px;
  top:0px;
  right:0px;
  z-index: 999;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.openbtn4 span{
    display: inline-block;
    transition: all .4s;
position: absolute;
    /* left: 13px;*/
    height: 2px;
    border-radius: 5px;
  background: #fff;
    width: 45%;
  }
.openbtn4 span:nth-of-type(1) {
margin-top: -35px; 
}
.openbtn4 span:nth-of-type(2) {
margin-top: -20px;
}
.openbtn4 span:nth-of-type(3) {
margin-bottom: 5px;
}
.openbtn4 span:nth-of-type(3)::after {
  content:"Menu";/*/
  position: absolute;
  top:0px;
left: 50%; /*  */
  transform: translateX(-50%); 
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 640px) {
.openbtn4 span:nth-of-type(3)::after {
  content:"Menu";/*/
  position: absolute;
  top:0px;
left: 50%; /**/
  transform: translateX(-50%); 
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
}
}

.openbtn4.active span:nth-of-type(1) {
/* top: 12px;  */
    /* left: 16px; */
   transform: translateY(8px) rotate(-45deg); 
    width: 30%;
}
.openbtn4.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn4.active span:nth-of-type(3){
/* top: 24px; */
    /* left: 16px;*/
   transform: translateY(-8px) rotate(45deg); 
    width: 30%;
}

.openbtn4.active span:nth-of-type(3)::after {
  content:"Close";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg) translateY(25px);
  font-size: 0.8rem;
}
.dnone {
display: none;
}

.dnone.panelactive {
display: inherit;
}
}
 
/*メイン
--------------------------------------------------------------------------*/
#photo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: relative;
padding-top: 40%;
}
#photo img {
    /* スライドショー用の設定 */
    position: absolute; /* 全ての画像を重ねる */
    top: 0;
    left: 0;
    width: 100%; /* 幅を親要素に合わせる */
    height: auto; /* 高さはアスペクト比を維持 */
    opacity: 0; /* 初期状態では全て非表示 */
    transition: opacity 2s ease-in-out; /* フェードアニメーション */
    object-fit: contain; /* 画像全体を表示し、トリミングしない */
}

/* 最初の画像だけ初期表示するために、最初の画像のopacityを1に設定するクラス */
#photo img:first-child {
    opacity: 1; /* 初期表示 */
}
@media only screen and (max-width: 1280px) {
#photo{
margin: 105px 0 0;
}
}
@media only screen and (max-width: 640px) {
#photo{
    padding-top: 115%;
    margin: 105px 0 0; 
  }
}
@media only screen and (max-width: 414px) {
#photo{
    padding-top: 105%;
    margin: 105px 0 0; 
  }
}

main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 100px 0 0;
padding: 0;
}
main.sub-p{
margin: 0;
}

#osusume{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 0 200px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/15%;
}
@media only screen and (max-width: 1440px) {
#osusume{
padding: 0 0 150px;
}
}
@media only screen and (max-width: 1280px) {
#osusume{
padding: 0 0 100px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/15%;
}
}
@media only screen and (max-width: 1080px) {
#osusume{
padding: 0 0 150px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/20%;
}
}
@media only screen and (max-width: 835px) {
#osusume{
padding: 0 0 100px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/20%;
}
}
@media only screen and (max-width: 640px) {
#osusume{
padding: 0 0 100px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/25%;
}
}
@media only screen and (max-width: 480px) {
#osusume{
padding: 0 0 100px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/30%;
}
}
@media only screen and (max-width: 414px) {
#osusume{
padding: 0 0 100px;
background: url(https://okumino-web.com/img/osusume-back.webp) no-repeat center bottom/35%;
}
}

#osusume h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
font-weight: 500;
line-height: 100%;
font-size: 35px;
font-family: "Kaisei Opti", serif;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 15% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 85% center;
}
@media only screen and (max-width: 1600px) {
#osusume h1{
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 10% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 90% center;
}
}
@media only screen and (max-width: 1440px) {
#osusume h1{
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 5% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 95% center;
}
}
@media only screen and (max-width: 1280px) {
#osusume h1{
font-size: 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 5% center/30%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 95% center/30%;
}
}
@media only screen and (max-width: 1080px) {
#osusume h1{
margin: 0 0 40px;
font-size: 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/30%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/30%;
}
}
@media only screen and (max-width: 835px) {
#osusume h1{
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/25%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/25%;
}
}
@media only screen and (max-width: 640px) {
#osusume h1{
margin: 0 0 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/20% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/20% 3px;
}
}
@media only screen and (max-width: 480px) {
#osusume h1{
font-size: 25px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/20% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/20% 3px;
}
}
@media only screen and (max-width: 414px) {
#osusume h1{
font-size: 25px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/15% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/15% 3px;
}
}

#osusume p{
font-size: 17px;
color: #999;
}
@media only screen and (max-width: 640px) {
#osusume p{
font-size: 13px;
color: #999;
line-height: 120%;
text-align: left;
margin: 0 3% 15px;
}
}

#osusume ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
}

#osusume li{
flex: 1;
margin: 0 1%;
list-style-type: none;
flex-basis:23%;
}

#osusume ul img{
max-width: 100%;
}

#meo{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}

#news{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 150px 0 0;
padding: 50px 3% 150px;
background: #113761;
}
@media only screen and (max-width: 640px) {
#news{
padding: 50px 3% 100px;
}
}
@media only screen and (max-width: 480px) {
#news{
padding: 50px 3% 70px;
}
}

#news h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0;
text-align: center;
color: #fff;
font-size: 35px;
line-height: 100%;
font-family: "Kaisei Opti", serif;
font-weight: 500;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 15% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 85% center;
}
@media only screen and (max-width: 1600px) {
#news h1{
margin: 0 0 80px;
font-size: 35px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 10% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 90% center;
}
}
@media only screen and (max-width: 1440px) {
#news h1{
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 5% center,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 95% center;
}
}
@media only screen and (max-width: 1280px) {
#news h1{
font-size: 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat 5% center/30%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat 95% center/30%;
}
}
@media only screen and (max-width: 1080px) {
#news h1{
margin: 0 0 40px;
font-size: 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/30%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/30%;
}
}
@media only screen and (max-width: 835px) {
#news h1{
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/25%,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/25%;
}
}
@media only screen and (max-width: 640px) {
#news h1{
margin: 0 0 30px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/20% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/20% 3px;
}
}
@media only screen and (max-width: 480px) {
#news h1{
font-size: 25px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/20% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/20% 3px;
}
}
@media only screen and (max-width: 414px) {
#news h1{
font-size: 25px;
background: url(https://okumino-web.com/img/osusume-l.webp) no-repeat left center/15% 3px,url(https://okumino-web.com/img/osusume-r.webp) no-repeat right center/15% 3px;
}
}

#news-text{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 20%;
}
@media only screen and (max-width: 1280px) {
#news-text{
padding: 0 15%;
}
}
@media only screen and (max-width: 1080px) {
#news-text{
padding: 0 5%;
}
}
@media only screen and (max-width: 835px) {
#news-text{
padding: 0%;
}
}

#news-text p{
text-align: left;
font-size: 17px;
line-height: 150%;
margin: 0 0 50px;
color: #fff;
}
@media only screen and (max-width: 835px) {
#news-text p{
font-size: 16px;
margin: 0 0 40px;
}
}

#news span{
}
#news span a:link,#news span a:visited{
padding: 2px 15px 4px;
border-radius: 50px;
text-decoration: none;
color: #113761;
font-size: 15px;
line-height: 100%;
background: #fff;
}
#news span a:hover{
background: #ac0032;
color: #fff;
}

#news img{
max-width: 40%;
margin: -150px 0 50px;
}
@media only screen and (max-width: 1440px) {
#news img{
max-width: 45%;
}
}
@media only screen and (max-width: 1280px) {
#news img{
max-width: 50%;
}
}
@media only screen and (max-width: 1080px) {
#news img{
max-width: 60%;
}
}
@media only screen and (max-width: 835px) {
#news img{
max-width: 70%;
margin: -120px 0 50px;
}
}
@media only screen and (max-width: 640px) {
#news img{
max-width: 80%;
}
}
@media only screen and (max-width: 480px) {
#news img{
max-width: 90%;
margin: -120px 0 40px;
}
}

#news-text a:link,#news-text a:visited{
color: #fff;
}
/* タイトルのリンクを無効化する */
.no-link a {
    pointer-events: none; /* クリックを無効にする */
    color: inherit;       /* 文字色を周りのテキストと同じにする */
    text-decoration: none; /* 下線を消す */
}

#info{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 0 0;
text-align: center;
}
@media only screen and (max-width: 1280px) {
#info{
padding: 100px 0 50px;
}
}

#info img{
max-width: 40%;
margin: -200px 0 0;
}
@media only screen and (max-width: 1080px) {
#info img{
max-width: 30%;
margin: -200px 0 0;
}
}
@media only screen and (max-width: 835px) {
#info img{
max-width: 35%;
margin: -200px 0 0;
}
}
@media only screen and (max-width: 480px) {
#info img{
max-width: 35%;
margin: -160px 0 0;
}
}

#info-ac{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0 10%;
background: url(https://okumino-web.com/img/info-ac-back2.webp) no-repeat right top/35%,url(https://okumino-web.com/img/info-ac-back.png) no-repeat 5% center;
}
@media only screen and (max-width: 1600px) {
#info-ac{
background: url(https://okumino-web.com/img/info-ac-back2.webp) no-repeat right top/35%,url(https://okumino-web.com/img/info-ac-back.png) no-repeat 2% center;
}
}
@media only screen and (max-width: 1280px) {
#info-ac{
background: url(https://okumino-web.com/img/info-ac-back2.webp) no-repeat center top/auto 500px,url(https://okumino-web.com/img/info-ac-back.png) no-repeat 2% 50px/10%;
padding: 530px 10% 0;
}
}
@media only screen and (max-width: 1080px) {
#info-ac{
padding: 530px 5% 0;
}
}
@media only screen and (max-width: 640px) {
#info-ac{
margin: 30px 0 0;
background: url(https://okumino-web.com/img/info-ac-back2.webp) no-repeat center top/auto 400px,url(https://okumino-web.com/img/info-ac-back.png) no-repeat 2% 50px/15%;
padding: 400px 5% 0;
}
}
#info-price{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0 10%;
background: url(https://okumino-web.com/img/info-price-back2.webp) no-repeat right top/45%,url(https://okumino-web.com/img/info-price-back.png) no-repeat 5% center;
}
@media only screen and (max-width: 1600px) {
#info-price{
background: url(https://okumino-web.com/img/info-price-back2.webp) no-repeat right top/45%,url(https://okumino-web.com/img/info-price-back.png) no-repeat 2% center;
}
}
@media only screen and (max-width: 1280px) {
#info-price{
margin:-50px 0 0;
background: url(https://okumino-web.com/img/info-price-back2.webp) no-repeat center top/auto 500px,url(https://okumino-web.com/img/info-price-back.png) no-repeat 2% 100px/10%;
padding: 530px 10% 0;
}
}
@media only screen and (max-width: 1080px) {
#info-price{
padding: 530px 5% 0;
}
}
@media only screen and (max-width: 640px) {
#info-price{
margin:0px 0 0;
background: url(https://okumino-web.com/img/info-price-back2.webp) no-repeat center top/auto 400px,url(https://okumino-web.com/img/info-price-back.png) no-repeat 2% 80px/15%;
padding: 400px 5% 0;
}
}
#info-re{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0 10%;
background: url(https://okumino-web.com/img/info-re-back2.webp) no-repeat right center/35%,url(https://okumino-web.com/img/info-re-back.png) no-repeat 5% center;
}
@media only screen and (max-width: 1600px) {
#info-re{
background: url(https://okumino-web.com/img/info-re-back2.webp) no-repeat right center/35%,url(https://okumino-web.com/img/info-re-back.png) no-repeat 2% center;
}
}
@media only screen and (max-width: 1440px) {
#info-re{
background: url(https://okumino-web.com/img/info-re-back2.webp) no-repeat right 20%/40%,url(https://okumino-web.com/img/info-re-back.png) no-repeat 2% center;
}
}
@media only screen and (max-width: 1280px) {
#info-re{
margin:-0px 0 0;
background: url(https://okumino-web.com/img/info-re-back2.webp) no-repeat center top/auto 350px,url(https://okumino-web.com/img/info-re-back.png) no-repeat 2% top/10%;
padding: 400px 10% 0;
}
}
@media only screen and (max-width: 1080px) {
#info-re{
padding: 400px 5% 0;
}
}
@media only screen and (max-width: 640px) {
#info-re{
margin:30px 0 0;
background: url(https://okumino-web.com/img/info-re-back2.webp) no-repeat center top/auto 250px,url(https://okumino-web.com/img/info-re-back.png) no-repeat 2% top/15%;
padding: 270px 5% 0;
}
}

#info h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 150%;
font-weight: 900;
font-size: 60px;
color: #0952a0;
}
#info h2 strong{
color: #ac0032;
}
#info h2 strong span{
font-size: 100px;
}
@media only screen and (max-width: 1440px) {
#info h2{
margin: 0 0 50px;
font-size: 55px;
}
#info h2 strong span{
font-size: 80px;
}
}
@media only screen and (max-width: 835px) {
#info h2{
margin: 0 0 40px;
font-size: 50px;
line-height: 130%;
}
#info h2 strong span{
font-size: 70px;
}
}
@media only screen and (max-width: 640px) {
#info h2{
margin: 0 0 30px;
font-size: 35px;
line-height: 130%;
text-align: justify;
font-weight: 900;
}
#info h2 strong span{
font-size: 60px;
}
}

#info p{
text-align: left;
font-size: 17px;
line-height: 250%;
margin: 0 0 50px;
}
#info p.info-ac-bu{
color: #ac0032;
font-weight: 700;
font-size: 20px;
}
#info p.info-ac-bu img{
margin: 0 0 0 2%;
vertical-align: middle;
}
@media only screen and (max-width: 640px) {
#info p{
font-size: 16px;
line-height: 200%;
margin: 0 0 40px;
}
#info p.info-ac-bu img{
margin: 0 0 0 2%;
vertical-align: middle;
max-width: 12%;
}
}

#insta{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 80px;
padding: 0 3%;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#insta img{
max-width: 18%;
flex: 1;
flex-basis:18%;
margin: 0 1% 20px;
flex-grow: 0;
}
@media only screen and (max-width: 1080px) {
#insta img{
max-width:31.3%;
flex: 1;
flex-basis:31.3%;
margin: 0 1% 20px;
flex-grow: 0;
}
}
@media only screen and (max-width: 480px) {
#insta img{
max-width: 48%;
flex: 1;
flex-basis:48%;
margin: 0 1% 20px;
flex-grow: 0;
}
}

#map{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
#map iframe{
clear: both;
float: left;
width: 100%;
height: 500px;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 835px) {
#map iframe{
height: 450px;
}
}
@media only screen and (max-width: 640px) {
#map iframe{
height: 400px;
}
}
@media only screen and (max-width: 480px) {
#map iframe{
height: 300px;
}
}
@media only screen and (max-width: 414px) {
#map iframe{
height: 250px;
}
}

#top-guide{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
display: flex;
}
@media only screen and (max-width: 835px) {
#top-guide{
display:inherit;
}
}

#top-guide img{
max-width: 15%;
margin: 0 0 15px;
}
@media only screen and (max-width:1080px) {
#top-guide img{
max-width: 10%;
}
}
@media only screen and (max-width: 835px) {
#top-guide img{
max-width: 6%;
margin: 0 0 10px;
}
}
@media only screen and (max-width: 640px) {
#top-guide img{
max-width: 8%;
}
}
@media only screen and (max-width: 480px) {
#top-guide img{
max-width: 10%;
}
}

#chui{
flex: 1;
flex-basis:50%;
background: url(https://okumino-web.com/img/cyui-back.webp) no-repeat center top/100% 100%;
text-align: center;
padding: 40px 3% 150px;
}
@media only screen and (max-width: 835px) {
#chui{
clear: both;
float: left;
width: 100%;
flex: 1;
flex-basis:100%;
background: url(https://okumino-web.com/img/cyui-back.webp) no-repeat center top/100% 100%;
padding: 20px 3% 30px;
}
}

#top-guide h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 25px;
padding: 0;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 25px;
line-height: 120%;
}
#top-guide h5.f-yellow{
color: #f2ef5b;
}
@media only screen and (max-width: 1280px) {
#top-guide h5{
font-size: 20px;
}
}
@media only screen and (max-width: 640px) {
#top-guide h5{
margin: 0 0 15px;
}
#top-guide h5.f-yellow{
font-size: 25px;
}
}

#chui ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: left;
}
#chui li{
text-align: left;
font-size: 15px;
line-height: 120%;
margin: 0 0 10px 1.5em;
padding: 0;
list-style-type: disc;
font-weight: 500;
color: #fff;
}
#chui li a:link,#chui li a:visited{
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width: 640px) {
#chui ul{
margin: 0 0 10px;
}
}

#chui-info{
clear: both;
float: left;
width: 100%;
margin: 0;
padding: 20px 0 0;
border-top: 1px solid #fff;
}
#chui-info p{
text-align: center;
font-weight: 700;
font-size: 25px;
margin:0 0 25px;
color: #fff;
}
#chui-info p a:link,#chui-info p a:visited{
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width: 1280px) {
#chui-info p{
font-size: 20px;
}
}
@media only screen and (max-width: 640px) {
#chui-info p{
font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
#chui-info p{
font-size: 25px;
}
}

#chui-tel{
clear: both;
float: left;
width: 40%;
height: auto;
margin: 0 0 0 0;
padding: 0 2% 0 0;
border-right:1px solid #fff;
text-align: left;
}
@media only screen and (max-width: 640px) {
#chui-tel{
width: 100%;
padding: 0;
border-right:none;
border-bottom:1px solid #fff;
}
}

#chui-yoyaku{
float: right;
width: 60%;
height: auto;
margin: 0;
padding: 0 0 0 2%;
text-align: left;
}
@media only screen and (max-width: 640px) {
#chui-yoyaku{
clear: both;
float: right;
width: 100%;
padding: 20px 0 0;
}
}

#stay{
background: url(https://okumino-web.com/img/stay-back.webp) no-repeat center top/100% 100%;
text-align: center;
padding: 50px 3%;
flex: 1;
flex-basis:50%;
}
@media only screen and (max-width: 835px) {
#stay{
display: inherit;
clear: both;
float: left;
width: 100%;
background: url(https://okumino-web.com/img/stay-back.webp) no-repeat center top/100% 100%;
text-align: center;
padding: 20px 3% 70px;
flex: 0;
flex-basis:100%;
}
}

#stay ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#stay li{
flex: 1;
list-style-type: none;
flex-basis:27.3%;
margin: 0 2% 25px;
padding: 15px 0;
text-align: center;
font-size: 17px;
color: #0952a0;
font-weight: 500;
line-height: 100%;
background: #fff;
border-radius: 50px;
}
@media only screen and (max-width: 1080px) {
#stay li{
flex-basis:46%;
font-size: 16px;
}
}
@media only screen and (max-width: 835px) {
#stay ul{
margin: 0 0 0px;
}
}
@media only screen and (max-width: 640px) {
#stay li{
margin: 0 1% 15px;
padding: 10px 0;
flex-basis:48%;
font-size: 15px;
}
}
@media only screen and (max-width: 480px) {
#stay li{
font-size: 13px;
}
}

#stay p{
color: #fff;
font-size: 15px;
line-height: 150%;
margin: 0;
text-align: center;
font-weight: 500;
}

.top-guide-link{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 40px 0 20px;
padding: 0;
text-align: center;
color: #fff;
font-size: 25px;
line-height: 100%;
font-weight: 500;
}
@media only screen and (max-width: 835px) {
.top-guide-link{
margin: 20px 0 20px;
padding: 15px 0;
font-size: 30px;
border: 1px solid #fff;
border-radius: 80px;
}
}
.top-guide-link img{
padding: 0 0 0 2%;
vertical-align: middle;
}
.top-guide-link a:link,.top-guide-link a:visited{
color: #fff;
display: block;
}
@media only screen and (max-width: 640px) {
.top-guide-link{
margin: 10px 0 0px;
padding: 10px 0;
font-size: 25px;
}
}
@media only screen and (max-width: 414px) {
.top-guide-link{
font-size: 20px;
}
}

.js-fadeUp {
  opacity: 0; 
  transform: translateY(50px);
  transition: opacity .8s, transform 1.2s; 
}
.js-fadeUp.is-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s; 
}

/*下層ページ
--------------------------------------------------------------------------*/
#sub-page{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 20% 80px;
text-align: left;
}
@media only screen and (max-width: 1600px) {
#sub-page{
padding: 0 15% 80px;
}
}
@media only screen and (max-width: 1440px) {
#sub-page{
padding: 0 10% 80px;
}
}
@media only screen and (max-width: 1280px) {
#sub-page{
padding: 0 5% 80px;
}
}

#sub-page p{
	margin: 0 0 50px;
	text-align: justify;
    font-size: 17px;
    line-height: 180%;
}
@media only screen and (max-width: 640px) {
#sub-page p{
	margin: 0 0 40px;
    font-size: 16px;
}
}
.f13{
	font-size: 13px;
}

.f-red-b{
	font-weight: bold;
	color: #cc0001;
}

img.pict-left{
	float: left;
	margin: 0 20px 20px 0;
}
img.pict-right{
	float: right;
	margin: 0 0 20px 20px;
}
@media only screen and (max-width: 640px) {
img.pict-left{
	float:none;
	margin: 0 0 30px;
}
img.pict-right{
	float: none;
	margin: 0 0 30px;
}
}

.b-link,.b-link2{
	float:right;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: linear-gradient(#fff,#eee);
	font-size: 15px;
	line-height: 100%;
	margin: 0 0 10px;
}
.b-link2{
	float:left;
}

.b-link a:link,.b-link a:visited,.b-link2 a:link,.b-link2 a:visited{
	display: block;
	text-decoration: none;
	color: #333;
	background: #eee;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 5px 10px 3px;
}
.b-link a:hover,.b-link2 a:hover{
	text-decoration: underline;
}

#sub-page article,#sub-page article header{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

main.sub-p h1{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 80px;
	padding: 0 0 30px;
	text-align:center;
	line-height: 100%;
	font-weight:900;
	color: #94d0ef;
	font-size:50px;
    background: url(https://okumino-web.com/img/main-h1.png) no-repeat center bottom;
}
main.sub-p h1 img{
width: 100%;
}
main.sub-p h1 img.h-logo{
max-width: 15%;
margin: -130px 0 30px;
}
@media only screen and (max-width: 1280px) {
main.sub-p h1{
margin: 105px 0 80px;
}
main.sub-p h1 img.h-logo{
max-width: 15%;
margin: -80px 0 30px;
}
}
@media only screen and (max-width: 1080px) {
main.sub-p h1{
	font-size:45px;
}
}
@media only screen and (max-width: 835px) {
main.sub-p h1{
	font-size:40px;
}
main.sub-p h1 img.h-logo{
max-width: 20%;
margin: -80px 0 30px;
}
}
@media only screen and (max-width: 640px) {
main.sub-p h1{
	font-size:35px;
}
main.sub-p h1 img.h-logo{
max-width: 25%;
margin: -80px 0 30px;
}
}
@media only screen and (max-width: 480px) {
main.sub-p h1 img.h-logo{
max-width: 28%;
margin: -60px 0 30px;
}
}
@media only screen and (max-width: 414px) {
main.sub-p h1{
	font-size:30px;
}
}

main.sub-p h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 50px 0 20px;
	padding: 15px 0 10px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-indent: 0.5em;
	line-height: 100%;
	background: #285e87;
}

.edit-link{
	display: none;
}

#sub-page ul,#sub-page ul.sitemap{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
#sub-page ul.sitemap ul{
	margin: 0;
	padding: 0 0 0 5%;
}

#sub-page li{
	text-align: left;
	margin: 0 0 20px 2%;
	padding: 0;
	line-height: 120%;
    font-size: 17px;
}
#sub-page ul.sitemap li{
	margin: 0 0 25px 5%;
}
@media only screen and (max-width: 640px) {
#sub-page li{
    font-size: 16px;
}
}

.f-blue{
	color: #344fbf;
	font-weight: bold;
}

#access{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 25% 0 23%;
	background: url(https://okumino-web.com/image-new/acc-title.png) no-repeat right top/100%;
}
#access img{
display: none;
}
#access p{
	font-size: 45px;
	font-weight: 900;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#access{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0;
}
#access img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#access p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#access p{
	font-size: 35px;
}
}
@media only screen and (max-width: 640px) {
#access p{
	font-size: 30px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#access p{
	font-size: 25px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#access p{
	font-size: 20px;
}
}

#douga{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
    aspect-ratio: 16 / 9;
}
#douga iframe {
  width: 100%;
  height: 100%;
}

.ac-box{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#sub-page ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 3%;
}
#sub-page ol li{
margin: 0 0 25px;
padding: 0;
line-height: 150%;
font-size: 16px;
}
@media only screen and (max-width: 640px) {
#sub-page ol{
margin: 0 0 40px;
}
#sub-page ol li{
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
#sub-page ol{
margin: 0 0 30px;
padding: 0 0% 0 6%;
}
#sub-page ol li{
font-size: 13px;
}
}

#rental-guide{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 100px;
	padding: 0 25% 0 23%;
	background: url(img/logo-snow.webp) no-repeat left top/auto 95%,url(img/rental-guide1.webp) no-repeat right top;
}
@media only screen and (max-width: 1080px) {
#rental-guide{
	margin: 0 0 80px;
	padding: 0 25% 0 0%;
    background: none;
	background: url(img/rental-guide1.webp) no-repeat right top;
}
}
@media only screen and (max-width: 640px) {
#rental-guide{
	margin: 0 0 20px;
	padding: 0 0% 0 0%;
    background: none;
}
}

#rental-guide ul{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#rental-guide ul img{
display: none;
}
@media only screen and (max-width: 640px) {
#rental-guide ul img{
display: inherit;
max-width: 100%;
margin: 15px 0 0;
}
}

#rental-guide li{
	display: block;
	float: left;
	width: 45%;
	height: auto;
	margin: 0 2% 10px 0;
	padding: 10px 0;
	text-align: center;
	list-style-type: none;
	font-size: 13px;
	line-height: 100%;
	border-radius: 5px;
	border: 3px double #285e87;
	background: linear-gradient(#90c8f3,#fff);
}
#rental-guide li strong{
	font-size: 1.2em;
}
#rental-guide li a:link,#rental-guide li a:visited{
	color: #000;
}
#rental-guide li a:hover{
	color: #e50012;
}
@media only screen and (max-width: 640px) {
#rental-guide li{
	width: 48%;
	margin: 0 1% 10px;
	font-size: 13px;
}
#rental-guide li strong{
	font-size: 1.1em;
}
}

.step,.step2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 60px;
	padding: 0 0 20px;
	background: url(image-new/step-ar.png) no-repeat left bottom;
}
.step2{
	padding: 0;
	background: none;
}

.step h2,.step2 h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 10px 0 5px;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	line-height: 100%;
	border-bottom: 1px solid #cc0001;
	border-left: 20px solid #cc0001;
	text-indent: 0.5em;
}
.step h2 .h-small,.step2 h2 .h-small{
	font-size: 25px;
	font-weight: normal;
}

p.step-title{
	font-weight: bold;
	font-size: 18px;
	color: #285e87;
}

.step img,.step2 img{
	float: left;
	margin: 0 15px 10px 0;
}
.step img.pict-right,.step2 img.pict-right{
	float: right;
	margin: 0 0 10px 15px;
}
.step img.pict-right2,.step2 img.pict-right2{
	float: right;
	margin: 0 0 10px 15px;
	border: 1px solid #ccc;
}
@media only screen and (max-width: 640px) {
.step img,.step2 img{
	float: left;
	margin: 0 15px 10px 2%;
	max-width: 15%;
}
.step img.i1,.step2 img.i1{
	max-width: 90%;
}
.step img.pict-right,.step2 img.pict-right{
	float: none;
	margin: 0 2% 10px;
	max-width: 90%;
}
.step img.pict-right2,.step2 img.pict-right2{
	float: none;
	margin: 0 2% 10px;
	border: 1px solid #ccc;
	max-width: 90%;
}
}

.step blockquote,.step2 blockquote{
	border: 1px dotted #000;
	margin: 0 0 20px 0;
	padding: 20px 2%;
	text-align: left;
}
@media only screen and (max-width: 640px) {
.step blockquote,.step2 blockquote{
	margin: 0 2% 15px;
	padding: 10px 2%;
    font-size: 16px;
}
}

#item{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/item.png) no-repeat right top/100%;
}
#item img{
display: none;
}
#item p{
	font-size: 45px;
	font-weight: 900;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#item{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0;
}
#item img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#item p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#item p{
	font-size: 35px;
}
}
@media only screen and (max-width: 640px) {
#item p{
	font-size: 30px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#item p{
	font-size: 25px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#item p{
	font-size: 20px;
}
}

.item-box{
	float: left;
	width: 48%;
	height: auto;
	margin: 0 1%;
	padding: 0;
}
.item-box h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 15px 0;
	text-align: center;
	font-size: 25px;
	font-weight: normal;
	line-height: 100%;
	background: #285e87;
	color: #fff;
	border-radius: 5px;
}
@media only screen and (max-width: 480px) {
.item-box{
	clear: both;
	float: left;
	width: 98%;
	height: auto;
	margin: 0 1% 15px;
	padding: 0;
}
#sub-page .item-box h2{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 100%;
	background: #285e87;
	color: #fff;
	border-radius: 5px;
}
}

#sub-page h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 80px 0 30px;
	padding: 15px 0 10px;
	text-align: left;
	line-height: 100%;
	font-size: 30px;
	font-weight: normal;
	background: #cc0001;
	color: #fff;
	text-indent: 1em;
}
@media only screen and (max-width: 640px) {
#sub-page h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 15px 0 10px;
	text-align: left;
	line-height: 100%;
	font-size: 25px;
	font-weight: normal;
	background: #cc0001;
	color: #fff;
	text-indent: 1em;
}
}
@media only screen and (max-width: 480px) {
#sub-page h3{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 20px;
	padding: 15px 0 10px;
	text-align: left;
	line-height: 100%;
	font-size: 20px;
	font-weight: normal;
	background: #cc0001;
	color: #fff;
	text-indent: 1em;
}
}

#sub-page ul.item-topic{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
}
@media only screen and (max-width: 640px) {
#sub-page ul.item-topic{
	margin: 0 0 20px;
	padding: 0 2%;
}
}

#sub-page ul.item-topic li{
	float: left;
	font-size: 13px;
	list-style-type: none;
	margin: 0 10px 0 0;
}
@media only screen and (max-width: 640px) {
#sub-page ul.item-topic li{
	display: inherit;
	margin: 0 10px 20px 0;
}
}

#sub-page ul.item-topic li a:link,#sub-page ul.item-topic li a:visited{
	border-radius: 5px;
	border: 1px solid #ccc;
	background: linear-gradient(#fff,#eee);
	padding: 5px 5px 2px;
	text-decoration: none;
	color: #333;
}
#sub-page ul.item-topic li a:hover{
	text-decoration: underline;
}

#sub-page h4,#sub-page h4.tspa{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 5px 0 5px;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	line-height: 100%;
	border-left: 20px solid #cc0001;
	border-bottom: 1px solid #cc0001;
	text-indent: 0.5em;
}
#sub-page h4.tspa{
	margin: 100px 0 30px;
}
@media only screen and (max-width: 640px) {
#sub-page h4,#sub-page h4.tspa{
	padding: 5px 0 5px 2%;
	text-indent: 0;
}
}
@media only screen and (max-width: 480px) {
#sub-page h4,#sub-page h4.tspa{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 5px 0 5px 2%;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	border-left: 20px solid #cc0001;
	border-bottom: 1px solid #cc0001;
	text-indent: 0;
}
#sub-page h4.tspa{
	margin: 50px 0 20px;
}
}

#price{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/price.png) no-repeat right top/100%;
}
#price img{
display: none;
}
#price p{
	font-size: 25px;
	font-weight: bold;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#price{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0;
}
#price img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#price p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#price p{
	font-size: 35px;
}
}
@media only screen and (max-width: 640px) {
#price p{
	font-size: 30px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#price p{
	font-size: 25px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#price p{
	font-size: 20px;
}
}

#price2-info{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#price-info img{
	float: right;
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
}
img.pict-right{
	float: right;
	margin: 0 0 10px 15px;
}
@media only screen and (max-width: 640px) {
#price-info img{
	float:none;
	margin: 0 2% 10px;
}
img.pict-right{
	float: none;
	margin: 0 2% 10px;
}
}

table {
	clear:both;
	width:100%;
	margin:0 0 20px;
    border:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    text-align:center;
	background:#fff;
	font-size: 13px;
}

th,td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 5px;
	}

tr.price-title{
	background: #000;
	color: #fff;
	font-size: 18px;
	line-height: 150%;
}

tr.price-title2{
	background: #333;
	color: #fff;
	font-size: 15px;
	line-height: 150%;
}

tr.gere{
	color: #2a6be1;
}

tr.price-tokka{
	background: #ffd6d6;
	font-weight: bold;
	color: #cc0001;
}

th{
	background: #eee;
	font-weight: normal;
}

tr.open-youbi{
	background: #ece9d8;
	text-align: center;
}

td.op{
	background: #999999;
}
td.op-b{
	background: #cbd9fc;
}
td.op-p{
	background: #f7dad2;
}
td.op-g{
	background: #c9f1cf;
}
td.op-y{
	background: #ffecb0;
}

#faq{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/faq-title.png) no-repeat right top/100%;
}
#faq img{
display: none;
}
#faq p{
	font-size: 25px;
	font-weight: bold;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#faq{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0 0 20px;
}
#faq img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#faq p{
	font-size: 35px;
}
}
@media only screen and (max-width: 835px) {
#faq p{
	font-size: 25px;
}
}
@media only screen and (max-width: 640px) {
#faq p{
	font-size: 20px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#faq p{
	font-size: 20px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#faq p{
	font-size: 18px;
}
}

#sub-page dl,#sub-page dl.gere,#sub-page dl.staff{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
#sub-page dl.staff{
	margin: 0 0 30px;
}

#sub-page dt{
	clear: both;
	float: left;
	width: 100%;
	height: 30px;
	margin: 0 0 15px;
	padding: 0 0 10px 35px;
	font-size: 25px;
	font-weight: 500;
	text-align: left;
	line-height: 100%;
	background: url(https://okumino-web.com/image-new/faq-q.jpg) no-repeat left center;
	border-bottom: 1px dashed #619911;
}
#sub-page dl.staff dt{
	clear: none;
	height: auto;
	width: 15%;
	background: none;
	border-bottom: none;
	padding: 0 0 10px;
	margin: 0 0 15px;
	line-height: 150%;
}
#sub-page dl.gere dt{
	height: auto;
	font-size: 18px;
	background: none;
	font-weight: bold;
	border-bottom: 1px dashed #285e87;
	color: #285e87;
	padding: 0 0 10px;
}
@media only screen and (max-width: 640px) {
#sub-page dt{
height: auto;
line-height: 120%;
font-size: 20px;
background: url(https://okumino-web.com/image-new/faq-q.jpg) no-repeat left 20%;
}
}
@media only screen and (max-width: 480px) {
#sub-page dt{
	font-size: 20px;
	font-weight: 600;
}
}

#sub-page dd{
	clear: both;
	float: left;
	width: 95%;
	height: auto;
	margin: 0 0 80px 5%;
	padding: 5px 0 5px 10px;
	text-align: left;
	font-size: 17px;
	line-height: 150%;
	border-left: 5px solid #9ec06d;
}
#sub-page dl.staff dd{
	clear: none;
	width: 85%;
	margin: 0 0 15px;
	padding: 0;
	border-left:none;
}
#sub-page dl.gere dd{
	margin: 0 0 30px 5%;
	padding: 0;
	border-left: none;
}
@media only screen and (max-width: 640px) {
#sub-page dd{
	width: 100%;
	margin: 0 0 60px 0%;
	font-size: 17px;
}
#sub-page dl.gere dd{
width: 100%;
	margin: 0 0 30px 0;
}
}
@media only screen and (max-width: 480px) {
#sub-page dd{
	margin: 0 0 40px 0%;
    padding: 5px 0 5px 0;
	font-size: 16px;
    border-left: none;
}
}

#guide-map{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/guidemap-title.png) no-repeat right top/100%;
}
#guide-map img{
display: none;
}
#guide-map p{
	font-size: 30px;
	font-weight: bold;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#guide-map{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0 0 20px;
}
#guide-map img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#guide-map p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#guide-map p{
	font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
#guide-map p{
	font-size: 25px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#guide-map p{
	font-size: 20px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#guide-map p{
	font-size: 20px;
}
}

#guide-map-box{
}

#guide-map-box img{
	float: left;
	border: 1px solid #ccc;
	margin: 0 2% 0 0;
	padding: 5px;
    max-width: 48%;
}
@media only screen and (max-width: 640px) {
#guide-map-box img{
	margin: 0 0 30px;
    max-width: 100%;
}
}

#gerende-info{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 25% 0 23%;
	background: url(image-new/gerende1.png) no-repeat right top;
}

#gerende-info p{
	font-size: 25px;
	font-weight: bold;
	margin: 100px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}

#sub-page ol{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 20px 0 30px;
	padding: 0;
}

#sub-page ol li{
	margin: 0 5% 25px 5%;
	padding: 0;
	line-height: 150%;
	font-size: 13px;
}

#open{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/open-title.png) no-repeat right top/100%;
}
#open img{
display: none;
}
#open p{
	font-size: 30px;
	font-weight: bold;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#open{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0 0 20px;
}
#open img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#open p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#open p{
	font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
#open p{
	font-size: 25px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#open p{
	font-size: 20px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#open p{
	font-size: 20px;
}
}

p.open1,p.open2,p.open3,p.open4,p.open5{
	clear: both;
	margin: 0 0 10px;
	padding:0 0 0 10px;
	border-left: 30px solid #999;
	line-height: 150%;
}
p.open2{
	border-left: 30px solid #cbd9fc;
}
p.open3{
	border-left: 30px solid #f7dad2;
}
p.open4{
	border-left: 30px solid #c9f1cf;
}
p.open5{
	border-left: 30px solid #ffecb0;
}

.open-shop{
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0 5% 0 0;
}
@media only screen and (max-width: 640px) {
.open-shop{
	padding: 0 1% 0;
}
}
@media only screen and (max-width: 480px) {
.open-shop{
	float: left;
	width: 96%;
	height: auto;
	margin: 0 2% 15px;
	padding: 0;
}
}

.open-shop caption{
	background: #666;
	color: #fff;
	font-size: 15px;
	padding: 3px 10px;
}

#gerende-info{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 30px 10% 0 23%;
	background: url(https://okumino-web.com/image-new/gerende1.png) no-repeat right top/100%;
}
#gerende-info img{
display: none;
}
#gerende-info p{
	font-size: 40px;
	font-weight: bold;
	margin: 15px 0 30px;
	line-height: 150%;
	text-shadow: 2px 2px 1px #fff;
}
@media only screen and (max-width: 1080px) {
#gerende-info{
background: none;
	padding: 0px 0% 0 0%;
    min-height: auto;
    margin: 0 0 20px;
}
#gerende-info img{
display: inherit;
max-width: 100%;
margin: 0 0 15px;
}
#gerende-info p{
	font-size: 40px;
}
}
@media only screen and (max-width: 835px) {
#gerende-info p{
	font-size: 30px;
}
}
@media only screen and (max-width: 640px) {
#gerende-info p{
	font-size: 25px;
    	margin: 0px 0 30px;
}
}
@media only screen and (max-width: 480px) {
#gerende-info p{
	font-size: 20px;
    margin: 0 0 20px;
    line-height: 130%;
}
}
@media only screen and (max-width: 414px) {
#gerende-info p{
	font-size: 20px;
}
}

#poli{
}

#poli p{
	font-size: 13px;
	margin: 0 20% 50px 0;
}
#sub-page h5{
	clear: both;
	float: left;
	width: 50%;
	height: auto;
	margin: 0 50% 15px 0;
	padding: 10px 0;
	text-align: left;
	font-weight: normal;
	line-height: 100%;
	font-size: 15px;
	text-indent: 1em;
	background: #ccc;
}
@media only screen and (max-width: 640px) {
#poli p{
	margin: 0 1% 30px 1%;
}
#sub-page h5{
	width: 100%;
	margin: 0 0 15px 0;
}
}

#staff{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

p.oubo a:link,p.oubo a:visited{
	display: block;
	padding: 10px 0 7px;
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	background-color: #C1171A;
	text-align: center;
	border-radius: 10px;
}
p.oubo a:hover{
	text-decoration: underline;
	color: #000;
}

#staff2023{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 650px;
margin: 0 0 60px;
padding: 20px 3% 0;
background: url(image-new/staff2023-back.png) no-repeat left top;
}
#staff2023 img{
max-width: 100%;
}

#sub-page #staff2023 h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 150%;
font-size: 34px;
color: #fff;
text-indent: 0;
background: none;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-shadow: 2px 2px 2px #333;
}
#sub-page #staff2023 p{
clear: both;
font-size: 28px;
line-height: 130%;
margin: 0;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
}
@media only screen and (max-width: 480px) {
#sub-page #staff2023 h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
line-height: 150%;
font-size: 25px;
color: #fff;
text-indent: 0;
background: none;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-shadow: 2px 2px 2px #333;
}
}

#staff2023-pri{
clear: both;
float: left;
width: 45%;
height: auto;
margin: 40px 55% 200px 0;
padding: 15px 3%;
background: #285e87;
}
#sub-page #staff2023 #staff2023-pri p{
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
padding: 0;
text-align: left;
line-height: 150%;
}
@media only screen and (max-width: 640px) {
#staff2023-pri{
clear: both;
float: left;
width: 55%;
height: auto;
margin: 40px 45% 100px 0;
padding: 15px 3%;
background: #285e87;
}
}
@media only screen and (max-width: 480px) {
#staff2023-pri{
clear: both;
float: left;
width: 80%;
height: auto;
margin: 30px 20% 150px 0;
padding: 15px 3%;
background: #285e87;
}
}

#sub-page dl.staff2023{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
}
@media only screen and (max-width: 640px) {
#sub-page dl.staff2023{
	clear: both;
	float: left;
	width: 94%;
	height: auto;
	margin: 0 3% 30px;
	padding: 0;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
}
}

#sub-page dl.staff2023 dt{
	clear: none;
	height: auto;
	width: 15%;
	background: none;
	border-bottom: none;
	padding: 0;
	margin: 0 0 30px;
	line-height: 150%;
	font-weight: 500;
	font-size: 16px;
}
#sub-page dl.staff2023 dd{
	clear: none;
	width: 85%;
	margin: 0 0 30px;
	padding: 0;
	border-left:none;
	font-size: 16px;
	line-height: 200%;
	font-weight: 300;
}
#sub-page dl.staff2023 dd strong{
font-size: 1.2em;
font-weight: 800;
}
#sub-page dl.staff2023 dd .f-blue,#sub-page dl.staff2023 dd .f-red-b{
font-size: 1.2em;
font-weight: 800;
}
@media only screen and (max-width: 480px) {
#sub-page dl.staff2023 dt{
	clear: none;
	height: auto;
	width: 100%;
	background: #eee;
	border-bottom: none;
	padding: 10px 0 10px 10px;
	margin: 0 0 15px;
	line-height: 150%;
	font-weight: 500;
	font-size: 16px;
}
#sub-page dl.staff2023 dd{
	clear: both;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	border-left:none;
	font-size: 14px;
	line-height: 200%;
	font-weight: 300;
}
}

.staff2023box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 35px 5% 0;
background: linear-gradient(90deg,#fff 50%,#eee);
border:3px solid #285e87;
}
@media only screen and (max-width: 640px) {
.staff2023box{
clear: both;
float: left;
width: 94%;
height: auto;
margin: 0 3% 30px;
padding: 35px 5% 0;
background: linear-gradient(90deg,#fff 50%,#eee);
border:3px solid #285e87;
}
}
@media only screen and (max-width: 480px) {
.staff2023box{
clear: both;
float: left;
width: 94%;
height: auto;
margin: 0 3% 30px;
padding: 25px 5% 0;
background: linear-gradient(90deg,#fff 50%,#eee);
border:3px solid #285e87;
}
}

#sub-page .staff2023box h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0 0 5px;
text-align: left;
line-height: 120%;
color: #285e87;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-indent: 0em;
font-size: 30px;
background: none;
border-bottom:1px dashed #285e87;
}
#sub-page .staff2023box h5 span{
font-size: 20px;
font-weight: 500;
}
#sub-page .staff2023box p{
font-size: 16px;
font-weight: 300;
font-family: 'Noto Sans JP', sans-serif;
line-height: 200%;
}
@media only screen and (max-width: 480px) {
#sub-page .staff2023box h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0 0 5px;
text-align: left;
line-height: 120%;
color: #285e87;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-indent: 0em;
font-size: 25px;
background: none;
border-bottom:1px dashed #285e87;
}
#sub-page .staff2023box h5 span{
font-size: 18px;
font-weight: 500;
}
#sub-page .staff2023box p{
font-size: 14px;
font-weight: 300;
font-family: 'Noto Sans JP', sans-serif;
line-height: 200%;
}
}

#staff2023-tokuten{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 50px;
padding: 50px 0 0;
background: url(image-new/staff2023line.png)  no-repeat center top/100%,url(image-new/staff2023line.png)  no-repeat center bottom/100%;
}
@media only screen and (max-width: 640px) {
#staff2023-tokuten{
clear: both;
float: left;
width: 94%;
height: auto;
margin: 50px 3% 50px;
padding: 50px 0 0;
background: url(image-new/staff2023line.png)  no-repeat center top/100%,url(image-new/staff2023line.png)  no-repeat center bottom/100%;
}
}

#sub-page #staff2023-tokuten h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 0 0 5px;
text-align:center;
line-height: 120%;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-indent: 0em;
font-size: 35px;
background: none;
}
@media only screen and (max-width: 640px) {
#sub-page #staff2023-tokuten h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 5px;
text-align:center;
line-height: 120%;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-indent: 0em;
font-size: 35px;
background: none;
}
}
@media only screen and (max-width: 480px) {
#sub-page #staff2023-tokuten h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0 0 5px;
text-align:center;
line-height: 120%;
font-weight: 800;
font-family: 'Noto Sans JP', sans-serif;
text-indent: 0em;
font-size: 30px;
background: none;
}
}

#sub-page #staff2023-tokuten ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 5%;
}
@media only screen and (max-width: 640px) {
#sub-page #staff2023-tokuten ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 3%;
}
}
@media only screen and (max-width: 480px) {
#sub-page #staff2023-tokuten ol{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0 0%;
}
}

#sub-page #staff2023-tokuten li{
list-style-type: none;
font-size: 18px;
line-height: 200%;
margin: 0 0 20px;
padding: 0 0 0 2.5em;
text-align: left;
font-weight: 300;
font-family: 'Noto Sans JP', sans-serif;
text-indent: -2.5em;
}
#sub-page #staff2023-tokuten li:first-letter{
background: #285e87;
color: #fff;
margin: 0 1% 0 0;
padding: 0 12px 2px;
font-size: 25px;
line-height: 100%;
font-weight: 500;
}
@media only screen and (max-width: 480px) {
#sub-page #staff2023-tokuten li{
list-style-type: none;
font-size: 15px;
line-height: 150%;
margin: 0 0 20px;
padding: 0 0 0 2.7em;
text-align: left;
font-weight: 300;
font-family: 'Noto Sans JP', sans-serif;
text-indent: -2.7em;
}
#sub-page #staff2023-tokuten li:first-letter{
background: #285e87;
color: #fff;
margin: 0 1% 0 0;
padding: 0 12px 2px;
font-size: 22px;
line-height: 100%;
font-weight: 500;
}
}

article header{
display: none;
}
#sub-page #blog article header{
display: inherit;
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 10px 3% 15px;
position:relative;
z-index: 9990;
top: 0;
}
main.sub-p #blog article header h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
font-size: 25px;
background: none;
text-indent: 0;
}
@media only screen and (max-width: 640px) {
main.sub-p #blog article header h1{
font-size: 20px;
}
}

#blog{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0;
	padding: 0;
}
#blog header p{
	text-align: left;
	margin: 0 0 5px;
    color: #fff;
    font-size: 13px;
}

.wp-pagenavi{
clear: both;
float: left;
width: 100;
height: auto;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 640px) {
.wp-pagenavi{
font-size: 13px;
}
}

input[name="item-name"],input[name="item-tall"],input[name="item-foot"],input[name="item-name2"],input[name="item-tall2"],input[name="item-foot2"],input[name="item-name3"],input[name="item-tall3"],input[name="item-foot3"],input[name="item-name4"],input[name="item-tall4"],input[name="item-foot4"],input[name="item-name5"],input[name="item-tall5"],input[name="item-foot5"]{
	width: 10%;
}

hr{
	width: 100%;
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top:1px dashed #ccc;;
}

form{
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 30px 5% 15px;
	border: double 3px #ccc;
	box-shadow: 2px 2px 1px #eee;
}

.hissu{
	background: rgba(220,20,24,1.00);
	font-size: 11px;
	margin: 0 10px 0 5px;
	padding: 0 5px;
	color: #fff;
}

.form-title{
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (max-width: 640px) {
#sub-page form p{
text-align: left;
}
.form-title{
	font-size: 15px;
    text-align: left;
}
}

#sub-page form p{
margin: 0 0 20px;
text-align: left;
}

.gr-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -15px 0 20px;
padding: 10px 0 0;
background: #eee;
}

form textarea{
	width: 100%;
	height: 100px;
}

textarea,input[type="text"] ,input[type="email"] ,input[type="tel"]{
width: 50%;
text-align: left;
}
input[type="text"].s20{
width: 20%;
}
input[type="text"].s10{
width: 10%;
}
@media only screen and (max-width: 1080px) {
textarea,input[type="text"] ,input[type="email"] ,input[type="tel"]{
width: 60%;
}
input[type="text"].s20{
width: 25%;
}
input[type="text"].s10{
width: 15%;
}
}
@media only screen and (max-width: 835px) {
textarea,input[type="text"] ,input[type="email"] ,input[type="tel"]{
width: 45%;
}
input[type="text"].s20{
width: 30%;
}
}
@media only screen and (max-width: 480px) {
textarea,input[type="text"] ,input[type="email"] ,input[type="tel"]{
width: 95%;
}
input[type="text"].s20{
width: 40%;
}
input[type="text"].s10{
width: 20%;
}
}
@media only screen and (max-width: 414px) {
input[type="text"].s10{
width: 15%;
}
}

.wpcf7 .wpcf7-response-output{
	clear:both;
	float:left;
	width:80%;
	height:auto;
	margin:0 20% 15px 0;
	padding:5px 10px;
	background:rgba(211,63,65,1.00);
	color:#fff;
	font-size:15px;
	line-height:200%;
	border:1px solid #666;
	text-align:left;
}

.wpcf7 .wpcf7-mail-sent-ok{
	clear:both;
	float:left;
	width:80%;
	height:auto;
	margin:0 20% 15px 0;
	padding:5px 10px;
	background:#FF8226;
	color:#fff;
	font-size:15px;
	line-height:200%;
}

.wpcf7 .wpcf7-not-valid-tip{
    position: absolute;
    top: 100%;
    left: 0%;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 9pt;
    width: auto;
    padding: 2px;
}

.wpcf7c-conf{
	background-color: #FBE4E4;
	color: black;
	border: 1px solid #333333;
}

.wpcf7 .wpcf7-confirm, .wpcf7 .wpcf7-submit {
	 /* ボタン確認、ボタン送信 */ 
	 background-color: #66A644;
	 color: #fff;
	 padding:5px 20px;
	 border:1px solid #666;
	font-size: 18px;
}
.wpcf7 .wpcf7-back {
 /* ボタン修正 */
 background-color: silver;
	 padding:5px 20px;
	 border:1px solid #666;
	margin: 0 15px 0 0;
 color: #333;
 }

/*フッタ
--------------------------------------------------------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	color:#fff;
}
@media only screen and (max-width: 1280px) {
#page-top{
	right:16px;
	bottom:60px;
}
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#94d0ef;
	transition:all 0.3s;
	color:#fff;
} 
#page-top p:hover{
	background:#ac0032;
	color:#fff;
} 
#move-page-top{
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: -150px 0 0;
padding: 100px 0% 0;
background: url(https://okumino-web.com/img/footer-back.webp) no-repeat center top/100%;
z-index: 9997;
position: relative;
}
@media only screen and (max-width: 1080px) {
footer{
padding: 70px 0% 0;
}
}
@media only screen and (max-width: 835px) {
footer{
margin: -50px 0 0;
padding: 40px 0% 0;
background: url(https://okumino-web.com/img/footer-back.webp) no-repeat center top/100%;
}
}
@media only screen and (max-width: 480px) {
footer{
margin: -40px 0 0;
padding: 20px 0% 0;
background: url(https://okumino-web.com/img/footer-back.webp) no-repeat center top/100%;
}
}

#footer-box{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 15% 50px;
background: #ac0032;
display: flex;
}
@media only screen and (max-width: 1440px) {
#footer-box{
padding: 0 10% 50px;
}
}
@media only screen and (max-width: 1280px) {
#footer-box{
padding: 0 5% 40px;
}
}
@media only screen and (max-width: 835px) {
#footer-box{
display: inherit;
padding: 0 5% 15px;
}
}
@media only screen and (max-width: 480px) {
#footer-box{
padding: 0 0% 0;
}
}

#footer-left{
width: 35%;
height: auto;
margin: 0;
padding: 0 5% 0 0;
text-align: left;
}
#footer-left img{
max-width: 80%;
margin: 0 0 20px;
}
@media only screen and (max-width: 1080px) {
#footer-left{
width: 40%;
padding: 0 3% 0 0;
}
}
@media only screen and (max-width: 835px) {
#footer-left{
width: 100%;
padding: 0 3% 25px;
text-align: center;
}
#footer-left img{
max-width: 40%;
margin: 0 0 5px;
}
}
@media only screen and (max-width: 480px) {
#footer-left{
padding: 0 0% 15px;
}
#footer-left img{
display: none;
}
}

#footer-text{
float: right;
width: 65%;
height: auto;
margin: 0;
padding: 0 0 0 3%;
display: flex;
}
@media only screen and (max-width: 1080px) {
#footer-text{
width: 60%;
}
}
@media only screen and (max-width: 835px) {
#footer-text{
clear: both;
width: 100%;
padding: 0 0%;
}
}
@media only screen and (max-width: 480px) {
#footer-text{
flex-wrap: wrap;
padding: 0;
}
}

footer h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 15px;
padding: 0;
text-align: left;
font-size: 25px;
line-height: 120%;
color: #fff;
font-weight: 500;
}
@media only screen and (max-width: 1080px) {
footer h6{
font-size: 20px;
}
}
footer h6 span{
font-size: 13px;
}
@media only screen and (max-width: 835px) {
footer h6{
text-align: center;
}
}

footer p{
text-align: left;
color: #fff;
margin: 0;
font-size: 13px;
line-height: 120%;
}
@media only screen and (max-width: 835px) {
footer p{
text-align:center;
}
}

footer ul{
clear: both;
float: left;
height: auto;
margin: 0;
padding: 0;
flex: 1 0 auto;
}
footer li{
list-style-type: none;
margin: 0 0 10px;
line-height: 120%;
text-align: left;
font-size: 15px;
}
footer li a:link,footer li a:visited{
color: #fff;
font-weight: 500;
}
@media only screen and (max-width: 480px) {
footer ul{
flex-basis:50%;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
footer ul.ul-sm{
display: none;
}
footer ul.ul-sm2{
border-left:none;
}
footer li{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin: 0;
text-align: center;
}
footer li a:link,footer li a:visited{
display: block;
padding: 10px 0;
}
}

#footer-yoyaku{
display: none;
}
@media only screen and (max-width: 1280px) {
#footer-yoyaku{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 10px 0 3px;
border-top:3px solid #fff;
box-shadow: -3px -3px 10px #999;
background: url(https://okumino-web.com/img/footer-yoyaku.png) no-repeat right bottom,#ac0032;
z-index: 9997;
position: sticky;
bottom:0;
display: flex;
align-items: center;
justify-content:center;
}
#footer-yoyaku a:link,#footer-yoyaku a:visited{
display: block;
width: 100%;
height: 100%;
}
}

.wp-block-visual-portfolio{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 480px) {
.wp-block-visual-portfolio{
padding: 0 3%;
}
}