@charset "UTF-8";
@keyframes LoopSlideLeft { 0% { transform: translate(0, 0); }
  100% { transform: translate(-400%, 0); } }
.top-notice { z-index: 1; }

#chair_wrap_2026 { font-family: "Noto Sans JP"; line-height: 1; position: relative; z-index: 0; }
#chair_wrap_2026 > section a:hover { text-decoration: none; }
#chair_wrap_2026 img { width: 100%; height: auto; }
#chair_wrap_2026 .inner { width: 100%; }
#chair_wrap_2026 .sectit_area { text-align: center; }
#chair_wrap_2026 .sectit_area .sectit { margin: auto; }
#chair_wrap_2026 .page_btn { position: relative; margin: auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; background-color: #FF6600; color: #fff; border: 2px solid #FF6600; }
#chair_wrap_2026 .page_btn::after { content: ""; display: block; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); aspect-ratio: 20.26/15.76; position: absolute; top: 50%; z-index: 0; translate: 0 -50%; }
#chair_wrap_2026 .link_btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; border: 1px solid #000; }
#chair_wrap_2026 .link_btn::after { content: ""; display: block; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.586%22%20height%3D%2211.352%22%20viewBox%3D%220%200%2014.586%2011.352%22%3E%3Cpath%20d%3D%22M-8371.432%2C348.4a.751.751%2C0%2C0%2C1%2C0-1.06l3.646-3.647h-10.964a.75.75%2C0%2C0%2C1-.75-.749.751.751%2C0%2C0%2C1%2C.75-.751h10.965l-3.646-3.647a.751.751%2C0%2C0%2C1%2C0-1.06.751.751%2C0%2C0%2C1%2C1.061%2C0l5.457%2C5.455-5.457%2C5.457a.748.748%2C0%2C0%2C1-.53.221A.745.745%2C0%2C0%2C1-8371.432%2C348.4Z%22%20transform%3D%22translate(8379.5%20-337.265)%22%2F%3E%3C%2Fsvg%3E"); aspect-ratio: 14.58/11.35; }
@media print, screen and (min-width: 768px) { #chair_wrap_2026 .inner { max-width: 1232px; margin: 0 auto; }
  #chair_wrap_2026 .sp { display: none; }
  #chair_wrap_2026 .sectit_area .sectit_jp { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.05em; margin-top: 2.2rem; }
  #chair_wrap_2026 .page_btn { width: 40rem; height: 8rem; font-size: 1.7rem; font-weight: 500; letter-spacing: 0.03em; transition: all 0.3s ease-out 0s; }
  #chair_wrap_2026 .page_btn::after { transition: all 0.3s ease-out 0s; width: 2.026rem; right: 3.22rem; }
  #chair_wrap_2026 .page_btn:hover { background-color: #fff; color: #FF6600; text-decoration: none; }
  #chair_wrap_2026 .page_btn:hover::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23FF6600%22%2F%3E%3C%2Fsvg%3E"); }
  #chair_wrap_2026 .link_btn { width: 19.2rem; height: 5.6rem; transition: all 0.3s ease-out 0s; padding: 0 2.12rem 0 2.2rem; @incldue fontSet($fs:rem(14),$fw:500,$ls:0.03em); }
  #chair_wrap_2026 .link_btn::after { transition: all 0.3s ease-out 0s; width: 1.458rem; }
  #chair_wrap_2026 a.link_btn:hover { text-decoration: none; background: #000; color: #fff; }
  #chair_wrap_2026 a.link_btn:hover::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  #chair_wrap_2026 a:hover .link_btn { text-decoration: none; background: #000; color: #fff; }
  #chair_wrap_2026 a:hover .link_btn::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } }
@media only screen and (max-width: 767px) { #chair_wrap_2026 .pc { display: none; }
  #chair_wrap_2026 .sectit_area .sectit_jp { font-size: 2.9333333333vw; font-weight: 500; letter-spacing: 0.05em; margin-top: 3.6vw; }
  #chair_wrap_2026 .page_btn { width: 78.6666666667vw; height: 14.9333333333vw; font-size: 3.7333333333vw; font-weight: 500; letter-spacing: 0.03em; }
  #chair_wrap_2026 .page_btn::after { width: 3.752vw; right: 5.4vw; }
  #chair_wrap_2026 .page_btn:active { background-color: #fff; color: #FF6600; text-decoration: none; }
  #chair_wrap_2026 .page_btn:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23FF6600%22%2F%3E%3C%2Fsvg%3E"); }
  #chair_wrap_2026 .link_btn { width: 43.7333333333vw; height: 11.7333333333vw; padding: 0 4.3066666667vw 0 4.8vw; @incldue fontSet($fs:vw(24),$fw:500,$ls:0.03em); }
  #chair_wrap_2026 .link_btn::after { transition: all 0.3s ease-out 0s; width: 3.236vw; }
  #chair_wrap_2026 a.link_btn:active { text-decoration: none; background: #000; color: #fff; }
  #chair_wrap_2026 a.link_btn:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  #chair_wrap_2026 a:active .link_btn { text-decoration: none; background: #000; color: #fff; }
  #chair_wrap_2026 a:active .link_btn::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); } }

/*パンクずカスタム
------------------------*/
@media print, screen and (min-width: 768px) { .pane-topic-path { font-size: 1.4rem; }
  .pane-topic-path .block-topic-path { margin-top: 0; background: #E6E6E6; height: 3.1rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; justify-content: center; }
  .pane-topic-path .block-topic-path--list { width: 100%; max-width: 1232px; margin: 0 auto; } }
@media only screen and (max-width: 767px) { .pane-topic-path .block-topic-path { padding-left: 4.2666666667vw; } }

/*MV
--------------------------*/
#mv .page_tit { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; line-height: 1; }
#mv .page_tit .jp { order: 1; }
#mv .txt_area .copy_box .mv_copy { text-align: center; }
#mv .img_loop_wrap { width: 100%; overflow: hidden; }
#mv .img_loop_wrap .img_loop { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#mv .img_loop_wrap .img_loop .loop_img { animation: LoopSlideLeft 25s linear 0s infinite normal forwards; }
@media print, screen and (min-width: 768px) { #mv { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; }
  #mv .page_tit { position: absolute; top: 4.11rem; left: 2.3116883117%; -webkit-flex-direction: column; flex-direction: column; }
  #mv .page_tit img { width: 2.682rem; margin-left: -0.55rem; }
  #mv .page_tit .jp { margin-top: 2rem; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.01em; }
  #mv .page_tit .jp span { writing-mode: tb-rl; line-height: 0.5em; }
  #mv .mv_img { order: 1; width: 61.1688311688%; }
  #mv .txt_area { width: 38.8311688312%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; padding-top: 2.6rem; }
  #mv .txt_area .copy_box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; margin-top: auto; }
  #mv .txt_area .copy_box .page_subtit { width: 26.552rem; margin-bottom: 4.7rem; }
  #mv .txt_area .copy_box .mv_copy { font-size: 1.8rem; font-weight: 600; letter-spacing: 0.15em; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
  #mv .img_loop_wrap { margin-top: auto; }
  #mv .img_loop_wrap .img_loop .loop_img { padding-right: 1.3377926421%; width: 35.9531772575%; min-width: 35.9531772575%; } }
@media only screen and (max-width: 767px) { #mv .page_tit { padding: 4.4533333333vw 0 3.4533333333vw 4.8vw; align-items: flex-end; }
  #mv .page_tit img { width: 26.168vw; }
  #mv .page_tit .jp { margin-left: 3.2533333333vw; font-size: 2.6666666667vw; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.2vw; }
  #mv .mv_img { width: 100%; margin-bottom: 13.2533333333vw; }
  #mv .txt_area { width: 100%; }
  #mv .txt_area .copy_box { margin-bottom: 11.7333333333vw; }
  #mv .txt_area .copy_box .page_subtit { line-height: 1; width: 67.7546666667vw; margin: 0 auto 5.0666666667vw; }
  #mv .txt_area .copy_box .mv_copy { font-size: 3.7333333333vw; font-weight: 600; letter-spacing: 0.15em; line-height: 1.6428571429; margin-top: calc(0px - (((1em*1.6428571429) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.6428571429) - 1em)/2)); }
  #mv .img_loop_wrap .img_loop .loop_img { padding-right: 2.1333333333vw; width: 34.1333333333vw; min-width: 34.1333333333vw; } }

/*about
--------------------------*/
#about { position: relative; z-index: 0; }
#about .cont_tit_area { text-align: center; }
#about .cont_tit_area .cont_tit_en { margin: auto; }
#about .yt_area { width: 100%; position: relative; z-index: 1; overflow: hidden; pointer-events: none; background-color: #000; background-image: url(https://img.youtube.com/vi/bJZ5iADUTc0/maxresdefault.jpg); background-position: center center; }
#about #auto_youtube { position: absolute; top: 50%; left: 50%; z-index: -1; translate: -50% -50%; transition: all 0.3s ease-out 0s; opacity: 0; }
#about .txt { text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#about .before_after::before { content: ""; display: block; background-size: 100% 100%; background-image: url("../vector01.svg"); aspect-ratio: 33/42; }
#about .before { order: -1; }
#about .note { margin-top: 0; }
@media print, screen and (min-width: 768px) { #about { padding: 16.8rem 0 12.8rem; }
  #about .cont_tit_area { margin-bottom: 7.2rem; }
  #about .cont_tit_area .cont_tit { font-size: 2.6rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 2.1rem; }
  #about .cont_tit_area .cont_tit_en { width: 22.91rem; }
  #about .yt_area { aspect-ratio: 1540/735; margin-bottom: 9.6rem; background-size: 100% auto; }
  #about #auto_youtube { width: 120%; height: 120%; }
  #about .inner { padding: 0 5%; }
  #about .intro { text-align: center; }
  #about .intro .box_tit { font-size: 3rem; font-weight: 500; letter-spacing: 0.05em; line-height: 2.1333333333; margin-bottom: 8rem; }
  #about .intro .txt { font-size: 2rem; font-weight: 400; letter-spacing: 0.05em; line-height: 3.2; margin-bottom: 9.6rem; padding: 7.8rem 0; }
  #about .before_after_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #about .before_after_wrap .box_tit { font-size: 3.4rem; font-weight: 500; letter-spacing: 0.05em; line-height: 2.2352941176; margin-top: 2rem; }
  #about .before_after { width: 65.1529193698%; margin-right: 1.0194624652%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; text-align: center; align-items: flex-start; }
  #about .before_after::before { width: 3.517rem; margin-top: 10.7rem; rotate: -90deg; }
  #about .time_img { width: 24rem; margin: 0 auto 3.2rem; order: -1; }
  #about .before, #about .after { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; }
  #about .inTxt { font-size: 3rem; letter-spacing: 0.05em; line-height: 1.5238095238; }
  #about .inTxt span { display: block; font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1; margin-bottom: 1.2rem; }
  #about .inTxt small { font-size: 1.3rem; letter-spacing: 0.05em; line-height: 2.4615384615; }
  #about .inTxt strong { font-size: 3.4rem; letter-spacing: 0.05em; display: block; font-weight: 500; color: #FF6600; }
  #about .note_area { width: 66.172381835%; margin: 2.8rem 0 0 auto; font-size: 1.3rem; letter-spacing: 0.05em; line-height: 1.8461538462; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #about .note_area .note_tit { width: 100%; }
  #about .note_area .note:last-child { margin-left: 1em; } }
@media only screen and (max-width: 767px) { #about { padding: 12.2666666667vw 0 13.6vw; }
  #about .cont_tit_area { margin-bottom: 7.7333333333vw; }
  #about .cont_tit_area .cont_tit { font-size: 4.2666666667vw; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.8666666667vw; }
  #about .cont_tit_area .cont_tit_en { width: 42.0026666667vw; }
  #about .yt_area { aspect-ratio: 750/423; margin-bottom: 7.4666666667vw; background-size: 105% auto; }
  #about #auto_youtube { width: 105%; height: 105%; }
  #about .box_tit { font-size: 4.5333333333vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.8823529412; text-align: center; }
  #about .txt { font-size: 3.4666666667vw; font-weight: 400; letter-spacing: 0.05em; line-height: 2.4615384615; width: 78.6666666667vw; margin: 8.5333333333vw auto 10.4vw; padding: 9.3333333333vw 0 9.6vw; white-space: nowrap; }
  #about .before_after { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; width: 78.6666666667vw; margin: 7.3333333333vw auto 0; }
  #about .before_after::before { width: 4.4vw; margin: 2.96vw 0 2.8533333333vw; }
  #about .before_after .before, #about .before_after .after { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; width: 100%; }
  #about .before_after .inTxt { font-size: 5.6vw; letter-spacing: 0.05em; line-height: 1.5238095238; }
  #about .before_after .inTxt span { display: block; font-size: 3.2vw; letter-spacing: 0.05em; line-height: 1.6666666667; }
  #about .before_after .inTxt small { font-size: 2.1333333333vw; letter-spacing: 0.05em; line-height: 2; }
  #about .before_after .inTxt strong { display: block; font-weight: 500; color: #FF6600; }
  #about .before_after .time_img { width: 33.3333333333vw; }
  #about .note_area { width: 78.6666666667vw; margin: 5.8666666667vw auto 0; font-size: 2.6666666667vw; letter-spacing: 0.05em; line-height: 1.6; } }

/*#pickup 
----------------------------*/
#pickup .picup_list .slick-track { display: flex; }
#pickup .picup_list .slick-slide { height: auto !important; }
#pickup .picup_list .slick-arrow { all: unset; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-size: inherit; border-radius: 0; box-sizing: border-box; position: absolute; top: 50%; z-index: 3; translate: 0 -50%; aspect-ratio: 1/1; border-radius: 50%; background-color: #84D3C8; font-size: 0; }
#pickup .picup_list .slick-arrow::after { position: absolute; top: 50%; left: 50%; z-index: 0; translate: -50% -50%; content: ""; display: block; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); aspect-ratio: 23.57/17.95; }
#pickup .picup_list .slick-prev { scale: -1 1; }
#pickup .pickup_item a { border: 1px solid #000; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; position: relative; }
#pickup .icon_list { position: absolute; }
#pickup .txt_area .itme_logo { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
#pickup .txt_area .itme_logo img { width: auto; margin: auto; }
#pickup .txt_area .note { opacity: 0.8; }
#pickup .txt_area .copy { text-align: center; }
#pickup .txt_area .copy span { display: inline-block; text-align: left; text-indent: -1em; padding-left: 1em; }
#pickup .slide_btn { margin: auto auto 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; background: #E6E6E6; }
#pickup .slide_btn::after { content: ""; display: block; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.586%22%20height%3D%2211.352%22%20viewBox%3D%220%200%2014.586%2011.352%22%3E%3Cpath%20d%3D%22M-8371.432%2C348.4a.751.751%2C0%2C0%2C1%2C0-1.06l3.646-3.647h-10.964a.75.75%2C0%2C0%2C1-.75-.749.751.751%2C0%2C0%2C1%2C.75-.751h10.965l-3.646-3.647a.751.751%2C0%2C0%2C1%2C0-1.06.751.751%2C0%2C0%2C1%2C1.061%2C0l5.457%2C5.455-5.457%2C5.457a.748.748%2C0%2C0%2C1-.53.221A.745.745%2C0%2C0%2C1-8371.432%2C348.4Z%22%20transform%3D%22translate(8379.5%20-337.265)%22%2F%3E%3C%2Fsvg%3E"); aspect-ratio: 14.59/11.35; }
@media print, screen and (min-width: 768px) { #pickup { padding: 16.8rem 0 0; }
  #pickup .sectit_area { margin-bottom: 7.2rem; }
  #pickup .sectit_area .sectit { width: 18.082rem; }
  #pickup .picup_list { width: 90.5032467532%; margin: 0 auto 6.4rem; }
  #pickup .picup_list .slick-arrow { width: 5.3rem; transition: all 0.3s ease-out 0s; }
  #pickup .picup_list .slick-arrow::after { width: 2.357rem; }
  #pickup .picup_list .slick-arrow:hover { opacity: 0.8; }
  #pickup .picup_list .slick-prev { right: 100%; margin-right: 1.1rem; }
  #pickup .picup_list .slick-next { left: 100%; margin-left: 1.1rem; }
  #pickup .pickup_item { margin: 0 1.8rem; }
  #pickup .pickup_item a { border-radius: 2rem; padding: 2.8rem 0 3.2rem; }
  #pickup .pickup_item a:hover { text-decoration: none; }
  #pickup .pickup_item a:hover .item_img img { scale: 1.05 1.05; }
  #pickup .pickup_item a:hover .slide_btn { background: #3E3A39; color: #fff; }
  #pickup .pickup_item a:hover .slide_btn::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  #pickup .item_img { width: 89.8203592814%; margin: 0 auto; }
  #pickup .item_img img { transition: all 0.3s ease-out 0s; }
  #pickup .icon_list { width: 6.145rem; top: 2.4rem; left: 2.4rem; }
  #pickup .icon_list li:not(:last-child) { margin-bottom: 0.8533333333vw; }
  #pickup .txt_area { padding: 0 9.5808383234%; margin-bottom: 2.4rem; }
  #pickup .txt_area .itme_logo { height: 9.3rem; }
  #pickup .txt_area .itme_logo img { width: 14.554rem; }
  #pickup .txt_area .copy { margin-top: 0; font-size: 1.7rem; font-weight: 600; letter-spacing: 0.03em; line-height: 1.4705882353; margin-bottom: 1rem; }
  #pickup .txt_area .txt { margin-top: 0; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5714285714; margin-bottom: 1rem; }
  #pickup .txt_area .note { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; margin-top: calc(0px - (((1em*1.2) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.2) - 1em)/2)); }
  #pickup .slide_btn { width: 19.2rem; height: 5.6rem; padding: 0 2.02rem 0 2.2rem; transition: all 0.3s ease-out 0s; font-size: 1.4rem; font-weight: 500; }
  #pickup .slide_btn::after { transition: all 0.3s ease-out 0s; width: 1.459rem; } }
@media only screen and (max-width: 767px) { #pickup { padding: 20.4533333333vw 0 0; }
  #pickup .sectit_area { margin-bottom: 7.4666666667vw; }
  #pickup .sectit_area .sectit { width: 29.276vw; }
  #pickup .picup_list { width: 100%; margin: 0 auto 7.4666666667vw; }
  #pickup .picup_list .slick-arrow { width: 13.8666666667vw; transition: all 0.1s ease-out 0s; }
  #pickup .picup_list .slick-arrow::after { width: 5.82vw; }
  #pickup .picup_list .slick-arrow:active { opacity: 0.8; }
  #pickup .picup_list .slick-prev { left: 4.1333333333vw; }
  #pickup .picup_list .slick-next { right: 4.1333333333vw; }
  #pickup .picup_list .slick-list { padding: 0 11.0666666667vw; }
  #pickup .pickup_item { margin: 0 2.1333333333vw; }
  #pickup .pickup_item a { border-radius: 2.6666666667vw; padding: 11.24vw 0 7.4666666667vw; }
  #pickup .pickup_item a:active .item_img img { scale: 1.05 1.05; }
  #pickup .pickup_item a:active .slide_btn { background: #3E3A39; color: #fff; }
  #pickup .pickup_item a:active .slide_btn::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.256%22%20height%3D%2215.76%22%20viewBox%3D%220%200%2020.256%2015.76%22%3E%3Cpath%20d%3D%22M-9242.579-3913.3a1%2C1%2C0%2C0%2C1%2C0-1.414l5.17-5.172h-15.426a1%2C1%2C0%2C0%2C1-1-1%2C1%2C1%2C0%2C0%2C1%2C1-1h15.428l-5.172-5.174a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l7.585%2C7.587-.683.682c-.016.017-.032.034-.05.05l-6.853%2C6.855a1%2C1%2C0%2C0%2C1-.709.293A.993.993%2C0%2C0%2C1-9242.579-3913.3Z%22%20transform%3D%22translate(9253.836%203928.767)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
  #pickup .item_img { transition: all 0.1s ease-out 0s; width: 100%; }
  #pickup .icon_list { width: 13.9373333333vw; top: 8.44vw; left: 5.48vw; }
  #pickup .icon_list li:not(:last-child) { margin-bottom: 1.6vw; }
  #pickup .txt_area { padding: 0 5.7333333333vw; margin-bottom: 5.0666666667vw; }
  #pickup .txt_area .itme_logo { height: 9.592vw; margin-bottom: 5.4533333333vw; }
  #pickup .txt_area .itme_logo img { height: 100%; width: auto; }
  #pickup .txt_area .copy { font-size: 4vw; font-weight: 600; letter-spacing: 0.03em; line-height: 1.4666666667; margin-bottom: 4.8vw; }
  #pickup .txt_area .txt { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(3.8666666667vw - (((1em*1.5) - 1em)/2)); }
  #pickup .txt_area .note { font-size: 2.6666666667vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; margin-top: calc(0px - (((1em*1.2) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.2) - 1em)/2)); }
  #pickup .slide_btn { width: 43.7333333333vw; height: 11.7333333333vw; padding: 0 4.2666666667vw 0 4.8vw; font-size: 3.2vw; font-weight: 500; }
  #pickup .slide_btn::after { transition: all 0.3s ease-out 0s; width: 3.2373333333vw; } }

/*#rankin 
----------------------------*/
#rankin .block-category-list--event { margin-top: 0; }
#rankin .section-title { display: none; }
#rankin .block-top-event--goods { margin-top: 0; }
#rankin .block-ranking-r--goods-image .block-ranking-r--rank { line-height: 1.5; }
#rankin .block-ranking-r--goods-name, #rankin .block-ranking-r--price { font-weight: bold; }
@media print, screen and (min-width: 768px) { #rankin { padding: 18.2rem 0 0; }
  #rankin .sectit_area { margin-bottom: 7.5rem; }
  #rankin .sectit_area .sectit { width: 20.698rem; }
  #rankin .block-category-list--event { margin-bottom: 9.5rem; }
  #rankin a.js-enhanced-ecommerce-goods-name { width: 100%; }
  #rankin .swiper-pointer-events { padding-top: 0.2rem; } }
@media only screen and (max-width: 767px) { #rankin { padding: 20.4533333333vw 0 0; }
  #rankin .sectit_area { margin-bottom: 11.3333333333vw; }
  #rankin .sectit_area .sectit { width: 33.5106666667vw; }
  #rankin .block-category-list--event { margin-bottom: 11.8666666667vw; }
  #rankin .block-ranking-r { padding-top: 3.7rem; }
  #rankin .block-ranking-r--items > li { margin-top: 0; }
  #rankin .block-ranking-r--goods-image .block-ranking-r--rank { top: auto; bottom: 100%; margin-bottom: 1.2rem; } }

/*#popular 
----------------------------*/
#popular .popular_tit_jp { text-align: center; line-height: 1.7857142857; font-weight: 500; }
#popular .popular_bnr { display: block; margin: auto; }
@media print, screen and (min-width: 768px) { #popular { padding: 10.83rem 0 16.8rem; }
  #popular .popular_tit_area { margin-bottom: 4rem; }
  #popular .popular_tit { width: 26.746rem; margin: 0 auto 1.33rem; font-size: 0; line-height: 1; }
  #popular .popular_tit_jp { font-size: 2.6rem; letter-spacing: 0.05em; }
  #popular .popular_bnr { width: 59.3344155844%; } }
@media only screen and (max-width: 767px) { #popular { padding: 11.7333333333vw 0 18.2666666667vw; }
  #popular .popular_tit_area { margin-bottom: 4.8vw; }
  #popular .popular_tit { width: 48.2666666667vw; margin: 0 auto 1.6vw; font-size: 0; line-height: 1; }
  #popular .popular_tit_jp { font-size: 3.7333333333vw; letter-spacing: 0.05em; }
  #popular .popular_bnr { width: 85.0666666667vw; } }

/*#function 
----------------------------*/
#function { background: #E6E6E6; }
#function .function_area .intro_no { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: baseline; background: #84D3C8; }
#function .function_area .intro_no .tit_no { width: auto; }
#function .function_area .intro_txt { text-align: center; }
#function .function_area .box01 .txt_area .tit { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
#function .function_area .box01 .txt_area .tit .icon { aspect-ratio: 94/116; }
#function .function_area .box03 .function3_box_tit { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; border: 1px solid #000000; border-radius: 100vh; }
#function .function_area .box03 .function3_subbox_tit { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#function .function_area .box02 .aco_btn { all: unset; cursor: pointer; border: 1px solid #000; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; position: relative; }
#function .function_area .box02 .aco_btn::before { content: "もっと詳しく"; }
#function .function_area .box02 .aco_btn::after { content: ""; display: block; background-size: 100% 100%; aspect-ratio: 20.46/10.23; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.522' height='11.821' viewBox='0 0 21.522 11.821'%3E%3Cpath d='M20.991.53l-10.23,10.23L.53.53' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E"); transition: all 0.3s ease-out 0s; position: absolute; top: 50%; z-index: 0; translate: 0 -50%; }
#function .function_area .box02 .aco_btn[aria-expanded="true"]::before { content: "閉じる"; }
#function .function_area .box02 .aco_btn[aria-expanded="true"]::after { scale: 1 -1; }
#function .function_area .box02 #aco01 { display: none; }
#function .function_area .box02 #aco01 .point_intro .point_tit { text-align: center; }
#function .function_area .box02 #aco01 .graph_tit { text-align: center; }
#function .function_area .box02 #aco01 .expert { border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
#function .function_area .box02 #aco01 .expert .expert_info { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
#function .function_area .box02 #aco01 .expert .expert_info .name_area .affiliations p { margin-top: 0; }
#function .function_area .box02 #aco01 .point01 .sub .list { text-align: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#function .function_box:not(:last-child) { border-bottom: 1px solid #000; }
#function .function_box .box_cont .box_tit { text-align: center; }
#function .function_box .box_cont .sub { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; border: 1px solid #000; }
#function .function_slider { width: 100%; text-align: center; }
#function .function_slider .slick-track { display: flex; }
#function .function_slider .slick-slide { height: auto !important; }
#function .function_slider .slick-arrow { all: unset; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-size: inherit; border-radius: 0; box-sizing: border-box; position: absolute; z-index: 3; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; font-size: 0; border: 2px solid #84D3C8; transition: all 0.1s ease-out 0s; }
#function .function_slider .slick-arrow::after { position: absolute; top: 50%; left: 50%; z-index: 0; translate: -50% -50%; content: ""; display: block; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43.647' height='35.595' viewBox='0 0 43.647 35.595'%3E%3Cg transform='translate(-645.246 -4419.612)'%3E%3Cpath d='M38.82,2H0A2,2,0,0,1-2,0,2,2,0,0,1,0-2H38.82a2,2,0,0,1,2,2A2,2,0,0,1,38.82,2Z' transform='translate(647.246 4437.41)' fill='%2384d3c8'/%3E%3Cpath d='M25.432,1.5,40.4,16.468,25.432,31.438' transform='translate(645.664 4420.94)' fill='none' stroke='%2384d3c8' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"); aspect-ratio: 23.57/17.95; }
#function .function_slider .slick-arrow:active { opacity: 0.8; }
#function .function_slider .slick-prev { scale: -1 1; }
@media print, screen and (min-width: 768px) { #function { padding: 12.55rem 0 0; }
  #function .sectit_area { margin-bottom: 6.7rem; }
  #function .sectit_area .sectit { width: 61.617rem; }
  #function .inner { padding: 10rem 5% 10.4rem; position: relative; z-index: 0; }
  #function .inner::before { content: ""; display: block; background: #fff; position: absolute; left: 50%; z-index: -1; translate: -50% 0; top: 0; width: 109.2532467532%; height: 100%; border-radius: 3rem; }
  #function .function_area { margin-bottom: 8.83rem; }
  #function .function_area .intro_area { margin-bottom: 6.4rem; }
  #function .function_area .intro_no { width: 30.4rem; height: 4.4rem; padding-top: 1.28rem; border-radius: 2.2rem; margin: 0 auto 4.6rem; }
  #function .function_area .intro_no .tit_img { width: 19.805rem; margin-right: 1.79rem; }
  #function .function_area .intro_no .tit_no { height: 1.812rem; }
  #function .function_area .intro_txt { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.8; margin-top: calc(0px - (((1em*1.8) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.8) - 1em)/2)); }
  #function .function_area .box01 .intro_area { margin-bottom: 5.6rem; }
  #function .function_area .box02 .intro_area .note { margin-top: 2.4rem; text-align: center; font-size: 1.3rem; letter-spacing: 0.05em; }
  #function .function_area .box02 .cont_box { display: grid; grid-template-columns: 590fr 437fr; gap: 0 5.19%; }
  #function .function_area .box02 .cont_box .tit_area { grid-area: 1 / 2 / 2 / 3; }
  #function .function_area .box02 .cont_box .function2_img { grid-area: 1 / 1 / 3 / 2; }
  #function .function_area .box02 .cont_box > .txt { grid-area: 2 / 2 / 3 / 3; }
  #function .function_area .box02 .tit_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #function .function_area .box02 .tit_area .function_name { margin-right: 3.2rem; line-height: 1; }
  #function .function_area .box02 .tit_area .function_name strong { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.05em; }
  #function .function_area .box02 .txt { font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1.875; }
  #function .function_area .box02 .sub { background: #e6e6e6; margin-top: 5.6rem; }
  #function .function_area .box02 .sub .subtit span { padding-left: 0.6rem; aspect-ratio: 128/27.75; background: #3E3A39; border-radius: 100vh; color: #fff; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.05em; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; }
  #function .function_area .box02 .sub .subtit span small { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.05em; margin-top: -0.25em; }
  #function .function_area .box02 .sub .subtit span::after { width: 0; height: 0; border-style: solid; content: ""; display: block; border-width: 0.797rem 0.5975rem 0 0.5975rem; border-color: #3E3A39 transparent transparent transparent; position: absolute; left: 50%; z-index: 0; translate: -50% 0; top: 100%; }
  #function .function_area .box02 .sub .subtit strong { font-size: 3.4rem; font-weight: 600; letter-spacing: 0.05em; }
  #function .function_area .box02 .sub .txt { text-align: center; font-weight: 500; }
  #function .function_area .box02 .AutoSwing { margin-bottom: 10.4rem; }
  #function .function_area .box02 .AutoSwing .tit_area { align-items: center; margin: auto 0 1.28rem; }
  #function .function_area .box02 .AutoSwing .function_name { width: 24.541rem; line-height: 1; }
  #function .function_area .box02 .AutoSwing .function_name strong { margin-top: 0.54rem; }
  #function .function_area .box02 .AutoSwing .icon { width: 10.453rem; }
  #function .function_area .box02 .AutoSwing .function2_img { grid-area: 1 / 1 / 3 / 2; }
  #function .function_area .box02 .AutoSwing .txt { margin-top: 2.58rem; }
  #function .function_area .box02 .AutoSwing .sub { margin-top: 4rem; grid-area: 3 / 1 / 4 / 3; padding: 4rem; display: grid; grid-template-columns: 417fr 452fr; gap: 0 3.7%; }
  #function .function_area .box02 .AutoSwing .sub .subtit_area { justify-content: center; grid-area: 1 / 1 / 2 / 2; margin: 0 0 auto; }
  #function .function_area .box02 .AutoSwing .sub .subtit { margin-right: 3.2rem; }
  #function .function_area .box02 .AutoSwing .sub .subtit span { width: 12.8rem; margin: 0 auto 1.84rem; }
  #function .function_area .box02 .AutoSwing .sub .function2_subimg { grid-area: 1 / 2 / 3 / 3; }
  #function .function_area .box02 .AutoSwing .sub .txt { font-size: 2rem; line-height: 2.3; margin: -1em 0 auto; grid-area: 2 / 1 / 3 / 2; }
  #function .function_area .box02 .AutoSwing .sub .note { margin-top: -1.6em; font-size: 1.2rem; letter-spacing: 0.05em; line-height: 1.6; }
  #function .function_area .box02 .SleepShell .tit_area { align-items: flex-end; margin: auto 0 0.7rem; }
  #function .function_area .box02 .SleepShell .function_name { width: 23.377rem; line-height: 1; margin-right: 3.47rem; }
  #function .function_area .box02 .SleepShell .icon { width: 10.554rem; margin-bottom: 0.76rem; }
  #function .function_area .box02 .SleepShell .txt { margin-top: 4.8rem; }
  #function .function_area .box02 .aco_wrap { margin-top: 5.6rem; grid-area: 3 / 1 / 4 / 3; }
  #function .function_area .box02 .aco_btn { width: 49.6rem; height: 7.2rem; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.03em; margin: auto; }
  #function .function_area .box02 .aco_btn::after { width: 1.81rem; right: 3.2rem; }
  #function .function_area .box02 #aco01 { padding: 8rem 0 0; }
  #function .function_area .box02 #aco01 .point_intro .point_no { width: 12.8rem; margin: 0 auto 1.6rem; }
  #function .function_area .box02 #aco01 .point_intro .point_tit { font-size: 3rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.6; }
  #function .function_area .box02 #aco01 .point_intro .function_aco_img { margin-bottom: 4rem; }
  #function .function_area .box02 #aco01 .point_intro .txt { text-align: center; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.067em; line-height: 1.875; }
  #function .function_area .box02 #aco01 .graph_tit { font-size: 2.4rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 4.4rem; }
  #function .function_area .box02 #aco01 .function_aco_graph { width: 54.0853658537%; }
  #function .function_area .box02 #aco01 .expert { width: 100%; margin-top: 3.45rem; padding: 4.8rem 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  #function .function_area .box02 #aco01 .expert .expert_comment { font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.875; width: 54.512195122%; text-align: justify; }
  #function .function_area .box02 #aco01 .expert .expert_info { width: 38.6585365854%; -webkit-align-items: center; align-items: center; }
  #function .function_area .box02 #aco01 .expert .expert_info .name_area { order: 1; }
  #function .function_area .box02 #aco01 .expert .expert_info .name_area .affiliations { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.067em; line-height: 1.7142857143; margin-bottom: 1rem; }
  #function .function_area .box02 #aco01 .expert .expert_info .name_area .name { font-size: 2rem; font-weight: 400; letter-spacing: 0.067em; }
  #function .function_area .box02 #aco01 .expert .expert_info .expert_img { width: 16.1rem; }
  #function .function_area .box02 #aco01 .point01 { margin-bottom: 8.8rem; }
  #function .function_area .box02 #aco01 .point01 .point_tit { margin-bottom: 4.8rem; }
  #function .function_area .box02 #aco01 .point01 .sub { margin-top: 6.8rem; padding: 5.6rem 0 8.78rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg { width: 100%; padding: 0 27.3148148148%; margin: 0 auto 7.2rem; position: relative; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #e6e6e6; }
  #function .function_area .box02 #aco01 .point01 .sub .aco_subtit { font-size: 2.6rem; font-weight: 500; letter-spacing: 0.05em; margin-left: 12.3981481481%; margin-top: 0.97rem; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg2 { width: 29.6712962963%; margin-right: 14.1203703704%; }
  #function .function_area .box02 #aco01 .point01 .sub .list { -webkit-justify-content: space-between; justify-content: space-between; width: 71.7972222222%; margin: 3.6rem auto 4rem; }
  #function .function_area .box02 #aco01 .point01 .sub .list li { width: 30.5825305322%; }
  #function .function_area .box02 #aco01 .point01 .sub .list li .function_aco_img figcaption { margin-top: 1.85rem; font-size: 1.8rem; font-weight: 400; letter-spacing: 0.05em; }
  #function .function_area .box02 #aco01 .point01 .sub .note { width: 100%; text-align: center; font-size: 1.3rem; font-weight: 400; letter-spacing: 0.05em; }
  #function .function_area .box02 #aco01 .point02 .point_intro .txt { margin-top: 4rem; }
  #function .function_area .box02 #aco01 .point02 .sub { margin-top: 6.8rem; padding: 11.3rem 11.9444444444% 6.3rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #function .function_area .box02 #aco01 .point02 .sub .aco_subtit { width: 100%; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.05em; text-align: center; }
  #function .function_area .box02 #aco01 .point02 .sub .graph_tit { width: 100%; }
  #function .function_area .box02 #aco01 .point02 .sub .txt_area { width: 40.1829268293%; }
  #function .function_area .box02 #aco01 .point02 .sub .txt { font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5833333333; line-height: 1.875; margin-top: 5.95rem; margin-bottom: 1.2rem; text-align: left; }
  #function .function_area .box02 #aco01 .point02 .sub .note { margin-top: 0; }
  #function .function_area .box02 .sub2 { grid-area: 4 / 1 / 5 / 3; display: grid; grid-template-columns: 590fr 426fr; gap: 0 5.19%; margin-top: 13.87rem; }
  #function .function_area .box02 .sub2 .sub_cont_tit { grid-area: 1 / 2 / 2 / 3; font-size: 3.4rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.7647058824; margin-top: auto; margin-bottom: 2.65rem; }
  #function .function_area .box02 .sub2 .function2_acoimg { grid-area: 1 / 1 / 3 / 2; }
  #function .function_area .box02 .sub2 .txt { grid-area: 2 / 2 / 3 / 3; margin-top: 2.15rem; }
  #function .function_area .box03 .cont_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #function .function_area .box03 .function3_box { width: 47.7777777778%; }
  #function .function_area .box03 .function3_box .txt { text-align: center; }
  #function .function_area .box03 .function3_box_tit { height: 4.8rem; font-size: 2rem; letter-spacing: 0.05em; margin-bottom: 3.33rem; }
  #function .function_area .box03 .function3_img { margin-bottom: 2.48rem; }
  #function .function_area .box03 .txt { font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1.875; }
  #function .function_area .box03 .txt:not(:last-child) { margin-bottom: 3.38rem; }
  #function .function_area .box03 .function3_subbox { display: grid; margin-top: 8.8rem; width: 100%; grid-template-columns: 423fr 532.23fr; gap: 0 4.44%; }
  #function .function_area .box03 .function3_subbox .txt { grid-area: 3 / 1 / 4 / 2; letter-spacing: 0.067em; margin-top: auto; }
  #function .function_area .box03 .function3_subbox_tit { grid-area: 1 / 1 / 2 / 3; height: 6rem; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 4.8rem; }
  #function .function_area .box03 .sub_tit { grid-area: 2 / 1 / 3 / 2; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.7857142857; margin-top: auto; margin-bottom: -0.53rem; }
  #function .function_area .box03 .function3_subimg { grid-area: 2 / 2 / 4 / 3; }
  #function .function_box:not(:last-child) { padding-bottom: 8.8rem; margin-bottom: 8.8rem; }
  #function .function_box .box_cont .box_tit { font-size: 3rem; font-weight: 500; letter-spacing: 0.05em; line-height: 1.6; margin-top: calc(0px - (((1em*1.6) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.6) - 1em)/2)); }
  #function .function_box .box_cont .sub { width: 18.4rem; height: 3rem; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em; border-radius: 1.5rem; margin: 2.5rem auto 0; }
  #function .function_box .box_cont .list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #function .function_box .box_cont .list figure { margin-bottom: 3.1rem; }
  #function .function_box .box_cont .list .list_txt { text-align: center; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.75; margin-top: calc(0px - (((1em*1.75) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.75) - 1em)/2)); }
  #function .function_slider .slick-arrow { width: 5.3rem; top: 12.8rem; }
  #function .function_slider .slick-arrow::after { width: 2.357rem; }
  #function .function_slider .slick-prev { left: -2.65rem; }
  #function .function_slider .slick-next { right: -2.65rem; }
  #function .function_slider .slick-list { padding: 0 28.0815569972%; }
  #function .function_slider .slide_item { padding: 0 1.6rem; }
  #function .function_slider figure { margin-bottom: 2.4rem; }
  #function .function_slider .txt { font-size: 1.6rem; line-height: 1.75; letter-spacing: 0.067em; } }
@media only screen and (max-width: 767px) { #function { padding: 11.4666666667vw 0 0; }
  #function .sectit_area { margin-bottom: 7.2vw; }
  #function .sectit_area .sectit { width: 85.0893333333vw; }
  #function .inner { width: 91.4666666667vw; margin: auto; padding: 9.6vw 6.4vw 10.9333333333vw; background: #fff; border-radius: 4vw; }
  #function .inner .link_btn { margin: auto; }
  #function .function_area { margin-bottom: 12.4vw; }
  #function .function_area .intro_area { margin-bottom: 7.3333333333vw; }
  #function .function_area .intro_no { width: 47.4666666667vw; height: 5.8666666667vw; padding-top: 1.5333333333vw; border-radius: 2.9333333333vw; margin: 0 auto 5.4666666667vw; }
  #function .function_area .intro_no .tit_img { width: 32.276vw; margin-right: 1.72vw; }
  #function .function_area .intro_no .tit_no { height: 2.788vw; }
  #function .function_area .intro_txt { font-size: 4.5333333333vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.6470588235; margin-top: calc(0px - (((1em*1.6470588235) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.6470588235) - 1em)/2)); }
  #function .function_area .box01 .intro_area { margin-bottom: 6.4vw; }
  #function .function_area .box02 .intro_area { margin-bottom: 9.6vw; }
  #function .function_area .box02 .intro_area .intro_txt { margin-bottom: 3.2vw; }
  #function .function_area .box02 .intro_area .note { text-align: center; font-size: 2.6666666667vw; letter-spacing: 0.05em; }
  #function .function_area .box02 .tit_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 5.3333333333vw; text-align: center; }
  #function .function_area .box02 .tit_area .function_name { margin-right: 5.68vw; line-height: 1; }
  #function .function_area .box02 .tit_area .function_name .tit_img { margin-bottom: 0.9333333333vw; }
  #function .function_area .box02 .tit_area .function_name strong { font-size: 2.9333333333vw; letter-spacing: 0.05em; }
  #function .function_area .box02 .function2_img { margin-bottom: 3.2vw; }
  #function .function_area .box02 .txt { font-size: 3.2vw; letter-spacing: 0.05em; line-height: 1.5833333333; }
  #function .function_area .box02 .sub { background: #e6e6e6; margin-top: 6.4vw; padding: 5.72vw 3.2vw 6.4vw; }
  #function .function_area .box02 .sub .subtit_area { margin-bottom: 4.3333333333vw; }
  #function .function_area .box02 .sub .subtit { margin-right: 4.8vw; }
  #function .function_area .box02 .sub .subtit span { width: 24.2666666667vw; margin: 0 auto 1.3333333333vw; aspect-ratio: 182/34; background: #3E3A39; border-radius: 100vh; color: #fff; font-size: 2.6666666667vw; font-weight: 600; letter-spacing: 0.05em; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; }
  #function .function_area .box02 .sub .subtit span small { font-size: 0.8em; font-weight: 400; letter-spacing: 0.05em; margin-top: -0.25em; }
  #function .function_area .box02 .sub .subtit span::after { width: 0; height: 0; border-style: solid; content: ""; display: block; border-width: 1.3013333333vw 0.976vw 0 0.976vw; border-color: #3E3A39 transparent transparent transparent; position: absolute; left: 50%; z-index: 0; translate: -50% 0; top: 100%; }
  #function .function_area .box02 .sub .subtit strong { font-size: 5.3333333333vw; font-weight: 600; letter-spacing: 0.05em; }
  #function .function_area .box02 .sub .icon { width: 13.9373333333vw; }
  #function .function_area .box02 .sub .function2_subimg { margin-bottom: 4vw; }
  #function .function_area .box02 .sub .txt { text-align: center; font-weight: 500; }
  #function .function_area .box02 .AutoSwing { margin-bottom: 12.2666666667vw; }
  #function .function_area .box02 .AutoSwing .function_name { width: 34.144vw; line-height: 1; }
  #function .function_area .box02 .AutoSwing .icon { width: 13.9373333333vw; }
  #function .function_area .box02 .AutoSwing .note { font-size: 2.6666666667vw; letter-spacing: 0.05em; line-height: 1.6; text-indent: -1em; padding-left: 1em; }
  #function .function_area .box02 .SleepShell .function_name { width: 32.5253333333vw; line-height: 1; }
  #function .function_area .box02 .SleepShell .icon { width: 16.62vw; }
  #function .function_area .box02 .SleepShell .txt { margin-bottom: 4.2666666667vw; }
  #function .function_area .box02 .aco_btn { width: 100%; height: 11.7333333333vw; font-size: 3.2vw; font-weight: 500; letter-spacing: 0.03em; }
  #function .function_area .box02 .aco_btn::after { width: 2.728vw; right: 5.04vw; }
  #function .function_area .box02 #aco01 { padding: 9.6vw 0 1.6vw; }
  #function .function_area .box02 #aco01 .point_intro .point_no { width: 21.0666666667vw; margin: 0 auto 2.6666666667vw; }
  #function .function_area .box02 #aco01 .point_intro .point_tit { font-size: 4.5333333333vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.5882352941; }
  #function .function_area .box02 #aco01 .point_intro .function_aco_img { margin-bottom: 3.2vw; }
  #function .function_area .box02 #aco01 .point_intro .txt { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.067em; line-height: 1.5833333333; }
  #function .function_area .box02 #aco01 .sub .aco_subtit { font-size: 4vw; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 6.2666666667vw; text-align: center; }
  #function .function_area .box02 #aco01 .graph_tit { font-size: 3.2vw; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 4.8vw; }
  #function .function_area .box02 #aco01 .function_aco_graph { margin-bottom: 1.1333333333vw; }
  #function .function_area .box02 #aco01 .expert { margin-top: 8.5333333333vw; padding: 6.4vw 0 6vw; }
  #function .function_area .box02 #aco01 .expert .expert_comment { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5833333333; margin-bottom: 3.7333333333vw; }
  #function .function_area .box02 #aco01 .expert .expert_info .name_area .affiliations { font-size: 2.6666666667vw; font-weight: 400; letter-spacing: 0.067em; line-height: 1.7; margin-bottom: 3.7333333333vw; }
  #function .function_area .box02 #aco01 .expert .expert_info .name_area .name { font-size: 4vw; font-weight: 400; letter-spacing: 0.067em; }
  #function .function_area .box02 #aco01 .expert .expert_info .expert_img { width: 21.8666666667vw; }
  #function .function_area .box02 #aco01 .point01 { margin-bottom: 11.7333333333vw; }
  #function .function_area .box02 #aco01 .point01 .point_tit { margin-bottom: 7.2vw; }
  #function .function_area .box02 #aco01 .point01 .sub { margin-top: 5.6vw; padding: 4.2666666667vw 0 7.4666666667vw; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg { position: relative; margin-bottom: 9.8666666667vw; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #e6e6e6; }
  #function .function_area .box02 #aco01 .point01 .sub .function_aco_subimg2 { width: 67.4053333333vw; margin: 0 auto 5.6vw; }
  #function .function_area .box02 #aco01 .point01 .sub .list { -webkit-justify-content: space-between; justify-content: space-between; width: 65.8666666667vw; margin: 0 auto 4.8vw; }
  #function .function_area .box02 #aco01 .point01 .sub .list li { width: 31.6186666667vw; }
  #function .function_area .box02 #aco01 .point01 .sub .list li:not(:nth-child(-n+2)) { margin-top: 4.2666666667vw; }
  #function .function_area .box02 #aco01 .point01 .sub .list li:last-child { margin-left: auto; margin-right: auto; }
  #function .function_area .box02 #aco01 .point01 .sub .list li .function_aco_img figcaption { margin-top: 2.1333333333vw; font-size: 2.9333333333vw; font-weight: 400; letter-spacing: 0.05em; }
  #function .function_area .box02 #aco01 .point01 .sub .note { width: 65.8666666667vw; margin: auto; font-size: 2.6666666667vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.6; }
  #function .function_area .box02 #aco01 .point02 .point_tit { margin-bottom: 4.8vw; }
  #function .function_area .box02 #aco01 .point02 .sub { margin-top: 7.4666666667vw; padding: 7.4666666667vw 6.4vw 9.6vw; }
  #function .function_area .box02 #aco01 .point02 .sub .txt { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5833333333; margin-bottom: 2.1333333333vw; text-align: left; }
  #function .function_area .box02 #aco01 .point02 .sub .note { margin-top: 0; }
  #function .function_area .box02 .sub2 { padding-top: 11.2vw; }
  #function .function_area .box02 .sub2 .sub_cont_tit { font-size: 4.5333333333vw; font-weight: 600; letter-spacing: 0.05em; line-height: 1.6470588235; margin-bottom: 5.3333333333vw; text-align: center; }
  #function .function_area .box02 .sub2 .function2_acoimg { margin-bottom: 3.2vw; }
  #function .function_area .box02 .sub2 .txt { margin-bottom: 0; }
  #function .function_area .box03 .function3_box:not(:first-child) { margin-top: 12.2666666667vw; }
  #function .function_area .box03 .function3_box_tit { height: 7.0666666667vw; font-size: 3.2vw; letter-spacing: 0.05em; margin-bottom: 4.7466666667vw; }
  #function .function_area .box03 .function3_img { margin-bottom: 3.2vw; }
  #function .function_area .box03 .txt { font-size: 3.2vw; letter-spacing: 0.05em; line-height: 1.5833333333; }
  #function .function_area .box03 .txt:not(:last-child) { margin-bottom: 5.4vw; }
  #function .function_area .box03 .function3_subbox { margin-top: 12.8vw; }
  #function .function_area .box03 .function3_subbox_tit { height: 8vw; width: 100%; margin-bottom: 6.4vw; border-top: none; font-weight: 400; }
  #function .function_area .box03 .sub_tit { font-size: 4.2666666667vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.5625; margin-bottom: 4.2666666667vw; text-align: center; }
  #function .function_area .box03 .function3_subimg { margin-bottom: 5.3333333333vw; }
  #function .function_box:not(:last-child) { padding-bottom: 9.7333333333vw; margin-bottom: 9.6vw; }
  #function .function_box .box_cont .box_tit { font-size: 4.5333333333vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4411764706; margin-top: calc(0px - (((1em*1.4411764706) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.4411764706) - 1em)/2)); }
  #function .function_box .box_cont .sub { width: 32vw; height: 5.0666666667vw; font-size: 2.6666666667vw; font-weight: 400; letter-spacing: 0.05em; border-radius: 2.5333333333vw; margin: 3.2vw auto 0; }
  #function .function_box .box_cont .list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #function .function_box .box_cont .list li:not(:last-child) { margin-bottom: 8.1333333333vw; }
  #function .function_box .box_cont .list figure { margin-bottom: 4.1333333333vw; }
  #function .function_box .box_cont .list .list_txt { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5833333333; margin-top: calc(0px - (((1em*1.5833333333) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5833333333) - 1em)/2)); }
  #function .function_slider .slick-arrow { width: 13.8666666667vw; top: 20.6666666667vw; }
  #function .function_slider .slick-arrow::after { width: 5.7093333333vw; }
  #function .function_slider .slick-prev { left: -3.2vw; }
  #function .function_slider .slick-next { right: -3.2vw; }
  #function .function_slider figure { margin-bottom: 3.2vw; }
  #function .function_slider .txt { font-size: 3.2vw; line-height: 1.5833333333; letter-spacing: 0.067em; } }

/*#function 
----------------------------*/
#message { background: #E6E6E6; }
#message .notebook .scrollListItem { display: block; }
@media print, screen and (min-width: 768px) { #message { padding: 13.6rem 0 11.9rem; position: relative; }
  #message .message_tit { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.6rem; }
  #message .message_tit_en { width: 7.852rem; }
  #message .box { max-width: 1232px; margin: 0 auto; width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 7.84rem; }
  #message .box .txt_area { width: 43.8311688312%; }
  #message .box .txt_area .message_box_tit { width: 42.784rem; margin-left: 4.9074074074%; margin-bottom: 4.87rem; }
  #message .box .txt_area .notebook { padding-top: 7rem; padding-bottom: 2.1rem; padding-left: 4.4444444444%; background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1px, transparent 1px, transparent 5.4rem); }
  #message .box .txt_area .notebook .tit { font-size: 2.2rem; font-weight: 600; letter-spacing: 0.15em; line-height: 2.4545454545; margin-top: calc(0px - (((1em*2.4545454545) - 1em)/2)); margin-bottom: calc(9rem - (((1em*2.4545454545) - 1em)/2)); }
  #message .box .txt_area .notebook .txt { font-size: 1.6rem; font-weight: 400; letter-spacing: 0.1em; line-height: 3.375; margin-top: calc(0px - (((1em*3.375) - 1em)/2)); margin-bottom: calc(0px - (((1em*3.375) - 1em)/2)); }
  #message .box .message_img { position: absolute; width: 47.5324675325%; height: 50.4rem; right: 0; bottom: 11.9rem; }
  #message .box .message_img img { width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%; font-family: "object-fit:cover; object-position:0% 50%; "; } }
@media only screen and (max-width: 767px) { #message { padding: 14vw 0 0; }
  #message .message_tit { text-align: center; font-size: 4.2666666667vw; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 2.8vw; }
  #message .message_tit_en { width: 12.7946666667vw; margin: auto; }
  #message .box { margin-top: 8.8vw; }
  #message .box .txt_area { width: 85.0666666667vw; margin: 0 auto 7.6666666667vw; }
  #message .box .txt_area .message_box_tit { width: 67.232vw; margin: 0 auto 6.8666666667vw; }
  #message .box .txt_area .notebook { padding-top: 9.7333333333vw; padding-bottom: 10.2666666667vw; padding-left: 3.2vw; background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1px, transparent 1px, transparent 7.7333333333vw); }
  #message .box .txt_area .notebook .tit { font-size: 4vw; font-weight: 600; letter-spacing: 0.15em; line-height: 1.9; margin-top: calc(0px - (((1em*1.9) - 1em)/2)); margin-bottom: calc(12.4vw - (((1em*1.9) - 1em)/2)); }
  #message .box .txt_area .notebook .txt { font-size: 2.9333333333vw; font-weight: 400; letter-spacing: 0.1em; line-height: 2.6363636364; margin-top: calc(0px - (((1em*2.6363636364) - 1em)/2)); margin-bottom: calc(0px - (((1em*2.6363636364) - 1em)/2)); }
  #message .box .message_img { width: 100%; } }

/*#visumo 
----------------------------*/
#visumo .section_voice { margin: auto; }
#visumo .ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name .ecbn-visumo-logo { width: 55px; }
@media print, screen and (min-width: 768px) { #visumo { padding: 17.64rem 0 0; }
  #visumo .sectit_area { margin-bottom: 6rem; }
  #visumo .sectit_area .sectit { width: 27.266rem; }
  #visumo .section_voice { width: 87.5811688312%; } }
@media only screen and (max-width: 767px) { #visumo { padding: 19.7466666667vw 0 0; }
  #visumo .sectit_area { margin-bottom: 8vw; }
  #visumo .sectit_area .sectit { width: 44.1453333333vw; }
  #visumo .section_voice { width: 86.4vw; } }

/*#special 
----------------------------*/
#special .special_list { margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
#special .special_list a:hover { text-decoration: none; }
@media print, screen and (min-width: 768px) { #special { padding: 17.5rem 0; }
  #special .sectit_area { margin-bottom: 7.5rem; }
  #special .sectit_area .sectit { width: 43.215rem; }
  #special .special_list { width: 87.6623376623%; }
  #special .special_list li.small { width: 22.7777777778%; }
  #special .special_list li.large { width: 48.5185185185%; }
  #special .special_list li:not(:nth-child(-n + 2)) { margin-top: 6rem; }
  #special .special_list a:hover img { scale: 1.05 1.05; }
  #special .special_list .list_img { overflow: hidden; margin-bottom: 3rem; }
  #special .special_list .list_img img { transition: all 0.3s ease-out 0s; }
  #special .special_list .txt { font-size: 1.9rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.4736842105; margin-top: calc(0px - (((1em*1.4736842105) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.4736842105) - 1em)/2)); } }
@media only screen and (max-width: 767px) { #special { padding: 19.3866666667vw 0 21.8666666667vw; }
  #special .sectit_area { margin-bottom: 8.1333333333vw; }
  #special .sectit_area .sectit { width: 69.968vw; }
  #special .special_list { width: 85.0666666667vw; }
  #special .special_list li.small { width: 40.4vw; }
  #special .special_list li.large { width: 100%; }
  #special .special_list li:not(:first-child) { margin-top: 7.2vw; }
  #special .special_list a { transition: all 0.1s ease-out 0s; }
  #special .special_list a:active { opacity: 0.7; }
  #special .special_list a:active img { scale: 1.05 1.05; }
  #special .special_list .list_img { overflow: hidden; margin-bottom: 4.4vw; }
  #special .special_list .list_img img { transition: all 0.1s ease-out 0s; }
  #special .special_list .txt { font-size: 3.2vw; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5833333333; margin-top: calc(0px - (((1em*1.5833333333) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5833333333) - 1em)/2)); } }

.separator_img { background-image: url("../img_chair.jpg"); background-repeat: no-repeat; background-size: cover; }
@media print, screen and (min-width: 768px) { .separator_img { height: 27.5324675325vw; } }
@media only screen and (max-width: 767px) { .separator_img { height: 42.6666666667vw; } }

/*youtube_popUP
---------------------------------------------------------------------------*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background-size: auto; width: 49px; height: 52px; top: -62px; right: 0px; margin-right: 0; background: url(../btn_close_01.png) no-repeat top right; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
/* オーバーレイ 初期状態 */
.mfp-fade.mfp-bg { opacity: 0; transition: all 0.3s ease-out 0s; }

/* オーバーレイ 表示アニメーション */
.mfp-fade.mfp-bg.mfp-ready { opacity: .8; }

/* オーバーレイ 非表示アニメーション */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

/* コンテンツ 初期状態 */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.3s ease-out 0s; }

/* コンテンツ 表示アニメーション */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

/* コンテンツ 非表示アニメーション */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/*js
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollAllList > * { transition: all 0.3s ease-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { translate: 0 2.5rem; }
.fadeTop.scrollActive { translate: 0 0; }
.fadeBottom { translate: 0 -2.5rem; }
.fadeBottom.scrollActive { translate: 0 0; }
.fadeRight { translate: 2.5rem 0; }
.fadeRight.scrollActive { translate: 0 0; }
.fadeRight100 { translate: 100% 0; }
.fadeRight100.scrollActive { translate: 0 0; }
.fadeLeft { translate: -2.5rem 0; }
.fadeLeft.scrollActive { translate: 0 0; }
.fadeLeft100 { translate: -100% 0; }
.fadeLeft100.scrollActive { translate: 0 0; }

.scaleUp { scale: 0.97 0.97; }
.scaleUp.scrollActive { scale: 1 1; }
.scaleUp00 { scale: 0 0; }
.scaleUp00.scrollActive { scale: 1 1; }
.scaleUp02 { scale: 0.8 0.8; }
.scaleUp02.scrollActive { scale: 1 1; }
.scaleX00 { scale: 0 1; }
.scaleX00.scrollActive { scale: 1 1; }
.scaleY00 { scale: 1 0; }
.scaleY00.scrollActive { scale: 1 1; }
.scaleDown { scale: 1.1 1.1; }
.scaleDown.scrollActive { scale: 1 1; }

.panelX { scale: 0 1; }
.panelX.scrollActive { scale: 1 1; }

.panel { transform: translate(0, 2rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

.scrollAllList.allFadeIn > * { opacity: 0; }
.scrollAllList.allFadeIn > *.scrollActive { opacity: 1; }
.scrollAllList.allFadeTop > * { translate: 0 2.5rem; }
.scrollAllList.allFadeTop > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeRight > * { translate: 2.5rem 0; }
.scrollAllList.allFadeRight > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeLeft > * { translate: -2.5rem 0; }
.scrollAllList.allFadeLeft > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeRight100 > * { translate: 100% 0; }
.scrollAllList.allFadeRight100 > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeLeft100 > * { translate: -100% 0; }
.scrollAllList.allFadeLeft100 > *.scrollActive { translate: 0 0; }
.scrollAllList.allScaleDown > * { scale: 1.1 1.1; }
.scrollAllList.allScaleDown > *.scrollActive { scale: 1 1; }
