/*
Theme Name: oonoseiken
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap');
*{margin:0; padding:0; border:0; background:none; position:relative; box-sizing:border-box; outline:none;}
body{margin:0; padding:0; font-family: 'Noto Sans JP', sans-serif; font-size:16px; font-weight:300; color:#000;}
img{display:block;}
div.clear-div{clear:both;}
div.is-mobile{display:none;}
h1, h2, h3, h4, h5, h6{font-family:inherit; font-weight:inherit;}
ul, ul li{list-style:none; margin:0; padding:0;}
a{text-decoration:none; font-family:inherit; font-weight:inherit; color:inherit;}
button{font-family:'Noto Sans JP', sans-serif; font-size:16px; font-weight:300; color:inherit; cursor:pointer;}
input{font-family:'Noto Sans JP', sans-serif; font-size:16px; font-weight:300; color:inherit;}
textarea{font-family:'Noto Sans JP', sans-serif; font-size:16px; font-weight:300; color:inherit;}

.inner{width:100%; max-width:1232px; padding:0px 16px; margin:0 auto;}
.bg-alpha{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.8); z-index:70;}

/* main-color : #8cbf26 */

/*header*/
header.header{position:fixed; width:100%; height:96px; top:0; left:0; box-shadow:0px 1px 1px rgba(0,0,0,0.1); cursor:default; z-index:90;}
header.header.is-admin{top:32px;}
.header-top-description{height:32px; line-height:32px; background-color:#8cbf26; color:#fff; font-size:12px;}
.header-row{height:64px; background-color:#fff;}
.header-logo{position:absolute; top:50%; left:16px; font-size:32px; font-weight:700; color:#000; transform:translate(0, -50%); letter-spacing:-0.1em;}
.header-nav{float:right; display:inline-block;}
.header-nav-ul-li{display:inline-block; padding:0px 16px;}
.header-nav-ul-li-a{display:block; line-height:64px;}
.header-nav-ul-li-a:hover{color:#8cbf26;}
.nav-ul-lv2{display:none; position:absolute; top:100%; left:0; width:208px; background-color:#fff; box-shadow:0px 1px 2px rgba(0,0,0,0.1);}
.lv2-li{display:block; border-bottom:dotted 1px #e5e5e5;}
.lv2-li.last{border:0;}
.lv2-a{display:block; padding:8px 16px;}
.lv2-a:hover{background-color:#f2f2f2; color:#000;}
.header-nav-ul-li:hover .nav-ul-lv2{display:block;}

.wrap{margin-top:96px;}

.btn-mobile-menu{
	display:none; position:absolute; width:36px; height:36px; top:50%; right:16px; transform:translate(0,-50%); z-index:90;
	background-image:url('./image/btn-mobile-menu.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.btn-mobile-menu.on{background-image:url('./image/btn-mobile-menu-close.svg');}

/*00_index*/
.main-banner-wrap{padding:48px 0px;}
.main-banner{width:100%; max-width:960px; margin:0 auto;}
.main-banner-contents{width:100%;}
.main-banner-contents img{width:100%;}

.main-bottom-row{width:100%; max-width:992px; margin:0 auto;}

.main-latest{float:left; width:50%; height:240px; padding-right:16px;}
.main-latest-title-row{width:100%; height:36px; padding:0px 16px;}
.main-latest-title{font-size:32px; letter-spacing:-0.05em; font-weight:700; line-height:36px;}
.main-latest-link{position:absolute; height:24px; border-radius:12px; padding:0px 16px; top:50%; right:16px; transform:translate(0,-50%); font-size:14px; line-height:24px; background-color:#8cbf26; color:#fff;}
.main-latest-link:hover{background-color:#000;}

.main-latest-ul{width:100%; max-width:960px; margin:0 auto; margin-top:12px; border-top:solid 3px #8cbf26;}
.main-latest-li{display:block; height:48px; border-bottom:solid 1px #cccccc;}
.main-latest-subject{display:inline-block; line-height:48px; padding-left:36px; font-size:16px; color:#000;}
.main-latest-subject:hover{color:#8cbf26;}
.main-latest-subject:before{content:''; position:absolute; width:4px; height:4px; top:50%; left:16px; transform:translate(0,-50%); border-radius:2px; background-color:#000;}

.main-contact{float:left; width:50%; height:240px; background-image:url('./image/bg-main-contact.jpg'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center; transition:background-size 0.2s;}
.main-contact:hover{background-size:120% 120%;}
.main-contact-text{position:absolute; width:100%; top:50%; left:0px; transform:translate(0,-50%); color:#fff; text-align:center; font-size:32px; letter-spacing:-0.05em; line-height:1em;}
.main-contact-text span{display:block; font-size:16px;}

/*footer*/
footer.footer{padding-top:72px;}
.footer-nav{height:32px; background-color:#8cbf26;}
.footer-nav-a{display:inline-block; padding-left:20px; color:#fff; font-size:14px; margin-right:8px; line-height:32px;}
.footer-nav-a:before{content:''; position:absolute; width:4px; height:4px; border-radius:2px; top:50%; left:8px; transform:translate(0,-50%); background-color:#fff;}
.footer-nav-a:hover{text-decoration:underline;}
.footer-info{padding:24px 0px; background-color:#262322; color:#fff;}
.footer-info-company{font-size:24px; font-weight:700; line-height:1em;}
.footer-info-address{font-size:16px; line-height:22px; padding-top:8px;}
.footer-info-copyright{font-size:12px; padding-top:4px;}

/*sub-page-common*/
.sub-page-title-wrap{
	width:100%; height:144px; 
	background-image:url('./image/bg-sub-page-title.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.sub-page-title-wrap .inner{height:100%;}
.sub-page-title{position:absolute; top:50%; left:88px; transform:translate(0,-50%); font-weight:700; font-size:48px; color:#fff; line-height:1em;}
div.current-mark{width:0px; height:0px; opacity:0; position:fixed; top:0; left:0; overflow:hidden; color:transparent;}
.sub-page-top-nav-wrap{height:48px; background:#fff; border-bottom:solid 1px #e5e5e5;}
.sub-page-top-nav-wrap .inner{height:100%;}
.sub-page-top-nav{display:inline-block; line-height:48px; font-size:14px; color:#000; padding-left:24px; margin-right:8px;}
.sub-page-top-nav:before{
	content:''; position:absolute; width:24px; height:24px; top:50%; left:0; transform:translate(0,-50%);
	background-image:url('./image/icon-sub-page-top-nav.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.sub-page-top-nav.home{margin-left:16px;}
.sub-page-top-nav.home:before{
	content:''; position:absolute; width:24px; height:24px; top:50%; left:0; transform:translate(0,-50%);
	background-image:url('./image/icon-sub-page-top-nav-home.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.sub-page-top-nav:hover{color:#8cbf26;}
.sub-page-top-nav.current:hover{color:#000;}

.inner.sub-page-wrap{padding:48px 16px; padding-bottom:0px;}
section.contents-section{float:left; width:calc(100% - 304px);}
div.contents{width:100%; min-height:320px;}
aside.sub-page-aside{float:left; width:256px; margin-left:48px;}
.btn-aside-contact{display:block; width:100%; height:72px; padding:12px; background-color:#8cbf26; color:#fff; border:solid 2px #8cbf26;}
.btn-aside-contact .tt{display:block; width:100%; text-align:center; font-size:24px; line-height:1em; letter-spacing:-0.1em;}
.btn-aside-contact .ds{display:block; width:100%; text-align:center; font-size:12px; line-height:1em; letter-spacing:0.05em; margin-top:4px;}
.btn-aside-contact:hover{background-color:#fff;}
.btn-aside-contact:hover > div{color:#000;}

.sub-page-bottom{margin-top:64px; background-color:#f2f2f2; border-top:solid 4px #8cbf26; padding:16px;}
.sub-page-bottom .text-01{font-size:16px; color:#000; line-height:1em;}
.sub-page-bottom .text-02{font-size:24px; font-weight:700; color:#8cbf26; line-height:1em; padding-top:4px;}
.sub-page-bottom .text-03{font-size:12px; color:#595959; line-height:1em; padding-top:4px;}
.btn-sub-page-bottom{
	position:absolute; top:50%; right:16px; transform:translate(0,-50%); height:36px; line-height:34px; border-radius:18px; background-color:#fff; border:solid 1px #8cbf26; padding:0px 16px;
	font-size:16px; color:#000; font-weight:700;
}
.btn-sub-page-bottom .icon{
	display:inline-block; width:24px; height:24px; margin-right:4px; transform:translate(0, 6px);
	background-image:url('./image/icon-sub-page-bottom-btn.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.btn-sub-page-bottom:hover{background-color:#8cbf26; color:#fff;}
.btn-sub-page-bottom:hover .icon{background-image:url('./image/icon-sub-page-bottom-btn-hover.svg'); background-repeat:no-repeat; background-size:cover; background-position:center center;}

.sub-section{padding:48px 0px;}
.sub-section-h2{display:inline-block; font-size:32px; line-height:1em; font-weight:700; color:#000; padding-bottom:12px; border-bottom:solid 3px #8cbf26; margin-bottom:32px;}
.sub-dl{padding:32px 0px; border-bottom:solid 1px #e5e5e5;}
.sub-dl dt{font-size:20px; font-weight:700; color:#000; }
.sub-dl dd{padding-left:20px;}
.sub-dl dd:before{content:''; position:absolute; width:4px; height:4px; border-radius:2px; top:12px; left:8px; background-color:#8cbf26;}

/*01_company*/
.company-map{width:100%; height:320px;}


/*02_business*/
.business-01{width:100%; padding:48px; text-align:center; background-image:url('./image/img-business.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; line-height:1.5em; word-break:keep-all;}
.business-01 strong{font-size:24px; font-weight:700; display:block; margin-bottom:8px;}
.business-info{color:#666; padding:24px 0px;}
.business-info-dl dt{background-color:#8cbf26; color:#fff; padding:4px 24px; border-radius:20px; display:inline-block;}
.business-info-dl dd{padding-top:8px;}
.img-business-car{display:block; width:100%; max-width:480px; margin-top:24px;}
.business-area{width:100%; max-width:480px; text-align:center; padding-top:16px;}

/*03_howto*/
.howto-01{width:100%; height:280px; padding:48px; padding-right:370px; font-size:20px; background-image:url('./image/img-howto.jpg'); background-repeat:no-repeat; background-size:cover; background-position:right center; line-height:1.5em;}
.howto-01 strong{display:block; font-size:24px; font-weight:700; margin-bottom:4px;}
.howto-row{margin-top:48px;}
.howto-col{float:left; width:25%; height:360px; padding:24px; text-align:center; background-color:#f7faed;}
.howto-col:nth-child(2n+2){background-color:#fafafa;}
.howto-col-h3{font-weight:700; font-size:24px; padding-bottom:8px; letter-spacing:-0.05em;}
.howto-col-img{display:block; width:100%; margin-top:16px;}


/*03_contact*/
.contact-row{width:100%; max-width:640px; margin:0 auto; padding-bottom:8px;}
.contact-label{display:block; padding-bottom:4px; color:#000;}
.contact-input{width:100%; padding:8px; border:solid 1px #e5e5e5;}
.contact-input:focus{border-color:#8cbf26;}
.contact-textarea{width:100%; padding:8px; min-height:144px; border:solid 1px #e5e5e5; resize:vertical;}
.contact-textarea:focus{border-color:#8cbf26;}
.btn-contact-submit{display:block; margin:0 auto; padding:8px 24px; background-color:#000; color:#fff;}
.btn-contact-submit:hover{background-color:#8cbf26;}

.contact-wrap{width:100%; max-width:640px; margin:0 auto; color:#000;}
.contact-wrap input[type=text]{width:100%; border:solid 1px #e5e5e5; color:#000; padding:4px 8px; margin-bottom:8px;}
.contact-wrap input[type=email]{width:100%; border:solid 1px #e5e5e5; color:#000; padding:4px 8px; margin-bottom:8px;}
.contact-wrap input[type=tel]{width:100%; border:solid 1px #e5e5e5; color:#000; padding:4px 8px; margin-bottom:8px;}
.contact-wrap textarea{width:100%; border:solid 1px #e5e5e5; color:#000; padding:4px 8px; resize:vertical;}
.contact-wrap input[type=submit]{display:block; margin:0 auto; padding:8px 24px; background-color:#000; color:#fff; cursor:pointer;}
.contact-wrap input[type=submit]:hover{background-color:#8cbf26;}


/*05_info*/
.btn-board-list{display:inline-block; margin-top:16px; padding:8px 24px; background-color:#000; color:#fff;}
.btn-board-list:hover{background-color:#8cbf26;}

.info-top{width:100%; height:3px; background-color:#8cbf26;}
.info-row{padding:8px 16px; border-bottom:solid 1px #e5e5e5;}
.info-title{display:inline-block; font-size:24px; color:#000;}
.info-title:hover{color:#8cbf26;}
.info-date{position:absolute; top:50%; right:16px; transform:translate(0, -50%); font-size:13px;}

.info-pagenation{display:block; text-align:center; padding-top:16px;}
.info-pagenation a:hover{color:#8cbf26;}


@media(max-width: 960px){
	header.header{height:80px;}
	.btn-mobile-menu{display:block;}
	.nav-ul-lv2{width:0px; height:0px; opacity:0;}
	.header-row{height:48px;}
	.header-row .inner{height:100%;}
	.header-logo{font-size:24px;}
	nav.header-nav{position:fixed; width:240px; height:100%; background:#fff; top:80px; right:-240px; z-index:80; transition:right 0.2s;}
	nav.header-nav.on{right:0px; transition:right 0.2s;}
	.header-nav-ul-li{display:block; padding:8px 16px; padding-left:28px; font-size:16px;}
	.header-nav-ul-li:before{content:''; position:absolute; width:4px; height:4px; border-radius:2px; top:50%; left:16px; transform:translate(0, -50%); background-color:#8cbf26;}
	.header-nav-ul-li-a{line-height:1em;}
	.wrap{margin-top:80px;}
	section.contents-section{width:100%;}
	aside.sub-page-aside{width:100%; margin-left:0; margin-top:16px;}
}

@media(max-width: 640px){
	body{font-size:14px;}
	.inner{padding:0px 8px;}
	.main-banner-wrap{padding:24px 0px;}
	.main-h2{font-size:24px;}
	.main-latest-li{height:auto; padding:8px 0px;}
	.main-latest-subject{line-height:1.2em; font-size:16px; padding-left:28px;}
	.main-latest-subject:before{width:4px; height:4px; border-radius:2px; left:16px;}
	.main-latest-ul{margin-top:16px;}
	footer.footer{padding-top:36px;}
	.footer-info{padding:12px 0px; text-align:center;}
	.footer-info-company{font-size:16px;}

	.sub-page-title-wrap{background-position:right 31.333333333333% center;}
	.sub-page-top-nav-wrap{overflow:hidden;}
	.sub-page-top-nav.home{margin-left:0px;}
	.sub-page-title{left:0; width:100%; text-align:center; font-size:32px;}
	.inner.sub-page-wrap{padding:24px 8px;}
	.sub-page-bottom{margin-top:32px;}
	.btn-sub-page-bottom{position:relative; top:auto; right:auto; transform:translate(0,0); display:block; width:100%; margin-top:8px; font-size:14px}

	.company-text{width:100%; margin-top:16px; margin-right:0;}
	.itemlsit-li{width:100%; height:56px;}
	.itemlsit-img{width:48px; height:48px; border-radius:24px; left:8px;}
	.itemlsit-text{left:64px; font-size:16px; padding-right:0;}

	iframe.map-map{height:240px;}

	.info-row{padding:8px;}
	.info-title{font-size:16px;}
	.info-date{position:relative; top:auto; right:auto; transform:translate(0,0); display:block; margin-top:2px;}

	.main-latest{width:100%; padding-right:0; height:auto; margin-bottom:16px;}
	.main-contact{width:100%;}
	.main-latest-title{font-size:24px;}
	.main-contact-text{font-size:24px;}
	
	.sub-section{padding:24px 0px;}
	.sub-section-h2{font-size:24px; margin-bottom:16px;}
	.sub-dl{padding:16px 0px;}
	.sub-dl dt{font-size:16px;}

	.business-01{padding:24px; word-break:break-all;}
	.business-01 strong{font-size:18px;}

	.howto-01{padding:24px; font-size:16px; background-position:0 center; height:auto;}
	.howto-01 strong{font-size:18px;}

	.howto-col{width:100%; height:auto;}
	.howto-col-h3{font-size:18px;}

}

@media(max-width: 300px){
	.header-logo{font-size:16px;}
	.main-latest-more{display:none;}
	.btn-sub-page-bottom{font-size:12px;}
	.btn-sub-page-bottom .icon{display:none;}
}