@charset "UTF-8";
* {
  box-sizing: border-box;
}
html { -webkit-text-size-adjust: 100%;}
img{ border:none; vertical-align:bottom;}
ul{ list-style:none; margin:0; padding:0;}
p{ width: 100%; margin:0;}
body{ margin:0 auto; padding:0; font-smoothing: antialiased; font-size: 16px;}
.sp{ display: none !important;}

a.link {
  color: #68b5ae;
  font-weight: bold;
}
figure {
  display: block;
  width: 100%;
  margin: 2em 0;
}
img {
  width: 100%;
  height: auto;
}
.mobility_resort_motegi-feature-article section {
	width: 1100px;
	margin: 50px auto 120px;
}
.article-section p,.article-lead p,.author-section p {
  line-height: 2;
  letter-spacing: 0.025em;
}
.article-section p span.highlight,.article-lead p span.highlight,.author-section p span.highlight {
  display: inline;
	background: linear-gradient(transparent 0%, #ffd9db 0%);
}
.article-header .ttl-image {
  margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
.article-header .ttl-image img {
	width: 600px;
	margin: 0 auto;
	display: block;
}
.author-detail {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.author-detail figure {
  width: 200px;
  margin: 0;
}
.faq-list {
  padding: 0 20px;
}
.faq-list dt {
  margin-bottom: 0.75em;
  font-weight: bold;
}
.faq-list dd {
  margin-bottom: 2em;
}
.faq-list table {
  border-collapse: collapse;
  border-spacing: 0;
  border-left: 1px solid #68b5ae;
  border-bottom: 1px solid #68b5ae;
}
.faq-list table th,
.faq-list table td {
  padding: 5px;
}
.faq-list table th {
  text-align: center;
  background-color: #b8e9e4;
  border-top: 1px solid #68b5ae;
  border-right: 1px solid #68b5ae;
}
.faq-list table td {
  border-right: 1px solid #68b5ae;
  border-top: 1px solid #68b5ae;
}

.cta-link {
  margin: 40px auto;
  padding: 0 20px;
}
.cta-link a {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 60px;
  border-radius: 60px;
  text-align: center;
  background-color: #e4b600;
  color: #fff;
  border: 1px solid #e4b600;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cta-link a:hover {
  color: #e4b600;
  background-color: #fff;
  transition: all 0.3s ease;
}

/*
コンテンツ内容
------------------------------------------------------*/
/*-- 共通内容 --*/
.mobility_resort_motegi-feature-article{ width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto 40px; color: #12290f; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
.mobility_resort_motegi-feature-article #pageBg{ background: url("../../images/plan/common/bg-pattern.png") repeat-y center top; position: relative; padding: 100px 0; margin-bottom: 100px;}
.mobility_resort_motegi-feature-article #pageBg .date { position:  relative; right:  100px; bottom: 30px;}
.mobility_resort_motegi-feature-article #pageBg .date span {position:  absolute; right:  163px;  bottom: 20px; font-size: 16px; }
.mobility_resort_motegi-feature-article #pageBg::after{ content: ""; display: block; background: url("../../images/plan/common/bg-btm.png") repeat-x left bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;}
.mobility_resort_motegi-feature-article #pageBg_new{ background: url("../../images/plan/common/bg-pattern.png") repeat-y center top; position: relative; padding: 20px 0; margin-bottom: 100px;}
.mobility_resort_motegi-feature-article #pageBg_new .date { position:  relative; right:  100px; bottom: 30px;}
.mobility_resort_motegi-feature-article #pageBg_new .date span {position:  absolute; right:  163px;  bottom: 20px; font-size: 16px; }
.mobility_resort_motegi-feature-article #pageBg_new .date2 {
    position: relative;
    margin: 40px 0 0 0;
    text-align: right;
}
.mobility_resort_motegi-feature-article #pageBg_new .date2 span {font-size: 16px; }
.mobility_resort_motegi-feature-article #pageBg_new::after{ content: ""; display: block; background: url("../../images/plan/common/bg-btm.png") repeat-x left bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px;}
.mobility_resort_motegi-feature-article .pankuzu { width: 1280px; margin: 0 auto 40px; font-size: 12px;}
.mobility_resort_motegi-feature-article .pankuzu a { color: #12290f; text-decoration: none; font-weight: normal; }

.mobility_resort_motegi-feature-article h1{ background: url("../../images/plan/common/plan/top/main-pc.jpg") no-repeat center top; width: 100%; height: 420px; text-indent: 100%; overflow: hidden; margin: 0 auto;}
.mobility_resort_motegi-feature-article h1 span{ display: none;}

.mobility_resort_motegi-feature-article .leadPlan{ text-align: center; font-size: 20px; font-weight: bold; width: 1200px; margin: 0 auto 80px; line-height: 1.8;}

.mobility_resort_motegi-feature-article h2 {
	margin: 50px auto 10px;
	text-align: center;
	font-size: 32px;
}
.mobility_resort_motegi-feature-article h4 {
	text-align: left;
	font-size: 20px;
  margin: 60px 0 30px 0;
}
.mobility_resort_motegi-feature-article h5 {
  text-align: left;
  font-size: 18px;
  margin: 30px 0 20px 0;
}
.mobility_resort_motegi-feature-article .summary-box ul {
	display: flex;
	flex-direction: column;
	gap: 15px 0;
	list-style-type: disc;
  padding: 0 20px 0 30px;
}
.mobility_resort_motegi-feature-article h3{ font-size: 26px; line-height: 1.6; margin: 0 auto 40px; text-align:center;}
.mobility_resort_motegi-feature-article h3 .small{ font-size: 22px;}
.mobility_resort_motegi-feature-article h3 .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}
.mobility_resort_motegi-feature-article h3.center .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}

#page-top{ width:50px; height:50px; display:none; position:fixed; right:30px; bottom:50px; z-index:200;}
#page-top p{ margin:0; padding:0;}
#page-top p img{ width:50px; opacity:0.8; filter:alpha(opacity=80);}
#page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
#move-page-top{ text-decoration:none; display:block; cursor:pointer;}

.text a{ color:#94754d; text-decoration: underline;}
.text a:hover{ text-decoration: none;}
.text_link a{ color:#94754d; text-decoration: underline;}
.text_link a:hover{ text-decoration: none;}

/*--- margin ---*/
.mobility_resort_motegi-feature-article .mt00{ margin-top:00px !important;}
.mobility_resort_motegi-feature-article .mt90{ margin-top:90px !important;}
.mobility_resort_motegi-feature-article .mt100{ margin-top:100px !important;}
.mobility_resort_motegi-feature-article .mt120{ margin-top:120px !important;}
.mobility_resort_motegi-feature-article .mt180{ margin-top:180px !important;}#secReview .textBox .text {
}

.caution {text-align: center; font-size: 14px;}


@media screen and (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%;}
  img{ border:none; vertical-align:bottom;}
  ul{ list-style:none; margin:0; padding:0;}
  p{ margin:0;}
  body{ margin:0 auto; padding:0; font-smoothing: antialiased; font-size: 14px;}
  .pc{ display: none !important;}

  figure {
    padding: 0 20px;
  }

  .mobility_resort_motegi-feature-article section {
    width: 100%;
    margin: 0 auto 60px auto;
  }
  .mobility_resort_motegi-feature-article h2,
  .mobility_resort_motegi-feature-article h3,
  .mobility_resort_motegi-feature-article h4,
  .mobility_resort_motegi-feature-article h5,
  .author-section p,
  .article-section p,
  .article-lead p {
    padding: 0 20px;
  }
  .author-section p,
  .article-section p,
  .article-lead p {
    line-height: 1.75;
  }
  .mobility_resort_motegi-feature-article h4 {
    font-size: 16px;
    margin: 40px 0 20px 0;
  }
  .mobility_resort_motegi-feature-article h5 {
    font-size: 16px;
    margin: 20px 0 10px 0;
  }
  .article-header .ttl-image {
    margin: 0 auto;
    padding: 4% 0;
    text-align: center;
  }
  .article-header .ttl-image img {
    width: 77.5%;
  }
  .author-detail {
    flex-direction: column;
    gap: 20px 0;
  }
  .author-detail figure {
    width: 50%;
  }
  .faq-list .faq-table {
    padding-bottom: 8px;
    overflow-x: scroll;
  }
  .faq-list table {
    width: max-content;
  }
  .mobility_resort_motegi-feature-article .summary-box ul {
    margin: 0 0 0 10px;
  }

  .cta-link {
    margin: 30px auto;
  }
  .cta-link a {
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
  }

  /*
  コンテンツ内容
  ------------------------------------------------------*/
  /*-- 共通内容 --*/
  .mobility_resort_motegi-feature-article{ width: 100%; max-width: 100%; min-width: 0; margin: 0 auto 5%; color: #12290f; font-family: "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;}
  .mobility_resort_motegi-feature-article #pageBg{ background: url("../../images/plan/common/bg-pattern.png") repeat-y center top; background-size: 100%; position: relative; padding: 7% 0 60px; margin-bottom: 50px;}
  .mobility_resort_motegi-feature-article #pageBg .date { position:  relative; padding: 10px 0; right:  10px; bottom: 0;}
  .mobility_resort_motegi-feature-article #pageBg .date span {position:  absolute; right:  10px;  bottom: 10px; font-size: 12px; }
  .mobility_resort_motegi-feature-article #pageBg::after{ content: ""; display: block; background: url("../../images/plan/common/bg-btm-sp.png") repeat-x left bottom; background-size: auto 100%; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;}
  .mobility_resort_motegi-feature-article .pankuzu { width: auto; margin: 0 5% 5%; font-size: 12px; line-height: 1.8;}
  .mobility_resort_motegi-feature-article .pankuzu a { color: #12290f; text-decoration: none;}

  .mobility_resort_motegi-feature-article #pageBg_new .date { position:  relative; padding: 10px 0; right:  10px; bottom: 0;}
  .mobility_resort_motegi-feature-article #pageBg_new .date span {position:  absolute; right:  10px;  bottom: 10px; font-size: 12px; }
  .mobility_resort_motegi-feature-article #pageBg_new .date2 { position:  relative; text-align: right; margin-bottom: 10px;}
  .mobility_resort_motegi-feature-article #pageBg_new .date2 span {font-size: 12px; }

  /*-- ツインリンクもてぎの楽しみ方TOP --*/
  .mobility_resort_motegi-feature-article h1{ background: url("../../images/plan/common/main-sp.jpg") no-repeat center top; background-size: 100%; width: 100%; height: 0; padding-top: 51.63%; text-indent: 100%; overflow: hidden; margin: 0 auto;}
  .mobility_resort_motegi-feature-article h1 span{ display: none;}

  .mobility_resort_motegi-feature-article .leadPlan{ text-align: left; font-size: 16px; font-weight: bold; width: 90%; margin: 0 auto 15%; line-height: 1.8;}

  .mobility_resort_motegi-feature-article .secLead{ font-size: 16px; font-weight: bold; line-height: 1.8; margin: 0 auto 10%; text-align: left; width: 90%;}
  .mobility_resort_motegi-feature-article .refarence{ font-size: 11px; text-align: left; width: 90%;  margin: 10% auto 0;}

  .mobility_resort_motegi-feature-article h2 {
    margin: 50px auto 10px;
    text-align: center;
    font-size: 20px;
  }
  .mobility_resort_motegi-feature-article h3{ font-size: 18px; line-height: 1.6; margin: 0 auto 7%; text-align:center;}
  .mobility_resort_motegi-feature-article h3 .small{ font-size: 12px;}
  .mobility_resort_motegi-feature-article h3 .line{ background: linear-gradient(transparent 70%, rgba(255, 254, 119, 0.5) 30%);}text-align:center;

  #page-top{ width:40px; height:40px; display:none; position:fixed; right: 3%; bottom: 5%; z-index:200;}
  #page-top p{ margin:0; padding:0;}
  #page-top p img{ width:100%; opacity:0.8; filter:alpha(opacity=80);}
  #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
  #move-page-top{ text-decoration:none; display:block; cursor:pointer;}

  .text a{ color:#94754d; text-decoration: underline;}

  #page-top{ width:50px; height:50px; display:none; position:fixed; right:30px; bottom:50px; z-index:200;}
  #page-top p{ margin:0; padding:0;}
  #page-top p img{ width:50px; opacity:0.8; filter:alpha(opacity=80);}
  #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);}
  #move-page-top{ text-decoration:none; display:block; cursor:pointer;}

  .text a{ color:#94754d; text-decoration: underline;}
  .text a:hover{ text-decoration: none;}
  .text_link a{ color:#94754d; text-decoration: underline;}
  .text_link a:hover{ text-decoration: none;}

  /*--- margin ---*/
  .mobility_resort_motegi-feature-article .mt00{ margin-top:00px !important;}
  .mobility_resort_motegi-feature-article .mt90{ margin-top:10% !important;}
  .mobility_resort_motegi-feature-article .mt100{ margin-top:15% !important;}
  .mobility_resort_motegi-feature-article .mt120{ margin-top:20% !important;}
  .mobility_resort_motegi-feature-article .mt180{ margin-top:25% !important;}

}