@charset "UTF-8";

.trip_allwrap_ja {font-family: "Noto Sans JP", sans-serif;}
.trip_allwrap_en {font-family: "Noto Sans", sans-serif;}
.trip_allwrap_tw {font-family: "Noto Sans TC", sans-serif;}
.trip_allwrap_en .course_cards .course_card_content {font-family: oswald, sans-serif;font-weight: 300;}
.trip_allwrap_en .course_cards .course_card_content h4 {font-weight: 500;}
.trip_allwrap_en .course_cards .course_card p {font-family: "Noto Sans", sans-serif;}
@media screen and (min-width: 840px) {
.jose {font-family: "Josefin Sans", sans-serif;}
.osw {font-family: oswald;font-weight: 300;}
.cont1300 {width: 90vw;max-width: 1300px;margin: 0 auto;}
.main_visual {width: 100%;height: 100vh;max-height: 940px;background: url(../assets/index/main_1.webp) center bottom / cover;background-position: center;position: relative;overflow: hidden;z-index: 3;box-shadow: #889 0 0 20px;}
.main_visual_medal {position: absolute;top: 14vh;right: 5vw;width: 18vw;max-width: 300px;z-index: 10;line-height: 0;}
.main_visual_medal img {width: 100%;height: auto;filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.35));}

.main_visual_content {position: absolute;bottom: 7%;left: 3.5%;width: 58%;z-index: 10;max-width: 850px;}
.main_visual_content_en {width: 62%!important;max-width: 930px!important;}
.main_visual_content h1 {width: 100%;line-height: 0;display: flex;flex-direction: column;align-items: flex-start;gap: 20px;margin-bottom: 20px;padding-left: 2%;}
.main_visual_content h1 img {display: block;height: auto;}
.main_visual_content_en .main_visual_title_1 {width: 45%;}
.main_visual_title_1 {width: 56%;margin-left: 1%;}
.main_visual_title_2 {width: 100%;filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 1));}
.main_visual_subtitle {display: inline-block;margin-top: 10px;padding: 8px 16px;color: #666;border: 1px solid #666;font-size: 16px;line-height: 160%;letter-spacing: 0.05em;text-shadow: 0 1px 6px rgba(255, 255, 255, 0.7);box-shadow: 0 2px 10px rgba(255, 255, 255, 0.4);margin-left: 2%;}

.main_visual_illust {position: absolute;right: 4%;bottom: 7%;z-index: 10;width: 27vw;}
.main_visual_illust_items {display: flex;flex-direction: column;align-items: flex-end;gap: 10px;}
.main_visual_illust_items img {max-width: 350px;height: auto;display: block;width: 100%;}

.main_visual_withtankai {position: absolute;top: -6.5vw;right: 0;width: 14vw;max-width: 200px;z-index: 11;line-height: 0;}
.main_visual_withtankai img {width: 100%;height: auto;}
.main_visual .osw {font-size: 14vw;color: #ffc;font-weight: 300;opacity: 0.15;position: absolute;white-space: nowrap;bottom: -10px;left: 0;text-align: center;line-height: 1;width: 100%;letter-spacing: 1vw;z-index: 5;}
.model_course {text-align: left;padding: 65px 0 120px 0;}

.heading_wrap {margin-bottom: 55px;}
.heading_wrap h2 {font-size: clamp(64px,6vw,90px);color: #6576BE;font-weight: 700;background: url(../../../../../../assets/ss/top/kamome.svg) right top / 120px auto no-repeat;padding: 0 135px 0 0;display: inline-block;line-height: 1;margin: 0;white-space: nowrap;}
.heading_wrap div {display: flex;flex-wrap: nowrap;gap: 0 2%;justify-content: flex-start;align-items: center;}
.heading_wrap h3 {font-size: 27px;font-weight: 600;color: #393939;line-height: 1.1;display: inline-block;}
.heading_wrap h3 .osw {font-size: 16px;font-weight: 300;padding: 0 20px;letter-spacing: 1px;color: #666;display: inline-block;}

.course_cards {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 50px 0;}
.course_card {width: 48.5%;position: relative;}
.course_card p {width: 96%;margin: 0 auto;font-size: 15px;line-height: 200%;}
.course_card img {width: 100%;border-radius: 60px 60px 0 0;}
.course_label {position: absolute;top: 30px;left: 30px;color: #fff;font-size: 27px;font-weight: bold;border-radius: 50%;width: 70px;height: 70px;white-space: nowrap;display: flex;align-items: center;justify-content: center;letter-spacing: -1px;}
.one_day {background: #F15A24;}
.half_day {background: #F7931E;}
.course_card_content {padding: 30px 0 0 0;width: 86%;background-color: #fff;border-radius: 30px;display: block;margin: -30px auto 15px auto;position: relative;text-align: center;}
.course_card_content div {font-size: clamp(17px,2vw,20px);letter-spacing: 1px;color: #444;margin-bottom: 5px;}
.course_card_content h4 {font-size: clamp(25px,2.5vw,36px);font-weight: 600;letter-spacing: 2px;line-height: 1.4;margin-bottom: 4px;}
.course_card_content .osw {font-size: 14px;font-weight: 300;color: #898989;letter-spacing: 2px;}
}

@media screen and (max-width: 840px) {
.jose {font-family: "Josefin Sans", sans-serif;line-height: 200%;}
.osw {font-family: oswald;font-weight: 300;}
.cont1300 {width: 90vw;margin: 0 auto;line-height: 200%;}
.main_visual {width: 100%;height: 75vh;background: url(../assets/index/main_sp.webp) center bottom / cover;background-position: center bottom;position: relative;overflow: hidden;z-index: 3;box-shadow: #889 0 0 20px;line-height: 200%;}
.main_visual_medal {position: absolute;top: 15vh;left: 5vw;width: 28vw;z-index: 10;line-height: 0;}
.main_visual_medal img {width: 100%;height: auto;filter: drop-shadow(0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.35));}

.main_visual_content {position: absolute;bottom: 6.5vw;left: 5vw;width: 90%;z-index: 10;line-height: 200%;}
.main_visual_content h1 {width: 100%;line-height: 0;display: flex;flex-direction: column;align-items: flex-start;gap: 2vw;margin-bottom: 1.5vw;}
.main_visual_content h1 img {display: block;height: auto;}
.main_visual_title_1 {width: 53%;margin-left: 1%;}
.main_visual_title_2 {width: 100%;filter: drop-shadow(0.3vw 0.3vw 1.5vw rgba(0, 0, 0, 1));}
.main_visual_subtitle {display: inline-block;margin-top: 3vw;padding: 1vw 3.5vw;color: #222;border: 1px solid #555;font-size: 2.6vw;line-height: 160%;letter-spacing: 0.05em;text-shadow: 0 0.3vw 1vw rgba(255, 255, 255, 1);box-shadow: 0 0.5vw 1.5vw rgba(255, 255, 255, 0.4);margin-left: 0vw;}

.main_visual_illust {position: absolute;right: 4vw;bottom: 37vw;z-index: 10;}
.main_visual_illust_items {display: flex;flex-direction: column;align-items: flex-end;gap: 2vw;}
.main_visual_illust_items img {width: 30vw;height: auto;display: block;}
.main_visual_illust_items img:nth-child(2) {display: none;}

.main_visual_withtankai {display: none;}

.main_visual .osw {font-size: 15vw;color: #ffc;font-weight: 300;opacity: 0.15;position: absolute;white-space: nowrap;bottom: -1.5vw;left: 0;text-align: center;line-height: 1;width: 100%;letter-spacing: 1vw;z-index: 5;}
.model_course {text-align: left;padding: 9vw 0 15vw 0;line-height: 200%;}
.heading_wrap {margin-bottom: 7vw;line-height: 200%;}
.heading_wrap h2 {font-size: 8.5vw;color: #6576BE;font-weight: 700;background: url(../../../../../../assets/ss/top/kamome.svg) right top / 15vw auto no-repeat;padding: 0 17vw 1vw 0;display: inline-block;line-height: 1;margin: 0;white-space: nowrap;}
.heading_wrap h3 {font-size: 4vw;font-weight: 600;color: #393939;line-height: 1.1;}
.heading_wrap h3 .osw {font-size: 2.3vw;font-weight: 300;padding: 0 2.5vw;letter-spacing: 0.1vw;color: #999;}
.course_cards {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 4%;}
.course_card {width: 100%;position: relative;margin-bottom: 3vw;}
.course_card img {width: 100%;border-radius: 6vw 6vw 0 0;}
.course_label {position: absolute;top: 4vw;left: 4vw;color: #fff;font-size: 5.1vw;font-weight: bold;border-radius: 50%;width: 12vw;height: 12vw;white-space: nowrap;display: flex;align-items: center;justify-content: center;letter-spacing: 0;}
.one_day {background: #F15A24;}
.half_day {background: #F7931E;}
.course_card_content {padding: 4vw 0 0 0;width: 90%;background-color: #fff;border-radius: 3vw;margin: -7vw auto 0 auto;display: block;position: relative;text-align: center;line-height: 200%;}
.course_card_content div {font-size: 3.3vw;letter-spacing: 0vw;color: #444;margin-bottom: 1vw;line-height: 140%;}
.course_card_content h4 {font-size: 5.6vw;font-weight: 600;letter-spacing: 0.4vw;line-height: 1.4;margin-bottom: 0;}
.trip_allwrap_en .course_card_content h4 {margin-bottom: 2vw!important;}
.course_card_content .osw {font-size: 2.6vw;font-weight: 300;color: #898989;letter-spacing: 0.3vw;line-height: 150%;margin-bottom: 2vw;}
.course_card p {width: 96%;margin: 0 auto 3vw auto;}
.trip_allwrap_en .course_card p {line-height: 170%!important;}
}