@charset "utf-8";
/* CSS Document */
.ind_A {display: flex; flex-wrap: wrap;}
.ind_A > div {position: relative; width: 50%; overflow: hidden;}
.ind_A > div > div:nth-child(1) {line-height: 0;}
/*.ind_A > div > div:nth-child(1) img {width: 100%;}*/
.ind_A > div:nth-child(1) {position: relative; order: 1;}
.ind_A > div:nth-child(1) > div.fs_16 {width: 71.677%; position: absolute; top: 50%; right: 0%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.ind_A > div:nth-child(1) > div.fs_16 h3 {color: #8dac04; font-weight: 600; font-family: 'Lora', serif; font-style:italic; margin-bottom: 10.264%; position: relative; -moz-transform:skewX(-14deg); -webkit-transform:skewX(-14deg); -o-transform:skewX(-14deg); -ms-transform:skewX(-14deg); transform:skewX(-14deg);}
.ind_A > div:nth-child(1) > div.fs_16 h3::before {content: ''; background: url("../images/icon_02a.png") no-repeat center; background-size: cover; width: 14px; height: 14px; position: absolute; top: 50%; left: 84px; margin-top: -7px; -moz-transform:skewX(14deg); -webkit-transform:skewX(14deg); -o-transform:skewX(14deg); -ms-transform:skewX(14deg); transform:skewX(14deg);}
.ind_A > div:nth-child(1) > div.fs_16 h3::after {content: ''; width: calc(100% - 97px); height: 1px; position: absolute; top: 50%; left: 97px; margin-top: -1px; background-color: #e4eac8; -moz-transform:skewX(14deg); -webkit-transform:skewX(14deg); -o-transform:skewX(14deg); -ms-transform:skewX(14deg); transform:skewX(14deg);}
.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(4) > div.fs_16 h2 {color: #8dac04; font-family: 'Lora', serif; line-height: 133.33%; margin-bottom: 4.625%; padding-right: 0;}
.ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24 {color: #333333; line-height: 150%; margin-bottom: 2.866%; padding-right: 14.665%;}
.ind_A > div:nth-child(1) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {color: #666666; line-height: 187.5%; margin-bottom: 3.798%; padding-right: 14.665%;}
.ind_A > div:nth-child(2) {order: 2;}
.ind_A > div:nth-child(3) {order: 3;}
.ind_A > div:nth-child(4) {position: relative; order: 4;}
.ind_A > div:nth-child(4) > div.fs_16 { padding: 10% 120px; /*width: 74.62%; position: absolute; top: 50%; left: 50%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);*/}
.ind_A > div:nth-child(4) > div.fs_16 h3 {color: #8dac04; font-weight: 600; font-family: 'Lora', serif; font-style:italic; margin-bottom: 9.861%; position: relative; -moz-transform:skewX(-10deg); -webkit-transform:skewX(-10deg); -o-transform:skewX(-10deg); -ms-transform:skewX(-10deg); transform:skewX(-10deg);}
.ind_A > div:nth-child(4) > div.fs_16 h3::before {content: ''; background: url("../images/icon_02a.png") no-repeat center; background-size: cover; width: 14px; height: 14px; position: absolute; top: 50%; left: 104px; margin-top: -7px; -moz-transform:skewX(10deg); -webkit-transform:skewX(10deg); -o-transform:skewX(10deg); -ms-transform:skewX(10deg); transform:skewX(10deg);}
.ind_A > div:nth-child(4) > div.fs_16 h3::after {content: ''; width: calc(100% - 117px); height: 1px; position: absolute; top: 50%; left: 117px; margin-top: -1px; background-color: #e4eac8; -moz-transform:skewX(10deg); -webkit-transform:skewX(10deg); -o-transform:skewX(10deg); -ms-transform:skewX(10deg); transform:skewX(10deg);}
/*.ind_A > div:nth-child(4) > div.fs_16 h2, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {padding-right: 17.607%;}*/
.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span {display: flex; position: relative; margin-bottom: 10px;}
.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span::before {content: ''; background: url("../images/icon_02b.png") no-repeat center; background-size: cover; width: 21px; height: 17px; margin-right: 15px;}
.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span::after {content: ''; background: url("../images/icon_02b.png") no-repeat center; background-size: cover; width: 21px; height: 17px; margin-left: 15px;}
.ind_A > .bg_01c { background: url(../images/bg_01c.jpg) no-repeat top center; background-size: cover; width: 50%; }
.ind_A > .bg_01d { background: url(../images/bg_01d.jpg) no-repeat top center; background-size: cover; width: 50%; }

.ind_B {position: relative;}
.ind_B > div:nth-child(1) {line-height: 0;}
.ind_B > div:nth-child(2) {position: absolute; top: 16.4%; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center;}
.ind_B > div:nth-child(2) h3 {color: #333333; font-family: 'Lora', serif; margin-bottom: 40px; text-align: center;}
.ind_B > div:nth-child(2) h2 {color: #333333;}
.ind_B > div:nth-child(3) {position: absolute; top: 37.8%; left: 0; width: 100%;}
.ind_B > div:nth-child(3) ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 8.548%!important;}
.ind_B > div:nth-child(3) ul li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #333333; padding: 0 5px!important;}
.ind_B > div:nth-child(3) ul li:nth-child(2n+2)::before {content: ''; width: 17px; height: 20px; background: url("../images/icon_02c.png") no-repeat center; background-size: cover; display: block;}
.ind_B > div:nth-child(3) ul li.active {-webkit-animation-name: blow-right; animation-name: blow-right; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.ind_B > div:nth-child(3) ul li div {line-height: 0; margin-bottom: 35px;}
.ind_B > div:nth-child(3) ul li:hover div {-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
.ind_B > div:nth-child(3) ul li:hover {color: #8dac04; font-weight: bold; transition: all 0.5s ease 0s;}


.idx_c{background-color: #F9F9FB;}
.idx_c_wrap{ max-width: 1610px;margin: 0 auto;padding: 48px 100px;}
.idx_iframe_ctrl{position: relative;padding-bottom: 54%;overflow: hidden;}
.idx_iframe_ctrl iframe{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.ind_D {background: url(../images/bg_05a.jpg) no-repeat top center / cover; padding: 8.513% 0 1.892% 0;}
.ind_D .seo-content {width: 100%; max-width: 600px; margin: auto; text-align: center; border-bottom: 1px solid #4b423f; padding: 0 0 18px 0;}
.ind_D .seo-content > span {display: block; color: #8dac04; font-family: 'Lora', serif; line-height: 1.2; letter-spacing: 0.5px; margin-bottom: 6.667%;}
.ind_D .seo-content > h1 {line-height: 1.2; margin-bottom: 3.834%;}
.ind_DL {display: flex; flex-flow: wrap; padding: 4.591% 0 0 0; color: #333333; line-height: 1.875; letter-spacing: 0.1px;}
.ind_DL > div {width: 26.4268%; margin: 0 10.3598% 30px 0; position: relative; z-index: 1;}
.ind_DL > div:nth-child(3n+3) {margin: 0 0 30px 0;}
.ind_DL > div > div.photo {line-height: 0; font-size: 0; border-radius: 50%; overflow: hidden; margin: auto auto 40px auto;}
.ind_DL > div > h3 {width: 100%; max-width: 342px; margin: auto auto 21px auto; border: 2px solid #333333; border-radius: 35px; text-align: center; line-height: 1.33; padding: 14px 0px; transition: all 0.5s ease 0s;}

.ind_E {background: url(../images/bg_05b.jpg) no-repeat top center / cover; padding: 6.306% 0 40px 0; color: #333333; line-height: 1.875; position: relative; z-index: 1;}
.ind_E::before {content: ''; width: 8.513%; padding-bottom: 35.628%; height: 0; background: url(../images/grass.png) no-repeat top center / cover; position: absolute; bottom: 11.312%; right: 0; z-index: 1;}
.ind_E .frame_1410 {position: relative; z-index: 10;}
.ind_E .seo-content {width: 100%; max-width: 645px; margin: auto; padding: 0 0 3.76% 0;}
.ind_E .seo-content > h2 {color: #8dac04; text-align: center; line-height: 1.2; margin-bottom: 33px;}
.ind_E .seo-content > span {display: block; text-align: center; line-height: 1.2; margin-bottom: 31px;}
.ind_E .seo-content > ul, .ind_E .seo-content > ul li {list-style-type:none; margin: 0; padding: 0; color: #231815;}
.ind_E .seo-content > ul {width: 100%;}
.ind_E .seo-content > ul li {padding: 0 0 0 23px; background: url(../images/icon_06a.png) no-repeat 4px 11px;}
.ind_EC {padding: 12.057% 0 19.788% 0; display: flex; flex-flow: wrap; position: relative; z-index: 1;}
.ind_EC > div:nth-child(1) {width: 50%; position: absolute; top: 44.22%; right: 50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.ind_EC > div:nth-child(2) {width: 50%; margin: 0 0 0 auto;}
.ind_EC > div:nth-child(2) > h3 {color: #8dac04; line-height: 1.2; margin-bottom: 3.405%;}
.ind_EC > div:nth-child(2) > .btn_a {margin: 34px auto 0 auto;}

.ind_PF {padding: 12.057% 0 14.788% 0; display: flex; flex-flow: wrap; position: relative; z-index: 1;}
.ind_PF > div:nth-child(1) {width: 50%; position: absolute; top: 50%; right: 50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); padding-right: 30px;}
.ind_PF > div:nth-child(2) {width: 50%; margin: 0 0 0 auto;}
.ind_PF > div:nth-child(2) > h3 {color: #8dac04; line-height: 1.2; margin-bottom: 3.405%;}
.ind_PF > div:nth-child(2) > .btn_a {margin: 34px auto 0 auto;}

.ind_F {background: url(../images/bg_05c.jpg) no-repeat center center; background-attachment: fixed; padding: 80px 0; min-height: 624px; position: relative; z-index: 1;}
.ind_FC {position: absolute; bottom: 87px; left: 0; right: 0; z-index: 10; color: #fff; font-size: 212.5%; line-height: 1.0588; font-weight: 600; letter-spacing: 0.9px; text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);}
.ind_FC > .frame_1410 > div {font-size: 182.353%; line-height: 0.871; letter-spacing: 0.3px; margin-bottom: 24px;}
.ind_FC > .frame_1410 > p {font-weight: 600; letter-spacing: 0.9px;}

.ind_G {background: url(../images/bg_05d.jpg) no-repeat top center / cover; padding: 5.938% 0 6.937% 0; color: #333333; line-height: 1.875; position: relative; z-index: 1;}
.ind_G .seo-content {width: 100%; max-width: 645px; margin: auto;}
.ind_G .seo-content > h2 {color: #8dac04; text-align: center; line-height: 1.2; margin-bottom: 5.117%;}
.ind_G .seo-content > span {display: block; text-align: center; line-height: 1.2; margin-bottom: 4.807%;}
.ind_GL {display: flex; flex-flow: wrap; padding: 3.688% 0 4px 0; color: #333333; line-height: 1.875; letter-spacing: 0.1px;}
.ind_GL > div {width: 28.3688%; margin: 0 7.4468% 55px 0; position: relative; z-index: 1; line-height: 1.875; color: #555050; text-align: center; letter-spacing: -0.01px;}
.ind_GL > div:nth-child(3n+3) {margin: 0 0 55px 0;}
.ind_GL > div > div.photo {line-height: 0; font-size: 0; overflow: hidden; margin: auto auto 19.75% auto;}
.ind_GL > div > h3 {color: #8dac04; line-height: 1.2; margin-bottom: 5.75%;}
.ind_GL > div > span {display: block; color: #231815; line-height: 1.2; margin-bottom: 5.25%;}
.ind_GL > div > p {line-height: 1.875; color: #555050; letter-spacing: -0.01px;}

.ind_H {background: url(../images/bg_05e.jpg) no-repeat top center / cover; padding: 5.833% 0 3.889% 0; color: #333333; line-height: 1.875; position: relative; z-index: 1;}
.ind_H .seo-content {width: 100%; max-width: 653px; margin: auto auto 5px auto;}
.ind_H .seo-content > h2 {color: #8dac04; text-align: center; line-height: 1.2; margin-bottom: 4.595%;}
.ind_H .seo-content > span {display: block; text-align: center; line-height: 1.2; margin-bottom: 4.595%;}
.ind_H .seo-content > ul, .ind_H .seo-content > ul li {list-style-type:none; margin: 0; padding: 0; color: #231815;}
.ind_H .seo-content > ul {width: 100%;}
.ind_H .seo-content > ul li {padding: 0 0 0 23px; background: url(../images/icon_06a.png) no-repeat 4px 11px;}

.banner .fotorama.banner-mobile{display: none;}
.banner .fotorama.banner-pc .fotorama__video{top: 50%!important;left: 50%;transform: translate(-50%, -50%);width: 140%;height: 140%;}
.banner .fotorama.banner-pc iframe{pointer-events: none;object-fit: cover;width: 100%;height: 100%;}
.banner .fotorama.banner-mobile .fotorama__video{top: 50%!important;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.banner .fotorama.banner-mobile iframe{object-fit: cover;width: 100%;height: 100%;}

@media only screen and (max-width:1200px){
  .idx_c_wrap{padding: 0 50px;}
  .idx_c{padding: 32px 0px; }
}
@media only screen and (max-width:992px){
  .idx_c_wrap{padding: 0 20px;}
}

@media only screen and (max-width:576px){
  .banner .fotorama.banner-pc{display: none;}
  .banner .fotorama.banner-mobile{display: block;}
}