@charset "UTF-8";

html header .headR .ken,
html header .headR .tel,
html header .headR .mail a,
html #fv h2,
html h3,
html .nav li a{
	visibility: hidden;
}
html.wf-active header .headR .ken,
html.wf-active header .headR .tel,
html.wf-active header .headR .mail a,
html.wf-active #fv h2,
html.wf-active h3,
html.wf-active .nav li a{
	visibility: visible;
}

* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
	color: #221815;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	line-height: 140%;
	letter-spacing: 0;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html{ height:100%; }
body{ height:100%; } 
p, ul, li, dl, dd, dt, th, td{
	font-size:12px;
}
textarea,input {
	padding:2px;
}
img {
	border: 0px;
	vertical-align: bottom;
}
ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
li {
	list-style-position: outside;
     	line-height:170%;
}
form {
	margin:0;
	padding:0;
}
div{
	display:block;
}
object,
embed {
	vertical-align: top;
}

a:link ,
a:visited { 
	color:#221815;
	text-decoration: none;
	transition: .3s;
}
a:active ,
a:hover {
 opacity:0.4;
	text-decoration: none;	
}

div#wrap {
	margin: 0;
	padding:0;
	width:100%;
	text-align:center;
	zoom: 1;
}
body > div#wrap{     height:auto; }





/* PC */
.spOnly {
 display: none;
}
div#wrap{
 padding: 130px 0 0;
}
/* header 
---------------------------------------------------------*/
header{
 width: 100%;
 height: 130px;
 background-color: #fff;
 border-top: 15px solid #0b9444;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: fixed;
 top: 0;
 z-index: 100;
}
header h1{
 float: left;
 margin: 22px 0 0 32px;
 width: 559px;
}
header h1 img{
 width: 100%;
 height: auto;
}
header .headR{
 float: right;
 padding: 28px 0 0;
 width: 1010px;
 text-align: left;
}
header .headR .ken{
 float: left;
 margin: 0 17px 0 0;
 width: 233px;
 font-size: 16px;
 line-height: 100%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
header .headR .ken span{
 margin: 0 0 5px;
 padding: 4px 0 10px;
 font-size: 24px;
 line-height: 100%;
 text-align: center;
 color: #00913a;
 display: block;
 border-radius: 20px;
 background-color: #e7eeae;
 font-family: "kodomo-rounded", sans-serif;
 font-weight: 400;
 letter-spacing: -0.2vw;
}
header .headR .tel{
 float: left;
 padding: 0 0 0 34px;
 width: 360px;
 font-size: 16px;
 line-height: 210%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/tel.png);
 background-position: left top;
 background-size: 28px auto;
 background-repeat: no-repeat;
}
header .headR .tel span{
 font-size: 44px;
 display: block;
 letter-spacing: -0.05vw;
}
header .headR .mail{
 float: left;
 width: 274px;
}
header .headR .mail a{
 padding: 14px 0 15px 58px;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #039a42;
 border: 2px solid #039a42;
 border-radius: 10px;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/mail.png);
 background-position: left 20px center;
 background-size: 27px auto;
 background-repeat: no-repeat;
}
header .headR .mail a:hover{
 color: #039a42;
 background-color: #fff;
 background-image: url(../images/mail2.png);
 opacity:1;
}
@media screen and (max-width: 1620px){
div#wrap{
 padding: 8vw 0 0;
}
header{
 height: 8vw;
 border-top: 0.9vw solid #0b9444;
}
header h1{
 margin: 1.4vw 0 0 2%;
 width: 34.5%;
}
header .headR{
 padding: 1.7vw 0 0;
 width: 62.3%;
}
header .headR .ken{
 margin: 0 1.8% 0 0;
 width: 23%;
 font-size: 0.98vw;
}
header .headR .ken span{
 margin: 0 0 0.3vw;
 padding: 0.3vw 0 0.6vw;
 font-size: 1.47vw;
}
header .headR .tel{
 padding: 0 0 0 3.38%;
 width: 35.6%;
 font-size: 0.98vw;
 background-size: 1.72vw auto;
}
header .headR .tel span{
 font-size: 2.7vw;
}
header .headR .mail{
 width: 27.1%;
}
header .headR .mail a{
 padding: 0.87vw 0 0.86vw 21%;
 width: 100%;
 font-size: 1.12vw;
 background-position: left 8% center;
 background-size: 1.7vw auto;
}


}
/* ナビゲーション
--------------------------------------------*/
.Toggle {
 width: 80px;
 height: 80px;
 border-radius: 10px;
 background-color: #0b9444;
 display: block;
 position: fixed;
 top: 32px;
 right: 17px;
 cursor: pointer;
 z-index: 103;
}
.Toggle span {
 margin: auto;
 display: block;
 width: 50px;
 border-bottom: solid 5px #fff;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out;
 position: absolute;
 left: 0;
 right: 0;
}
.Toggle span:nth-child(1) {
    top: 22px;
}
.Toggle span:nth-child(2) {
    top: 38px;
}
.Toggle span:nth-child(3) {
    top: 54px;
}
.Toggle.active span:nth-child(1) {
    top: 38px;
    left: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 38px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Toggle.active{
 background-color: #fff;
}
.Toggle.active span{
 border-bottom: solid 5px #0b9444;
}
@media screen and (max-width: 1620px){
.Toggle {
 width: 5vw;
 height: 5vw;
 top: 1.99vw;
 right: 1.04%;
}
.Toggle span {
 width: 3vw;
 border-bottom: solid 0.3vw #fff;
}
.Toggle span:nth-child(1) {
    top: 1.34vw;
}
.Toggle span:nth-child(2) {
    top: 2.38vw;
}
.Toggle span:nth-child(3) {
    top: 3.38vw;
}
.Toggle.active span:nth-child(1) {
    top: 2.4vw;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 2.4vw;
}
.Toggle.active span{
 border-bottom: solid 0.3vw #0b9444;
}

}
.hMenu{
 width: 400px;
 height: 100%;
 display: block;
 position: fixed;
 right: 0;
 top: 0;
 background: rgba(11,148,68,1);
 transform: translateX(100%);
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transition: .3s;
 z-index: 102;
}
.hMenu.active{
　transform: translateX(0%);
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
}
.hMenu ul{
float: none;
margin: 0 auto;
padding: 100px 0 0;
width: 300px;
}
.hMenu li{
float: none;
margin: 0 auto;
padding: 0;
width: 100%;
display: block;
position: relative;
}
.hMenu li a{
 padding: 20px 0 20px 40px;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 text-decoration: none;
 transition: .3s;
 display: block;
 background-image: url(../images/arrow.png);
 background-position: left center;
 background-size: 24px auto;
 background-repeat: no-repeat;
}
.hMenu li a:hover{
 background-position: left 5px center;
opacity:0.5;
filter: alpha(opacity=50);
}
.hMenu .spBox{
 display: none;
}

#fv{
 padding: 72px 0 75px;
 width: 100%;
 background-image: url(../images/headBg.jpg);
 background-position: center bottom;
 background-size: cover;
 background-repeat: no-repeat;
}
#fv h2{
 margin: 0 auto;
 padding: 0 0 22px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #0b9444;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-position: center bottom;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

.nav{
 margin: 0 auto;
 padding: 78px 0 25px;
 width: 840px;
 position: relative;
}
.nav.contact{
 width: 1000px;
}
.nav li{
 padding: 0 54px;
 display: inline-block;
 position: relative;
}
.nav.contact li:first-child::after,
.nav.ser li:first-child::after,
.nav.ser li:nth-child(2)::after,
.nav.fac li:first-child::after,
.nav.fac li:nth-child(2)::after{
 content: "";
 position: absolute;
 width: 1px;
 height: 34px;
 background-color: #0b9444;
 top: 0px;
 right: 0px;
}
.nav.about li{
 float: left;
 padding: 0;
 width: 50%;
 display: block;
 position: relative;
}
.nav.about li:nth-child(2n){
 float: right;
}
.nav.about li:first-child::after,
.nav.about li:nth-child(3)::after{
 content: "";
 position: absolute;
 width: 1px;
 height: 34px;
 background-color: #0b9444;
 top: 0px;
 right: 0px;
}
.nav li a{
 padding: 0 0 50px;
 width: 100%;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #0b9444;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 display: block;
 background-image: url(../images/arrowU.png);
 background-position: center bottom 28px;
 background-size: 25px auto;
 background-repeat: no-repeat;
}
.nav li a:hover{
 background-position: center bottom 20px;
}

.bg{
 /*background-image: url(../images/bgL.jpg),url(../images/bgR.jpg);
 background-position: left top,right bottom;
 background-size: 50% auto,50% auto;
 background-repeat: no-repeat,no-repeat;*/
 background-image: url(../images/bg.jpg);
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

/* フッター 
---------------------------------------------------------*/
footer{
 padding: 55px 0 0;
 width: 100%;
 background-image: url(../images/footBg.jpg);
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
footer .fBox{
 margin: 0 auto;
 padding: 0 0 30px;
 width: 760px;
}
footer .fBox .fBoxL{
 float: left;
 padding: 11px 0 0;
 width: 306px;
}
footer .fBox .fBoxL img{
 width: 100%;
 height: auto;
}
footer .fBox .fBoxL p{
 margin: 0;
 padding: 20px 0;
 font-size: 18px;
 line-height: 100%;
 text-align: left;
 font-weight: bold;
 color: #00913a;
}
footer .fBox .fBoxL .add{
 font-size: 16px;
 line-height: 100%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
footer .fBox .fBoxR{
 float: right;
 width: 301px;
}
footer .fBox .fBoxR .ken{
 margin: 0;
 width: 100%;
 font-size: 18px;
 line-height: 100%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
footer .fBox .fBoxR .ken span{
 margin: 0 0 5px;
 padding: 4px 0 10px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #00913a;
 display: block;
 border-radius: 20px;
 background-color: #fff;
 font-family: "kodomo-rounded", sans-serif;
 font-weight: 400;
 letter-spacing: -0.2vw;
}
footer .fBox .fBoxR .tel{
 margin: 17px 0 10px -7%;
 padding: 0 0 0 34px;
 width: 110%;
 font-size: 16px;
 line-height: 210%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/tel.png);
 background-position: left top;
 background-size: 28px auto;
 background-repeat: no-repeat;
}
footer .fBox .fBoxR .tel span{
 font-size: 44px;
 display: block;
 letter-spacing: -0.05vw;
}
footer .fBox .fBoxR .mail{
 width: 100%;
}
footer .fBox .fBoxR .mail a{
 padding: 14px 0 15px 62px;
 width: 100%;
 font-size: 19.5px;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #039a42;
 border: 2px solid #039a42;
 border-radius: 10px;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/mail.png);
 background-position: left 21px center;
 background-size: 29px auto;
 background-repeat: no-repeat;
}
footer .fBox .fBoxR .mail a:hover{
 color: #039a42;
 background-color: #fff;
 background-image: url(../images/mail2.png);
 opacity:1;
}
footer .insta{
 margin: 0 auto;
 width: 300px;
 border-radius: 40px;
 background-color: #fff;
}
footer .insta a{
 padding: 11px 0;
 width: 100%;
 display: block;
}
footer .insta a p{
 float: left;
 margin: 0 0 0 50px;
 padding: 2px 0 0;
 width: 145px;
 font-size: 14px;
 line-height: 170%;
 text-align: left;
}
footer .insta a img{
 float: left;
 width: 50px;
 height: auto;
}
footer .fNav{
 padding: 35px 0 18px;
 width: 100%;
 font-size: 14px;
 line-height: 100%;
}
footer .fNav a{
 padding: 10px 0;
 display: inline-block;
}
footer .copy{
 padding: 12px 0 15px;
 width: 100%;
 background-color: #039a42;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #fff;
}
/* ページトップ */
#pagetop {
 position: fixed;
 width: 90px;
 height: 90px;
 bottom: 90px;
 right: 17px;
 z-index: 11;
}
#pagetop img{
 width: 100%;
 height: auto;
}
#pagetop a:hover{
 opacity:0.5;
 filter: alpha(opacity=50);
}



@media screen and (min-width: 781px){
a[href^="tel:"] {
    pointer-events: none;
}
}


@media screen and (max-width: 780px){
/* SP */
.pcOnly {
		display: none;
}
.spOnly {
		display: block;
}
div#wrap{
 padding: 18vw 0 0;
}
/* header 
---------------------------------------------------------*/
header{
 width: 100%;
 height: 18vw;
 background-color: #fff;
 border-top: 10px solid #0b9444;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
header h1{
 float: left;
 margin: 4.4vw 0 0 2%;
 width: 60%;
}
header h1 img{
 width: 100%;
 height: auto;
}
header .headR{
 display: none;
}
/* ナビゲーション
--------------------------------------------*/
.Toggle {
 width: 12vw;
 height: 12vw;
 border-radius: 10px;
 background-color: #0b9444;
 display: block;
 position: fixed;
 top: 3.6vw;
 right: 2%;
 cursor: pointer;
 z-index: 103;
}
.Toggle span {
 margin: auto;
 display: block;
 width: 7vw;
 border-bottom: solid 3px #fff;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out;
 position: absolute;
 left: 0;
 right: 0;
}
.Toggle span:nth-child(1) {
    top: 3.2vw;
}
.Toggle span:nth-child(2) {
    top: 5.8vw;
}
.Toggle span:nth-child(3) {
    top: 8.5vw;
}
.Toggle.active span:nth-child(1) {
    top: 5.8vw;
    left: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 5.8vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Toggle.active{
 background-color: #fff;
}
.Toggle.active span{
 border-bottom: solid 3px #0b9444;
}
.hMenu{
 width: 70%;
 height: 100%;
 display: block;
 position: fixed;
 right: 0;
 top: 0;
 background: rgba(11,148,68,1);
 transform: translateX(100%);
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 transition: .3s;
 z-index: 102;
}
.hMenu.active{
　transform: translateX(0%);
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
}
.hMenu ul{
float: none;
margin: 0 auto;
padding: 16vw 0 0;
width: 65%;
}
.hMenu li{
float: none;
margin: 0 auto;
padding: 0;
width: 100%;
display: block;
position: relative;
}
.hMenu li a{
 padding: 3vw 0 3vw 15%;
 width: 100%;
 font-size: 3.4vw;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 text-decoration: none;
 transition: .3s;
 display: block;
 background-image: url(../images/arrow.png);
 background-position: left center;
 background-size: 4.5vw auto;
 background-repeat: no-repeat;
}
.hMenu li a:hover{
 background-position: left 2% center;
opacity:0.5;
filter: alpha(opacity=50);
}
.hMenu .spBox{
 display: block;
 margin: 0 auto;
 padding: 4vw 0 0;
 width: 70%;
}
.hMenu .spBox .ken{
 margin: 0;
 width: 100%;
 font-size: 3vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
.hMenu .spBox .ken span{
 margin: 0 0 2vw;
 padding: 1vw 0 2vw;
 font-size: 3.8vw;
 line-height: 100%;
 text-align: center;
 color: #00913a;
 display: block;
 border-radius: 20px;
 background-color: #fff;
 font-family: "kodomo-rounded", sans-serif;
 font-weight: 400;
 letter-spacing: -0.2vw;
}
.hMenu .spBox .tel{
 margin: 3vw 0 2vw -7%;
 padding: 0 0 0 12%;
 width: 115%;
 font-size: 3vw;
 line-height: 220%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/telSp.png);
 background-position: left top 0.5vw;
 background-size: 4.5vw auto;
 background-repeat: no-repeat;
}
.hMenu .spBox .tel span{
 font-size: 7.5vw;
 display: block;
 letter-spacing: -0.05vw;
 color: #fff;
}
.hMenu .spBox .tel span a{
 color: #fff;
}
.hMenu .spBox .mail{
 width: 100%;
}
.hMenu .spBox .mail a{
 padding: 2vw 0 2vw 19%;
 width: 100%;
 font-size: 3.4vw;
 line-height: 150%;
 text-align: left;
 color: #039a42;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #e7eeae;
 border: 2px solid #039a42;
 border-radius: 10px;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/mail2.png);
 background-position: left 6% center;
 background-size: 5vw auto;
 background-repeat: no-repeat;
}
.hMenu .spBox .mail a:hover{
 color: #fff;
 background-color: #039a42;
 border: 2px solid #fff;
 background-image: url(../images/mail.png);
 opacity:1;
}

#fv{
 padding: 10vw 0 10vw;
 width: 100%;
 background-image: url(../images/headBg.jpg);
 background-position: center bottom;
 background-size: cover;
 background-repeat: no-repeat;
}
#fv h2{
 margin: 0 auto;
 padding: 0 0 3.5vw;
 font-size: 5.6vw;
 line-height: 100%;
 text-align: center;
 color: #0b9444;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-position: center bottom;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

.nav{
 margin: 0 auto;
 padding: 8vw 0 3vw;
 width: 90%;
}
.nav.contact{
 width: 100%;
}
.nav li{
 padding: 0 5%;
 display: inline-block;
 position: relative;
}
.nav.contact li:first-child::after,
.nav.ser li:first-child::after,
.nav.ser li:nth-child(2)::after,
.nav.fac li:first-child::after,
.nav.fac li:nth-child(2)::after{
 content: "";
 position: absolute;
 width: 1px;
 height: 4.2vw;
 background-color: #0b9444;
 top: 0px;
 right: 0px;
}
.nav.about li{
 float: left;
 padding: 0;
 width: 50%;
 display: block;
 position: relative;
}
.nav.about li:nth-child(2n){
 float: right;
}
.nav.about li:first-child::after,
.nav.about li:nth-child(3)::after{
 content: "";
 position: absolute;
 width: 1px;
 height: 4vw;
 background-color: #0b9444;
 top: 0px;
 right: 0px;
}
.nav li a{
 padding: 0 0 8vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 100%;
 text-align: center;
 color: #0b9444;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 display: block;
 background-image: url(../images/arrowU.png);
 background-position: center bottom 4.2vw;
 background-size: 4vw auto;
 background-repeat: no-repeat;
}
.nav li a:hover{
 background-position: center bottom 3vw;
}

.bg{
 background-image: url(../images/bgL.jpg),url(../images/bgR.jpg);
 background-position: left top,right bottom;
 background-size: 50% auto,50% auto;
 background-repeat: no-repeat,no-repeat;
}
.bgSp{
 background-image: url(../images/bgSp.png);
 background-position: center center;
 background-size: 100% 50%;
 background-repeat: no-repeat;
}

/* フッター 
---------------------------------------------------------*/
footer{
 padding: 10vw 0 0;
 width: 100%;
 background-image: url(../images/footBg.jpg);
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
footer .fBox{
 margin: 0 auto;
 padding: 0 0 4vw;
 width: 100%;
}
footer .fBox .fBoxL{
 float: none;
 margin: 0 auto;
 padding: 0 0 6vw;
 width: 70%;
}
footer .fBox .fBoxL img{
 margin: 0 auto;
 width: 80%;
 height: auto;
}
footer .fBox .fBoxL p{
 margin: 0;
 padding: 4vw 0 3vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 font-weight: bold;
 color: #00913a;
}
footer .fBox .fBoxL .add{
 font-size: 3.6vw;
 line-height: 100%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
footer .fBox .fBoxR{
 margin: 0 auto;
 float: none;
 width: 60%;
}
footer .fBox .fBoxR .ken{
 margin: 0;
 width: 100%;
 font-size: 3.4vw;
 line-height: 100%;
 text-align: center;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
footer .fBox .fBoxR .ken span{
 margin: 0 0 2vw;
 padding: 1vw 0 2vw;
 font-size: 4vw;
 line-height: 100%;
 text-align: center;
 color: #00913a;
 display: block;
 border-radius: 20px;
 background-color: #fff;
 font-family: "kodomo-rounded", sans-serif;
 font-weight: 400;
 letter-spacing: -0.2vw;
}
footer .fBox .fBoxR .tel{
 margin: 3vw 0 2vw -7%;
 padding: 0.5vw 0 0 12%;
 width: 115%;
 font-size: 3vw;
 line-height: 220%;
 text-align: left;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/tel.png);
 background-position: left top;
 background-size: 5.6vw auto;
 background-repeat: no-repeat;
}
footer .fBox .fBoxR .tel span{
 font-size: 9vw;
 display: block;
 letter-spacing: -0.05vw;
}
footer .fBox .fBoxR .mail{
 width: 100%;
}
footer .fBox .fBoxR .mail a{
 padding: 2vw 0 2vw 19%;
 width: 100%;
 font-size: 4vw;
 line-height: 150%;
 text-align: left;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-color: #039a42;
 border: 2px solid #039a42;
 border-radius: 10px;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: url(../images/mail.png);
 background-position: left 8% center;
 background-size: 5vw auto;
 background-repeat: no-repeat;
}
footer .fBox .fBoxR .mail a:hover{
 color: #039a42;
 background-color: #fff;
 background-image: url(../images/mail2.png);
 opacity:1;
}
footer .insta{
 margin: 0 auto 8vw;
 width: 50%;
 border-radius: 40px;
 background-color: #fff;
}
footer .insta a{
 padding: 2vw 0;
 width: 100%;
 display: block;
}
footer .insta a p{
 float: left;
 margin: 0 0 0 13%;
 padding: 0.4vw 0 0;
 width: 57%;
 font-size: 3vw;
 line-height: 150%;
 text-align: left;
}
footer .insta a img{
 float: left;
 width: 9.2vw;
 height: auto;
}
footer .fNav{
 display: none;
}
footer .copy{
 padding: 3vw 0 3vw;
 width: 100%;
 background-color: #039a42;
 font-size: 2.6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #fff;
}
/* ページトップ */
#pagetop {
position: fixed;
width: 13vw;
height: 13vw;
bottom: 22vw;
right: 3%;
z-index: 11;
}





}



@media screen and (max-width: 763px) and (orientation: landscape) {
   /* 横向きの場合のスタイル */


}





/* other
---------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */