@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
#mainvisual_area { position: relative; aspect-ratio: 16 / 9; }
@media only screen and (max-width: 767px) { #mainvisual_area { aspect-ratio: 1 / 1.4; } }

#top_slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: 0.5s ease; }
#top_slides .slick-list, #top_slides .slick-track { height: 100%; }
#top_slides .slide_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#top_slides .mv_slide_01 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: 0.5s ease; opacity: 1; background: #F8F9F3; }
#top_slides .mv_slide_01 .cap { z-index: 2; }
#top_slides .mv_slide_01 .mainvisual_logo { position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; text-align: center; height: 100%; }
#top_slides .mv_slide_01 .mainvisual_copy { position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; text-align: center; height: 100%; }
#top_slides .mv_slide_01 .mainvisual_bk { position: relative; z-index: 1; }
#top_slides .mv_slide_01 .mainvisual_bk img { width: 100%; }
@media only screen and (max-width: 767px) { #top_slides .mv_slide_01 .mainvisual_bk picture { margin-top: -10vw; display: block; } }
#top_slides .mv_slide_02 { background-image: url(../img/pages/top/mv/slide02.jpg); }
#top_slides .mv_slide_03 { background-image: url(../img/pages/top/mv/slide03.jpg); }
#top_slides .mv_slide_04 { background-image: url(../img/pages/top/mv/slide04.jpg); }
#top_slides .mv_slide_05 { background-image: url(../img/pages/top/mv/slide05.jpg); }
#top_slides .topMv_dots { display: flex; flex-wrap: wrap; justify-content: center; position: absolute; bottom: 20px; left: 0; right: 0; }
#top_slides .topMv_dots li { margin: 0 5px; }
#top_slides .topMv_dots li button { text-indent: -9999px; padding: 0; margin: 0; border: none; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 5px #3e3e3e; }
#top_slides .topMv_dots li button:hover { cursor: pointer; background: #7A6A56; }
#top_slides .topMv_dots li.slick-active button { background: #7A6A56; }

#mainvisual_movie { position: relative; width: 100%; aspect-ratio: 16 / 9; transition: 0.5s ease; z-index: 2; }
#mainvisual_movie video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media only screen and (max-width: 767px) { #mainvisual_movie { aspect-ratio: 1 / 1.65; } }

#mainvisual_area.change #top_slides { opacity: 1; }
#mainvisual_area.change #mainvisual_movie { opacity: 0; visibility: hidden; }

/* merit_area */
#merit_area { padding: 30px 0; }
#merit_area .inner { max-width: 1320px; }
#merit_area h2 { text-align: center; font-size: 25px; font-weight: 500; margin: 0 0 50px; }
#merit_area .merit_list picture, #merit_area .merit_list img { width: 100%; }
#merit_area .anno { font-size: 11px; line-height: 1.2; margin: 10px 0 0; }
#merit_area .merit_box { /*width: calc(100% / 4);*/ text-align: center; border-right: 1px solid #A6AAA7; margin: 0 0 50px; display: flex; justify-content: center; align-items: flex-end; }
#merit_area .merit_box:nth-child(4n) { border-right: none; }
#merit_area .merit_box:nth-child(1) { width: calc((100% / 4) + 50px); }
#merit_area .merit_box:nth-child(2) { width: calc((100% / 4) - 50px); }
#merit_area .merit_box:nth-child(3) { width: calc(100% / 4); }
#merit_area .merit_box:nth-child(4) { width: calc(100% / 4); }
#merit_area .merit_box:nth-child(5) { width: calc(((80% / 4) + 50px) / 2); }
#merit_area .merit_box:nth-child(6) { width: calc(((120% / 4) + 50px) / 2); }
#merit_area .merit_box:nth-child(7) { width: calc((100% / 4) - 50px); }
#merit_area .merit_box:nth-child(8) { width: calc(100% / 2); }
#merit_area .merit_box p { font-size: 28px; font-weight: 500; line-height: 1.2; }
#merit_area .merit_box p b { font-size: 150%; font-weight: 500; line-height: 1; }
#merit_area .merit_box p span { font-size: 50%; }
#merit_area .merit_box p small { font-size: 60%; }
#merit_area .merit_box:nth-child(4) p { display: flex; align-items: flex-end; }
#merit_area .merit_box:nth-child(4) .left { text-align: left; }
#merit_area .merit_box:nth-child(4) .right { font-size: 28px; }
#merit_area .merit_box:nth-child(5) p .area_size { display: flex; font-size: 28px; }
#merit_area .merit_box:nth-child(6) p { font-size: 25px; display: flex; text-align: left; }
#merit_area .merit_box:nth-child(7) p { font-size: 25px; }
@media screen and (max-width: 1320px) { #merit_area .merit_box p { font-size: clamp(22px, 2vw, 30px); } }
@media only screen and (max-width: 767px) { #merit_area { padding: 40px 0 30px; }
  #merit_area h2 { font-size: 15px; line-height: 2; margin: 0 -10px 30px; }
  #merit_area .merit_box { border-right: none; border-top: 1px solid #A6AAA7; margin: 0; display: flex; justify-content: center; align-items: center; text-align: left; }
  #merit_area .merit_box:nth-child(1), #merit_area .merit_box:nth-child(2), #merit_area .merit_box:nth-child(3), #merit_area .merit_box:nth-child(4), #merit_area .merit_box:nth-child(5), #merit_area .merit_box:nth-child(6), #merit_area .merit_box:nth-child(7), #merit_area .merit_box:nth-child(8) { width: 100%; height: 80px; } }

@keyframes shine { 20% { left: 100%; }
  100% { left: 100%; } }
/* topInfo_aera */
.topInfo_aera { background: #3E3A39; text-align: center; padding: 30px 0; /* top_limited */ }
.topInfo_aera h2 { color: #C8BB9B; font-size: 30px; font-weight: 500; }
.topInfo_aera .topInfo_entry { max-width: 320px; width: 100%; margin: 30px auto; }
.topInfo_aera .topInfo_entry a { display: block; background: #7A6A56; color: #fff; font-size: 20px; letter-spacing: 2px; padding: 10px 5px; margin: 20px 0; position: relative; overflow: hidden; }
.topInfo_aera .topInfo_entry a:after { content: ""; border: 3px solid #3E3A39; border-top: none; border-bottom: none; position: absolute; top: 0; left: 3px; z-index: 2; width: calc(100% - 6px); height: 100%; }
.topInfo_aera .topInfo_entry a:before { content: ""; animation: 3s 0s shine linear infinite; background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 75%); height: 100%; width: 100%; left: -100%; position: absolute; top: 0; transform: skewX(-15deg); }
.topInfo_aera p { color: #C8BB9B; font-size: 15px; font-weight: 500; }
@media only screen and (max-width: 767px) { .topInfo_aera h2 { font-size: 20px; }
  .topInfo_aera .topInfo_entry { margin: 15px auto; }
  .topInfo_aera p { font-size: 12px; } }
.topInfo_aera #top_limited { padding: 60px 0 40px; }
.topInfo_aera #top_limited .top_limited_wrap { border: 1px solid #fff; position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 20px; }
.topInfo_aera #top_limited h2 { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 2; font-size: 25px; transform: translateY(-50%); color: #3e3a39; }
.topInfo_aera #top_limited h2 span { background: #3E3A39; color: #fff; padding: 0 20px; }
.topInfo_aera #top_limited .limited_box { width: calc((100% / 3) - 30px); margin: 0 15px; }
.topInfo_aera #top_limited .limited_box p { color: #fff; margin: 5px 0 0; }
@media only screen and (max-width: 991px) { .topInfo_aera #top_limited { padding: 80px 0 30px; }
  .topInfo_aera #top_limited .limited_box { width: calc((100% / 2) - 30px); } }
@media only screen and (max-width: 767px) { .topInfo_aera #top_limited { padding: 80px 0 30px; }
  .topInfo_aera #top_limited .top_limited_wrap { padding: 40px 20px 10px; }
  .topInfo_aera #top_limited .limited_box { width: 100%; margin: 0 0 20px; } }
.topInfo_aera .entryFlow_area { color: #fff; padding: 60px 0 0; }
.topInfo_aera .entryFlow_area p { color: #fff; }
.topInfo_aera .entryFlow_area h3 { font-size: 30px; font-weight: 500; }
.topInfo_aera .entryFlow_area .entryFlow_box { width: 50%; text-align: left; padding: 30px 40px 30px 10px; }
.topInfo_aera .entryFlow_area .entryFlow_box:nth-child(even) { padding: 30px 10px 30px 40px; }
.topInfo_aera .entryFlow_area .entryFlow_box:nth-child(1), .topInfo_aera .entryFlow_area .entryFlow_box:nth-child(2) { border-bottom: 1px solid #fff; }
.topInfo_aera .entryFlow_area .entryFlow_box:nth-child(1), .topInfo_aera .entryFlow_area .entryFlow_box:nth-child(3) { border-right: 1px solid #fff; }
.topInfo_aera .entryFlow_area .entryFlow_box h4 { position: relative; min-height: 60px; padding-left: 80px; font-size: 22px; line-height: 1.4; display: flex; align-items: center; margin: 0 0 20px; }
.topInfo_aera .entryFlow_area .entryFlow_box h4 span { position: absolute; top: 0; left: 0; border: 1px solid #fff; width: 60px; height: 60px; text-align: center; font-size: 14px; line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.topInfo_aera .entryFlow_area .entryFlow_box h4 span b { font-size: 30px; font-weight: 400; line-height: 1; }
.topInfo_aera .entryFlow_area .flow_inner .flow_text { width: calc(100% - 150px); padding-right: 20px; }
.topInfo_aera .entryFlow_area .flow_inner .flow_img { width: 150px; }
.topInfo_aera .entryFlow_area .entryFlow_content .swipeIcon { display: none; }
@media only screen and (max-width: 991px) { .topInfo_aera .entryFlow_area .entryFlow_box h4 { font-size: 18px; }
  .topInfo_aera .entryFlow_area .flow_inner { position: relative; }
  .topInfo_aera .entryFlow_area .flow_inner .flow_text { width: 100%; padding-right: 0; }
  .topInfo_aera .entryFlow_area .flow_inner .flow_text p { line-height: 1.5; padding-right: 100px; }
  .topInfo_aera .entryFlow_area .flow_inner .flow_img { width: 80px; position: absolute; top: 80px; right: 0; } }
@media only screen and (max-width: 767px) { .topInfo_aera .entryFlow_area h3 { font-size: 22px; }
  .topInfo_aera .entryFlow_area .entryFlow_content { overflow-x: scroll; width: calc(100% + 50px); transform: translateX(-20px); position: relative; }
  .topInfo_aera .entryFlow_area .entryFlow_content .swipeIcon { display: block; }
  .topInfo_aera .entryFlow_area .entryFlow_wrap { width: 1130px; }
  .topInfo_aera .entryFlow_area .entryFlow_box { width: calc((100% / 4) - 10px); margin: 0 5px; padding: 15px; border: 1px solid #fff; }
  .topInfo_aera .entryFlow_area .entryFlow_box:nth-child(even) { padding: 15px; }
  .topInfo_aera .entryFlow_area .entryFlow_box h4 { min-height: 40px; padding-left: 45px; font-size: 16px; }
  .topInfo_aera .entryFlow_area .entryFlow_box h4 span { font-size: 10px; width: 40px; height: 40px; }
  .topInfo_aera .entryFlow_area .entryFlow_box h4 span b { font-size: 14px; }
  .topInfo_aera .entryFlow_area .topInfo_entry a { font-size: 15px; letter-spacing: 0; }
  .topInfo_aera .entryFlow_area .flow_inner .flow_img { top: 60px; } }

.topInfo_aera.page_bottomInfo { padding: 80px 0 30px; margin: 2px 0 0; }
@media only screen and (max-width: 767px) { .topInfo_aera.page_bottomInfo { padding: 50px 0 30px; } }

/* concept_sec-1 */
#concept_sec-1 { position: relative; padding: 110px 0 0; /*overflow: hidden;*/ }
#concept_sec-1 .trigger_point { height: 200vh; }
#concept_sec-1 .concept_wrap { position: relative; /*top: 110px; left: 0; width: 100vw; height: calc(100svh - 110px);*/ text-align: center; }
#concept_sec-1 #visual_sec-1 { /*padding-top: 20px; z-index: 1;*/ padding: 0 30px; /*.concept_copyLogo{position: relative; text-align: center; height: 100%;}
.concept_copy{position: absolute; top: 0; left: 0; right: 0;}
.concept_text{position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: 0.3s ease;}
.concept_logo{position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: 0.3s ease;}*/ }
#concept_sec-1 #visual_sec-1 h2 { text-align: center; font-size: 23px; font-weight: 400; color: #676765; margin: 0 0 30px; }
#concept_sec-1 #visual_sec-1 .concept_copy { margin: 0 0 50px; }
#concept_sec-1 #visual_sec-1 .concept_text { margin: 0 0 50px; }
#concept_sec-1 #visual_sec-1 .concept_movie_text { font-size: 18px; }
#concept_sec-1 #visual_sec-1 .concept_img01 { margin: -4vw -30px 0; }
@media only screen and (max-width: 1024px) { #concept_sec-1 { /*.concept_wrap{top: 60px; height: calc(100svh - 60px);}*/ } }
@media only screen and (max-width: 767px) { #concept_sec-1 #visual_sec-1 { padding-top: 40px; }
  #concept_sec-1 #visual_sec-1 h2 { font-size: 16px; }
  #concept_sec-1 #visual_sec-1 .concept_copy img { max-width: 95px; }
  #concept_sec-1 #visual_sec-1 .concept_logo { max-width: 200px; width: 100%; margin: 0 auto; }
  #concept_sec-1 #visual_sec-1 .concept_movie_text { font-size: 14px; } }

.concept_movie:hover { cursor: pointer; opacity: 0.7; }

.mfp-movie .mfp-iframe-holder .mfp-content { max-width: 1200px; }

.mfp-movie iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }

/* visual_sec-2 */
#visual_sec-2 { padding: 120px 0 0; background: #F8F9F3; transition: 0.3s ease; display: flex; flex-direction: column; align-items: center; }
#visual_sec-2 h2 { text-align: center; font-size: 23px; font-weight: 400; color: #676765; margin: 0 0 50px; }
#visual_sec-2 .concept_movie { border: 1px solid #7a6956; padding: 5px; }
@media only screen and (max-width: 767px) { #visual_sec-2 { padding: 80px 30px 0; }
  #visual_sec-2 h2 { margin: 0 0 30px; font-size: 16px; }
  #visual_sec-2 .concept_movie { padding: 2px; } }

/* concept_area */
/*#concept_area.area_show #visual_sec-3,
#concept_area.area_show #visual_sec-5,
#concept_area.area_show #visual_sec-4{position: fixed;}*/
#concept_area { position: relative; overflow: hidden; padding: 120px 0 0; /*.trigger_wrap{}
.trigger_point{height: 180vh;}
.trigger_point#sec-3-1{height: 50vh;}*/ /*.concept_wrap{position: absolute; top: 110px; left: 0; width: 100vw; height: calc(100svh - 110px);}*/   /*#visual_sec-3{z-index: 1; background: #F8F9F3; opacity: 0;
	  .concept_map_cap{width: 100%; height: 100%; z-index: 2; position: relative; opacity: 0; transition: 0.5s ease;}
	  .cap{position: absolute; bottom: 0; right: 0; font-size: 11px; line-height: 1.2; padding: 3px 15px; color: #FFF; background: rgba(0,0,0,0.5);} .concept_map{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: center bottom; width: 100%; height: 100vh; background: url(../img/pages/top/concept_map.jpg) no-repeat center bottom; background-size: cover; opacity: 0; transition: 0.5s ease;} }*/ /*#visual_sec-5{z-index: 3; opacity: 0; top: auto; bottom: 0; position: relative;
	background-image: url("../img/pages/top/visual_sec-5.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	position: relative;
	width: 100%; height: 100vh;
	.cap{position: absolute; bottom: 0; right: 0; font-size: 11px; line-height: 1.2; padding: 3px 5px; color: #FFF; background: rgba(0,0,0,0.5);}
}*/ }
#concept_area #visual_sec-3 picture, #concept_area #visual_sec-5 picture { display: inline-block; }
#concept_area #visual_sec-4 { /*z-index: 3; background: #F8F9F3; opacity: 0; top: auto; bottom: 0;*/ padding: 120px 0; }
#concept_area #visual_sec-4 .inner { height: 100%; max-width: 1300px; }
#concept_area #visual_sec-4 .development_flex { text-align: center; }
#concept_area #visual_sec-4 .development_text { margin: 0 0 20px; }
#concept_area #visual_sec-4 .development_text h3 { font-size: 27px; font-weight: 400; line-height: 2.2; margin: 0 0 30px; }
#concept_area #visual_sec-4 .development_text p { font-size: 16px; line-height: 2.2; }
#concept_area #visual_sec-4 .development_img picture { display: inline-block; }
#concept_area #visual_sec-4 .concept_img02 { margin: 70px 0 0; }
#concept_area #visual_sec-4 .development_img_wrap { align-items: flex-end; }
#concept_area #visual_sec-4 .development_img_wrap .development_facility { width: 300px; padding: 0 0 35px; }
#concept_area #visual_sec-4 .development_img_wrap .development_facility img { width: 100%; }
#concept_area #visual_sec-4 .development_img_wrap .development_img { width: calc(100% - 300px); padding-left: 30px; }
@media only screen and (max-width: 1024px) { #concept_area #visual_sec-4 .development_text h3 { font-size: 22px; }
  #concept_area #visual_sec-4 .development_text p { font-size: 12px; } }
@media only screen and (max-width: 991px) { #concept_area #visual_sec-4 .development_img_wrap .development_facility { width: 200px; }
  #concept_area #visual_sec-4 .development_img_wrap .development_img { width: calc(100% - 200px); padding-left: 30px; } }
@media only screen and (max-width: 767px) { #concept_area { padding: 80px 0 0; }
  #concept_area .trigger_point#sec-3-1 { height: 20vh; }
  #concept_area .trigger_point#sec-3-2 { height: 100vh; }
  #concept_area .trigger_point#sec-5-1 { height: 100vh; }
  #concept_area .trigger_point#sec-4-1 { height: 200vh; }
  #concept_area #visual_sec-4 { padding: 50px 0 70px; }
  #concept_area #visual_sec-4 .development_text h3 { font-size: 15px; line-height: 1.6; margin: 0 0 10px; }
  #concept_area #visual_sec-4 .development_text p { font-size: 12px; line-height: 1.8; }
  #concept_area #visual_sec-4 .concept_img02 { margin: 40px 0 0; }
  #concept_area #visual_sec-4 .development_img_wrap { flex-direction: column-reverse; }
  #concept_area #visual_sec-4 .development_img_wrap .development_facility { width: 100%; padding: 0 30px; margin: 20px 0 0; }
  #concept_area #visual_sec-4 .development_img_wrap .development_img { width: 100%; padding-left: 0; } }

@media only screen and (max-width: 767px) { /*モーダルの中*/
  #development_img .mfp-close { background: rgba(0, 0, 0, 0.5); }
  #development_img .slideimg img { max-width: 130vw !important; } }
/* pageLink_area */
#pageLink_area { position: relative; overflow: hidden; }
#pageLink_area .pageLink_wrap { width: 100vw; height: 100svh; position: relative; }
#pageLink_area .pageLink_backimg { width: 100%; height: 100%; position: relative; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#pageLink_area .pageLink_inner { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#pageLink_area .pageLink_backcover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: block; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%); }
#pageLink_area .pageLink_backcover span { font-size: 11px; line-height: 1.2; font-weight: 500; position: absolute; bottom: 0; right: 16px; padding: 3px 5px; color: #FFF; background: rgba(0, 0, 0, 0.5); }
#pageLink_area .pageLink_text { position: absolute; bottom: 50px; left: 150px; z-index: 3; }
#pageLink_area .pageLink_text h2 { color: #fff; font-size: 50px; font-weight: 500; letter-spacing: 10px; margin: 0 0 10px; }
#pageLink_area .pageLink_text h2 + p { color: #fff; font-size: 25px; }
#pageLink_area .pageLink_view { position: absolute; bottom: 50px; right: 130px; z-index: 3; padding-right: 70px; }
#pageLink_area .pageLink_btn a { color: #fff; font-family: "Bebas Neue", serif; font-size: 24px; letter-spacing: 2px; }
#pageLink_area .pageLink_btn a span { padding-right: 60px; position: relative; }
#pageLink_area .pageLink_btn a span::before { content: ""; width: 50px; aspect-ratio: 1 / 1; border-radius: 50%; border: 1px solid #fff; display: block; position: absolute; right: 0; bottom: 50%; transform: translateY(50%); }
#pageLink_area .pageLink_btn a span::after { content: ""; border-left: 8px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; width: 0; position: absolute; right: 19px; bottom: 50%; transform: translateY(50%); }
#pageLink_area .scrollbar { position: absolute; bottom: 0; right: 0; padding: 0 1px; overflow: hidden; }
#pageLink_area .scrollbar::before { content: ""; width: 3px; height: 16px; display: block; background: #fff; position: absolute; top: 0; right: 0; animation: scroll 2s infinite; }
#pageLink_area .scrollbar::after { content: ""; width: 1px; height: 160px; display: block; background: #fff; }
#pageLink_area #link_location .pageLink_backimg { background-image: url(../img/pages/top/link_location.jpg); }
#pageLink_area #link_access .pageLink_backimg { background-image: url(../img/pages/top/link_access.jpg); }
#pageLink_area #link_plan .pageLink_backimg { background-image: url(../img/pages/top/link_plan.jpg); }
#pageLink_area #link_brand .pageLink_backimg { background-image: url(../img/pages/top/link_brand.jpg); }
@media only screen and (max-width: 1024px) { #pageLink_area .pageLink_text, #pageLink_area .pageLink_view { bottom: 90px; }
  #pageLink_area .pageLink_text { left: 50px; }
  #pageLink_area .pageLink_view { right: 50px; } }
@media only screen and (max-width: 767px) { #pageLink_area .pageLink_text { bottom: 160px; left: 30px; }
  #pageLink_area .pageLink_text h2 { font-size: 30px; }
  #pageLink_area .pageLink_text h2 + p { font-size: 15px; }
  #pageLink_area .pageLink_view { right: 30px; left: 30px; padding-right: 25px; }
  #pageLink_area .pageLink_btn a { font-size: 18px; }
  #pageLink_area .pageLink_btn a span { padding-right: 45px; }
  #pageLink_area .pageLink_btn a span::before { width: 35px; }
  #pageLink_area .pageLink_btn a span::after { right: 13px; }
  #pageLink_area .scrollbar { display: none; }
  #pageLink_area .pageLink_backcover span { right: 0px; }
  #pageLink_area #link_plan .pageLink_backimg { background-position: right -10vw center; } }

@keyframes scroll { 0% { top: 0; }
  100% { top: 100%; } }