﻿section#mainph{display:flex;justify-content:center;align-items:center;position:relative;width:100%;background-size:cover}section#mainph #video-area{width:100%;background:url("/assets/img/ph_main.jpg") no-repeat center/cover;position:absolute;top:0;left:0;overflow:hidden;z-index:-1}section#mainph #video-area::after{content:'';width:100%;height:100%;background:url("/assets/img/ph_main.png") repeat;display:block;position:absolute;left:0;top:0;opacity:.75}section#mainph #video-area video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@media screen and (max-width: 960px){section#mainph{height:100vh}section#mainph #video-area{height:100vh}section#mainph h1{width:50vw}}@media screen and (min-width: 961px){section#mainph{height:600px}section#mainph #video-area{height:600px;border-bottom-right-radius:60px;border-bottom-left-radius:60px}section#mainph h1{width:300px}}section#intro img{width:100%;height:auto}section#intro p{text-align:justify}section#intro div.bg{background:#7b8f42}section#intro div.bg p{margin-bottom:1em;line-height:1.75em}section#intro div.bg button{display:block;position:relative;width:100%;margin:15px auto 0 auto;padding:.5em .75em;background:#fff;border:2px solid #00552e;border-radius:2em;color:#00552e;font-size:1.25em;font-weight:600;text-align:center;transition:all 0.3s ease 0s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}section#intro div.bg button:hover,section#intro div.bg button:active{background:#00552e;color:#fff}section#intro div.bg button:hover::before,section#intro div.bg button:active::before{color:#fff}section#intro div.bg button::before{content:'\f0c1';position:absolute;top:calc(50% - .5em);right:1em;color:#00552e;font-family:'Font Awesome 5 Free';font-weight:900}section#intro div.greeting{align-items:center}section#intro div.greeting figure,section#intro div.greeting div{margin:15px}section#intro div.greeting:last-child p{line-height:1.75em}section#intro div.greeting:last-child p:last-child{margin-top:1em;text-align:right}section#intro div.greeting:last-child p:last-child strong{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}@media screen and (max-width: 960px){section#intro div.bg div{margin:15px;padding-bottom:15px;color:#fff}section#intro div.bg div button{font-size:1em}section#intro div.greeting div p strong{font-size:1.25em}}@media screen and (min-width: 961px){section#intro div.bg{height:315px;margin:60px auto 120px auto}section#intro div.bg div.row{position:relative}section#intro div.bg div.row figure{position:absolute;top:-30px;left:0;width:50%}section#intro div.bg div.row div{position:absolute;top:30px;left:calc(50% - 60px);padding:2em;background:#fff;box-shadow:15px 15px #00552e}section#intro div.bg div.row div p{font-size:1.5em}section#intro div.bg div.row div button{width:50%;margin:auto;font-size:1.25em}section#intro div.greeting figure{width:calc(50% - 30px)}section#intro div.greeting div{width:calc(50% - 30px)}section#intro div.greeting div p{font-size:1.25em}section#intro div.greeting div p strong{font-size:1.25em}}section#staff article{margin:15px 15px 60px 15px;background:url("/assets/img/bg_mesh.png") repeat}section#staff article h3{margin-bottom:3em;text-align:center}section#staff article h3 strong{display:block;margin-top:.5em;font-size:2em}section#staff article h3 strong::after{content:'さん';font-size:.5em}section#staff article .items{display:none}section#staff article h4{margin-bottom:.75em;color:#00552e;line-height:1.5em}section#staff article p{line-height:1.75em}section#staff article p:last-child{margin-bottom:0}section#staff article img{width:100%}section#staff article img:first-child{width:75%;margin:-17.5% 12.5% 30px 12.5%;border-radius:50%}section#staff article img:last-child{margin-bottom:0}section#staff article button{display:block;position:relative;width:100%;padding:.5em .75em;background:#fff;border:2px solid #00552e;border-radius:2em;color:#00552e;font-size:1.25em;font-weight:600;text-align:center;transition:all 0.3s ease 0s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}section#staff article button:hover,section#staff article button:active{background:#00552e;color:#fff}section#staff article button:hover::before,section#staff article button:active::before{color:#fff}section#staff article button::before{content:'\f530';position:absolute;top:calc(50% - .5em);right:1em;color:#00552e;font-family:'Font Awesome 5 Free';font-weight:900}@media screen and (max-width: 960px){section#staff article{padding:15px}section#staff article:first-child{margin-bottom:120px}section#staff article h4{font-size:1.25em}section#staff article p{margin-bottom:30px;font-size:1em}section#staff article img{margin-bottom:30px}section#staff article button{margin-bottom:15px;font-size:1em}}@media screen and (min-width: 961px){section#staff article{width:calc(50% - 30px);padding:30px}section#staff article h4{font-size:1.5em}section#staff article p{margin-bottom:60px;font-size:1.25em}section#staff article img{margin-bottom:60px}section#staff article button{margin-bottom:30px;font-size:1.5em}}section#about article dl dt,section#about article dl dd{padding:1em;border-top:1px solid #ccc;line-height:1.5em}section#about article dl dt:last-child,section#about article dl dd:last-child{border-bottom:1px solid #ccc}section#about article dl dt{background:#efefef}section#about article .gmap{position:relative;width:100%;height:0;padding-top:75%}section#about article .gmap iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 960px){section#about article{margin:15px}section#about article dl{margin-bottom:60px}section#about article dl dt,section#about article dl dd{font-size:1em}section#about article .gmap{margin-bottom:60px}}@media screen and (min-width: 961px){section#about article{width:640px;margin:0 auto}section#about article dl{display:flex;flex-wrap:wrap;margin-bottom:120px}section#about article dl dt,section#about article dl dd{font-size:1em}section#about article dl dt{display:flex;flex-direction:column;justify-content:center;width:calc(25% - 2em)}section#about article dl dd{width:calc(75% - 2em)}section#about article .gmap{margin-bottom:120px}}section#inquiry{padding:15px 0;border-top:5px solid #7b8f42;background:#f9f9f9}section#inquiry article:first-child .fb-page,section#inquiry article:first-child .fb-page span,section#inquiry article:first-child .facebook_wrap iframe{width:100% !important;height:500px !important}@media screen and (max-width: 960px){section#inquiry article:first-child{margin:15px}}@media screen and (min-width: 961px){section#inquiry article{margin:15px}section#inquiry article:first-child{width:calc(25% - 30px);margin-top:60px}section#inquiry article:last-child{width:calc(75% - 30px)}}section#inquiry .form-item{border-top:1px solid #ddd;padding-top:1.75em;padding-bottom:1.75em;width:calc(100% - 2em);display:flex;align-items:center}section#inquiry .form-item:first-child{border-top:none}section#inquiry .form-item-label{width:calc(100% - 2em);letter-spacing:0.05em;font-weight:bold}section#inquiry .form-item-label.ismsg{margin-top:.5em;margin-bottom:auto}section#inquiry .form-item-label-required{border-radius:.5em;margin-right:.5em;padding-top:.5em;padding-bottom:.5em;width:3.5em;display:inline-block;text-align:center;background:#7b8f42;color:#fff;font-size:.75em}section#inquiry .form-item-input{border:1px solid #ddd;border-radius:.5em;margin-left:2.5em;padding-left:1em;padding-right:1em;height:3.5em;flex:1;width:calc(100% - 2em);background:#fff}section#inquiry .form-item-textarea{border:1px solid #ddd;border-radius:6px;margin-left:2.5em;padding-left:1em;padding-right:1em;height:10em;flex:1;width:calc(100% - 2em);background:#fff}section#inquiry .form input[type="button"]{display:block;position:relative;padding:.5em .75em;background:#fff;border:2px solid #00552e;border-radius:2em;color:#00552e;font-size:1.25em;font-weight:600;text-align:center;transition:all 0.3s ease 0s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}section#inquiry .form input[type="button"]:hover,section#inquiry .form input[type="button"]:active{background:#00552e;color:#fff}section#inquiry .form input[type="button"]:hover::before,section#inquiry .form input[type="button"]:active::before{color:#fff}section#inquiry .form input[type="button"]::before{content:'\f1d8';position:absolute;top:calc(50% - .5em);right:1em;color:#00552e;font-family:'Font Awesome 5 Free';font-weight:900}section#inquiry .form #name_error,section#inquiry .form #tel_error,section#inquiry .form #mail_error,section#inquiry .form #contents_error{color:#cf0015;font-weight:600}section#inquiry .form #confirm dl{margin:15px}section#inquiry .form #confirm dl dt,section#inquiry .form #confirm dl dd{line-height:1.75em}section#inquiry .form #confirm .row{display:flex;align-items:center;margin:auto 10px}section#inquiry .form #confirm button{display:block;position:relative;width:50%;margin:15px 5px;padding:.5em .75em;background:#fff;border:2px solid #00552e;border-radius:2em;color:#00552e;font-size:1.25em;font-weight:600;text-align:center;transition:all 0.3s ease 0s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}section#inquiry .form #confirm button:hover,section#inquiry .form #confirm button:active{background:#00552e;color:#fff}section#inquiry .form #confirm button:hover::before,section#inquiry .form #confirm button:active::before{color:#fff}section#inquiry .form #confirm button::before{position:absolute;top:calc(50% - .5em);right:1em;color:#00552e;font-family:'Font Awesome 5 Free';font-weight:900}section#inquiry .form #confirm button:first-child::before{content:'\f1d8'}section#inquiry .form #confirm button:last-child::before{content:'\f048'}section#inquiry .form #thanks{margin:15px}section#inquiry .form #thanks p{line-height:1.75em}@media screen and (max-width: 960px){section#inquiry .form{margin:15px auto}section#inquiry .form-item{padding-left:1em;padding-right:1em;padding-top:1.25em;padding-bottom:1.25em;flex-wrap:wrap}section#inquiry .form-item-label{max-width:inherit;display:flex;align-items:center}section#inquiry .form-item-label.ismsg{margin-top:0}section#inquiry .form-item-label-required{border-radius:.5em;padding-top:.5em;padding-bottom:.5em;font-size:.75em}section#inquiry .form-item-input{margin-left:0;margin-top:1em;height:3.5em;flex:inherit}section#inquiry .form-item-textarea{margin-top:1.25em;margin-left:0;height:15em;flex:inherit}section#inquiry .form input[type="button"]{width:calc(100% - 60px);margin:0 30px;font-size:1.25em}section#inquiry .form #name_error,section#inquiry .form #tel_error,section#inquiry .form #mail_error,section#inquiry .form #contents_error{margin-top:.5em}section#inquiry .form #confirm dl dt{padding:.25em .75em;background:#7b8f42;color:#fff}section#inquiry .form #confirm dl dd{padding:1.5em 1em}section#inquiry .form #confirm button{margin-bottom:15px;font-size:1em}}@media screen and (min-width: 961px){section#inquiry .form{margin:30px auto}section#inquiry .form-item-label{max-width:12em}section#inquiry .form-item-input{max-width:20em}section#inquiry .form input[type="button"]{width:50%;margin:15px auto 30px auto;font-size:1.5em}section#inquiry .form #name_error,section#inquiry .form #tel_error,section#inquiry .form #mail_error,section#inquiry .form #contents_error{margin-left:1em}section#inquiry .form #confirm dl{display:flex;flex-wrap:wrap}section#inquiry .form #confirm dl dt,section#inquiry .form #confirm dl dd{margin:1em auto}section#inquiry .form #confirm dl dt{width:25%}section#inquiry .form #confirm dl dd{width:75%}section#inquiry .form #confirm button{margin-bottom:30px;font-size:1.5em}}
