@charset "UTF-8";
.dis_pc{display: block;}
.dis_sp{display: none;}

.content-block01 .inner ._inner-molecule{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 110px;}
.content-block01 .inner ._inner-molecule .inner-molecule-img{text-align: center; width: 21%;}
.content-block01 .inner ._inner-molecule .inner-molecule-txt{width: 79%; font-size: 16px;}
.content-block01 .inner ._inner-molecule .inner-molecule-txt span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226,239,188,1) 50%, rgb(226,239,188) 50%); transition: background-position 2s ease 0.1s; font-size: 19px;}

.content-block01 .inner .anchor-box{display: flex; flex-wrap: wrap;}
.content-block01 .inner .anchor-box li{text-align: center;}
.content-block01 .inner .anchor-box-01{margin-bottom: 28px;}
.content-block01 .inner .anchor-box-01 li{width: 33.333333%;}
.content-block01 .inner .anchor-box-02 li{width: 25%;}
.content-block01 .inner .anchor-box li a{display: block; border-bottom: 2px solid #d5dedb; font-size: 16px; color: #004831; padding-bottom: 26px; text-decoration: none;}
.content-block01 .inner .anchor-box li a:hover{border-bottom: 2px solid #004831; text-decoration: none;}
.content-block01 .inner .orange-btn a{display: block; background: #fa8200; box-shadow: 0px 10px 10px 0px rgba(238, 120, 0, 0.3); color: #fff; font-size: 16px; text-align: center; text-decoration: none; max-width: 700px; margin: 80px auto 0; padding: 30px 0; border-radius: 60px;}
.content-block01 .inner .orange-btn a:hover{background: #ee7800;}

.content-block01 .section-block01 .content-txt{font-size: 16px;}
.content-block01 .section-block01 .content-txt span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226,239,188,1) 50%, rgb(226,239,188) 50%); transition: background-position 2s ease 0.1s; font-size: 18px;}
.content-block01 .section-block01 .movie-box{margin-top: 40px; position: relative;}
.content-block01 .section-block01 .movie-box .movie-ttl{text-align: center; font-size: 20px; font-weight: bold; color: #004831; margin-bottom: 20px;}
.content-block01 .section-block01 .movie-box .movie-ico{position: absolute; left: 30px; top: 0;}
.content-block01 .section-block01 .movie-box .movie-content{box-shadow: 0px 0px 10px 5px rgba(154, 160, 164, 0.3); position: relative; padding-bottom: 40.30%; height: 0; max-width: 860px; margin: 0 auto; overflow: hidden;}
.content-block01 .section-block01 .movie-box .movie-content iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.content-block01 .section-block01 .graph-img{margin-top: 40px; text-align: center;}

.content-block01 .section-block01 .education-ttl{text-align: center; font-size: 28px; font-weight: bold; line-height: 1em; color: #004831; background: #f3f8f6; margin: 30px 0 20px; padding: 30px 0;}
.content-block01 .section-block01 .education-box{display: flex; flex-wrap: wrap; justify-content: space-between; width: 95%; margin:0 auto 80px;}
.content-block01 .section-block01 .education-box .education-txt{width: 59%;}
.content-block01 .section-block01 .education-box .education-txt .education-tag{display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.content-block01 .section-block01 .education-box .education-txt .education-tag li{width: 25%; font-size: 16px; color: #004831; text-align: center; border: 1px solid #004831; margin-right: 2%; border-radius: 40px; padding: 15px 0; line-height: 1em;}
.content-block01 .section-block01 .education-box .education-txt .education-sentence{font-size: 16px; margin-bottom: 30px;}
.content-block01 .section-block01 .education-box .education-txt .education-comment{display: flex; flex-wrap: wrap; justify-content: space-between;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico{width: 20%; padding-top: 20px;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico .comment-ico-ttl{text-align: center; font-size: 14px; color: #004831;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico .comment-ico-img{text-align: center;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt{width: 77%; box-shadow: 0px 0px 30px 0px rgba(154, 160, 164, 0.5); padding: 20px 25px; position: relative;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-top-width:10px; border-bottom-width:10px; border-left-width:30px; border-right-width:20px; margin-top: -10px; border-right-color:#fff; right:100%; top:50%;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt .comment-txt-sentence{font-size: 16px;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt .comment-txt-sentence span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226, 239, 188, 1) 50%, rgb(226, 239, 188) 50%); transition: background-position 2s ease 0.1s;font-size: 18px;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt .comment-txt-txt{text-align: right; margin-top: 20px; font-size: 14px;}
.content-block01 .section-block01 .education-box .education-img{width: 39%;}
.content-block01 .section-block01 .education-box .education-img p{text-align: center;}

.content-block01 .section-block01 .game-ttl{text-align: center; font-size: 28px; font-weight: bold; line-height: 1em; color: #004831; background: #c4d700; margin-bottom:20px; padding: 30px 0;}
.content-block01 .section-block01 .game-txt{font-size: 16px; padding-left: 30px;}
.content-block01 .section-block01 .game-img{text-align: center; margin-bottom: 20px;}
.content-block01 .section-block01 .game-note{text-align: center; font-size: 14px;}
.content-block01 .section-block01 .game-btn a{display: block; background: #004831; box-shadow: 0px 10px 10px 0px rgba(0, 72, 49, 0.3); color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; max-width: 500px; margin: 40px auto 20px; padding: 10px 0; border-radius: 60px; position: relative;}
.content-block01 .section-block01 .game-btn a:hover{background: #003927;}
.content-block01 .section-block01 .game-btn a::before {background: url(/aboutus/sustainability/imgs/img_edu_25.png); content: ""; width: 17px; height: 17px; position: absolute; right: 10%; top: 40%;}

.content-block01 .section-block01 .teachers{background: #f3f8f6; padding: 60px; margin-top: 40px;}
.content-block01 .section-block01 .teachers .teachers-opinion{background: #fff; padding: 50px 30px; border-radius: 30px;}
.content-block01 .section-block01 .teachers .teachers-opinion li{display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; border-bottom: 1px solid #9aa0a4; padding-bottom: 30px; margin-bottom: 40px;}
.content-block01 .section-block01 .teachers .teachers-opinion li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img{width: 15%;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img .opinion-img{text-align: center; margin-bottom: 10px;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img .opinion-attribute{text-align: center; font-size: 16px;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt{width: 80%;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt .opinion-txt{font-size: 16px;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt .opinion-txt span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226, 239, 188, 1) 50%, rgb(226, 239, 188) 50%); transition: background-position 2s ease 0.1s; font-size: 18px;}

.content-block01 .section-block01 .events li{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;}
.content-block01 .section-block01 .events li:last-child{margin-bottom: 0;}
.content-block01 .section-block01 .events li .events-txt{width: 60%;}
.content-block01 .section-block01 .events li .events-txt .events-ttl{text-align: center; font-size: 28px; font-weight: bold; color: #004831; margin-bottom: 30px;}
.content-block01 .section-block01 .events li .events-txt .events-sentence{font-size: 16px;}
.content-block01 .section-block01 .events li .events-txt .events-sentence span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226, 239, 188, 1) 50%, rgb(226, 239, 188) 50%); transition: background-position 2s ease 0.1s; font-size: 18px;}
.content-block01 .section-block01 .events li .events-img{width: 35%;}
.content-block01 .section-block01 .events li .events-img .events-pic{text-align: center; padding-top: 60px;}
.content-block01 .section-block01 .events li .events-btn a{display: block; background: #004831; box-shadow: 0px 10px 10px 0px rgba(0, 72, 49, 0.3); color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; max-width: 500px; margin: 40px auto 20px; padding: 25px 0; border-radius: 60px; position: relative;}
.content-block01 .section-block01 .events li .events-btn a:hover{background: #003927;}
.content-block01 .section-block01 .events li .events-btn a::before {background: url(/aboutus/sustainability/imgs/img_edu_25.png); content: ""; width: 17px; height: 17px; position: absolute; right: 10%; top: 40%;}

.content-block01 .section-block01 .others-ttl{text-align: center; font-size: 28px; font-weight: bold; line-height: 1em; color: #004831; background: #f3f8f6; margin-bottom: 20px; padding: 30px 0;}
.content-block01 .section-block01 .others-txt{width: 95%; margin: 0 auto 80px; font-size: 16px;}
.content-block01 .section-block01 .others-txt span{display: inline; background-position: left -100% center; padding-bottom: 0.6em; background-size: 200% 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(226, 239, 188, 1) 50%, rgb(226, 239, 188) 50%); transition: background-position 2s ease 0.1s; font-size: 18px;}
.content-block01 .section-block01 .tours li{display: flex; flex-wrap: wrap; justify-content: space-between; width: 95%; margin:0 auto 70px;}
.content-block01 .section-block01 .tours li:last-child{margin-bottom: 0;}
.content-block01 .section-block01 .tours li .tours-txt{width: 60%; position: relative;}
.content-block01 .section-block01 .tours li .tours-txt .tours-sentence{font-size: 16px;}
.content-block01 .section-block01 .tours li .tours-txt .tours-list li{margin: 0; font-size: 16px; text-indent: -2em; padding-left: 2em;}
.content-block01 .section-block01 .tours li .tours-img{width: 35%;}
.content-block01 .section-block01 .tours li .tours-img .tours-pic{text-align: center;}
.content-block01 .section-block01 .tours li .tours-btn{position: absolute; width: 100%; bottom: 0;}
.content-block01 .section-block01 .tours li .tours-btn a{display: block; background: #004831; box-shadow: 0px 10px 10px 0px rgba(0, 72, 49, 0.3); color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; max-width: 500px; margin: 0 auto; padding: 25px 0; border-radius: 60px; position: relative;}
.content-block01 .section-block01 .tours li .tours-btn a:hover{background: #003927;}
.content-block01 .section-block01 .tours li .tours-btn a::before {background: url(/aboutus/sustainability/imgs/img_edu_25.png); content: ""; width: 17px; height: 17px; position: absolute; right: 10%; top: 40%;}

.float-box{position: fixed; bottom: 0; width: 100%; background: #fff; padding: 18px 0 15px;}
.float-box .orange-btn a{display: block; background: #fa8200; box-shadow: 0px 10px 10px 0px rgba(238, 120, 0, 0.3); color: #fff; font-size: 16px; text-align: center; text-decoration: none; max-width: 700px; margin: 0 auto; padding: 30px 0; border-radius: 60px;}
.float-box .orange-btn a:hover{background: #ee7800;}

@media screen and (max-width: 1300px) {
.content-block01 .section-block01 .movie-box .movie-content{max-width: 650px; padding-bottom: 36.3%;}
}

@media screen and (max-width: 767px) {
.dis_pc{display: none;}
.dis_sp{display: block;}
  
.content-block01 .inner ._inner-molecule{display: block; margin-bottom: 21.3vw}
.content-block01 .inner ._inner-molecule .inner-molecule-img{width: 100%;}
.content-block01 .inner ._inner-molecule .inner-molecule-txt{width: 100%; font-size: 4.2vw;}
.content-block01 .inner ._inner-molecule .inner-molecule-txt span{font-size: 4.8vw; font-weight: bold;}

.content-block01 .inner .anchor-box {display: block;}
.content-block01 .inner .anchor-box-01{margin-bottom: 0;}
.content-block01 .inner .anchor-box li{margin-bottom: 6.6vw;}
.content-block01 .inner .anchor-box-02 li:last-child{margin-bottom: 0;}
.content-block01 .inner .anchor-box-01 li{width: 100%;}
.content-block01 .inner .anchor-box-02 li{width: 100%;}
.content-block01 .inner .anchor-box li a{font-size: 4.2vw; padding-bottom: 6.6vw;}
.content-block01 .inner .orange-btn a{font-size: 4.2vw; margin: 16.5vw auto 0; padding: 6.6vw 0;}

.content-block01 .section-block01 .content-txt{font-size: 4.2vw;}
.content-block01 .section-block01 .content-txt span{font-size: 4.8vw; font-weight: bold;}
  
.content-block01 .section-block01 .movie-box{margin-top: 16vw;}
.content-block01 .section-block01 .movie-box .movie-ttl{font-size: 5.3vw; margin-bottom: 5.3vw;}
.content-block01 .section-block01 .movie-box .movie-ico{left: 0; top: -13.3vw; width: 20%;}
.content-block01 .section-block01 .movie-box .movie-content{padding-bottom: 56.2%;}

.content-block01 .section-block01 .graph-img{margin-top: 5.3vw;}
  
.content-block01 .section-block01 .education-ttl{font-size: 6.8vw; margin: 8vw 0; padding: 8vw 0; line-height: 1.25em;}
.content-block01 .section-block01 .education-box{display: block; width: 100%; margin:0 auto 13.3vw;}
.content-block01 .section-block01 .education-box .education-txt{width: 100%;}
.content-block01 .section-block01 .education-box .education-txt .education-tag{display: flex; flex-wrap: wrap; width: 90%; margin:0 auto 4vw;}
.content-block01 .section-block01 .education-box .education-txt .education-tag li{width: 45%; font-size: 4.2vw; margin: 0 2vw 4vw; padding: 4vw 0;}
.content-block01 .section-block01 .education-box .education-txt .education-sentence{font-size: 4.2vw; margin-bottom: 8vw;}
.content-block01 .section-block01 .education-box .education-txt .education-txt-img{text-align: center; margin-bottom: 8vw;}
.content-block01 .section-block01 .education-box .education-txt .education-comment{display: block;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico{width: 100%; position: relative; padding-top: 0;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico .comment-ico-ttl{font-size: 3.2vw;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico .comment-ico-img {margin-bottom: 5.3vw;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-ico .comment-ico-txt{font-size: 3.2vw; color: #004831; position: absolute; right: 10%; bottom: 0;}  
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt{width: 100%; padding: 5.3vw; position: relative;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(90, 230, 40, 0); border-top-width:10px; border-bottom-width:10px; border-left-width:15px; border-right-width:15px; margin-left: -30px; border-bottom-color:#fff; top:-10px; right:45%;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt .comment-txt-sentence{font-size: 4.2vw;}
.content-block01 .section-block01 .education-box .education-txt .education-comment .comment-txt .comment-txt-sentence span{font-size: 4.8vw; font-weight: bold;}

.content-block01 .section-block01 .game-ttl{font-size: 5.5vw; margin: 6vw 0; padding: 8vw 0; line-height: 1.25em;}
.content-block01 .section-block01 .game-txt{font-size: 4.2vw; padding-left: 0; margin-bottom: 5.3vw;}
.content-block01 .section-block01 .game-img{text-align: center; margin-bottom: 5.3vw;}
.content-block01 .section-block01 .game-note{text-align: left; font-size: 3.7vw; text-indent: -1em; padding-left: 1em;}
.content-block01 .section-block01 .game-btn a{font-size: 4.2vw; margin: 8vw auto 5.3vw; padding: 2.6vw 0;}
.content-block01 .section-block01 .game-btn a::before {position: absolute; right: 5%; top: 40%;}
  
.content-block01 .section-block01 .teachers{padding: 8vw 5.3vw; margin: 8vw -4.8vw 0;}
.content-block01 .section-block01 .teachers .teachers-opinion{padding: 8vw 5.3vw;}
.content-block01 .section-block01 .teachers .teachers-opinion li{display: block; padding-bottom: 8vw; margin-bottom: 8vw;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img{width: 100%; position: relative; padding-bottom: 8vw;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img .opinion-img{margin-bottom: 0;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-img .opinion-attribute{font-size: 3.2vw; position: absolute; bottom: 7.2vw; right: 8%;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt{width: 100%;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt .opinion-txt{font-size: 4.2vw;}
.content-block01 .section-block01 .teachers .teachers-opinion li .teachers-opinion-txt .opinion-txt span{font-size: 4.8vw; font-weight: bold;}
  
.content-block01 .section-block01 .events li{display: block; margin-bottom: 13.3vw;}
.content-block01 .section-block01 .events li .events-txt{width: 100%; margin-bottom: 10.6vw;}
.content-block01 .section-block01 .events li .events-txt .events-ttl{font-size: 6.4vw; margin-bottom: 8vw;}
.content-block01 .section-block01 .events li .events-txt .events-sentence{font-size: 4.2vw;}
.content-block01 .section-block01 .events li .events-txt .events-sentence span{font-size: 4.8vw; font-weight: bold;}
.content-block01 .section-block01 .events li .events-img{width: 100%;}
.content-block01 .section-block01 .events li .events-img .events-pic{text-align: center; padding-top: 0;}
.content-block01 .section-block01 .events li .events-btn a{font-size: 4.2vw; margin: 8vw auto 0; padding: 4.2vw 0;}
.content-block01 .section-block01 .events li .events-btn a::before {position: absolute; right: 5%; top: 40%;}
  
.content-block01 .section-block01 .others-ttl{font-size: 6.8vw; margin-bottom: 8vw; padding: 8vw 0; line-height: 1.25em;}
.content-block01 .section-block01 .others-txt{width: 100%; margin: 0 0 21.3vw; font-size: 4.2vw;}
.content-block01 .section-block01 .others-txt span{font-size: 4.8vw; font-weight: bold;}
.content-block01 .section-block01 .tours li{display: flex; width: 100%; margin:0 0 13.3vw;}
.content-block01 .section-block01 .tours li .tours-txt{width: 100%; margin-bottom: 8vw;}
.content-block01 .section-block01 .tours li .tours-txt .tours-sentence{font-size: 4.2vw;}
.content-block01 .section-block01 .tours li .tours-txt .tours-list li{margin: 0; font-size: 4.2vw; text-indent: -2em; padding-left: 2em;}
.content-block01 .section-block01 .tours li .tours-img{width: 100%;}
.content-block01 .section-block01 .tours li .tours-img .tours-pic{margin-bottom: 8vw;}
.content-block01 .section-block01 .tours li .tours-btn{position: static; width: 100%; bottom: 0;}
.content-block01 .section-block01 .tours li .tours-btn a{font-size: 4.2vw; padding: 4.2vw 0; position: relative;}
.content-block01 .section-block01 .tours li .tours-btn a::before {position: absolute; right: 5%; top: 40%;}
  
.float-box{padding: 4vw 4.8vw;}
.float-box .orange-btn a{font-size: 4.2vw; margin: 0 auto; padding: 6.6vw 0;}
  
}