@charset "utf-8";

body,div,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p {
margin:0;
padding:0;
border:none
}

h1,h2,h3,h4,h5 {
clear:both
}

img {
border:0;
margin:0;
padding:0;
vertical-align:bottom;
line-height:0
}

html {
overflow-y:scroll;
margin-bottom:1px;
height:100%
}

ul,ol {
list-style:none
}

li {
list-style-position:outside
}

table {
border-collapse:collapse
}

th,td {
padding:0;
text-align:left;
vertical-align:top
}

.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}

* html .clearfix {
zoom:1
}

:first-child+html .clearfix {
zoom:1
}

.wf-notosansjapanese {
font-family:"Noto Sans Japanese"
}

body {
font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-feature-settings:palt;
font-size:1.05em;
line-height:1.8;
letter-spacing:.05em;
color:#131313
}

a {
text-decoration:none
}

p {
text-align:justify;
text-justify:inter-ideograph
}

.spNav {
display:none
}

header {
min-width:1000px
}

header .navBox {
width:1000px;
height:109px;
margin:40px auto 0;
position:relative
}

h1 img {
width:142px;
position:absolute;
bottom:10px;
left:0
}

img.i70th {
width:133px;
position:absolute;
bottom:10px;
left:165px
}

nav.gNav ul {
display:flex;
justify-content:flex-end;
color:#22a271;
position:absolute;
right:8px;
bottom:14px
}

nav.gNav a {
padding:10px 43px;
font-size:1.05em;
letter-spacing:.15em;
color:#22a271;
display:block
}

nav.gNav ul li:nth-child(odd) {
border-bottom:solid 3px #4fb58e
}

nav.gNav ul li:nth-child(even) {
border-bottom:solid 3px #8ccab2
}

nav.topNav {
width:100%;
min-width:1000px;
height:40px;
position:absolute;
top:0;
left:0;
background:-moz-linear-gradient(left,#ffe300,#22a372 40%);
background:-webkit-linear-gradient(left,#ffe300,#22a372 40%);
background:linear-gradient(to right,#ffe300,#22a372 40%)
}

nav.topNav ul {
color:#fff;
display:flex;
justify-content:flex-end;
align-items:center;
position:relative
}

nav.topNav li a {
height:27px;
padding:13px 20px 0;
font-size:.85em;
line-height:1;
color:#fff;
display:block
}

nav.topNav ul > li:nth-child(6) {
background:#00683d
}

nav.topNav ul > li:nth-child(7) {
background:#b7183e
}

nav.topNav ul > li:nth-child(7) a {
height:40px;
padding:0
}

nav.topNav ul li > ul {
visibility:hidden;
opacity:0;
z-index:1
}

nav.topNav ul {
*zoom:1
}

nav.topNav ul > li {
position:relative
}

nav.topNav ul > li > ul {
height:40px;
position:relative;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

nav.topNav ul li:hover > ul {
top:40px;
visibility:visible;
opacity:1
}

nav.topNav ul > li:nth-child(6) > ul {
padding:0 10px;
position:absolute;
top:40px;
right:-40px;
background:#00683d
}

nav.topNav ul > li:nth-child(6) > ul li {
padding:0 10px
}

@media all and (-ms-high-contrast: none) {
nav.topNav ul > li:nth-child(6) > ul {
width:250px
}
}

nav.topNav ul > li:nth-child(7) > ul {
width:290px;
height:72px;
position:absolute;
top:40px;
right:0;
background:#b7183e
}

nav.topNav ul > li:nth-child(7) > ul li {
padding:0 25px
}

nav.topNav ul > li:nth-child(7) > ul input[type="text"] {
width:185px;
height:28px;
border:none
}

nav.topNav ul > li:nth-child(7) > ul input[type="submit"] {
width:44px;
height:30px;
color:#fff;
cursor:pointer;
border:none;
background:#A58C4C
}

#main {
width:100%;
min-width:1000px;
background:url(../img/bg_midori.jpg) repeat
}

header ol {
width:1000px;
margin:0 auto;
padding:20px 0 35px;
display:flex;
flex-flow:row wrap;
justify-content:flex-end
}

header ol li {
font-size:.85em;
margin-left:12px;
padding-left:25px;
position:relative
}

header ol li::before {
width:6px;
height:6px;
margin-top:-5px;
content:'';
border-top:solid 2px #898989;
border-right:solid 2px #898989;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:50%;
left:0
}

header ol li:nth-child(1)::before {
border:none
}

header ol li a {
color:#131313;
display:block
}

section {
width:100%;
margin:0 auto
}

footer {
width:100%;
min-width:1200px;
padding:37px 0 85px;
background:-moz-linear-gradient(left,#b9cf28,#22a372 50%);
background:-webkit-linear-gradient(left,#b9cf28,#22a372 50%);
background:linear-gradient(to right,#b9cf28,#22a372 50%)
}

footer .footerInner {
width:100%;
height:311px;
background:url(../img/footer_bg.png) 44% no-repeat
}

footer section {
width:1000px;
height:311px;
margin:0 auto
}

footer ul {
float:left;
display:flex;
flex-direction:column;
line-height:1.65
}

footer ul li {
width:231px
}

footer ul li:nth-child(1) {
margin-bottom:23px;
padding-top:23px
}

footer ul li:nth-child(1) img {
width:142px
}

footer ul li a {
font-size:.85em;
color:#fff
}

footer dl {
width:74.5%;
height:311px;
float:right;
color:#fff;
position:relative;
background:url(../img/footer_ibaraki.png) top right no-repeat;
background-size:contain
}

footer dl dt {
margin-top:15px;
font-size:1em;
font-weight:700
}

footer dl a {
margin-left:10px;
height:16px;
padding:6px 32px 4px 10px;
font-size:.83em;
font-weight:400;
letter-spacing:0;
line-height:1;
color:#fff;
display:inline-block;
background:#65bf9c
}

footer dl a .maru {
position:relative
}

footer dl a .maru::before {
position:absolute;
content:'';
width:18px;
height:18px;
background:#fff;
border-radius:50%;
top:-8px;
right:-27px;
margin-top:-7px
}

footer dl a .maru::after {
position:absolute;
content:'';
width:5px;
height:5px;
border-top:solid 2px #65bf9c;
border-right:solid 2px #65bf9c;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:0;
right:-20px;
margin-top:-10px
}

footer dl dd {
font-size:.8em
}

footer dl dd.mapImg {
display:none
}

@media screen and (max-width:1000px) {
footer dl dd.mapImg {
display:none
}
}

footer p.c {
width:1000px;
margin:0 auto;
font-size:.85em;
color:#fff;
clear:both
}

.ofi {
width:100%;
min-height:100%;
object-fit:cover;
object-position:50% 0%;
font-family:"object-fit: cover; object-position: 50% 0%;"
}

.basename {
text-transform:uppercase
}

.sectionBoxL img {
max-width:100%;
height:auto
}

.nextPage .block {
display:block;
padding:10px
}

.contents ol {
list-style:decimal;
margin-left:1.5rem
}

.contents ul {
list-style:unset;
margin-bottom:.5rem;
margin-left:1.5rem
}

.contents ul li,.contents ol li {
list-style-position:outside
}

.contents {
width:860px;
margin:65px auto 60px;
clear:both
}

.contents p {
padding:0;
letter-spacing:.15em
}

.contents h2 {
margin-top:15px;
margin-bottom:20px;
letter-spacing:.15em
}

.contents h3 {
margin-top:15px;
margin-bottom:20px;
padding-left:30px;
font-size:1em;
letter-spacing:.15em;
background:url(../img/contents/h4_icon.png) no-repeat center left
}

.contents h4 {
margin-top:15px;
margin-bottom:10px;
padding:4px 20px;
font-size:1em;
letter-spacing:.15em;
border-top:solid 6px #dcefef;
border-right:solid 6px #dcefef;
border-bottom:solid 6px #dcefef;
border-left:solid 6px #dcefef
}

.contents img {
max-width:100%;
height:auto
}

.contents table th {
background-color:#b9dfd0;
border:1px solid #fff;
border-left-color:#b9dfd0;
font-weight:400
}

.contents table td {
border-color:#bdb2b2;
background-color:#fff;
border:1px solid #bdb2b2;
}

.contents table tr th:last-child {
border-right-color:#b9dfd0
}

.contents table tr:first-child th {
border-top-color:#b9dfd0
}

.contents table tr:last-child th {
border-bottom-color:#b9dfd0
}

.contents table th,.contents table td {
padding:5px .75rem
}

.photoR {
float:right;
padding-left:1.5rem!important;
padding-bottom:1rem!important
}

.photoL {
float:left;
padding-right:1.5rem!important;
padding-bottom:1rem!important
}

.clear {
clear:both
}

.img-shadow {
filter:drop-shadow(4px 4px 0px rgba(0,0,0,0.5))
}

.img-border {
border:1px solid #ccc
}

.contact-form {
margin-top:1.5rem
}

.contact-form,.contact-form-field,.contact-form-submit {
width:100%!important
}

.form-label {
width:30%!important;
text-align:left!important;
font-size:inherit!important
}

.form-element {
width:65%!important;
text-align:left!important
}

.form-label *,.form-element * {
font-size:inherit!important
}

p.form-label span.must {
font-size:14px!important
}

.contact-form-submit input[type="submit"] {
margin:0 auto!important;
display:block!important;
padding:12px 36px!important;
cursor:pointer
}

.contact-form-textarea {
width:90%!important
}

.contact-form h2,.contact-form h3 {
margin-top:0;
margin-left:10px
}

.contact-form p {
margin-left:10px
}

.contact-form p + .form-label,.contact-form p + .form-label + .form-element {
margin-top:1rem!important
}

.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 640px;
margin: 0 auto;
right: 0;
}

/*Add20190828*/
nav.gNav_sm{
display:none;
}
/*Add20191018*/
.title_sm{
display:none;}