@charset "UTF-8";

/* メイン */
main{height: calc(62.5vw - 10px);overflow: hidden;}
main img{width: 100%;}
.main_wrap{z-index: 1;font-size: 1.5vw;}
.main_copy{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;width: 100%;text-align: center;}
.main_copy img{width: 46.875%;filter: blur(7px) drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff);transition: 3s ease;opacity: 0;}
.main_base{opacity: 0;}
.main_base img{filter: grayscale(100%);transition: 2s ease;}
.main_sparkling{position: absolute;left: 0;top: 0;z-index: 20;display: none;}
.main_sparkling_copy{position: absolute;left: 0;top: 0;z-index: 30;display: none;}
.main_sparkling_copy img{width: 1920px;}
.main_last_copy{position: absolute;left: 0;right: 0; top: 18%;z-index: 40;opacity: 0;transition: 2s ease;width: 35.26%;margin: 0 auto;}
.main_last_copy img{width: 677px;filter: drop-shadow(0 0 0.1em rgba(0,0,0,0.5)) drop-shadow(0 0 0.1em rgba(0,0,0,0.5)) drop-shadow(0 0 0.1em rgba(0,0,0,0.5));}

.loading_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.loading {width: 32px;height: 32px;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0; border: 4px rgba(0,0,0,0.25) solid;border-top: 4px rgba(0,0,0,1) solid;border-radius: 50%;animation: spCircRot .6s infinite linear;}
@keyframes spCircRot {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}

@media screen and (min-width: 1921px) {
main{height: 1200px;width: 1920px;margin: 0 auto;}
.main_wrap{font-size: 20px;}
}

@media screen and (max-width: 768px) {
main{height: 117.1875vw;}
.main_wrap{font-size: 5vw;}
.main_copy img{width: 92%;}
.main_last_copy{width: 100%;filter: unset /* drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1)*/;}
.main_last_copy img{filter: unset/*drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1) drop-shadow(0 0 0.1em #54c3f1)*/;}
}

/* 行動提起 */
#koudou{}
.koudou_tit{text-align: center;animation-name: fadeIn;padding: 30px 15px;background: url("../common/img/intro_bk.jpg") no-repeat center top/cover;}
.koudou_tit img{width: 530px;}
.koudou_item{display: flex;justify-content: center;flex-wrap: wrap; padding: 0 15px 20px;background: #333;}
.koudou_item > *{text-align: center;padding: 15px 40px;flex-wrap: wrap;animation-name: fadeInUp;}
.koudou_item > * img{height: 50px;}
.koudou_item > dt{width: 100%;border-bottom: 1px solid #fff;margin-bottom: 20px;padding: 30px 0;}
.koudou_item > dt img{height: 40px;}
.koudou_item > dd{border-right: 1px solid #fff;flex: 1;}
.koudou_item > dd span{display: inline-block;}
.koudou_item > dd:last-of-type{border-right: none;}
.koudou_item > dd p{font-size: 14px;color: #fff;width: 100%;text-align: left;margin-top: 0.3em;}

.koudou_item02{background: #DAD8D5;}
.koudou_item02 ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 15px;max-width:900px;margin:0 auto;align-items: center;}
.koudou_item02 li:nth-child(1) {width: 50%;margin-top:0.8vw;animation-name: fadeInUp;}
.koudou_item02 li:nth-child(1) img{width: 422px;}
.koudou_item02 li:nth-child(2) {width: 45%;text-align:right;animation-name: fadeInUp;}
.koudou_item02 li:nth-child(2) img{width: 491px;}


@media screen and (min-width: 769px) {
.koudou_item > *:nth-of-type(2){animation-delay: 0.2s;}
.koudou_item > *:nth-of-type(3){animation-delay: 0.4s;}
}

@media screen and (max-width: 1300px) {
.koudou_item > *{padding: 0 3vw;}
}

@media screen and (max-width: 768px) {
#koudou{}
.koudou_tit{padding: 5vw 3vw;}
.koudou_item{flex-wrap: wrap;padding: 0 3vw;}
.koudou_item > *{border-bottom: 1px solid #fff;width: 100%;padding: 5vw 3vw;}
.koudou_item > dt{border-left: none;margin-bottom: 0;}
.koudou_item > dd:last-of-type{border-bottom: none;}
.koudou_item > dd{flex: auto;border-right: none;}
.koudou_item > * img{height: 11.7vw;}
.koudou_item > dt img{height: 15vw;}
.koudou_item > dd p{font-size: 3vw;}

.koudou_item02 ul{flex-direction: column;max-width:100%;margin:0 auto;}
.koudou_item02 li:nth-child(1) {width: 100%;}
.koudou_item02 li:nth-child(1) img{width: 100%;}
.koudou_item02 li:nth-child(2) {width: 100%;margin-top:20px;}
.koudou_item02 li:nth-child(2) img{width: 100%;}

}

/* 各項目へのリンク */
#link_area{margin: 0 auto;max-width: 1920px;background: #f7f7f7;padding: 60px 0 50px;animation-name: fadeInUp;}
.link_area_tit{font-size: 60px;text-align: center;color: #50083e;letter-spacing: 0.1em;padding-left: 0.1em;font-family: 'EB Garamond', serif;line-height: 1;}
.linkpanel_slide{margin-top: 50px;}
.linkpanel_slide a{margin: 0 15px;cursor: pointer;color: #fff;}
.linkpanel_slide a figure{overflow: hidden;}
.linkpanel_slide a figure > img{transition: 0.6s all;}
.linkpanel_slide a figure figcaption{text-decoration: none;font-size: 0.6em;position: absolute;right: 1.5em;bottom: 0.8em;z-index: 4;filter: drop-shadow(0 0 0.1em #000) drop-shadow(0 0 0.15em #000);}
.linkpanel_slide .slick-arrow{height: 40px;position: absolute;top: 0;bottom: 0;margin: auto 0;filter: drop-shadow(0 0 0.1em #000) drop-shadow(0 0 0.15em #000);z-index: 1;cursor: pointer;}
.linkpanel_slide .slick-arrow img{height: 100%;}
.linkpanel_slide .prev_btn{left: 3%;}
.linkpanel_slide .next_btn{right: 3%;}
.linkpanel_slide a sup{vertical-align: 0.4em;font-size: 0.6em;}
#link_area .linkpanel_slide a{width: 380px;font-size: 24px;}
#link_area .linkpanel_slide a figure{border-radius: 15px;}
#link_area .linkpanel_slide a .copy{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%; text-align: center;filter: drop-shadow(0 0 0.1em #000) drop-shadow(0 0 0.15em #000);padding-top: 10%;}
#link_area .linkpanel_slide a .copy h3{letter-spacing: 0.1em;line-height: 1;font-size: 1.33em;padding-left: 0.1em;position: absolute;left: 0;top: 0;bottom: 0;height: 1em;margin: auto 0;text-align: center;width: 100%;}
#link_area .linkpanel_slide a .vm_btn{font-size: 0.67em;padding: 0.5em 0 0.5em 0.1em;width: 11em;text-align: center;background: rgba(140,105,0,0.8);position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 5%;letter-spacing: 0.1em;}

@media screen and (min-width: 769px) {
.linkpanel_slide a:hover figure > img{transform: scale(1.08);}
}

@media screen and (max-width: 768px) {
.linkpanel_slide{margin-top: 30px;}
.linkpanel_slide a{margin: 0 2vw;}
.linkpanel_slide a figure > img{width: 100%;}
.linkpanel_slide .slick-arrow{height: 30px;filter: drop-shadow(0 0 0.2em #000) drop-shadow(0 0 0.3em #000);}
.linkpanel_slide .prev_btn{left: 5%;}
.linkpanel_slide .next_btn{right: 5%;}
#link_area{padding: 30px 0 30px;}
.link_area_tit{font-size: 30px;}
#link_area .linkpanel_slide a{width: 75vw;font-size: 5vw;}
}