@charset "UTF-8";
/**************************************************************************

	夏のイベント（JRE MALL チケット）
	/feature/F000-183/summer_vacation/

	コンテンツ幅： PC1160px, SP375 
	基本フォントサイズ： 10px

***************************************************************************/
/* アンカー位置 */
.familyContents#shinkansen::before {
  content: '';
  display: block;
  padding-top: 45px;
  margin-top: -60px; }

/* Regular */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/html/upload/user_data/common/font/NotoSansJP-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
/* Medium */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/html/upload/user_data/common/font/NotoSansJP-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }
/* Bold */
@font-face {
  font-family: "Noto Sans JP";
  src: url("/html/upload/user_data/common/font/NotoSansJP-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Noto Sans JP";
  src: url("/html/upload/user_data/common/font/NotoSansJP-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }
/**************************************************************************

	基本設定

***************************************************************************/
body {
  overflow-x: hidden; }

/* リセット */
.ec-featureRole *,
.ec-featureRole *::before,
.ec-featureRole *::after {
  font-size: inherit; }

@media only screen and (max-width: 767px) {
  .ec-featureRole {
    padding: 0;
    margin-bottom: 20px; } }

@media only screen and (min-width: 768px) {
  .ec-layoutRole .ec-layoutRole__contents {
    padding-right: 0;
    padding-left: 0; } }
/* コンテンツ部分の背景色 */
.ec-layoutRole .ec-layoutRole__contents {
  /*background-color: #f0f8fb !important;*/
  	/*@include pc {
  		background-image: url("/html/upload/user_data/feature/natsutabi_ticket/img/2025/bg_pc.svg");
  		background-repeat: repeat-y;
  		background-position: 50% 680px;
  	}
  
  	@include sp {
  		background-image: url("/html/upload/user_data/feature/natsutabi_ticket/img/2025/bg_sp.svg");
  		background-repeat: repeat-y;
  		background-position: 50% vw(530,375);
  		background-size: 100%;
  	}*/ }

/* コンテンツ上部の親要素 */
.ec-featureRole__headdescription {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .ec-featureRole__headdescription p {
    margin-bottom: 0; }

/* デフォルトH1テキストを非表示 */
.ec-featureRole .ec-featureRole__head {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

/* デフォルト商品タイトルテキストを非表示 */
/*.ec-giftArea .giftItemsHeadImg,
.ec-giftArea .giftItemsHeadImg h3 {
  display: none !important; }*/

.giftItemsHeadImg { padding-bottom: 20px !important;}

/* マージン調整 */
@media print, screen and (min-width: 768px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 50px; } }
@media only screen and (max-width: 767px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 12vw; } }

/* 商品枠 */
.itemInfoArea {
  padding: 10px;
  /*border-radius: 10px;*/
  background-color: #fff; }

/* 商品のナビ */
.ec-featureItems.buttons {
  display: none !important; }

/* もっと見る */
.more-link {
  margin-top: 15px !important; }

/* キャンペーン終了 */
.cp-end {
  margin-bottom: 20px !important;
  border: solid 1px #fff17f;
  padding: 24px 24px 19px;
  background-color: #fffee3;
  text-align: center;
  font-weight: bold;
  color: #f00; }

/***************************************************************************

	汎用クラス・共通要素

****************************************************************************/
.indent {
  padding-left: 1em;
  text-indent: -1em; }

.txtC {
  text-align: center !important; }

.txtL {
  text-align: left !important; }

@media only screen and (max-width: 767px) {
  .txtC_sp {
    text-align: center !important; }

  .txtL_sp {
    text-align: left !important; } }
.fontSz80 {
  font-size: 80%; }

.fontSz90 {
  font-size: 90%; }

.fontSz110 {
  font-size: 110%; }

.fontSz120 {
  font-size: 120%; }

.fontSz130 {
  font-size: 130%; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb3 {
  margin-bottom: 3px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

@media only screen and (max-width: 767px) {
  .mt15_sp {
    margin-top: 4vw !important; }

  .mt20_sp {
    margin-top: 5.3333333333vw !important; }

  .mt25_sp {
    margin-top: 6.6666666667vw !important; }

  .mt30_sp {
    margin-top: 8vw !important; }

  .mb25_sp {
    margin-bottom: 6.6666666667vw !important; } }
.fontB {
  font-weight: bold; }

.fontM {
  font-weight: 500; }

.lh_basic {
  line-height: 1.6; }

.pc {
  display: block; }
  @media only screen and (max-width: 767px) {
    .pc {
      display: none; } }

.pc_inb {
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .pc_inb {
      display: none; } }

.sp {
  display: block; }
  @media print, screen and (min-width: 768px) {
    .sp {
      display: none; } }

.sp_inb {
  display: inline-block; }
  @media print, screen and (min-width: 768px) {
    .sp_inb {
      display: none; } }

.tablet_inb {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tablet_inb {
      display: inline-block; } }

.sp_tablet_inb {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .sp_tablet_inb {
      display: inline-block; } }

.disp_inb {
  display: inline-block; }

.soonText {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-feature-settings: "palt";
  font-size: 3.0rem;
  color: #1d2088;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .soonText {
      font-size: clamp(19px, 6.6666666667vw, 39px); } }

@media print {
  .print_inb {
    display: inline-block; } }
/* ボタン */
.basicBtn,
.basicBtn_grn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  padding: 20px;
  width: 100%;
  background-color: #0086be;
  box-shadow: 0 5px 0 0 #00628b;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-feature-settings: "palt";
  color: #fff !important;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center; }
  .basicBtn[target="_blank"]::after,
  .basicBtn_grn[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: block;
    margin: auto;
    width: 13px;
    height: 13px;
    background: url("/html/upload/user_data/feature/natsutabi_ticket/img/2025/icon_blank_white.svg") no-repeat 0 0/contain; }
    @media only screen and (max-width: 767px) {
      .basicBtn[target="_blank"]::after,
      .basicBtn_grn[target="_blank"]::after {
        right: 3.2vw;
        width: 2.9333333333vw;
        height: 2.9333333333vw; } }
  @media only screen and (max-width: 767px) {
    .basicBtn,
    .basicBtn_grn {
      padding: 3.2vw;
      font-size: clamp(11px, 3.7333333333vw, 21px); } }
  @media (hover: hover) and (pointer: fine) {
    .basicBtn:hover,
    .basicBtn_grn:hover {
      box-shadow: 0 2px 0 0 #00628b;
      transform: translateY(3px); } }

.basicBtn_grn {
  background-color: #008803;
  box-shadow: 0 5px 0 0 #005502; }
  @media (hover: hover) and (pointer: fine) {
    .basicBtn_grn:hover {
      box-shadow: 0 2px 0 0 #005502; } }

.basicBtn_szS {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 50px;
  width: fit-content; }
  @media only screen and (max-width: 767px) {
    .basicBtn_szS {
      padding: 2.6666666667vw 9.3333333333vw; } }

.basicBtn_szM {
  margin-left: auto;
  margin-right: auto;
  padding: 15px 60px;
  width: fit-content; }
  @media only screen and (max-width: 767px) {
    .basicBtn_szM {
      padding: 2.6666666667vw 9.3333333333vw; } }

.basicBtn_sz500 {
  max-width: 500px;
  /*margin-left: auto;
  margin-right: auto;
  padding: 10px 50px;
  width: fit-content;*/ }
  @media only screen and (max-width: 767px) {
    .basicBtn_sz500 {
      padding: 2.6666666667vw 9.3333333333vw; } }

/***************************************************************************

	コンテンツ

****************************************************************************/
/* MV */
#mainVisual {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  text-align: center;
  background: #00F09E;
  background: linear-gradient(135deg, #00f09e 20%, #4397ff 100%); }

.mainVisualWrapper {
  position: relative;
  padding: 40px 0 65px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mainVisualWrapper {
      /*background-size: auto 310px;*/ } }
  @media only screen and (max-width: 767px) {
    .mainVisualWrapper {
      padding: 30px 10px 65px; } }

.mainVisualWrapper::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 55px;
  background: url("../img/2025/bg_wave.png");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: center;
  bottom: 0;
  left: 0; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mainVisualImage {
    height: 310px; } }
.mainVisualImage img {
  max-width: 100%; }

.bl_contentsWrapper {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  position: relative;
  /*padding: 20px 0 0;*/
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .bl_contentsWrapper {
      padding: 0 20px; } }

.bg_geometry {
  background: url("../img/2025/bg_geometry.png");
  background-size: auto;
  background-repeat: repeat;
  background-position: top; }
  @media only screen and (max-width: 767px) {
    .bg_geometry {
      background-size: contain; } }

.bl_lead {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 110px;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.8;
  background: #fff;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 70px;
  border: #00f09e 10px solid; }
  @media only screen and (max-width: 767px) {
    .bl_lead {
      max-width: 100%;
      font-size: 1.6rem;
      line-height: 1.4; } }
  .bl_lead p {
    margin-bottom: 0;
    padding: 1.8em 2em 2em; }
    @media only screen and (max-width: 767px) {
      .bl_lead p {
        padding: 1.8em 1.1em 2em; } }
  .bl_lead span {
    font-size: 2.5rem;
    display: inline-block;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .bl_lead span {
        font-size: 2rem; } }

/* 人気のキーワード */
.bl_recomWord {
  margin: auto;
  background-color: #fff;
  border-radius: 70px;
  margin-top: 80px;
  z-index: 1;
  position: relative;
  background: #c7f7e7; }
  @media print, screen and (min-width: 768px) {
    .bl_recomWord {
      max-width: 1160px;
      border-radius: 70px;
      padding: 30px 50px 50px; } }
  @media only screen and (max-width: 767px) {
    .bl_recomWord {
      max-width: 100%;
      border-radius: 50px;
      padding: 20px 15px 30px; } }

.bl_recomWord::before {
  position: absolute;
  content: '';
  top: -80px;
  left: calc(50% - 80px);
  width: 160px;
  height: 160px;
  background: #c7f7e7;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .bl_recomWord::before {
      top: -80px;
      left: calc(50% - 70px);
      width: 140px;
      height: 140px; } }

.bl_recomWord::after {
  position: absolute;
  content: '';
  top: -60px;
  left: calc(50% - 28px);
  width: 47px;
  height: 47px;
  background: url("../img/2025/img_glass.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.h_recomWord {
  margin-top: 0;
  text-align: center;
  padding: 1.5rem 1.5rem 2.5rem;
  font-size: 3.5rem;
  font-weight: 700;
  color: #0054bb; }
  .h_recomWord span {
    position: relative;
    z-index: 10; }
  @media only screen and (max-width: 767px) {
    .h_recomWord {
      font-size: 2.2rem;
      padding: 1rem 1rem 1.5rem; } }

/* 夏休みにおすすめのエリア */
.bl_recomArea {
  margin: auto;
  background-color: #fff;
  padding: 30px 0;
  border-radius: 70px;
  margin-top: 110px;
  z-index: 1;
  position: relative;
  background: #eff203;
  margin-bottom: 30px; }
  @media print, screen and (min-width: 768px) {
    .bl_recomArea {
      max-width: 1160px;
      border-radius: 70px;
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 767px) {
    .bl_recomArea {
      max-width: 100%;
      border-radius: 50px;
      padding-left: 15px;
      padding-right: 15px; } }

.bl_recomArea::before {
  position: absolute;
  content: '';
  top: -80px;
  left: calc(50% - 80px);
  width: 160px;
  height: 160px;
  background: #eff203;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .bl_recomArea::before {
      top: -80px;
      left: calc(50% - 70px);
      width: 140px;
      height: 140px; } }

.bl_recomArea::after {
  position: absolute;
  content: '';
  top: -60px;
  left: calc(50% - 28px);
  width: 53px;
  height: 46px;
  background: url("../img/2025/img_map.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.h_recomArea {
  margin-top: 0;
  text-align: center;
  padding: 1.5rem;
  font-size: 3.5rem;
  font-weight: 700;
  color: #0054bb; }
  @media only screen and (max-width: 767px) {
    .h_recomArea {
      font-size: 2.2rem;
      padding: 1rem 1rem 1.5rem; } }
  .h_recomArea span {
    position: relative;
    z-index: 10; }

.recomWord_btnList {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center; }

a.btn01 {
  background: #fff;
  border-radius: 9999px;
  position: relative;
  /*display: flex;
  justify-content: space-around;
  align-items: center;*/
  margin: 0 auto;
  /*max-width: 250px;*/
  padding: 10px 20px;
  /*font-family: "Noto Sans Japanese";*/
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #0058c4;
  font-size: 1.6rem;
  border: #0058c4 2px solid;
  line-height: 1.8;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  display: inline-block;
  /*&::after { //矢印
  	content: '';
  	width: 8px;
  	height: 8px;
  	border-top: 3px solid #0058c4;
  	border-right: 3px solid #0058c4;
  	transform: rotate(45deg) translateY(-50%);
  	position: absolute;
  	top: 50%;
  	right: 20px;
  	border-radius: 1px;
  	transition: 0.3s ease-in-out;
  }*/ }
  a.btn01:hover {
    background: #0058c4;
    color: #FFF; }
    a.btn01:hover::after {
      border-color: #FFF; }

.bg_mountain {
  position: relative;
  padding-bottom: 120px; }

.bg_mountain::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 110px;
  background: url("../img/2025/bg_mountain.png");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: center;
  bottom: 0;
  left: 0;
  /*@include sp {
  	height: vw(110,375);
  }*/ }

/* 商品枠 */
.bl_eventCategory {
  /*position: relative;*/
  /*padding-top: 110px;
  margin-top: 40px;*/
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden; }

.bl_eventCategory_inner {
  background: #00eba1; }

/*.bl_eventCategory::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 110px;
	background: url("../img/2025/bg_mountain.png");
	background-size: auto;
	background-repeat: repeat-x;
	background-position: center;
	top: 0;
	left: 0;
}*/
.ec-featureRole__content {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #00eba1;
  /*padding-top: 30px;*/ }
  @media only screen and (max-width: 767px) {
    .ec-featureRole__content {
      margin: auto;
      width: auto; } }

/*.ec-featureRole__content::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 55px;
	background: url("../img/2025/bg_wave.png");
	background-size: auto;
	background-repeat: repeat-x;
	background-position: center;
	top: 0;
	left: 0;
}*/
.ec-giftArea {
  width: 1160px;
  margin: auto;
  background: #fff;
  padding: 20px 30px 40px;
  /*border-radius: 60px;*/
  /*margin-bottom: 50px;*/ }
  @media only screen and (max-width: 767px) {
    .ec-giftArea {
      /*margin: auto;*/
      width: auto;
      padding: 20px 20px 30px;
      /*margin: auto 5px;*/
      margin: auto 5px; } }

/*.ec-giftArea:nth-child(n+3) {
	padding-top: 20px;
}*/
.ec-giftArea:last-child {
  padding-bottom: 50px; }

#content.gift .ec-giftArea + .ec-giftArea {
  margin-top: 0; }

/* 商品枠 見出し */
/* タイトル */
.giftItemHeading {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px; }

.giftItemHeadingText {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-feature-settings: "palt";
  color: #1d2088;
  /*font-size: 1.7rem;*/
  font-size: 3.5rem;
  font-weight: bold;
  letter-spacing: .03em; }
  @media only screen and (max-width: 767px) {
    .giftItemHeadingText {
      /*@include fontSz13px_sp;*/
      font-size: 2.2rem; } }

.giftItemHeading02 {
  margin-bottom: 40px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .giftItemHeading02 {
      margin-bottom: 5.3333333333vw; } }
  .giftItemHeading02 img {
    max-width: 100%; }
    @media only screen and (max-width: 767px) {
      .giftItemHeading02 img {
        width: 91.4666666667vw; } }

@media print, screen and (min-width: 768px) {
  .giftItemHeading02_media picture {
    position: relative;
    display: inline-block; }
    .giftItemHeading02_media picture::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: -70px;
      margin: auto;
      display: block;
      width: 58px;
      height: 43px;
      background: url("/html/upload/user_data/feature/natsutabi_ticket/img/2025/title_illust_media.png") no-repeat 0 0/contain; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
      .giftItemHeading02_media picture::after {
        display: none; } }

.giftItemLead {
  margin-bottom: 10px;
  font-size: 1.6rem;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .giftItemLead {
      margin-bottom: 4vw;
      font-size: clamp(11px, 3.7333333333vw, 21px);
      line-height: 1.785; } }

.natsutabiContents {
  margin-top: 85px; }
  @media only screen and (max-width: 767px) {
    .natsutabiContents {
      margin-top: 14.6666666667vw; } }
  .natsutabiContents:first-of-type {
    margin-top: 50px; }
    @media only screen and (max-width: 767px) {
      .natsutabiContents:first-of-type {
        margin-top: 9.3333333333vw; } }

/* 家族と行く夏旅 */
.familyContents {
  margin-top: 85px; }
  @media only screen and (max-width: 767px) {
    .familyContents {
      margin-top: 14.6666666667vw; } }
  .familyContents:first-of-type {
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      .familyContents:first-of-type {
        margin-top: 6.6666666667vw; } }

.familyContentsTitle {
  margin-bottom: 20px;
  padding: 15px;
  border: 3px solid #1d2088;
  border-radius: 10px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-feature-settings: "palt";
  color: #1d2088;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .familyContentsTitle {
      margin-bottom: 4vw;
      padding: 3.2vw 4vw;
      font-size: clamp(12px, 4vw, 23px); } }

.familyContentsDesc {
  margin-bottom: 25px;
  padding: 0 5px;
  font-size: 1.6rem;
  line-height: 1.9;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .familyContentsDesc {
      margin-bottom: 5.3333333333vw;
      font-size: clamp(11px, 3.7333333333vw, 21px);
      line-height: 1.7;
      text-align: left; } }

.familyHotelWrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .familyHotelWrapper {
      gap: 2.2222222222vw; } }
  @media only screen and (max-width: 767px) {
    .familyHotelWrapper {
      flex-direction: column;
      gap: 5.3333333333vw; } }

.familyHotel {
  width: 100%;
  padding: 40px 35px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.02);
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .familyHotel {
      padding: 6.6666666667vw 5.3333333333vw 8vw; } }
  .familyHotel h4 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-feature-settings: "palt";
    color: #1d2088;
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .familyHotel h4 {
        font-size: clamp(12px, 4.2666666667vw, 24px);
        margin-bottom: 4vw; } }

@media print, screen and (min-width: 768px) {
  .familyHotel_col2_pc {
    width: 560px; } }
.familyHotelImage {
  border-radius: 15px; }

.familyHotelBtnWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 25px auto 0; }
  @media only screen and (max-width: 767px) {
    .familyHotelBtnWrapper {
      margin-top: 4vw; } }
  @media print, screen and (min-width: 768px) {
    .familyHotelBtnWrapper.familyHotelBtnWrapper_dirRow_pc {
      flex-direction: row;
      align-items: stretch;
      width: 80%; }
      .familyHotelBtnWrapper.familyHotelBtnWrapper_dirRow_pc .basicBtn, .familyHotelBtnWrapper.familyHotelBtnWrapper_dirRow_pc .basicBtn_blue {
        padding: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .familyHotelBtnWrapper.familyHotelBtnWrapper_dirRow_pc {
      width: 95%; } }

/* おすすめのサービス */
.serviceBtn {
  position: relative;
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  gap: 0;
  padding: 25px 20px 35px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.02);
  transition-duration: 0.2s; }
  @media only screen and (max-width: 767px) {
    .serviceBtn {
      padding: 5.3333333333vw 4vw 8vw; } }
  .serviceBtn[target="_blank"]::after {
    content: "";
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: block;
    width: 13px;
    height: 13px;
    background: url("/html/upload/user_data/feature/natsutabi_ticket/img/2025/icon_blank_gray.svg") no-repeat 0 0/contain; }
    @media only screen and (max-width: 767px) {
      .serviceBtn[target="_blank"]::after {
        bottom: 4vw;
        right: 4vw;
        width: 2.9333333333vw;
        height: 2.9333333333vw; } }
  @media (hover: hover) and (pointer: fine) {
    .serviceBtn:hover {
      background-color: #f0fbfd;
      box-shadow: 0 0 13px 13px rgba(0, 0, 0, 0.03); } }
  .serviceBtn .serviceBtnTitle {
    margin: 13px 0 8px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-feature-settings: "palt";
    color: #1d2088 !important;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .serviceBtn .serviceBtnTitle {
        margin: 2.1333333333vw 0 1.3333333333vw;
        font-size: clamp(11px, 3.7333333333vw, 21px); } }
  .serviceBtn .serviceBtnText {
    color: #333 !important;
    font-size: 1.4rem;
    line-height: 1.7; }
    @media only screen and (max-width: 767px) {
      .serviceBtn .serviceBtnText {
        font-size: clamp(11px, 3.4666666667vw, 20px);
        line-height: 1.6; } }
  .serviceBtn .serviceBtnImage {
    position: relative;
    display: block; }
    .serviceBtn .serviceBtnImage::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid rgba(0, 0, 0, 0.07); }
  .serviceBtn.non-active {
    pointer-events: none; }

/* エリア */
.ec-furusatoGideRole__inner1000 {
  max-width: 1160px;
  /*width: 98%;*/
  box-sizing: border-box;
  margin: 0 auto; }

.ec-furusatoGideRole__area__links {
  margin-top: min(2vw, 20px);
  margin-bottom: min(4vw, 40px); }

.ec-furusatoGideRole__area__links__dl {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap; }

.ec-furusatoGideRole__area__links__dl + .ec-furusatoGideRole__area__links__dl {
  margin-top: min(1vw, 10px); }

.ec-furusatoGideRole__area__links__dl__dt,
.ec-furusatoGideRole__area__links__dl__dd {
  box-sizing: border-box; }

.ec-furusatoGideRole__area__links__dl__dt {
  width: min(16vw, 160px);
  margin-right: min(1vw, 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4% 1% 1.2%; }

.ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #4595d8;
  border: 2px solid #4595d8;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #3e66a2;
  border: 2px solid #3e66a2;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #329b87;
  border: 2px solid #329b87;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #5aa272;
  border: 2px solid #5aa272;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #eeb050;
  border: 2px solid #eeb050;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #ed81a5;
  border: 2px solid #ed81a5;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #b49972;
  border: 2px solid #b49972;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dt {
  background-color: #e4706a;
  border: 2px solid #e4706a;
  border-radius: 5px; }

@media only screen and (max-width: 767px) {
  .ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; }

  .ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dt {
    border-radius: 5px 5px 0 0; } }
.ec-furusatoGideRole__area__links__dl__dt__a {
  font-size: min(2vw, 20px);
  line-height: 1.5;
  letter-spacing: .05em;
  color: #fff;
  display: block;
  position: relative;
  transition: all .5s; }

.ec-furusatoGideRole__area__links__dl__dd {
  background-color: #fff;
  width: calc(100% - min(17vw, 170px));
  padding: 1.2% 3% 1.4%;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #4595d8;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #3e66a2;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #329b87;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #5aa272;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #eeb050;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #ed81a5;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #b49972;
  border-radius: 5px; }

.ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd {
  border: 2px solid #e4706a;
  border-radius: 5px; }

@media only screen and (max-width: 767px) {
  .ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; }

  .ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-radius: 0 0 5px 5px; } }
.ec-furusatoGideRole__area__links__dl__dd__a {
  font-size: min(1.6vw, 16px);
  line-height: 1.5;
  letter-spacing: .05em;
  position: relative;
  padding-left: min(1.2vw, 12px);
  margin-right: min(2.2vw, 22px);
  display: block;
  transition: all .5s;
  margin-top: min(0.5vw, 5px); }

.ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #4595d8; }

.ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #3e66a2; }

.ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #329b87; }

.ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #5aa272; }

.ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #eeb050; }

.ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #ea6da4; }

.ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #b49972; }

.ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
  color: #e4706a; }

.ec-furusatoGideRole__area__links__dl__dd__a::before {
  content: '';
  display: inline-block;
  width: min(0.8vw, 8px);
  height: min(1.2vw, 12px);
  position: absolute;
  left: 0;
  top: min(0.45vw, 4px); }

.ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_hokkaido.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_tohoku.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_kanto.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_chubu.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_kinki.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_chugoku.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_shikoku.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd__a::before {
  background: url("/html/upload/user_data/feature/summer-vacation/img/2025/iconBtn_kyusyu.png") no-repeat center/cover; }

.ec-furusatoGideRole__area__links__dl__dd__a:hover::after {
  content: '';
  display: block;
  width: calc(100% - min(1.2vw, 12px));
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0; }

.ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #4595d8; }

.ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #3e66a2; }

.ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #329b87; }

.ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #5aa272; }

.ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #eeb050; }

.ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #ed81a5; }

.ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #b49972; }

.ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd__a::after {
  background-color: #e4706a; }

/* max-width:767px
---------------------------------------------------*/
@media screen and (max-width: 767px) {
  .ec-furusatoGideRole__inner1000,
  .ec-furusatoGideRole__inner1200 {
    padding: 0 calc((30/750)*100vw);
    max-width: 100%; }

  .ec-furusatoGideRole__btn {
    padding: calc((6/750)*100vw) calc((22/750)*100vw);
    display: block;
    margin: 0 auto;
    text-align: center; }

  .ec-furusatoGideRole__flame__flow__step._1 .ec-furusatoGideRole__btn {
    margin: 0 auto; }

  .ec-furusatoGideRole__btn__txt {
    font-size: calc((22/750)*100vw);
    padding-left: calc((20/750)*100vw); }

  .ec-furusatoGideRole__btn__txt::before {
    width: calc((11/750)*100vw);
    height: calc((20/750)*100vw);
    top: -1px; }

  .ec-furusatoGideRole__btn.window .ec-furusatoGideRole__btn__txt {
    padding-right: calc((14/750)*100vw); }

  .ec-furusatoGideRole__btn.window .ec-furusatoGideRole__btn__txt::after {
    width: calc((18/750)*100vw);
    height: calc((18/750)*100vw); }

  .ec-furusatoGideRole__btnWrap_3 .ec-furusatoGideRole__btn {
    width: calc((420/750)*100vw);
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    text-align: center; }

  .ec-furusatoGideRole__btnWrap_3 .ec-furusatoGideRole__btn + .ec-furusatoGideRole__btn {
    margin-top: calc((20/750)*100vw); }

  .ec-furusatoGideRole__btnWrap_4 .ec-furusatoGideRole__btn {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: calc((540/750)*100vw); }

  .ec-furusatoGideRole__btnWrap_4 .ec-furusatoGideRole__btn + .ec-furusatoGideRole__btn {
    margin-top: calc((20/750)*100vw);
    margin-right: auto; }

  .ec-furusatoGideRole__btnWrap_5 .ec-furusatoGideRole__btn {
    width: calc((540/750)*100vw);
    margin: 0 auto; }

  .ec-furusatoGideRole__btnWrap_5 .ec-furusatoGideRole__btn + .ec-furusatoGideRole__btn {
    margin: calc((20/750)*100vw) auto 0; }

  .ec-furusatoGideRole__btn:hover:before {
    height: inherit;
    background-color: inherit; }

  .ec-furusatoGideRole__txt-n + .ec-furusatoGideRole__btn {
    margin: calc((15/750)*100vw) auto 0; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2__txt {
    font-size: calc((20/750)*100vw); }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.hokkaido:hover .ec-furusatoGideRole__btn-2__txt {
    color: #4595d8; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.tohoku:hover .ec-furusatoGideRole__btn-2__txt {
    color: #3e66a2; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.kanto:hover .ec-furusatoGideRole__btn-2__txt {
    color: #329b87; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.chubu:hover .ec-furusatoGideRole__btn-2__txt {
    color: #5aa272; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.kinki:hover .ec-furusatoGideRole__btn-2__txt {
    color: #eeb050; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.chugoku:hover .ec-furusatoGideRole__btn-2__txt {
    color: #ed81a5; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.shikoku:hover .ec-furusatoGideRole__btn-2__txt {
    color: #ed81a5; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.kyusyu-okinawa:hover .ec-furusatoGideRole__btn-2__txt {
    color: #e4706a; }

  .ec-furusatoGideRole__btn-2.ranking .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((28/750)*100vw);
    height: calc((20/750)*100vw); }

  .ec-furusatoGideRole__btn-2.region .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((25/750)*100vw);
    height: calc((25/750)*100vw); }

  .ec-furusatoGideRole__btn-2.travel .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((24/750)*100vw);
    height: calc((24/750)*100vw); }

  .ec-furusatoGideRole__btn-2.feature .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((26/750)*100vw);
    height: calc((27/750)*100vw); }

  .ec-furusatoGideRole__btn-2.right_arrow .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((11/750)*100vw);
    height: calc((19/750)*100vw);
    top: calc((-2/750)*100vw); }

  /* 地域で探す */
  #ec-furusatoGideRole__area {
    padding: calc((10/750)*100vw) 0; }

  #ec-furusatoGideRole__area .ec-furusatoGideRole__subTit__icn {
    width: calc((46/750)*100vw);
    height: calc((45/750)*100vw); }

  .ec-furusatoGideRole__area__giftBtns-ul {
    margin-top: calc((60 / 750)* 100vw); }

  .ec-furusatoGideRole__area__giftBtns-ul__li:nth-child(n+3) {
    margin-top: calc((30/750)*100vw) !important; }

  .ec-furusatoGideRole__area__giftBtns-ul__li:nth-child(4n+4),
  .ec-furusatoGideRole__area__giftBtns-ul__li {
    width: calc((300/750)*100vw);
    margin-right: 0; }

  .ec-furusatoGideRole__area__giftBtns-ul__li:nth-child(odd) {
    margin-right: auto;
    margin-left: 0;
    margin: auto; }

  .ec-furusatoGideRole__area__giftBtns-ul__li:nth-child(even) {
    margin-right: 0;
    margin-left: auto; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2 {
    width: auto; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2:nth-child(n+1) {
    margin-top: 0; }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.right_arrow {
    padding: calc((22/750)*100vw) calc((20/750)*100vw) calc((22/750)*100vw); }

  .ec-furusatoGideRole__area__giftBtns-ul__li .ec-furusatoGideRole__btn-2.right_arrow .ec-furusatoGideRole__btn-2__txt::before {
    width: calc((8/750)*100vw);
    height: calc((16/750)*100vw);
    top: calc((6/750)*100vw); }

  .ec-furusatoGideRole__area__links {
    margin-top: 0; }

  .ec-furusatoGideRole__area__links__dl {
    display: block; }

  .ec-furusatoGideRole__area__links__dl + .ec-furusatoGideRole__area__links__dl {
    margin-top: calc((40/750)*100vw); }

  .ec-furusatoGideRole__area__links__dl__dt {
    width: auto;
    margin-right: 0;
    padding: calc((30/750)*100vw) calc((30/750)*100vw) calc((24/750)*100vw);
    display: block;
    position: relative;
    cursor: pointer; }

  .ec-furusatoGideRole__area__links__dl__dt::before {
    transition: all .5s; }

  .ec-furusatoGideRole__area__links__dl.open .ec-furusatoGideRole__area__links__dl__dt::before {
    /* display: none; */
    transform: rotate(90deg);
    opacity: 0; }

  .ec-furusatoGideRole__area__links__dl__dt::after {
    transform: rotate(90deg); }

  .ec-furusatoGideRole__area__links__dl__dt__a {
    font-size: calc((28/750)*100vw);
    padding-left: calc((19/750)*100vw);
    display: table; }

  .ec-furusatoGideRole__area__links__dl__dt__a:hover {
    opacity: 1; }

  .ec-furusatoGideRole__area__links__dl__dt__a::before {
    width: calc((13/750)*100vw);
    height: calc((20/750)*100vw);
    top: calc((8/750)*100vw); }

  .ec-furusatoGideRole__area__links__dl__dt__a:hover::after {
    display: none; }

  .ec-furusatoGideRole__area__links__dl__dd {
    width: auto;
    padding: calc((20/750)*100vw) calc((30/750)*100vw) calc((40/750)*100vw); }

  .ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dt,
  .ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd,
  .ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd {
    border-width: 1px; }

  .ec-furusatoGideRole__area__links__dl__dd__a {
    font-size: calc((28/750)*100vw);
    padding-left: calc((18/750)*100vw);
    margin-right: calc((43/750)*100vw);
    margin-top: calc((25/750)*100vw);
    display: table;
    font-weight: 500; }

  .ec-furusatoGideRole__area__links__dl__dd__a::before {
    width: calc((8/750)*100vw);
    height: calc((16/750)*100vw);
    top: calc((14/750)*100vw); }

  .ec-furusatoGideRole__area__links__dl__dd__a:hover::after {
    display: none; }

  .ec-furusatoGideRole__area__links__dl.hokkaido-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.tohoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.kanto-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.chubu-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.kinki-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.chugoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.shikoku-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover,
  .ec-furusatoGideRole__area__links__dl.kyusyu-okinawa-wrap .ec-furusatoGideRole__area__links__dl__dd__a:hover {
    color: #000; } }
/* max-width:767px chromeのみ
---------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
  /* chromeのみ */
  /* common*/
  .ec-furusatoGideRole__btn {
    padding: calc((8/750)*100vw) calc((22/750)*100vw) calc((4/750)*100vw) calc((22/750)*100vw); }

  body.win .ec-furusatoGideRole__txt-orange,
  body.Android .ec-furusatoGideRole__txt-orange {
    padding: calc((25/750)*100vw) calc((30/750)*100vw) calc((15/750)*100vw); } }
/* max-width:420px
---------------------------------------------------*/
@media screen and (max-width: 420px) {
  /* common*/
  .ec-furusatoGideRole__btn {
    padding: calc((6/750)*100vw) calc((22/750)*100vw) calc((10/750)*100vw); } }

/*# sourceMappingURL=style2025.css.map */
