@charset "UTF-8";
.jost { font-family: "Jost"; }

.italic { font-style: italic; }

/*scrollItem
---------------------------------------------------------------------------*/
/*js
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollAllList > * { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { translate: 0 1.7857142857rem; }
.fadeTop.scrollActive { translate: 0 0; }
.fadeBottom { translate: 0 -1.7857142857rem; }
.fadeBottom.scrollActive { translate: 0 0; }
.fadeRight { translate: 1.7857142857rem 0; }
.fadeRight.scrollActive { translate: 0 0; }
.fadeRight100 { translate: 100% 0; }
.fadeRight100.scrollActive { translate: 0 0; }
.fadeLeft { translate: -1.7857142857rem 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 { -webkit-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); -ms-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); 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 1.7857142857rem; }
.scrollAllList.allFadeTop > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeRight > * { translate: 1.7857142857rem 0; }
.scrollAllList.allFadeRight > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeLeft > * { translate: -1.7857142857rem 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; }

/*loading
---------------------------------------------------------------------------*/
.pace-running #wrapper { display: none; }

.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 1px; width: 160px; background: #fff; border: none; overflow: hidden; }
.pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 300px; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: #ccc; }
.pace.pace-inactive { display: none; }

body:not(.pace-done)::after { content: ""; display: block; width: 157px; height: 24px; background: url("../../../common/img/logo.png"); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -400%); }
body:not(.pace-done)::before { display: block; position: fixed; width: 100%; text-align: center; top: 49%; left: 50%; transform: translate(-50%, -200%); font-family: "Jost"; font-size: 1em; content: "TAICHI RIDING GEAR COLLECTION 2025 SPRING & SUMMER"; font-family: "Noto Sans JP", "Noto Sans SC", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: .8em; }

/*simplebar
---------------------------*/
.simplebar-track.simplebar-horizontal { background: #EEEEEE; height: 7px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0; height: 0.5rem; cursor: pointer; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { background: #111111; }

main { overflow: hidden; }

.inner { margin: auto; }
@media print, screen and (min-width: 768px) { .inner { width: 95.71%; } }

@media print, screen and (min-width: 768px) { header.header_2025 { margin-top: -5.78vw; } }
@media only screen and (max-width: 767px) { header.header_2025 { margin-top: -17.76vw; } }

/*lp_header
-----------------------*/
#lp_header { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
@media print, screen and (min-width: 768px) { #lp_header { padding-top: 3.57rem; }
  #lp_header .mv_logo { margin-left: 4.29%; width: 11.64rem; }
  #lp_header .page_copy { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); margin-right: 4.29%; } }
@media only screen and (max-width: 767px) { #lp_header { padding-top: 7.01vw; }
  #lp_header .mv_logo { margin-left: 5.84vw; width: 28.04vw; }
  #lp_header .page_copy { font-size: 0.71rem; font-weight: 300; letter-spacing: 0.05em; line-height: 1.4; margin-top: calc(0px - (((1em*1.4) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.4) - 1em)/2)); margin-right: 5.84vw; } }

/*mv
-----------------------*/
#mv { text-align: center; }
#mv .mv_txt_area { position: relative; z-index: 1; }
#mv .mv_img_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; position: relative; z-index: 0; }
#mv .mv_img_area .mv_txt01, #mv .mv_img_area .mv_txt02 { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; line-height: 1.3333333333; margin-top: calc(0px - (((1em*1.3333333333) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.3333333333) - 1em)/2)); position: relative; z-index: -2; }
#mv .yt_wrap { position: absolute; left: 50%; z-index: -1; translate: -50% 0; top: 0; overflow: hidden; height: 100%; }
#mv .mv_yt { position: absolute; top: 50%; left: 50%; z-index: 0; translate: -50% -50%; width: 120vw; }
#mv #auto_youtube { width: 100%; height: 100%; pointer-events: none; }
@media print, screen and (min-width: 768px) { #mv { padding-top: 8.57rem; }
  #mv .mv_txt_area { margin-bottom: -1.79rem; }
  #mv .mv_txt_area .mv_txt { font-size: 1.14rem; font-weight: 300; margin-bottom: 2.14rem; }
  #mv .mv_txt_area .mv_tit { font-size: 7.14rem; font-weight: 600; }
  #mv .mv_img_area { -webkit-align-items: center; align-items: center; aspect-ratio: 1400/787; }
  #mv .mv_img_area .mv_txt01, #mv .mv_img_area .mv_txt02 { width: 28.57%; }
  #mv .yt_wrap { width: 42.86%; aspect-ratio: 16/9; }
  #mv .mv_yt { height: 100%; } }
@media only screen and (max-width: 767px) { #mv { padding-top: 22.9vw; }
  #mv .mv_txt_area { margin-bottom: -2.92vw; }
  #mv .mv_txt_area .mv_txt { font-size: 1.14rem; font-weight: 300; margin-bottom: 7.01vw; }
  #mv .mv_txt_area .mv_tit { font-size: 2.86rem; font-weight: 600; }
  #mv .mv_img_area { align-items: flex-start; aspect-ratio: 428/570; }
  #mv .mv_img_area .mv_txt01, #mv .mv_img_area .mv_txt02 { width: 18.69vw; aspect-ratio: 80/360; position: relative; }
  #mv .mv_img_area .mv_txt01 span, #mv .mv_img_area .mv_txt02 span { display: block; white-space: nowrap; rotate: -90deg; position: absolute; top: 50%; left: 50%; z-index: 0; translate: -50% -50%; }
  #mv .yt_wrap { width: 62.85vw; aspect-ratio: 427/760; }
  #mv .mv_yt { aspect-ratio: 427/760; } }

/*lineUp_area
---------------------------------------------------------------------------*/
#lineUp_area { background-color: #E8E8EB; }
#lineUp_area .lineUp_area_tit { font-size: 1.43rem; font-weight: 300; letter-spacing: 0.05em; }
#lineUp_area .lineUp_typ_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#lineUp_area .lineUp_typ_list a { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; display: inline-block; }
#lineUp_area .lineUp_typ_list a.active { color: #fff; background: #111; }
#lineUp_area .lineUp_list_wrap { position: relative; }
#lineUp_area .lineUp_list_box { width: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; position: absolute; top: 0; left: 0; }
#lineUp_area .lineUp_list_box.active { position: relative; opacity: 1; z-index: 1; }
#lineUp_area .lineUp_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }
#lineUp_area .lineUp_item figure { aspect-ratio: 1/1; }
#lineUp_area .lineUp_item figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
#lineUp_area .lineUp_item .price { color: #999; }
#lineUp_area .simplebar-track.simplebar-horizontal { background-color: transparent; }
@media print, screen and (min-width: 768px) { #lineUp_area { padding: 7.14rem 0 10rem; }
  #lineUp_area .lineUp_area_tit { font-size: 1.43rem; letter-spacing: 0.05em; margin-bottom: 2.14rem; }
  #lineUp_area .lineUp_typ_list { font-size: 0.86rem; letter-spacing: 0.05em; margin-bottom: 2.29rem; }
  #lineUp_area .lineUp_typ_list a { padding: 0.21rem 0.71rem; }
  #lineUp_area .lineUp_typ_list a:hover { color: #fff; background: #111; }
  #lineUp_area .lineUp_list_wrap { position: relative; }
  #lineUp_area .lineUp_list { padding-bottom: 1.43rem; }
  #lineUp_area .lineUp_item { width: 18.51%; min-width: 17.93vw; margin-right: 1.49%; }
  #lineUp_area .lineUp_item figure { margin-bottom: 1.43rem; }
  #lineUp_area .lineUp_item .txt_area { font-size: 0.86rem; font-weight: 400; letter-spacing: 0.05em; }
  #lineUp_area .lineUp_item .p_no { margin-bottom: 1.07rem; }
  #lineUp_area .lineUp_item .name { font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.43rem; } }
@media only screen and (max-width: 767px) { #lineUp_area { padding: 23.36vw 0 23.36vw 5.84vw; }
  #lineUp_area .lineUp_area_tit { font-size: 4.67vw; letter-spacing: 0.05em; margin-bottom: 7.01vw; }
  #lineUp_area .lineUp_typ_list { font-size: 2.8vw; letter-spacing: 0.05em; white-space: nowrap; margin-bottom: 2.34vw; }
  #lineUp_area .lineUp_typ_list a { padding: 0.7vw 2.34vw; }
  #lineUp_area .lineUp_list_wrap { margin-top: 4.67vw; position: relative; }
  #lineUp_area .lineUp_list { padding-bottom: 4.67vw; }
  #lineUp_area .lineUp_item { min-width: 37.38vw; margin-right: 0.47vw; }
  #lineUp_area .lineUp_item figure { margin-bottom: 4.67vw; }
  #lineUp_area .lineUp_item .txt_area { font-size: 3.36vw; font-weight: 400; letter-spacing: 0.05em; }
  #lineUp_area .lineUp_item .p_no { margin-bottom: 3.5vw; }
  #lineUp_area .lineUp_item .name { font-size: 4.25vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4285714286; margin-top: calc(0px - (((1em*1.4285714286) - 1em)/2)); margin-bottom: calc(4.67vw - (((1em*1.4285714286) - 1em)/2)); } }

/*coordinate_area
---------------------------------------------------------------------------*/
.coordinate_area:nth-of-type(even) { background-color: #E8E8EB; }
.coordinate_area .coordinate_intro { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
.coordinate_area .coordinate_intro .codNo { order: 1; rotate: -90deg; transform-origin: 100% 0; }
.coordinate_area .coordinate_intro .name_area .coodinate_no { font-size: 1rem; font-weight: 300; letter-spacing: 0.05em; margin-bottom: 1.43rem; }
.coordinate_area .coordinate_intro .name_area .coodinate_tit img { height: 1.5em; display: inline-block; margin-right: 0.25em; width: auto; }
.coordinate_area .coord_img_box01 { width: 100%; }
.coordinate_area .coord_img_box01 .slide_item { height: 100%; }
.coordinate_area .coord_img_box01 img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
.coordinate_area .coord_img_box02:not(.slide_box) { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.coordinate_area .coord_img_box02:not(.slide_box) .img { margin: 0; }
.coordinate_area .coord_img_box03 { width: 100%; }
.coordinate_area .coord_box .coord_boximg_wrap { aspect-ratio: 670/377; }
.coordinate_area .coord_box .coordList_tit { font-size: 1rem; font-weight: 300; letter-spacing: 0.05em; }
.coordinate_area .coord_box .coordList li { border-bottom: 1px solid #D9D9D9; }
.coordinate_area .coord_box .coordList a { 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; }
.coordinate_area .coord_box .coordList a::after { content: "BUY"; font-size: 0.86rem; font-weight: 500; letter-spacing: 0.05em; font-family: "Jost"; 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; color: #fff; background: #111; }
.coordinate_area .coord_box .coordList .txt_area { font-size: 0.86rem; font-weight: 400; letter-spacing: 0.05em; }
.coordinate_area .coord_box .coordList .name { margin-bottom: 0.71rem; }
.coordinate_area .coord_box .coordList .price { color: #999999; }
.coordinate_area .color_area .tit_area { 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; margin-bottom: 2.14rem; }
.coordinate_area .color_area .area_tit { font-size: 1rem; font-weight: 300; letter-spacing: 0.05em; }
.coordinate_area .color_area .slider_option { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.coordinate_area .color_area .slider_no { order: -1; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; font-size: 0.86rem; font-weight: 500; letter-spacing: 0.05em; margin-right: 1.43rem; }
.coordinate_area .color_area .slider_no .current { order: -1; }
.coordinate_area .color_area .slider_no::before { content: ""; display: block; aspect-ratio: 10/1; background: #111; width: 0.71rem; margin: 0 0.71rem; }
.coordinate_area .color_area .slick-arrow { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-size: 1rem; border-radius: 0; font-size: 0; aspect-ratio: 40/20; background-color: #111; cursor: pointer; 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; width: 2.86rem; }
.coordinate_area .color_area .slick-arrow::after { content: ""; display: block; background-size: 100% 100%; aspect-ratio: 12/8; background-image: url("../../../common/img_2025/icon_vector_wh.svg"); width: 0.86rem; }
.coordinate_area .color_area .slick-prev { margin-right: 0.5rem; }
.coordinate_area .color_area .slick-prev::after { scale: -1 1; }
.coordinate_area .color_area .color_list .color_img { overflow: hidden; aspect-ratio: 1/1; width: 100%; }
.coordinate_area .color_area .color_list .color { font-size: 0.86rem; font-weight: 500; letter-spacing: 0.05em; }
.coordinate_area .slick-list, .coordinate_area .slick-track { width: 100%; height: 100%; }
.coordinate_area .slick-track { display: flex; margin-left: 0; margin-right: 0; }
.coordinate_area .slide_item { height: auto; }
.coordinate_area .slide_box figure { overflow: hidden; }
.coordinate_area .slide_box.listScaleUp .slick-slide:not(.slick-cloned) img, .coordinate_area .slide_box.listScaleUp .slick-slide:not(.slick-cloned) video source { -webkit-transition: all 2.5s ease-in-out 0s; -ms-transition: all 2.5s ease-in-out 0s; transition: all 2.5s ease-in-out 0s; scale: 1.2 1.2; }
.coordinate_area .slide_box.listScaleUp .slick-slide.slick-active img, .coordinate_area .slide_box.listScaleUp .slick-slide.slick-active video source { scale: 1 1; }
@media print, screen and (min-width: 768px) { .coordinate_area { padding: 11.43rem 0; }
  .coordinate_area .coordinate_intro { margin-bottom: 4.29rem; }
  .coordinate_area .coordinate_intro .codNo { font-size: 1.43rem; font-weight: 500; translate: -1em 2.43rem; }
  .coordinate_area .coordinate_intro .name_area .coodinate_tit { font-size: 3.57rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 2.14rem; }
  .coordinate_area .coordinate_intro .name_area .txt { font-size: 1.29rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); }
  .coordinate_area .coord_img_box01 { aspect-ratio: 1400/788; }
  .coordinate_area .coord_img_box02 { width: 77.14%; aspect-ratio: 1.5275813296; margin: 10% auto; }
  .coordinate_area .coord_img_box02 .img { margin: 0 0.36rem; }
  .coordinate_area .coord_img_box02:not(.slide_box) { padding: 0 0.71%; }
  .coordinate_area .coord_img_box02:not(.slide_box) .img { width: 49.53%; }
  .coordinate_area .coord_img_box03 { aspect-ratio: 1400/707; }
  .coordinate_area .coord_img_box03 .img { margin: 0 0.36rem; }
  .coordinate_area .coord_img_box03 .slick-list { padding: 0 30.36%; }
  .coordinate_area .coord_box { padding: 4.29rem 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
  .coordinate_area .coord_box .coord_boximg_wrap { order: 1; width: 50%; }
  .coordinate_area .coord_box .coordList_tit { margin-bottom: 5.07rem; }
  .coordinate_area .coord_box .coordList_box { width: 44.78%; }
  .coordinate_area .coord_box .coordList a { padding: 1.43rem 0; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  .coordinate_area .coord_box .coordList a::after { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; width: 2.86rem; aspect-ratio: 40/20; }
  .coordinate_area .coord_box .coordList a:hover { background: #111; color: #fff; }
  .coordinate_area .coord_box .coordList a:hover::after { background: #fff; color: #111; }
  .coordinate_area .color_area .color_list { padding-left: 2.14rem; }
  .coordinate_area .color_area .color_list .color_item { margin-right: 1.79rem; }
  .coordinate_area .color_area .color_list .color_img { margin-bottom: 1.43rem; }
  .coordinate_area .color_area .color_list .color_img img { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  .coordinate_area .color_area .color_list a:hover img { scale: 1.1 1.1; }
  .coordinate_area.typ_b .coord_img_box01 { margin-bottom: 0.71rem; }
  .coordinate_area.typ_b .coordList_box { width: 100%; }
  .coordinate_area.typ_b .coordList_box .coordList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .coordinate_area.typ_b .coordList_box .coordList li { width: 20%; }
  .coordinate_area.typ_b .coordList_box .coordList li:not(:nth-child(4n)) { margin-right: 6.6666666667%; }
  .coordinate_area.typ_b .coordList_box .coordList li:not(:nth-child(-n + 4)) { margin-top: 6.6666666667%; } }
@media only screen and (max-width: 767px) { .coordinate_area { padding: 23.36vw 0; }
  .coordinate_area .coordinate_intro { width: 88.3177570093vw; margin: 0 auto 11.68vw; }
  .coordinate_area .coordinate_intro .codNo { white-space: nowrap; font-size: 1rem; font-weight: 500; translate: -1em 7.94vw; }
  .coordinate_area .coordinate_intro .name_area { margin-right: -10vw; }
  .coordinate_area .coordinate_intro .name_area .coodinate_tit { font-size: 2.86rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 7.01vw; }
  .coordinate_area .coordinate_intro .name_area .coodinate_tit img { margin-bottom: 0.25em; }
  .coordinate_area .coordinate_intro .name_area .txt { font-size: 1.29rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2222222222; margin-top: calc(0px - (((1em*1.2222222222) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.2222222222) - 1em)/2)); }
  .coordinate_area .coord_img_box01 { aspect-ratio: 1/1; }
  .coordinate_area .coord_img_box02 { width: 88.32vw; aspect-ratio: 378/249; margin: 11.68vw auto; }
  .coordinate_area .coord_img_box02 .img { margin: 0 1.4vw; }
  .coordinate_area .coord_img_box02:not(.slide_box) .img { width: 43.46vw; }
  .coordinate_area .coord_img_box03 { aspect-ratio: 428/249; }
  .coordinate_area .coord_img_box03 .img { margin: 0 0.7vw; }
  .coordinate_area .coord_img_box03 .slick-list { padding: 0 27.57vw; }
  .coordinate_area .coord_box { width: 88.3177570093vw; margin: auto; padding: 12.85vw 0 11.68vw; }
  .coordinate_area .coord_box .coord_boximg_wrap { width: 100%; margin-bottom: 7.01vw; }
  .coordinate_area .coord_box .coordList_tit { margin-bottom: 7.01vw; }
  .coordinate_area .coord_box .coordList_box { width: 100%; }
  .coordinate_area .coord_box .coordList a { padding: 3.27vw 0; }
  .coordinate_area .coord_box .coordList a::after { width: 12.18vw; aspect-ratio: 52.14/20; }
  .coordinate_area .color_area .tit_area { width: 88.3177570093vw; margin-left: auto; margin-right: auto; }
  .coordinate_area .color_area .color_list { padding-left: 5.84vw; }
  .coordinate_area .color_area .color_list .slick-list { padding-right: 18.46vw; }
  .coordinate_area .color_area .color_list .color_item { margin-right: 0.47vw; }
  .coordinate_area .color_area .color_list .color_img { margin-bottom: 4.67vw; }
  .coordinate_area.typ_b .coord_img_box01 { margin-bottom: 1.4vw; } }

.bridge_img { position: relative; }
.bridge_img figcaption { position: absolute; right: 0; bottom: 0; color: #fff; text-align: right; }
@media print, screen and (min-width: 768px) { .bridge_img figcaption { font-size: 1.14rem; font-weight: 300; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(3.57rem - (((1em*1.5) - 1em)/2)); margin-right: 3.57rem; } }
@media only screen and (max-width: 767px) { .bridge_img { aspect-ratio: 428/570; }
  .bridge_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
  .bridge_img figcaption { font-size: 1.14rem; font-weight: 300; letter-spacing: 0.05em; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(1.79rem - (((1em*1.5) - 1em)/2)); margin-right: 7.01vw; } }