@charset "UTF-8";
.bg{
 background-image: url(../common/images/bgL.jpg),url(../common/images/bgR.jpg);
 background-position: left top,right bottom;
 background-size: 50% auto,50% auto;
 background-repeat: no-repeat,no-repeat;
}

#fv h2{
 width: 384px;
 background-image: url(../images/about/h2.png);
}

#sec-about,
#sec-mon,
#sec-day,
#sec-support{
 margin: -130px 0 0;
 padding: 130px 0 0;
}

#about{
 margin: 0 auto;
 padding: 83px 0 0;
 width: 1000px;
}
h3{
 width: 100%;
 height: 80px;
 font-size: 32px;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
#about .aboutT{
 margin: 0 auto;
 padding: 35px 0 78px;
 width: 804px;
}
#about .aboutT .T1{
 float: left;
 padding: 33px 0 0;
 width: 427px;
 height: auto;
}
#about .aboutT .T2{
 float: right;
 width: 328px;
 height: auto;
}
#about .about{
 margin: 0 auto;
 width: 100%;
}
#about .about li{
 padding: 0 0 62px;
 width: 100%;
}
#about .about li img{
 float: left;
 width: 48%;
 height: auto;
 border-radius: 32px;
}
#about .about li:nth-child(2n) img{
 float: right;
}
#about .about li .aboutR{
 float: right;
 margin: 0 3.6% 0 5%;
 width: 43.4%;
 height: 270px;
 vertical-align: middle;
 display: flex;
 align-items: center;
 flex-direction:column;
 justify-content:center;
}
#about .about li:nth-child(2n) .aboutR{
 float: left;
}
#about .about li .aboutR .aboutRT{
 width: 100%;
 font-size: 24px;
 line-height: 150%;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#about .about li .aboutR p{
 margin: 0;
 padding: 10px 0 0;
 width: 100%;
 font-size: 16.5px;
 line-height: 26px;
 text-align: justify;
 letter-spacing: 0.05vw;
}

#mon{
 margin: 0 auto;
 padding: 50px 0 110px;
 width: 1000px;
}
#mon .mon{
 margin: 0 auto;
 padding: 76px 0 0;
 width: 844px;
}
#mon .mon img{
 float: left;
 width: 282px;
 height: auto;
}
#mon .mon .monR{
 float: right;
 width: 480px;
}
#mon .mon .monR .monRT{
 font-size: 24px;
 line-height: 36px;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: 0.1vw;
}
#mon .mon .monR p{
 margin: 0;
 padding: 15px 0 0;
 width: 100%;
 font-size: 16.5px;
 line-height: 26px;
 text-align: justify;
 letter-spacing: 0.05vw;
}

#day{
 margin: 0 auto;
 padding: 50px 0 110px;
 width: 1000px;
}
h3 .circle{
 margin: auto;
 padding: 20px 0 0;
 width: 150px;
 height: 150px;
 border-radius: 50%;
 background-color: #f29215;
 font-size: 22px;
 line-height: 30px;
 text-align: center;
 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;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 72px;
}
h3 .circle div{
 padding: 8px 0 0;
}
.day{
 margin: 0 auto;
 padding: 76px 0 70px;
 width: 920px;
}
.day img{
 float: left;
 width: 320px;
 height: auto;
 border-radius: 32px;
}
.day .dayR{
 float: right;
 width: 550px;
}
.day .dayR .dayRT{
 font-size: 24px;
 line-height: 36px;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: 0.1vw;
}
.day .dayR p{
 margin: 0;
 padding: 15px 0 0;
 width: 100%;
 font-size: 16.5px;
 line-height: 26px;
 text-align: justify;
 letter-spacing: 0.05vw;
}
.dayBox{
 margin: 0 auto;
 padding: 24px 0 0 148px;
 width: 700px;
 height: 180px;
 background-image: url(../images/about/dayBg.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 border-radius: 29px;
 font-size: 18px;
 line-height: 26px;
 text-align: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.dayBox span{
 color: #07913a;
}

#support{
 margin: 0 auto;
 padding: 50px 0 150px;
 width: 1000px;
}
#support h3 .circle{
 padding: 12px 0 0;
}
#support h3 .circle div{
 padding: 4px 0 0;
}



@media screen and (max-width: 1620px){
#sec-about,
#sec-mon,
#sec-day,
#sec-support{
 margin: -8vw 0 0;
 padding: 8vw 0 0;
}

}



@media screen and (max-width: 1020px){
#about{
 padding: 8.2vw 0 0;
 width: 98%;
}
h3{
 height: 7.8vw;
 font-size: 3.1vw;
}
#about .aboutT{
 padding: 3.4vw 0 7.7vw;
 width: 80.4%;
}
#about .aboutT .T1{
 padding: 3.2vw 0 0;
 width: 53.1%;
}
#about .aboutT .T2{
 width: 40.7%;
}
#about .about li{
 padding: 0 0 6.1vw;
}
#about .about li img{
 width: 48%;
}
#about .about li .aboutR{
 margin: 0 3.6% 0 5%;
 width: 43.4%;
 height: 26.4vw;
}
#about .about li .aboutR .aboutRT{
 font-size: 2.35vw;
}
#about .about li .aboutR p{
 padding: 1vw 0 0;
 font-size: 1.6vw;
 line-height: 160%;
}

#mon{
 margin: 0 auto;
 padding: 4.9vw 0 10.5vw;
 width: 98%;
}
#mon .mon{
 padding: 7.5vw 0 0;
 width: 84.4%;
}
#mon .mon img{
 width: 33.4%;
}
#mon .mon .monR{
 width: 56.8%;
}
#mon .mon .monR .monRT{
 font-size: 2.35vw;
 line-height: 150%;
}
#mon .mon .monR p{
 padding: 15px 0 0;
 font-size: 1.6vw;
 line-height: 160%;
}

#day{
 padding: 5vw 0 10.8vw;
 width: 98%;
}
h3 .circle{
 padding: 1.9vw 0 0;
 width: 14.6vw;
 height: 14.6vw;
 font-size: 2.1vw;
 line-height: 140%;
 right: 7.2%;
}
h3 .circle div{
 padding: 0.6vw 0 0;
}
.day{
 padding: 7.5vw 0 6.9vw;
 width: 92%;
}
.day img{
 width: 34.7%;
}
.day .dayR{
 width: 59.7%;
}
.day .dayR .dayRT{
 font-size: 2.35vw;
 line-height: 140%;
}
.day .dayR p{
 padding: 1.5vw 0 0;
 font-size: 16.5px;
 line-height: 160%;
}
.dayBox{
 padding: 2.3vw 0 0 14.8%;
 width: 70%;
 height: 17.8vw;
 font-size: 1.76vw;
 line-height: 145%;
}

#support{
 padding: 4.9vw 0 14.5vw;
 width: 98%;
}
#support h3 .circle{
 padding: 1.2vw 0 0;
}
#support h3 .circle div{
 padding: 0.4vw 0 0;
}


}



@media screen and (max-width: 780px){
#fv h2{
 width: 68%;
 background-image: url(../images/about/h2.png);
}

#sec-about,
#sec-mon,
#sec-day,
#sec-support{
 margin: -18vw 0 0;
 padding: 18vw 0 0;
}
#about{
 margin: 0 auto;
 padding: 12vw 0 4vw;
 width: 95%;
}
h3{
 width: 100%;
 height: 10vw;
 font-size: 4.6vw;
 line-height: 100%;
 text-align: center;
 color: #fff;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 background-image: url(../common/images/h3.jpg);
 background-position: center center;
 background-size: cover;
 border-radius: 20px;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 background-color: #FFD7D8;
}
#about .aboutT{
 margin: 0 auto;
 padding: 4vw 0 8vw;
 width: 95%;
}
#about .aboutT .T1{
 float: none;
 margin: 0 auto;
 padding: 3vw 0 3vw;
 width: 75%;
 height: auto;
}
#about .aboutT .T2{
 float: none;
 margin: 0 auto;
 width: 52%;
 height: auto;
}
#about .about{
 margin: 0 auto;
 width: 90%;
}
#about .about li{
 padding: 0 0 6vw;
 width: 100%;
}
#about .about li img{
 float: none;
 width: 100%;
 height: auto;
 border-radius: 32px;
}
#about .about li:nth-child(2n) img{
 float: none;
}
#about .about li .aboutR{
 float: none;
 margin: 3vw 0 0;
 width: 100%;
 height: auto;
 vertical-align: middle;
 display: flex;
 align-items: center;
 flex-direction:column;
 justify-content:center;
}
#about .about li:nth-child(2n) .aboutR{
 float: none;
}
#about .about li .aboutR .aboutRT{
 width: 100%;
 font-size: 4vw;
 line-height: 150%;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
}
#about .about li .aboutR p{
 margin: 0;
 padding: 1vw 0 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: justify;
 letter-spacing: 0.05vw;
}

#mon{
 margin: 0 auto;
 padding: 6vw 0 10vw;
 width: 95%;
}
#mon .mon{
 margin: 0 auto;
 padding: 6vw 0 0;
 width: 90%;
}
#mon .mon img{
 float: none;
 margin: 0 auto 4vw;
 width: 70%;
 height: auto;
}
#mon .mon .monR{
 float: none;
 margin: 0 auto;
 width: 100%;
}
#mon .mon .monR .monRT{
 font-size: 4vw;
 line-height: 150%;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: 0.1vw;
}
#mon .mon .monR p{
 margin: 0;
 padding: 2vw 0 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: justify;
 letter-spacing: 0.05vw;
}

#day{
 margin: 0 auto;
 padding: 6vw 0 10vw;
 width: 95%;
}
h3 .circle{
 margin: auto;
 padding: 2.5vw 0 0;
 width: 18vw;
 height: 18vw;
 border-radius: 50%;
 background-color: #f29215;
 font-size: 2.8vw;
 line-height: 140%;
 text-align: center;
 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;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 4%;
}
h3 .circle div{
 padding: 1vw 0 0;
}
.day{
 margin: 0 auto;
 padding: 6vw 0 0;
 width: 90%;
}
.day img{
 float: none;
 margin: 0 auto 4vw;
 width: 100%;
 height: auto;
 border-radius: 32px;
}
.day .dayR{
 float: none;
 width: 100%;
}
.day .dayR .dayRT{
 font-size: 4vw;
 line-height: 150%;
 text-align: left;
 color: #00913a;
 font-family: "dnp-shuei-mgothic-std", sans-serif;
 font-weight: 600;
 letter-spacing: 0.1vw;
}
.day .dayR p{
 margin: 0;
 padding: 2vw 0 4vw;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: justify;
 letter-spacing: 0.05vw;
}
.dayBox{
 margin: 0 auto;
 padding: 3.5vw 0 3vw 9%;
 width: 90%;
 height: auto;
 background-image: url(../images/about/dayBg.jpg);
 background-position: right bottom;
 background-size: cover;
 background-repeat: no-repeat;
 border-radius: 29px;
 font-size: 3.2vw;
 line-height: 150%;
 text-align: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.dayBox span{
 color: #07913a;
}

#support{
 margin: 0 auto;
 padding: 6vw 0 18vw;
 width: 95%;
}
#support h3 .circle{
 padding: 1vw 0 0;
}
#support h3 .circle div{
 padding: 4px 0 0;
}



}