@charset "UTF-8";

/*common
============================*/
body {
	font-size: 1.6rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	color: #333333;
	background-color: #FFFFFF;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.Main__inner {
	max-width: 1920px;
	margin: 0 auto;
}
.flexContainer {
	display: flex;
}
ul {
	list-style:none;
}
.wrap {
	flex-wrap: wrap;
}
.contentsInner {
	margin: 0 80px;
}
.icon_01 {
	display: inline-block;
	margin: 0!important;
	padding: 0 17px;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	background-color: #718946;
	border-radius: 5px;
}
.sec_01 .sec01_inner h2,
.sec_02 .sec02_inner h2 {
	margin: 15px 0;
	color: #718946;
	font-size: 4.4rem;
	font-weight: bold;
	border-bottom: 3px solid #333333;
	text-shadow: 
    0.3px 0.3px 0, 
    0.3px -0.3px 0px,
    -0.3px 0.3px 0,
    -0.3px -0.3px 0px,
    0.3px 0px 0px,
    0px 0.3px 0px,
    -0.3px 0px 0px,
    0px -0.3px 0px;
  letter-spacing: 1px;
}
.spOnly,
.spOnly_flex {
  display: none;
}
.pcOnly {
	display: block;
}
.pcOnly_partially {
	display: block;
}
/*common
============================*/


/*kv
============================*/
.Header {
	position: relative;
	z-index: 999;
}
.wrapper {
	position: relative;
}
.kv {
	position: absolute;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	width: 812px;
	height: 404px;
	margin: 0 auto;
	text-align: center;
	background: url("/med/feature/abroad/easterisland/cmn/img/kvTit_bg01.png") no-repeat;
	overflow: hidden;
	opacity: 0;
	z-index: 5;
}
.kv .kvTit_01,
.kv .kvTit_02,
.kv .kvTit_03 {
	margin-top: 15px;
	opacity: 0;
}
.wrapper .anim-box.slide-skew.is-animated {
  animation: slide-skew 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes slide-skew {
  0% {
    transform: translate(0,-450px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
.sliderKv.anim-box.fadein {
  animation: fadeIn 6s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
.anim-box.fadein.is-animated_02 {
  animation: fadeIn 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-box.slidein.is-animated_02 {
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
.sliderKv {
	margin: 0!important;
	padding-left: 0!important;
}
/*kv
============================*/


/*sec_01
============================*/
.sec_01 {
	position: relative;
	height: 790px;
	background: url("/med/feature/abroad/easterisland/cmn/img/bg_01.jpg");
}
.sec_01::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	max-width: 1217px;
	width: 1217px;
	height: 94vh;
	background: url("/med/feature/abroad/easterisland/cmn/img/map_03.png") no-repeat;
	z-index: 5;
}
.sec_01 .bgOverlay {
	position: relative;
	max-width: 56%;
	height: 790px;
	background-color: rgb(255,255,255,.6);
	z-index: 10;
}
.sec_01 .imgAnnotation_inner {
	margin: 0 0 0 40px!important;
	font-size: 1.4rem;
	font-family: "Noto Serif JP", serif;
}
.sec_01 .sec01_inner {
	margin-left: 80px;
	padding: 30px 44px 0 0;
}
.sec_01 .sec01_inner h2 span:not(.smallTxt) {
	position: relative;
  display: inline;
  background: linear-gradient(transparent 60%, #ffea00 50%);
}
.sec_01 .sec01_inner h2 span:not(.smallTxt)::after {
	content: "";
  position: absolute;
	top: -35%;
	left: -6%;
	width: 37px;
	height: 100%;
	background: url("/med/feature/abroad/easterisland/cmn/img/icon_02.png") no-repeat;
}
.sec_01 .sec01_inner h2 .smallTxt {
	font-size: 3rem;
}
.sec_01 .sec01_inner .txt {
	color: #3e3e3e;
	font-size: 2.5rem;
}
.sec_01 .sec01_inner .moveBg {
	position: relative;
	height: 207px;
}
.sec_01 .sec01_inner .sec01_bg01 {
	position: absolute;
	top: -15%;
	left: -80px;
	width: 810px;
	height: 205px;
	background: url("/med/feature/abroad/easterisland/cmn/img/img_01.png") no-repeat;
	opacity: 0;
}
.sec_01 .sec01_inner .anim-box.slide-skew.is-animated {
  animation: slide-skew-left 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes slide-skew-left {
  0% {
    transform: translate(-810px,50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}
.sec_01 .sec01_inner .sec01_bg02 {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 363px;
	height: 109px;
	background: url("/med/feature/abroad/easterisland/cmn/img/img_02.png") no-repeat;
}
.anim-box.sway.is-animated {
  animation: sway .5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}
@keyframes sway {
  0% {
    transform: translateX(140px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
  }
  65% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0);
  }
  20%,100% {
    opacity: 1;
  }
}
.sec_01 .sec01_inner figure {
	margin-right: 30px;
	filter: drop-shadow(2px 2px 2px #ACACAC);
}
.sec_01 .sec01_inner figure:last-of-type {
	margin-right: 0;
}
.sec_01 .courseBtnTop {
	position: absolute;
	top: 10px;
	right: 0;
	max-width: 472px;
	width: 100%;
	background-color: #7a7a62;
	border-radius: 10px 0 0 10px;
	filter: drop-shadow(2px 2px 3px #556735);
	z-index: 10;
	overflow: hidden;
}
.sec_01 .courseBtnTop::before {
	content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
}
@keyframes shine {
	75% {
	  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	}
	100% {
		left: 110%;
	}
}
.sec_01 .courseBtnTop::after {
	content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3%;
  border: 9px solid transparent;
  border-left: 16px solid #fff;
}
.sec_01 .courseBtnTop a {
	display: inline-block;
	padding: 20px 55px 20px 25px;
	color: #fff;
	font-size: 3.0rem;
	font-weight: bold;
}
/*sec_01
============================*/


/*imgArea
============================*/
.imgArea {
	background-color: #718946;
	color: #ffffff;
}
.imgArea .imgContainer {
	max-width: 870px;
	margin: 50px 0 47px;
	justify-content: center;
}
.imgArea .imgContainer:nth-of-type(2n+1) {
	margin-right: 20px;
}
.imgArea .imgContainer figure {
	max-width: 425px;
	min-width: 315px;
	border-radius: 10px;
	filter: drop-shadow(2px 2px 3px #556735);
}
.imgArea .imgContainer figure img {
	border-radius: 10px;
}
.imgArea .imgContainer .txtContainer {
	max-width: 424px;
	margin-left: 20px;
}
.imgArea .yellowTit {
	color: #fae602;
	font-size: 2.4rem;
	font-weight: bold;
}
.imgArea .thumbnailSlider {
	max-width: 425px;
	filter: drop-shadow(2px 2px 3px #556735);
}
.imgArea .thumbnailSlider .swiper-button-next,
.imgArea .thumbnailSlider .swiper-button-prev {
	top: 47.5%;
	width: 35px;
  height: 64px;
	color: #fff;
	background-color:rgba(51,3,0,0.5);
	opacity: .8;
}
.imgArea .thumbnailSlider .swiper-button-next{
	right: 0;
}
.imgArea .thumbnailSlider .swiper-button-prev {
	left: 0;
}
.imgArea .thumbnailSlider .swiper img {
	border-radius: 10px;
}
.imgArea .thumbnailSlider .slider-thumbnail {
	margin-top: 4px;
	padding: 0 3px;
}
.imgArea .thumbnailSlider .slider-thumbnail .swiper-slide {
	width:calc(100% / 3 - 1px)!important;
	margin-right: 3px;
}
.imgArea .thumbnailSlider .slider-thumbnail .swiper-slide:last-of-type {
	margin-right: 0;
}
.imgArea .thumbnailSlider .swiper-slide-thumb-active {
	border: 2px solid #c3c3c3;
	border-radius: 10px;
}
/*imgArea
============================*/


/*bnrArea
============================*/
.bnrArea {
	text-align: center;
}
.bnrArea .redTxt {
	position: relative;
	margin: 20px 0 0 0;
	color: #db0505;
	font-size: 4.5rem;
	font-weight: bold;
    /*padding-bottom: 20px;*/
	line-height: 1.4;
}
.bnrArea .redTxt::after {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	margin: auto;
	width: 700px;
	height: 34px;
	background: url("/med/feature/abroad/easterisland/cmn/img/txtUnderLine.png") no-repeat;
	background-size: contain;
}
.bnrArea .redTxt span.smaller {
	font-size: 3rem;
}
.bnrArea .redTxt span.underLine {
	display: inline;
  background: linear-gradient(transparent 60%, #ffea00 50%);
}
.bnrArea .bnrImg {
	display: inline-block;
	margin: 85px 0 60px;
	background-color: #fff;
	border-radius: 10px;
	filter: drop-shadow(2px 2px 2px #ACACAC);
}
.anim-box.swayInfinite {
  animation: swayInfinite 3s ease-out infinite;
  opacity: 1;
}
@keyframes swayInfinite {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/*bnrArea
============================*/


/*sliderInfinite
============================*/
.sliderInfinite {
	margin: 0;
	padding-left: 0;
}
/*sliderInfinite
============================*/


/*sec_02
============================*/
.sec_02 {
	padding-bottom: 50px;
	background: url("/med/feature/abroad/easterisland/cmn/img/bg_02.jpg");
}
.sec_02 .sec02_inner {
	max-width: 945px;
	padding-top: 52px;
}
.sec_02 .sec02_inner .txt {
	margin: 20px 0 30px;
	font-size: 2rem;
}
/*sec_02
============================*/


/*mapArea
============================*/
.mapArea {
	position: relative;
	margin: 0 40px;
	background: url("/med/feature/abroad/easterisland/cmn/img/bg_03.png") no-repeat;
	border-radius: 10px;
}
.mapArea h3 {
	position: absolute;
  top: 6%;
  left: 3%;
}
.mapArea .mapContainer {
	padding: 60px 20px 0;
	justify-content: flex-end;
}
.mapArea .mapContainer .txtContainer {
	max-width: 444px;
	color: #808069;
	font-size: 1.7rem;
	font-weight: bold;
}
.mapArea .mapContainer .txtContainer p {
	margin: 0;
}
.mapArea .mapContainer .flexContainer {
	align-items: flex-start;
	margin-bottom: 15px;
}
.mapArea .mapContainer .flexContainer:last-of-type {
	margin-bottom: 0;
}
.mapArea .mapContainer .map {
	margin-right: 60px;
	opacity: 0;
}
.anim-box.zoomin.is-animated {
  animation: zoomIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes zoomIn {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.mapArea .mapContainer .txtContainer h4 {
	margin: 20px;
	font-size: 2.4rem;
}
.mapArea .mapContainer .txtContainer .icon_02 {
	max-width: 70px;
	width: 100%;
	margin-right: 18px;
	padding: 2px 0;
	color: #fff;
	text-align: center;
	background-color: #718946;
}
.mapArea .spotArea {
	margin: 40px 0 0;
	padding: 0 30px;
}
.mapArea .spotArea li {
	position: relative;
	max-width: 425px;
	width: 100%;
	margin-right: 20px;
	background-color: #fff;
	border-radius: 10px;
	filter: drop-shadow(2px 2px 2px #ACACAC);
	opacity: 0;
}
.mapArea .spotArea li:last-of-type {
	margin-right: 0;
}
.mapArea .spotArea li img {
	border-radius: 10px 10px 0 0;
}
.mapArea .spotArea li ._img {
	position: relative;
}
.mapArea .spotArea li h4 {
	position: absolute;
	top: 88%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 370px;
	width: 100%;
	padding: 7px 0;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #718946;
	border-radius: 10px;
}
.mapArea .spotArea li h4 span {
	position: relative;
}
.mapArea .spotArea li h4 span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -25px;
	width: 18px;
	height: 26px;
	transform: translateY(-50%);
	background: url("/med/feature/abroad/easterisland/cmn/img/icon_01.png") no-repeat;
}
.mapArea .spotArea li ._txt {
	padding: 30px 25px 0;
}
/*mapArea
============================*/


/*仮に旅行説明会の枠が消えた際は、index側のdata-colを2->1に変更することで制御可能*/
.dualSection[data-col="1"] section {
	width: 100%;
}
  /*▼旅行説明会削除　＋　PC時のQ＆A幅縮小*/
  @media screen and (min-width:768px) {
    .dualSection[data-col="1"] section {
    width: 60%;
    margin: 0 auto;
    }
  }
  /*▲---------------------------*/
.dualSection[data-col="2"] section {
	width: 50%;
}
/*sec_03
============================*/
.sec_03 {
	position: relative;
	padding: 0 80px;
	color: #fff;
	background-color: #718946;
}
.sec_03 h2 {
	margin: 40px 0 0;
	padding-bottom: 10px;
	font-size: 4.7rem;
	border-bottom: 2px solid #fff;
}
.sec_03 > .flexContainer {
	margin-top: 24px;
}
.sec_03 .txtContainer {
	max-width: 305px;
	width: 100%;
}
.sec_03 .txtContainer h3 {
	margin: 0 0 10px;
	font-size: 2.4rem;
}
.sec_03 .txtContainer h3 span {
	position: relative;
	display: inline-block;
  margin-left: 30px;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 1.2;
}
.sec_03 .txtContainer h3 span::after {
	border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: -13px;
  bottom: 25%;
	transform: translateY(-50%);
  transform: rotate(45deg);
  width: 10px;
}
.sec_03 .txtContainer h3 span a {
  color: #fff;
	text-decoration: underline;
}
.sec_03 .txtContainer .icon_03 {
	display: inline-block;
	margin: 0 0 16px;
	padding: 0 10px;
	color: #333333;
	font-weight: bold;
	background-color: #fbe602;
	border-radius: 5px;
}
.sec_03 .txtContainer .icon_04 {
	display: inline-block;
	margin: 0 0 16px;
	padding: 0 10px;
	color: #fff;
	font-weight: bold;
	background-color: #145DA0;
	border-radius: 5px;
}
.sec_03 .txtContainer p:not(.icon_03) {
	margin-top: 0;
}
.sec_03 .cassetteContainer .briefingLink_01_easter {
	margin-bottom: 20px;
	font-size: 1.4rem;
	background-color: #fff;
	border-radius: 10px;
}
.sec_03 .cassetteContainer {
	margin-left: 70px;
}
.sec_03 .cassetteContainer .briefingImg_01_easter {
	transition: .3s;
}
.sec_03 .cassetteContainer .briefingImg_01_easter img {
	object-fit: contain;
	border-radius: 10px 0 0 0;
}
.sec_03 .cassetteContainer .info-box_text {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 15px 30px 10px 35px;
}
.sec_03 .cassetteContainer .info-box_text::after {
  border-right: solid 1px #333333;
  border-top: solid 1px #333333;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 47%;
  transform: rotate(45deg);
	transition: .3s;
  width: 12px;
}
.sec_03 .cassetteContainer .info-box_text .info-box_date_box_inner {
  margin-top: 5px;
}
.sec_03 .cassetteContainer .briefingTit_01_easter {
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: underline;
}
.sec_03 .cassetteContainer .info-box_date_box .briefingDate_01_easter,
.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
	color: #626262;
	font-size: 1.4rem;
}
.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
	margin-left: 5px;
}
.sec_03 .cassetteContainer .briefingDetail_01_easter {
	position: relative;
	padding: 15px 20px 20px 20px;
	color: #626262;
	font-size: 1.3rem;
}
.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
	content: "";
	position: absolute;
	border-top: 1px solid #626262;
	top: 0;
	right: 6.5%;
	width: 60%;
}
/*▼コース詳細ボタンを【旅行説明会】の下に配置する場合*/
/*.sec_03 .btnContainer {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	text-align: center;
}
.sec_03 .btnContainer .yellowTxt {
	margin: 0 0 7px 0;
	color: #fbe602;
	font-size: 2.4rem;
}
.sec_03 .btnContainer .courseBtn {
	position: relative;
	max-width: 606px;
	width: 100%;
	margin: 0;
	padding: 20px 80px;
	background: #fff;
	color: #718946;
	border-radius: 10px;
	box-shadow: 0 0 0 3px #fff inset, 0 0 0 6px #718946 inset;
	box-sizing: border-box;
	filter: drop-shadow(2px 2px 3px #556735);
}
.sec_03 .btnContainer .courseBtn::after {
	content: "";
  position: absolute;
  top: 50%;
	transform: translateY(-50%);
  right: 3%; 
  border: 12px solid transparent;
  border-left: 21px solid #718946;
}
.sec_03 .btnContainer a {
	display: inline-block;
	width: 606px;
	color: #718946;
	font-size: 3.4rem;
	font-weight: bold;
}
*/
/*▲------------------------*/
/*▼コース詳細ボタンを【Q&A】の下に配置する場合*/
.Main .Main__content > .smallBnr {
	margin-bottom: 0;
	background-color: transparent;
}
/*.Main .Main__content > .smallBnr a .courseBtn {
  background: #718946;
  color: #fff;
  box-shadow: 0 0 0 3px #718946 inset, 0 0 0 6px #fff inset;
}
.Main .Main__content > .smallBnr a .courseBtn::after {
  border-left: 21px solid #fff;
}*/
.Main__content .btnContainer {
  background-color: #718946;
	text-align: center;
  padding: 40px 0;
  margin-bottom: 10px;
}
.Main__content .btnContainer .yellowTxt {
	margin: 0 0 7px 0;
	color: #fbe602;
	font-size: 2.4rem;
}
.Main__content .btnContainer .courseBtn {
	position: relative;
	/*max-width: 450px;*/
	max-width: 350px;
	width: 100%;
	margin: 0;
	padding: 20px 60px 20px 40px;
	background: #fff;
	color: #718946;
	border-radius: 10px;
	box-shadow: 0 0 0 3px #fff inset, 0 0 0 6px #718946 inset;
	box-sizing: border-box;
	filter: drop-shadow(2px 2px 3px #556735);
}
.Main__content .btnContainer .courseBtn::after {
	content: "";
  position: absolute;
  top: 50%;
	transform: translateY(-50%);
  right: 5%; 
  border: 7px solid transparent;
  border-left: 11px solid #718946;
}
.Main__content .btnContainer a {
	display: inline-block;
	width: 100%;
	color: #718946;
	font-size: 2rem;
	font-weight: bold;
}
.Main__content .btnContainer .btnUnit_02 {
	max-width: 550px;
	width: 100%;
	margin: 40px auto 0;
	color: #fff;
	font-size: 2.4rem;
	/*background-color: #f4e3ad;*/
	border-radius: 10px;
  background: #cc0000;
  background: -webkit-gradient(linear, left top, right top, from(#cc0000), color-stop(70%, #eb5514), to(#ffb900));
  background: -webkit-linear-gradient(left, #cc0000 0%, #eb5514 70%, #ffb900 100%);
  background: linear-gradient(90deg, #cc0000 0%, #eb5514 70%, #ffb900 100%);
	box-shadow: 0 0 0 3px #fff inset;
	filter: drop-shadow(2px 2px 3px #556735);
	overflow: hidden;
	opacity: .9;
}
.Main__content .btnContainer .btnUnit_02 a {
	width: 100%;
	padding: 20px 0;
	color: #fff;
}
.Main__content .btnContainer .btnUnit_02 a::before {
	content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
}
.Main__content .btnContainer .btnUnit_02 a:hover::before {
  animation: shine 1s;
}
@media screen and (max-width: 767px) {
  .Main__content .btnContainer .yellowTxt {
    font-size: 1.9rem;
  }
	.Main__content .btnUnit {
		margin-bottom: 15px;
	}
	.Main__content .btnUnit:last-of-type {
		margin-bottom: 0;
	}
  .Main__content .btnContainer .courseBtn {
    max-width: 315px;
    width: 315px;
    padding: 15px 10px 15px 0;
  }
  .Main__content .btnContainer .courseBtn::after {
    border: 6px solid transparent;
    border-left: 10px solid #718946;
  }
  .Main__content .btnContainer a {
    max-width: 315px;
    width: 100%;
    font-size: 1.45rem;
  }
	.Main__content .btnContainer .btnUnit_02 {
		max-width: 315px;
	}
	.Main__content .btnContainer .btnUnit_02 a {
    font-size: 1.4rem;
	}
}
@media screen and (min-width:768px) {
	/*.Main .Main__content > .smallBnr {
		margin-top: 30px;
	}*/
	.Main__content .btnContainer_inner {
		display: flex;
		justify-content: center;
		margin: 70px 70px 30px;
	}
	.Main__content #courseBtns .btnContainer_inner {
		margin: 30px 70px;
	}
  .Main__content .btnContainer .courseBtn:last-of-type {
		margin-right: 0;
	}
  .Main__content .btnContainer a:hover .courseBtn {
		background: #718946;
		color: #fff;
		box-shadow: 0 0 0 3px #718946 inset, 0 0 0 6px #fff inset;
	}
  .Main__content .btnContainer a:hover .courseBtn:last-of-type {
		margin-right: 0;
	}
  .Main__content .btnContainer a:hover .courseBtn::after {
		border-left: 11px solid #fff;
	}
}
/*▲------------------------*/
/*sec_03
============================*/


/*sec_04
============================*/
.sec_04 {
	padding: 0 80px;
}
.sec_04 h2 {
	margin: 40px 0 25px;
	font-size: 3rem;
  text-align: center;
}
.sec_04 .accordion {
  position: relative;
	margin-bottom: 36px;
}
.sec_04 .accordion_flex{
	display: flex;
}
.sec_04 .accordionTitle {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px 50px 5px 35px;
  border-bottom: 1px solid #bfbfbf;
}
.sec_04 .accordion_item{
	position: relative;
}
.sec_04 .Q_mark{
	margin-right: 20px;
}
.sec_04 .Q_mark::after{
	content: 'Q.';
  color: #db0505;
  display: inline-block;
  position: absolute;
  padding: 6px 10px 0;
	font-size: 2.6rem;
  left: 5px;
}
.sec_04 .A_mark{
	position: relative;
}
.sec_04 .A_mark::after{
	content: 'A.';
  color: #db0505;
  display: inline-block;
  position: absolute;
  padding: 6px 10px 0;
	font-size: 2.6rem;
	font-weight: bold;
	top: 10px;
  left: -14px;
}
.sec_04 .accordionItem:first-of-type > .accordionTitle{
  border-top: 1px solid #bfbfbf;
}
.sec_04 .accordionContent {
  display: none;
  max-width: 940px;
  padding: 10px 20px;
}
.sec_04 .accordionContent p {
  padding: 12px 0 15px 30px;
  margin-bottom: 1px;
  line-height: 1.5;
}
.sec_04 .accordionContent .icon_movie{
  background: #FDF9FF url("../images/recruit_ic_04.png") no-repeat 319px 17px;
}
.sec_04 .accordionContent p:last-of-type{
  margin-bottom: 0;
}
.sec_04 .accordionContent > p > a{
	color: #A064CB;
}
/* 矢印 */
.sec_04 .accordionTitle {
  position: relative;
}
.sec_04 .accordionTitle::before,
.sec_04 .accordionTitle::after {
  content: "";
  display: block;
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  background-color: #db0505;
  border-radius: 5px;
  top: 50%;
  right: 2%;
  bottom: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.sec_04 .accordionTitle::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sec_04 .accordionTitle.open::after {
  transform: rotate(0deg);
}
/*.sec_04
============================*/


/*others
============================*/
.area_button {
  background: #FFFFFF;
  text-align: center;
  margin-top: 40px;
}
.area_button__titbox__tit {
  font-size: 26px;
  color: #333333;
  margin: 10px 0 20px;
}
.redtext {
  color: #cc0d21;
}
.area_button__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 0;
  max-width: 760px;
}
.area_button__link li {
  width: 100%;
  max-width: 138px;
}
.area_button__link li a {
  text-align: center;
  position: relative;
  display: block;
  font-size: 17px;
  font-weight: bold;
  border: 2px solid #cc0d20;
  border-radius: 5px;
  padding: 10px 36px 9px 9px;
  width: 100%;
  color: #333333;
  box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
}
.area_button__link li a:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #cc0d21;
  content: "";
  width: 27px;
}
.area_button__link li a:after {
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  top: calc(50% - 4px);
  right: 10px;
  width: 8px;
  height: 8px;
}
/*others
============================*/


/*btn
============================*/
.-pagetop img{
  box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
  border-radius: 10px;
}
.-pagetop {
  display: inline-block;
  width: 100%;
  position: sticky;
  bottom: 30px;
  left: 0;
  right: 0px;
  margin: auto;
  z-index: 30;
  opacity: 0;
  pointer-events: none;
}
.-pagetop.-show {
  opacity: 1;
}
.-pagetop.-transition500 {
  transition: .5s ease;
}
.-pagetop .-pagetop_btn {
  bottom: 30px;
  width: 60px;
  font-size: 0;
  line-height: 0;
  margin: auto;
  margin-right: 3%;
  cursor: pointer;
  transition: .5s ease;
  pointer-events: auto;
	text-align: right;
}
/*btn
============================*/


/*pcOnly(min-width:768)
========================================================*/
@media screen and (min-width:768px) {
	.sec_01 .courseBtnTop:hover::before {
		animation: shine 1s;
	}
	.bnrArea .bnrImg a:hover {
		opacity: .7;
	}
	.sec_03 .txtContainer h3 span a:hover {
		text-decoration: none;
	}
	.sec_03 .cassetteContainer .briefingLink_01_easter a:hover .briefingImg_01_easter {
		transition: .3s;
		opacity: .7;
	}
	.sec_03 .cassetteContainer .briefingLink_01_easter a:hover .briefingTit_01_easter {
		text-decoration: none;
	}
	.sec_03 .cassetteContainer .briefingLink_01_easter a:hover .info-box_text::after {
		right: 10px;
		transition: .3s;
	}
	.sec_03 .btnContainer a:hover .courseBtn {
		background: #718946;
		color: #fff;
		box-shadow: 0 0 0 3px #718946 inset, 0 0 0 6px #fff inset;
	}
	.sec_03 .btnContainer a:hover .courseBtn::after {
		border-left: 21px solid #fff;
	}
	.sec_04 .accordionItem .accordionTitle:hover{
		background-color: #EBF3DD;
	}
	.area_button__link li a:hover {
		opacity: 0.7;
	}
	.Main__content .btnContainer .btnUnit {
		margin-right: 20px;
	}
	.Main__content .btnContainer .btnUnit:last-of-type {
		margin-right: 0;
	}
	.slider-thumbnail .swiper-slide {
		cursor: pointer;
	}
}


/*pcOnly (min-width:1440px) and (max-width:1536px)
========================================================*/
@media screen and (min-width:1440px) and (max-width:1536px) {
	/*common
	============================*/
	.icon_01 {
		font-size: 2rem;
	}
	/*common
	============================*/
	
	/*sec_01
	============================*/
	.sec_01,
	.sec_01 .bgOverlay {
		min-height: 600px;
    height: 100%;
	}
	.sec_01::after {
    max-width: 900px;
		height: 75vh;
    background-size: 100%;
	}
	.sec_01 .sec01_inner h2, .sec_02 .sec02_inner h2 {
		font-size: 3.3rem;
	}
	.sec_01 .sec01_inner h2 .smallTxt {
		font-size: 2rem;
	}
	.sec_01 .sec01_inner h2 span:not(.smallTxt)::after {
    top: -60%;
    left: -8%;
		transform: rotate(10deg);
	}
	.sec_01 .sec01_inner .txt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner .sec01_bg01 {
    background-size: 80%;
	}
	.sec_01 .sec01_inner .moveBg {
    position: relative;
    height: 170px;
	}
	.sec_01 .sec01_inner .flexContainer {
    width: 80%;
	}
	/*sec_01
	============================*/
	
	/*imgArea
	============================*/
	.imgArea .thumbnailSlider {
    max-width: 315px;
	}
	/*imgArea
	============================*/
	
	/*mapArea
	============================*/
	.mapArea .mapContainer {
    width: 80%;
		margin: 0 0 0 auto;
    padding: 180px 20px 0;
	}
	.mapArea .spotArea li h4 {
    max-width: 280px;
		font-size: 2rem;
	}
	/*mapArea
	============================*/
	
	
	/*sec_03
	============================*/
	.sec_03 {
    padding: 0 70px 0 80px;
	}
	.sec_03 .txtContainer {
    max-width: 240px;
	}
	.sec_03 .txtContainer h3 {
    font-size: 2rem;
	}
	.sec_03 .txtContainer h3 span {
		margin-left: 20px;
		font-size: 1.7rem;
	}
	.sec_03 .txtContainer .icon_03,
	.sec_03 .txtContainer .icon_04 {
    margin: 0 0 8px;
		padding: 4px 10px 3px;
	}
	.sec_03 .cassetteContainer {
    margin-left: 40px;
	}
	.sec_03 .cassetteContainer .info-box_text {
		padding: 15px 30px 10px 15px;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    right: 6.5%;
    width: 55%;
	}
	.sec_03 .cassetteContainer .info-box_date_box .briefingDate_01_easter,
	.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
    font-size: 1.3rem;
	}
	/*sec_03
	============================*/
	
	/*btn
	============================*/
	.Main__content .btnContainer .courseBtn {
		max-width: 400px;
		padding: 20px 60px 20px 40px;
	}
	.Main__content .btnContainer a {
		/*width: 400px;
		font-size: 2.1rem;*/
	}
	/*============================*/
}

/*pcOnly (min-width:1280px) and (max-width:1439px)
========================================================*/
@media screen and (min-width:1280px) and (max-width:1439px) {
	/*common
	============================*/
	.icon_01 {
		font-size: 2rem;
	}
	/*common
	============================*/
	
	/*kv
	============================*/
	.kv {
		top: -10%;
	}
	.kv .kvTit_01 {
		width: 20%;
		margin: 60px auto 0;
	}
	.kv .kvTit_02,
	.kv .kvTit_03 {
		width: 50%;
    margin: 15px auto 0;
	}
	/*kv
	============================*/
	
	/*sec_01
	============================*/
	.sec_01,
	.sec_01 .bgOverlay {
		min-height: 600px;
    height: 100%;
	}
	.sec_01::after {
    max-width: 800px;
		height: 66vh;
		top: 5%;
    background-size: 100%;
	}
	.sec_01 .sec01_inner h2, .sec_02 .sec02_inner h2 {
		font-size: 2.8rem;
	}
	.sec_01 .sec01_inner h2 .smallTxt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner h2 span:not(.smallTxt)::after {
    top: -65%;
    left: -9%;
		transform: rotate(10deg);
	}
	.sec_01 .sec01_inner .txt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner .sec01_bg01 {
    background-size: 80%;
	}
	.sec_01 .sec01_inner .moveBg {
    position: relative;
    height: 170px;
	}
	.sec_01 .sec01_inner .flexContainer {
    width: 80%;
	}
	/*sec_01
	============================*/
	
	/*imgArea
	============================*/
	.imgArea .thumbnailSlider {
    max-width: 315px;
	}
	.imgArea .yellowTit {
    font-size: 2rem;
	}
	/*imgArea
	============================*/
	
	/*mapArea
	============================*/
	.mapArea h3 {
    max-width: 480px;
    top: 4%;
	}
	.mapArea .mapContainer {
    width: 80%;
		margin: 0 0 0 auto;
    padding: 140px 20px 0;
	}
	.mapArea .mapContainer .txtContainer {
    font-size: 1.5rem;
	}
	.mapArea .spotArea li h4 {
    max-width: 230px;
		font-size: 1.7rem;
	}
	/*mapArea
	============================*/
	
	/*sec_03
	============================*/
	.sec_03 {
    padding: 0 70px 200px 80px;
	}
	.sec_03 .txtContainer {
    max-width: 210px;
	}
	.sec_03 .txtContainer h3 {
    font-size: 1.8rem;
	}
	.sec_03 .txtContainer h3 span {
		margin-left: 15px;
		font-size: 1.5rem;
	}
	.sec_03 .txtContainer .icon_03,
	.sec_03 .txtContainer .icon_04 {
    margin: 0 0 8px;
		padding: 4px 10px 3px;
		font-size: 1.4rem;
	}
	.sec_03 .cassetteContainer {
    margin-left: 40px;
	}
	.sec_03 .cassetteContainer .info-box_text {
		padding: 15px 30px 10px 10px;
	}
	.sec_03 .cassetteContainer .info-box_text::after {
    right: 15px;
	}
	.sec_03 .cassetteContainer .briefingTit_01_easter {
    font-size: 1.3rem;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    right: 6.5%;
    width: 50%;
	}
	.sec_03 .cassetteContainer .info-box_date_box .briefingDate_01_easter,
	.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
    font-size: 1.1rem;
	}
	.sec_03 .btnContainer a {
    width: 500px;
    font-size: 2.6rem;
	}
	.sec_03 .btnContainer .courseBtn::after {
    right: 5%;
    border: 9px solid transparent;
    border-left: 17px solid #718946;
	}
	/*sec_03
	============================*/
	
	/*btn
	============================*/
	.Main__content .btnContainer .courseBtn {
		/*max-width: 350px;
		padding: 20px 50px;*/
		max-width: 286px;
		padding: 20px 45px 20px 20px;
		font-size: 2rem;
	}
	.Main__content .btnContainer a {
		/*width: 350px;*/
	}
	/*============================*/
}

/*tablet - pcOnly (min-width:768px) and (max-width:1279px)
========================================================*/
@media screen and (min-width:768px) and (max-width:1279px) {
	/*common
	============================*/
	.icon_01 {
		font-size: 2rem;
	}
	/*common
	============================*/
	
	/*kv
	============================*/
	.kv {
		top: -10%;
	}
	.kv .kvTit_01 {
		width: 20%;
		margin: 60px auto 0;
	}
	.kv .kvTit_02,
	.kv .kvTit_03 {
		width: 50%;
    margin: 15px auto 0;
	}
	/*kv
	============================*/
	
	/*sec_01
	============================*/
	.sec_01,
	.sec_01 .bgOverlay {
		min-height: 600px;
    height: 100%;
	}
	.sec_01::after {
    max-width: 800px;
		height: 65vh;
		top: 5%;
    background-size: 100%;
	}
	.sec_01 .sec01_inner h2, .sec_02 .sec02_inner h2 {
		font-size: 2.7rem;
	}
	.sec_01 .sec01_inner h2 span:not(.smallTxt)::after {
    top: -70%;
    left: -9%;
		transform: rotate(10deg);
	}
	.sec_01 .sec01_inner h2 .smallTxt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner .txt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner .sec01_bg01 {
    background-size: 80%;
	}
	.sec_01 .sec01_inner .moveBg {
    position: relative;
    height: 170px;
	}
	.sec_01 .sec01_inner .flexContainer {
    width: 80%;
	}
	/*sec_01
	============================*/
	
	/*imgArea
	============================*/
	.imgArea .thumbnailSlider {
    max-width: 315px;
	}
	.imgArea .yellowTit {
    font-size: 2rem;
	}
	/*imgArea
	============================*/
	
	/*bnrArea
	============================*/
	.bnrArea {
    width: 70%;
    margin: 0 auto;
	}
	.bnrArea .redTxt {
    font-size: 3.5rem;
	}
	.bnrArea .redTxt::after {
    width: 900px;
    background-size: contain;
	}
	/*bnrArea
	============================*/
	
	/*mapArea
	============================*/
	.mapArea h3 {
    max-width: 400px;
		top: 3%;
	}
	.mapArea .mapContainer {
    width: 80%;
		margin: 0 0 0 auto;
    padding: 100px 20px 0;
	}
	.mapArea .mapContainer .txtContainer {
    font-size: 1.4rem;
	}
	.mapArea .spotArea li h4 {
    max-width: 230px;
		font-size: 1.7rem;
	}
	/*mapArea
	============================*/
	
	/*sec_03
	============================*/
	.sec_03 {
    padding: 0 70px 200px 80px;
	}
	.sec_03 .txtContainer {
    max-width: 210px;
	}
	.sec_03 .txtContainer h3 {
    font-size: 1.8rem;
	}
	.sec_03 .txtContainer h3 span {
		margin-left: 15px;
		font-size: 1.5rem;
	}
	.sec_03 .txtContainer .icon_03,
	.sec_03 .txtContainer .icon_04 {
    margin: 0 0 8px;
		padding: 4px 10px 3px;
		font-size: 1.3rem;
	}
	.sec_03 .cassetteContainer {
    margin-left: 40px;
	}
	.sec_03 .cassetteContainer .info-box_text {
		padding: 6px 30px 6px 15px;
	}
	.sec_03 .cassetteContainer .briefingTit_01_easter {
    font-size: 1.1rem;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    right: 6.5%;
    width: 50%;
	}
	.sec_03 .cassetteContainer .info-box_text .info-box_date_box_inner {
    display: block;
	}
	.sec_03 .cassetteContainer .info-box_text .info-box_date_box_inner {
    margin-top: 0;
	}
	.sec_03 .cassetteContainer .info-box_date_box .briefingDate_01_easter,
	.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
    font-size: 1rem;
	}
	.sec_03 .cassetteContainer .info-box_date_box .briefingTime_01_easter {
    margin-left: 0;
	}
	.sec_03 .btnContainer a {
    width: 500px;
    font-size: 2.6rem;
	}
	.sec_03 .btnContainer .courseBtn::after {
    right: 5%;
    border: 9px solid transparent;
    border-left: 17px solid #718946;
	}
	/*sec_03
	============================*/
	
	/*btn
	============================*/
	.Main__content .btnContainer .courseBtn {
		/*max-width: 350px;
		padding: 20px 50px;*/
		max-width: 280px;
		padding: 20px 40px 20px 20px;
		font-size:1.8rem;
	}
	.Main__content .btnContainer a {
		/*width: 350px;*/
	}
	/*============================*/
}



/*spOnly(max-width:767)
================================================================================================================*/
@media screen and (max-width:767px) {
/*common
============================*/
	.pcOnly_partially {
		display: none;
	}
	body {
		font-size: 1.5rem;
	}
	.Main__inner {
		width: 100%;
		margin: 0 auto;
	}
	.Main__inner ul li {
		font-size: 1.5rem;
	}
	.contentsInner {
		margin: 0 15px;
	}
	.icon_01 {
		padding: 1px 13px 0;
		font-size: 1.7rem;
		border-radius: 8px;
	}
	.sec_01 .sec01_inner h2,
	.sec_02 .sec02_inner h2 {
		margin: 10px 0;
		padding-bottom: 7px;
		font-size: 2.5rem;
		font-weight: bold;
		border-bottom: 3px solid #333333;
	}
	.spOnly {
		display: block;
	}
	.spOnly_flex {
		display: flex;
	}
	.pcOnly {
		display: none;
	}
/*common
============================*/
	
/*kv
============================*/
	.kv {
		width: 100%;
		background-size: 150%;
    background-position-x: 50%;
	}
	.kv .kvTit_01 {
		width: 30%;
		margin: 0 auto;
	}
	.kv .kvTit_02,
	.kv .kvTit_03 {
		width: 80%;
		margin: 0 auto;
	}
	.kv .kvTit_01,
	.kv .kvTit_03 {
		margin: 15px auto 0;
	}
/*kv
============================*/

/*sec_01
============================*/
	.sec_01 .courseBtnTop {
		top: -45px;
		max-width: 200px;
		filter: drop-shadow(2px 2px 3px #333333);
	}
	.sec_01 .courseBtnTop a {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
	}
	.sec_01 .courseBtnTop::after {
    top: 52%;
    transform: translateY(-50%);
    right: 4%;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
	}
	.sec_01 {
		height: 900px;
	}
	.sec_01::after {
		width: 100vw;
		height: 900px;
		background: url("/med/feature/abroad/easterisland/cmn/img/map_03_sp.png") no-repeat bottom;
		background-size: 100%;
		background-position : right 0 bottom 10px;
		background-position-x: 100%;
		z-index: 5;
	}
	.sec_01 .bgOverlay {
		max-width: 100%;
		height: 510px;
	}
	.sec_01 .imgAnnotation_inner {
		margin: 0 10px 0 0!important;
		font-size: 1rem;
		text-align: right;
	}
	.sec_01 .sec01_inner {
		margin: 0 15px;
		padding: 20px 0 0 0;
	}
	.sec_01 .sec01_inner h2 span:not(.smallTxt)::after {
		content: "";
		position: absolute;
		top: -40%;
		left: -5%;
		background-size: 50%;
		rotate: -25deg;
	}
	.sec_01 .sec01_inner h2 .smallTxt {
    font-size: 2rem;
	}
	.sec_01 .sec01_inner .txt {
		font-size: 1.5rem;
	}
	.sec_01 .sec01_inner .moveBg {
		height: 110px;
	}
	.sec_01 .sec01_inner .sec01_bg01 {
		top: -10%;
		width: 380px;
		background-size: contain;
	}
	.sec_01 .sec01_inner figure {
		margin-right: 15px;
	}
/*sec_01
============================*/
	
/*imgArea
============================*/
	.imgArea {
		background-color: #718946;
		color: #ffffff;
	}
	.imgArea .flexContainer {
		display: block;
	}
	.imgArea .imgContainer {
		max-width: 100%;
		margin: 0;
		padding-bottom: 15px;
	}
	.imgArea .imgContainer:first-of-type {
		padding-top: 40px;
	}
	.imgArea .imgContainer:last-of-type {
		padding-bottom: 35px;
	}
	.imgArea .imgContainer:nth-of-type(2n+1) {
		margin-right: 0;
	}
	.imgArea .imgContainer figure {
		min-width: 300px;
		margin: 0 auto;
	}
	.imgArea .imgContainer figure img {
		border-radius: 10px;
	}
	.imgArea .imgContainer .txtContainer {
		max-width: 100%;
		margin-left: 0;
	}
	.imgArea .imgContainer p:not(.yellowTit) {
		margin: 0;
	}
	.imgArea .yellowTit {
		margin: 10px 0;
		font-size: 1.8rem;
	}
	.imgArea .thumbnailSlider {
		margin: 0 auto;
	}
	.imgArea .thumbnailSlider .swiper-button-next,
	.imgArea .thumbnailSlider .swiper-button-prev {
		top: 47.5%;
		width: 35px;
		height: 64px;
		color: #fff;
		background-color:rgba(51,3,0,0.5);
		opacity: .8;
	}
	.imgArea .thumbnailSlider .swiper-button-next{
		right: 0;
	}
	.imgArea .thumbnailSlider .swiper-button-prev {
		left: 0;
	}
	.imgArea .thumbnailSlider .swiper img {
		border-radius: 10px;
	}
	.imgArea .thumbnailSlider .slider-thumbnail {
		margin-top: 4px;
		padding: 0 3px;
	}
	.imgArea .thumbnailSlider .slider-thumbnail .swiper-slide {
		width:calc(100% / 3 - 1px)!important;
		margin-right: 3px;
	}
	.imgArea .thumbnailSlider .slider-thumbnail .swiper-slide:last-of-type {
		margin-right: 0;
	}
	.imgArea .thumbnailSlider .swiper-slide-thumb-active {
		border: 2px solid #c3c3c3;
		border-radius: 10px;
	}
/*imgArea
============================*/
	
/*bnrArea
============================*/
	.bnrArea .redTxt {
		margin-top: 0;
		font-size: 2.4rem;
	}
	.bnrArea .redTxt::after {
		bottom: -45px;
		width: 315px;
		height: 35px;
		background: url("/med/feature/abroad/easterisland/cmn/img/txtUnderLine_sp.png") no-repeat;
		background-size: contain;
	}
	.bnrArea .redTxt span.smaller {
		font-size: 2rem;
	}
	.bnrArea .bnrImg {
		margin: 40px 15px;
	}
	.Main__content .btnContainer_inner {
		margin-top: 40px;
	}
	.Main__content #courseBtns .btnContainer_inner {
		margin-top: 20px;
	}
	/*bnrArea
	============================*/

	/*sec_02
	============================*/
	.sec_02 {
		padding-bottom: 40px;
	}
	.sec_02 .sec02_inner {
		max-width: 100%;
		padding-top: 42px;
	}
	.sec_02 .sec02_inner h2 {
		font-size: 2.5rem;
	}
	.sec_02 .sec02_inner .txt {
		font-size: 1.5rem;
	}
/*sec_02
============================*/

/*mapArea
============================*/
	.mapArea {
		margin: 0;
		background: url("/med/feature/abroad/easterisland/cmn/img/bg_03_sp.png") no-repeat;
		background-size: contain;
		border-radius: 0;
	}
	.mapArea h3 {
		position: static;
		margin: 0 0 5px 0;
		padding: 25px 35px 0;
	}
	.mapArea > .mapContainer {
		display: grid;
		margin: 0 15px;
		padding: 0;
	}
	.mapArea .mapContainer .txtContainer {
		max-width: 100%;
		font-size: 1.7rem;
		order: 1;
	}
	.mapArea .mapContainer .txtContainer p {
		margin: 0;
	}
	.mapArea .mapContainer .flexContainer {
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.mapArea .mapContainer .flexContainer:last-of-type {
		margin-bottom: 0;
	}
	.mapArea .mapContainer .map {
		margin: 25px 0;
		order: 2;
	}
	.mapArea .mapContainer .txtContainer h4 {
		margin: 15px 0;
		font-size: 1.6rem;
	}
	.mapArea .mapContainer .txtContainer .icon_02 {
		max-width: 50px;
		margin-right: 10px;
		font-size: 1.3rem;
	}
	.mapArea .mapContainer .txtContainer p:not(.icon_02) {
		font-size: 1.4rem;
	}
	.mapArea .spotArea {
		display: block;
		margin: 0;
		padding: 0 30px;
	}
	.mapArea .spotArea li {
		max-width: 100%;
		margin: 0 0 25px;
	}
	.mapArea .spotArea li:last-of-type {
		margin-bottom: 0;
	}
	.mapArea .spotArea li img {
		border-radius: 10px 10px 0 0;
	}
	.mapArea .spotArea li h4 {
		max-width: 90%;
		padding: 7px 0;
		font-size: 1.9rem;
	}
	.mapArea .spotArea li h4 span::after {
		top: 45%;
		left: -22px;
		width: 15px;
		height: 23px;
		background-size: contain;
	}
	.mapArea .spotArea li ._txt {
		padding: 25px 25px 20px;
	}
/*mapArea
============================*/
	
	.dualSection.flexContainer,
	.sec_03 > .flexContainer {
		display: block;
	}
	.dualSection[data-col="2"] section {
		width: 100%;
	}
/*sec_03
============================*/
	.sec_03 {
		padding: 40px 15px;
	}
	.sec_03 h2 {
		margin: 0;
		padding-bottom: 10px;
		font-size: 2.5rem;
	}
	.sec_03 > .flexContainer {
		margin-top: 15px;
	}
	.sec_03 .txtContainer {
		max-width: 82%;
	}
	.sec_03 .txtContainer h3 {
		margin: 0 0 10px;
		font-size: 1.9rem;
	}
	.sec_03 .txtContainer h3 span {
		margin-left: 15px;
		font-size: 1.5rem;
	}
	.sec_03 .cassetteContainer {
		margin-left: 0;
	}
	.sec_03 .cassetteContainer .briefingLink_01_easter {
		margin-bottom: 20px;
		font-size: 1.4rem;
	}
	.sec_03 .cassetteContainer .briefingImg_01_easter {
		display: flex;
		align-items: center;
	}
	.sec_03 .cassetteContainer .briefingImg_01_easter img {
		min-width: 100%;
    width: 100%;
    min-height: 80px;
		object-fit: cover;
	}
	.sec_03 .cassetteContainer .info-box_text {
		padding: 10px 33px 10px 20px;
	}
	.sec_03 .cassetteContainer .info-box_text::after {
		height: 12px;
		right: 15px;
		top: 47%;
		width: 12px;
	}
	.sec_03 .cassetteContainer .info-box_date_box {
		font-size: 1.1rem;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter {
		font-size: 1.2rem;
	}
	.sec_03 .cassetteContainer .info-box_date_box,
	.sec_03 .cassetteContainer .briefingDetail_01_easter {
		max-width: 100%;
	}
	.sec_03 .btnContainer .yellowTxt {
		font-size: 1.9rem;
	}
	.sec_03 .btnContainer .courseBtn {
		max-width: 315px;
		width: 315px;
		padding: 15px 10px 15px 0;
	}
	.sec_03 .btnContainer .courseBtn::after {
		right: .7%; 
		border: 9px solid transparent;
		border-left: 15px solid #718946;
	}
	.sec_03 .btnContainer a {
		max-width: 315px;
		width: 100%;
		font-size: 2rem;
	}
/*sec_03
============================*/
	
/*sec_04
============================*/
	.sec_04 {
		padding: 0 15px;
	}
	.sec_04 h2 {
		margin: 35px 0 20px;
		font-size: 2.2rem;
	}
	.sec_04 .accordionTitle {
		font-size: 1.5rem;
		padding: 0 50px 0 35px;
	}
	.sec_04 .Q_mark {
    margin-right: 10px;
	}
	.sec_04 .Q_mark::after {
		top: 5px;
    font-size: 2rem;
	}
	.sec_04 .A_mark::after{
		top: 0;
		font-size: 2rem;
	}
	.sec_04 .accordionContent p {
		margin-top: 0;
    padding: 12px 0 15px 25px;
	}
/*.sec_04
============================*/
	
/*others
============================*/
	.Main__content .btnContainer_inner:nth-of-type(n+2) {
		margin-top: 35px;
	}
	.Footer {
		margin-top: 0!important;
	}
	.area_button {
    margin-top: 0;
    padding: 20px 0;
	}
	.area_button__titbox__tit {
    font-size: 2.4rem;
    margin: 15px 5px;
	}
	.area_button__link {
    margin: 0 10px 0;
    max-width: 100%;
	}
	.area_button__link li {
    max-width: 100%;
	}
	.area_button__link li a {
    text-align: center;
    position: relative;
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    border: 2px solid #cc0d20;
    border-radius: 5px;
    padding: 10px 36px 9px 9px;
    margin-bottom: 5px;
    width: 100%;
    color: #333333;
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
	}
	.area_button__link li a:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #cc0d21;
    content: "";
    width: 27px;
	}
	.area_button__link li a:after {
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    top: calc(50% - 4px);
    right: 10px;
    width: 8px;
    height: 8px;
	}
/*others
============================*/

/*btn
============================*/
	.-pagetop .-pagetop_btn {
		margin-right: 2%;
	}
/*btn
============================*/
}




/*spOnly(max-width:374)
========================================================*/
@media screen and (max-width:374px) {
	.sec_01 .sec01_inner h2,
	.sec_02 .sec02_inner h2 {
		font-size: 2.2rem;
	}
	.sec_01 .sec01_inner h2 .smallTxt {
    font-size: 1.5rem;
	}
	.sec_01 .sec01_inner .sec01_bg01 {
    background-size: 90%;
	}
	.mapArea .mapContainer .map {
    margin: 15px auto;
    width: 70%;
	}
	.Main__content .btnContainer .courseBtn {
		max-width: 300px;
		width: 300px;
		margin: 0 auto;
	}
	.Main__content .btnContainer .courseBtn::after {
    right: 1.5%;
	}
	.Main__content .btnContainer .btnUnit_02 {
		max-width: 300px;
	}
	.Main__content .btnContainer .btnUnit_02 a {
		font-size: 1.35rem;
	}
	.sec_03 .cassetteContainer .info-box_text {
		padding: 10px 33px 10px 10px;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    right: 6.5%;
    width: 55%;
	}
	.area_button__titbox__tit {
		font-size: 2.1rem;
	}
}
/*spOnly(max-width:425 and min-width:376)
========================================================*/
@media screen and (max-width:425px) and (min-width: 376px) {
	.sec_01 {
		min-height: 950px;
	}
	.sec_01::after {
		min-height: 950px;
	}
	.sec_01 .bgOverlay {
		height: 515px;
	}
}
/*spOnly(max-width:520 and min-width:426)
========================================================*/
@media screen and (max-width:520px) and (min-width: 426px) {
	.sec_01 {
		height: 1000px;
	}
	.sec_01::after {
		height: 1000px;
	}
	.sec_01 .sec01_inner .flexContainer {
		width: 85%;
		margin: 0 auto;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    width: 62%;
	}
}
/*spOnly(max-width:650 and min-width:521)
========================================================*/
@media screen and (max-width:650px) and (min-width: 521px) {
	.kv {
		height: 504px;
	}
	.sec_01 {
		height: 1200px;
	}
	.sec_01::after {
		height: 1200px;
	}
	.sec_01 .bgOverlay {
		height: 590px;
	}
	.sec_01 .sec01_inner .flexContainer {
		width: 85%;
		margin: 0 auto;
	}
	.sec_01 .sec01_inner .moveBg {
    height: 130px;
	}
	.bnrArea .redTxt {
		margin-top: 40px;
		font-size: 2.6rem;
	}
	.bnrArea .redTxt::after {
		bottom: -40%;
		width: 350px;
		height: 35px;
	}
	.bnrArea .bnrImg {
    margin: 50px 15px 40px;
	}
	.sec_03 .cassetteContainer .info-box_text {
    padding: 10px 33px 10px 40px;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    width: 65%;
	}
}
/*spOnly(max-width:767 and min-width:651)
========================================================*/
@media screen and (max-width:767px) and (min-width: 651px) {
	.kv {
		height: 575px;
	}
	.sec_01 {
		height: 1400px;
	}
	.sec_01::after {
		height: 1400px;
	}
	.sec_01 .sec01_inner .moveBg {
    height: 120px;
	}
	.sec_01 .bgOverlay {
		height: 630px;
	}
	.sec_01 .sec01_inner .flexContainer {
		width: 85%;
		margin: 0 auto;
	}
	.sec_03 .cassetteContainer .info-box_text {
    padding: 10px 33px 10px 40px;
	}
	.sec_03 .cassetteContainer .briefingDetail_01_easter::after {
    width: 70%;
	}
}


/*20240724追加分
========================================================*/
.Main__content .btnContainer .courseBanner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 80px 20px 40px;
  background: #fff;
  color: #718946;
  border-radius: 10px;
  box-shadow: 0 0 0 3px #fff inset, 0 0 0 6px #718946 inset;
  box-sizing: border-box;
  filter: drop-shadow(2px 2px 3px #556735);
	text-align: left;
}
.Main__content .btnContainer .courseBanner::after {
	content: "";
  position: absolute;
  bottom: 25px;
  right: 5%;
  border: 10px solid transparent;
  border-left: 17px solid #718946;
}
.Main__content .btnContainer .courseBanner .largeTxt {
	font-size: 3rem;
}
.Main__content .btnContainer .courseBanner .rightAdjust {
	display: block;
	text-align: right;
}
@media screen and (min-width: 768px) {
  .Main__content .btnContainer a:hover .courseBanner {
    background: #718946;
    color: #fff;
    box-shadow: 0 0 0 3px #718946 inset, 0 0 0 6px #fff inset;
  }
  .Main__content .btnContainer a:hover .courseBanner::after {
		border-left: 17px solid #fff;
	}
}
@media screen and (max-width: 767px) {
	.Main__content .btnContainer .courseBanner {
		padding: 20px 35px 20px 20px;
	}
	.Main__content .btnContainer .courseBanner::after {
  	right: 3%;
		border: 7px solid transparent;
		border-left: 11px solid #718946;
	}
	.Main__content .btnContainer .courseBanner .largeTxt {
		font-size: 1.7rem;
	}
}
/*======================================================*/