/* WSYS-11322 【フロント】ハワイ・アメリカページのサービスエリアの削除 20240822 N.Kita */
/* メインビジュアル - selected_new.blade.php */
.mv_area .mv_block > .mv_block_img {
  overflow: hidden;
  width: 100%;
  height: 335px;
  text-align: center;
}
.mv_area .mv_block > .mv_contents {
  position: absolute;
  top: 10px;
  right: 13px;
}
.mv_area .mv_block > .mv_contents > .mv_badgeArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
}
.mv_area .mv_block > .mv_contents > .mv_badgeArea > .mv_badgeImage img {
  position: relative;
  animation: .5s linear rotation1;
  width: 150px;
}
.mv_area .mv_block > .mv_contents > .mv_badgeArea > .mv_badgeImage:hover img{
	animation:.5s linear rotation2;
}
@keyframes rotation1 {
  0%{ transform:rotateY(0deg);}
  50%{ transform:rotateY(90deg); }
  100%{ transform:rotateY(0deg); }
}
@keyframes rotation2 {
  0%{ transform:rotateY(0deg);}
  50%{ transform:rotateY(90deg); }
  100%{ transform:rotateY(0deg); }
}
.mv_area .mv_block > .mv_block_title {
  color: #0d318f;
  font-family: sans-serif;
  font-weight: 900;
  font-size: 28.3px;
  position: absolute;
  top: 19.05rem;
  right: 38.8rem;
  letter-spacing: -.15rem;
  line-height: 3.4rem;
  text-align: center;
  text-shadow: 4px 4px 3px #fff, -4px 4px 3px #fff, 4px -4px 3px #fff, -4px -4px 3px #fff, 0 4px 3px #fff, 0 -4px 3px #fff, -4px 0 3px #fff, 4px 0 3px #fff, 5px 5px 3px #fff, -5px 5px 3px #fff, 5px -5px 3px #fff, -5px -5px 3px #fff, 0 5px 3px #fff, 0 -5px 3px #fff, -5px 0 3px #fff, 5px 0 3px #fff, 4px 5px 3px #fff, -4px 5px 3px #fff, 4px -5px 3px #fff, -4px -5px 3px #fff, 5px 4px 3px #fff, -5px 4px 3px #fff, 5px -4px 3px #fff, -5px -4px 3px #fff;
}

.mv_area .mv_note {
  font-size: 1.4rem;
  padding: 10px 20px;
}

/* 選ばれる5つ理由 - reason.blade.php */
.reason_item {
  padding: 10px;
}

.reason_container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  margin-top: 30px;
}

.reason_item {
  position: relative;
  border-radius: 20px;
  width: 100%;
  padding: 40px 11px 20px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 390px;
}

.reason_item::before {
  content: "";
  width: 75px;
  height: 75px;
  position: absolute;
  left: 50%;
  top: 95px;
  transform: translate(-50%);
  z-index: 10;
}
.reason_item.item01::before {
  background: url(../../images/contents/countries/reason_1.png);
  background-size: cover;
}

.reason_item.item02::before {
  background: url(../../images/contents/countries/reason_2.png);
  background-size: cover;
}

.reason_item.item03::before {
  background: url(../../images/contents/countries/reason_3.png);
  background-size: cover;
}

.reason_item.item04::before {
  background: url(../../images/contents/countries/reason_4.png);
  background-size: cover;
}

.reason_item.item05::before {
  background: url(../../images/contents/countries/reason_5.png);
  background-size: cover;
}

.reason_item.item01 {
  border: 2px solid #FF7FAA;
}

.reason_item.item02 {
  border: 2px solid #F8C021;
}

.reason_item.item03 {
  border: 2px solid #00AEA0;
}

.reason_item.item04 {
  border: 2px solid #29ABE2;
}

.reason_item.item05 {
  border: 2px solid #0071BC;
  margin-right: 0;
}

.reason_label {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 2.5rem;
  transform: translate(-50%, -50%);
}

.reason_label.label01 {
  background: #FF7FAA;
}

.reason_label.label02 {
  background: #F8C021;
}

.reason_label.label03 {
  background: #00AEA0;
}

.reason_label.label04 {
  background: #29ABE2;
}

.reason_label.label05 {
background: #0071BC;
}

.reason_title {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0 0 80px;
}

.reason_item img {
  width: 60%;
}

.reason_text {
  font-size: 1.3rem;
  text-align: left;
	padding: 10px 0;
  height: 150px;
}

.reason_btn {
	position: relative;
  display: block;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  width: 100%;
  padding: 10px;
  transition: all .3s;
}

.reason_btn::after{
	position: absolute;
  content: "\f078";
  font-family: "font awesome 5 free";
  right: 10px;
	padding-top: 3px;
  transition: all .3s;
}

.reason_btn:hover {
  text-decoration: none;
  color: #fff;
  transform: translateY(-5px);
}

.reason_btn.btn01 {
  background: #FF7FAA;
}

.reason_btn.btn02 {
	background: #F8C021;
}

.reason_btn.btn03 {
	background: #00AEA0;
}
.reason_btn.btn04 {
	background: #29ABE2;
}

.reason_btn.btn05 {
	background: #0071BC;
}

.reason_subtitle {
  display: flex;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 20px;
  font-size: 2.2rem;
}

.reason_subtitle._subtitle01 {
  border-bottom: 2px solid #FF7FAA;
}

.reason_subtitle._subtitle02 {
border-bottom: 2px solid #F8C021;
}

.reason_subtitle._subtitle03 {
border-bottom: 2px solid #00AEA0;
}

.reason_subtitle._subtitle04 {
border-bottom: 2px solid #29ABE2;
}

.reason_subtitle._subtitle05 {
border-bottom: 2px solid #0071BC;
}

.reason01_title span {
  width: 50px;
  height: 50px;
  display: block;
}

.reason_subtitle span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #DCDCDC;
  border-radius: 25px;
  margin-right: 10px;
}

.reason_subtitle._subtitle01 span {
  background: #FF7FAA;
}

.reason_subtitle._subtitle02 span {
  background: #F8C021;
}

.reason_subtitle._subtitle03 span {
  background: #00AEA0;
}

.reason_subtitle._subtitle04 span {
  background: #29ABE2;
}

.reason_subtitle._subtitle05 span {
  background: #0071BC;
}

.reason_strong {
  text-align: center;
  font-size: 2rem;
}

.reason_strong._strong01 {
  color: #FF7FAA;
}

.reason_strong._strong02 {
  color: #F8C021;
}

.reason_strong._strong03 {
  color: #00AEA0;
}

.reason_strong._strong04 {
  color: #29ABE2;
}

.reason_strong._strong05 {
  color: #0071BC;
}

.reason_content {
  margin-top: 30px;
}

/* WSYS-11935 【フロント】サイトTOPと共通コンテンツの修正 20250213 M.Amano */
/* このページのスマピのリンクの枠線のみ白に変更する */
.reason_content .layout-tab_content .module-smapi_btn {
  border: 3px solid #ffffff;
}

/* 選ばれる理由01 - reason_01.blade.php */
.reason01_warp {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.reason01_warp ._left,
.reason01_warp ._right {
  width: 50%;
}

/* 選ばれる理由02 - reason_02.blade.php */
.reason02 .hibiscus {
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  width: 70px;
  margin: 0 auto;
}
/* WSYS-11345 【フロント】タイ・韓国ページをハワイ・アメリカのフォーマットに変更 20240905 J.Young */
.reason02 .flag_southkorea_img {
  display: flex;
  padding-bottom: 30px;
  width: 17%;
  margin: 0 auto;
}

.reason02 .local-content {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

.reason02 .local-content1 {
  width: 360px;
}

.reason02 .local-content2,
.reason02 .local_item_baby .guide_p_left {
  width: calc(100% - 360px);
}

.reason02 .local_office_img {
  background: #dcdcdc;
  text-align: center;
}

.reason02 .local-content3 {
  display: flex;
  gap: 50px;
  justify-content: flex-end;
}

.reason02 .local-content4 {
  width: 140px;
}

.reason02 .local-content5 {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.reason02 .local-content2 .button {
  width: 250px;
  margin: 0 0 0 auto;
}

.reason02 .local_item_baby {
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
}

.reason02 .local_item_baby img {
  width: 110%;
}

.reason02 .local_item_baby .item {
  width: 360px;
}

.reason02 .module-airport_list .-frame .-item_place {
  width: 275px;
}

.reason02 #waikiki .local-content2 .module-airport_list .-frame,
.reason02 #counter .local-content2 .module-airport_list .-frame {
  position: relative;
}

.reason02 #waikiki .local-content2 .module-airport_list .-frame .-item_map,
.reason02 #counter .local-content2 .module-airport_list .-frame .-item_map {
  position: absolute;
  width: 250px;
}

.reason02 #waikiki .local-content2 .module-airport_list .-frame .-item_map {
  bottom: -70px;
  right: 0;
}

.reason02 #counter .local-content2 .module-airport_list .-frame .-item_map {
  bottom: -210px;
  right: 0;
}

/* 選ばれる理由03 - reason_03.blade.php */
.reason03 .plan_detail {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 70px;
  margin-bottom: 40px;
}

.reason03 .plan_detail::before {
	font-family: "Font Awesome 5 Free";
	content: "\2b";
	font-size: 7.2rem;
	color: #0071bc;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.reason03 .plan_detail .plan_detail_item {
	padding: 20px 40px;
	background: #fff;
	border: 2px solid #0071bc;
	border-radius: 25px;
	width: calc((100% - 70px) /2);
}

.reason03 .plan_detail .plan_detail_item ._image {
	padding-top: 20px;
}

.reason03 .plan_detail .plan_detail_item ._title {
	text-align: center;
	font-size: 2.2rem;
	color: #0071bc;
}

.reason03 .widget_volume h4 {
  font-size: 2.4rem;
}

.reason03 .plan_charge {
  margin-top: 40px;
}

.reason03 .plan_charge ._balloon {
  position: relative;
  display: inline-block;
  padding: 20px 10px;
  width: 100%;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  background: #00AEA0;
  border-radius: 10px;
}

.reason03 .plan_charge ._balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00AEA0;
}

.reason03 .plan_charge ._textarea {
  margin: 40px 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.reason03 .plan_charge ._textarea p,
.reason03 .plan_charge ._textarea img {
  width: 50%;
}

/* WSYS-11449 【フロント】国ページのテキスト修正 20240912 N.Sugino */
/* 選ばれる理由05 - reason_05.blade.php */
.reason05 .support_warp {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.reason05 .support_warp ._image {
  width: 390px;
}

/* お客様の声 */
.voice_area .voice_area_inner {
    background: #e0f2fe;
}

/* WSYS-12235 【フロント】国ページ_お客様の声を修正 20250515 M.Shimizu */
/* WSYS-12299 【フロント】ベトナム国ページ修正依頼 20250520 M.Shimizu */
.voice_area .voice_other_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: calc((100% - 90%) / 3);
}

/* お客様の声が7個以上ある時にclass .voice_over_seven を付与し、スクロールさせる */
.voice_over_seven .voice_area .voice_other_list {
  height: 50vh;
  max-height: 440px;
  overflow-y: scroll;
}

.voice_accordion_block_btn,
.voice_accordion_block_close_btn {
  display: none;
}

.voice_area .voice_other_item {
  position: relative;
  background: #fffcf2;
  width: 30%;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 1.2rem;
}
/* WSYS-11345 【フロント】タイ・韓国ページをハワイ・アメリカのフォーマットに変更 20240905 J.Young */
.voice_area .voice_other_item.pd20 {
padding: 20px;
}
.voice_area .voice_other_item:after {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #e0f2fe #e0f2fe #ffe07c;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* 料金プラン - lineup.blade.php */
/* WSYS-11345 【フロント】タイ・韓国ページをハワイ・アメリカのフォーマットに変更 20240905 J.Young */
#lineup .lineup_container {
  display: flex;
  white-space: nowrap;
  justify-content: center;
  padding: 0px 10px 15px;
}
#lineup .lineup_container table th,
#lineup .lineup_container table td {
  border: 1px solid #ddd;
  text-align: center;
  height: 81px;
  vertical-align: middle;
  font-weight: 700;
}
#lineup .lineup_container .lineup_non_scrollTable table th {
  padding: 0 8px;
}
#lineup .lineup_scrollTable,
#lineup .lineup_fixedTable,
#lineup .lineup_non_scrollTable {
  padding: 30px 0 0 0;
}
#lineup .lineup_scrollTable {
  overflow-x: scroll;
  position: relative;
}
#lineup .lineup_table {
  border-right: 1px solid #ddd;
}
#lineup .fixed_table {
  min-width: 200px;
  border-collapse: collapse;
}
#lineup .lineup_container .fixed_table > thead th {
  border: none;
}
#lineup .fixed_table thead th img {
  height: 81px;
  padding: 5px;
}
#lineup .lineup_table .table_head {
  background: #ececec;
}
#lineup .scrollable_table {
  min-width: 1000px;
  border-collapse: collapse;
}
#lineup .plan-header {
  color: #fff;
  font-weight: bold;
}
#lineup .purple_plan,
#lineup .orange_plan,
#lineup .indigo_plan,
#lineup .blue_plan,
#lineup .deep-pink_plan {
  position: relative;
  color: #fff;
}
#lineup .purple_plan {
  background:#be008f;
}
#lineup .orange_plan {
  background:#f9962a;
}
#lineup .indigo_plan {
  background:#2b8ae2;
}
#lineup .blue_plan {
  background:#16308c;
}
#lineup .deep-pink_plan {
  background:#d5125a;
}
#lineup .icon_no1::before,
#lineup .icon_no2::before,
#lineup .icon_no3::before,
#lineup .icon_new::before,
#lineup .icon_none::before {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-weight: 700;
  border-radius: 2rem;
  border: 1.5px solid white;
  width: 10.5rem;
  font-size: 1.5rem;
}
#lineup .icon_no1::before {
  content: "人気No.1";
  background: #e7d33a;
}
#lineup .icon_no2::before {
  content: "人気No.2";
  background: #cbcbcc;
}
#lineup .icon_no3::before {
  content: "人気No.3";
  background: #c68647;
}
#lineup .icon_new::before {
  content: "NEW";
  background: #f88f00;
}
#lineup .icon_none::before {
  content: "";
}
#lineup .small-text {
  font-size: 0.8em;
}
/* WSYS-11345 【フロント】タイ・韓国ページをハワイ・アメリカのフォーマットに変更 20240905 J.Young */
#lineup .pd20 {
  padding: 0 20px;
}
#lineup .pd50 {
  padding-right: 50px;
}
#lineup .local_ico_kr {
  background: #fff;
  color: #07308c;
  text-align: center;
  border-radius: 4px;
  font-size: 1.3rem;
  padding: 1px;
  margin-top: 4px;
}
#lineup .local_ico_kr img {
  width: 10%;
}
/* 「スクロールできます」の文言 */
#lineup .scroll_table .hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  padding: 10px;
  background: #333;
  border-radius: 8px;
  opacity: .8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#lineup .scroll_table .hint p {
  color: #fff;
  font-size: 1rem;
}
#lineup .scroll_table .hint::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../images/countries/mv/hint_cursor.svg) no-repeat center/ contain;
}
/* WSYS-11388 【サイト】SEO対応のためフィリピン国ページの修正 20240917 J.Young */
.selected_new_btn:hover {
	text-decoration: none;
	color:#fff;
	background:#6e0686;
	border:solid 1px #6e0686;
	transition:all 0.3s;
}