@charset "utf-8";

.contents.ov{padding: 0 20px; margin-top: 0;}
.contents.ov .inner{max-width: 950px; margin: auto; padding: 0; background-color: #bcdba0;}
.contents_box{padding: 0 2% 5%;}
.ov_cap{font-size: 1rem; line-height: 1.5;}

.anker_link_wrap{margin-top: 3%;}
.anker_link_wrap ul{
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: auto;
}
.anker_link_wrap ul li{
    flex-basis: 48%;
    align-items: stretch;
}
.anker_link_wrap ul li a{
    flex-basis: 32%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #e6f4d9;
    border-radius: 8px;
    min-height: 80px;
}
.anker_link_wrap ul li p:nth-of-type(1) {
    background-color: #57ab1f;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-basis: 10%;
    border-radius: 8px 0 0 8px;
}
.anker_link_wrap ul li p:nth-of-type(2){
    font-size: 1.3rem;
    line-height: 1.5;
    flex-basis: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}
.anker_link_wrap ul li .dli-chevron-down{
    display: inline-block;
  vertical-align: middle;
  color: #57ab1f;
  line-height: 1;
  width: .6em;
  height: .6em;
  border: 0.2em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin: 34px 16px 0 0;
}

#sec1,#sec2,#sec3{margin-top: -200px; padding-top: 200px;}

.contents.ov h2{
    background-color: #e6f4d9;
    display: block;
    margin-top: 5%;
    font-size: 1.8rem;
    font-weight: 600;
}
.contents.ov h2 span:nth-of-type(1){
    background-color: #57ab1f;
    padding: 2% 3%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.8rem;
    margin-right: 2%;
}

.contents.ov h3{
    color: #4b7b2b;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 2%;
    margin-bottom: 2%;
}
.photo_area{
    display: flex;
    justify-content: space-between;
}
.main_photo{
    flex-basis: 66.5%;
}
.sub_photo{
    flex-basis: 31%;
}
.sub_photo ul:nth-of-type(2){
    margin-top: 5%;
}

.txt_area_wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 2%;
}
.txt_area_img{
    flex-basis: 31%;
}
.txt_area_img p:nth-of-type(2){
    font-size: 1.2rem;
    line-height: 1.5;
}
#sec2 .txt_area_img p:nth-of-type(2){
    font-weight: 300;
    font-size: 1rem;
}
.txt_area_img p:nth-of-type(3){
    font-size: 1rem;
    margin-top: 5%;
}
.txt_area{
    flex-basis: 66.5%;
    font-size: 1.5rem;
    line-height: 1.6;
}
.txt_area p{
    margin-bottom: 5%;
}
.txt_area p span.question{
    font-weight: 600;
    color: #4b7b2b;
    font-size: 1.7rem;
    margin-bottom: 10px;
    display: block;
    border-top: 1px solid #ffffff70;
    padding-top: 20px;
}
.graf_wrap{
    margin: 5% 0 0;
    display: flex;
    justify-content: space-between;
}
.graf2{
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
}
.graf{flex-basis: 48.5%;}
.graf .graf_img{margin-bottom: 5%;}
.graf2 .graf_img{flex-basis: 66.5%;}
.graf2 dl{flex-basis: 31%;}
#sec3 dt{
    color: #4b7b2b;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 4%;
}
#sec3 dd{
    font-size: 1.5rem;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {

.mv{margin-top: 8%;}
.contents.ov{padding: 0;}
.contents_box{padding: 0 5% 5%;}
.anker_link_wrap{margin-top: 8%;}
.anker_link_wrap ul{display: block;}
.anker_link_wrap ul li{margin-bottom: 10px;}
.anker_link_wrap ul li a{min-height: 60px;}
.anker_link_wrap ul li p:nth-of-type(1) {font-size: 1.3rem;}
.anker_link_wrap ul li .dli-chevron-down{margin: 27px 16px 0 0;}
#sec1,#sec2,#sec3{margin-top: -50px; padding-top: 50px;}

.contents.ov h2{
    margin-top: 10%;
    font-size: 1.6rem;
    line-height: 1.4;
    display: flex;
}
.contents.ov h2 span:nth-of-type(1){
    display: flex;
    font-size: 1.6rem;
}
.contents.ov h2 span:nth-of-type(2){padding: 10px;}
.contents.ov h3{
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 6%;
    margin-bottom: 6%;
}
.photo_area{
    display: block;
}
.sub_photo ul{
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
}
.sub_photo ul:nth-of-type(2){margin-top: 0;}
.sub_photo ul li:nth-of-type(1){flex-basis: 50%;}
.sub_photo ul li:nth-of-type(2){ flex-basis: 47%; font-size: 1.4rem;}

.txt_area_wrap{
    display: block;
    margin-top: 5%;
}
.txt_area_img{
    background-color: #fff;
    padding: 7%;
}
.txt_area_img p:nth-of-type(2){
    font-size: 1.3rem;
}
.txt_area_img p:nth-of-type(3){
    font-size: 1.2rem;
    margin-top: 2%;
}
.txt_area{
    font-size: 1.3rem;
    line-height: 1.6;
    margin-top: 5%;
}
.graf_wrap{
    margin: 0;
    display: block;
}
.graf2{
    display: block;
    margin-top: 10%;
}
.graf{margin-top: 10%;}
.graf .graf_img,.graf2 .graf_img{margin-bottom: 5%;}
#sec3 dt{
    color: #4b7b2b;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 4%;
}
#sec3 dd{
    font-size: 1.3rem;
    line-height: 1.6;
}
}

.bnr_area{
    max-width: 1200px;
    margin: 5% auto 0;
}
.bnr_area a{transition: .3s;}
.bnr_area a:hover{opacity: .7;}
@media screen and (max-width: 768px) {
    .bnr_area{
        margin-top: 10%;
        padding: 0 4svw;
    }
}

.tab{
    max-width: 1000px;
}