@charset "utf-8";

/* ----------------------------------------------
  #top-mainview
 ---------------------------------------------- */

#top-mainvie-title { line-height:1; padding:6.15vw 8.21vw 0; }
#top-mainvie-title span { display:block; text-align:left; font-size:5.64vw; }
#top-mainvie-title span strong { display:inline-block; border-bottom:1px #897358 solid; margin:0 1.03vw; padding:0 0 1.28vw; font-size:11.79vw; color:#897358; font-weight:500; }
#top-mainvie-title mark { display:block; text-align:right; font-size:8.21vw; color:#373737; }

@media screen and (min-width:900px){
#top-mainvie-title { text-align:center; margin:0 auto; padding:5.07vw 0 4.35vw; letter-spacing:0.1rem; }
#top-mainvie-title span { display:inline-block; font-size:2.61vw; }
#top-mainvie-title span strong { margin:0 0.29vw; padding:0; font-size:5.65vw; }
#top-mainvie-title mark { display:inline-block; font-size:3.91vw; }
}
@media screen and (min-width:1380px){
#top-mainvie-title { padding:70px 0 60px; }
#top-mainvie-title span { font-size:36px; }
#top-mainvie-title span strong { margin:0 4px; padding:0; font-size:78px; }
#top-mainvie-title mark { font-size:54px; }
}




.scroll-section { width:100%; background:linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); }
.sticky { display:flex; justify-content:center; align-items:start; width:100%; height:150vw; overflow:hidden; background:url(../img/top/bg_top_mainview.svg) center 4.1vw/140vw auto no-repeat; perspective:1200px; position:relative; }
.orbit { width:100vw; height:105.12vw; position:relative; touch-action:pan-y; }
.card { position:absolute; top:50%; left:50%; width:calc(100% - 16.4vw); background:#fff url(../img/common/bg_top_slider.svg) left top no-repeat; background-size:29.48vw auto; border:1px #ccc solid; overflow:hidden; padding:4.1vw; will-change:transform, opacity, box-shadow; user-select:none; }
.card a { pointer-events:none; display:block; color:#1f1f1f; text-decoration:none; }
.top-slider-title { line-height:1; margin:0 0 4.1vw; position:relative; }
.card:nth-of-type(1) .top-slider-title { padding:0 0 0 27.69vw; }
.card:nth-of-type(2) .top-slider-title { padding:0 0 0 23.59vw; }
.card:nth-of-type(3) .top-slider-title { padding:0 0 0 27.69vw; }
.card:nth-of-type(4) .top-slider-title { padding:0 0 0 27.69vw; }
.card:nth-of-type(5) .top-slider-title { padding:0 0 0 27.69vw; }
.top-slider-title em { position:absolute; top:0; left:0; line-height:1; font-size:15.38vw; color:#fff; font-weight:500; font-style:normal; }
.top-slider-title mark { display:block; padding:0 0 2.05vw; font-size:3.59vw; color:#233B68; font-weight:500; }
.top-slider-title span { display:flex; flex-flow:row nowrap; align-items:end; }
.top-slider-title b { display:block; line-height:1.2; margin:0 2.05vw 0 0; font-size:4.61vw; color:#233B68; font-weight:500; white-space:nowrap; }
.card:nth-of-type(3) .top-slider-title b { line-height:1.3; margin:0; font-size:3.59vw; }
.top-slider-title strong { display:block; margin:0 2.05vw 0 0; font-size:10.77vw; color:#233B68; font-weight:500; white-space:nowrap; }
.card small { display:block; text-align:right; font-size:2.31vw; }
.card p { line-height:1.8; font-size:2.82vw; padding:3.59vw; font-weight:400; }
.card figure { width:100%; height:auto; overflow:hidden; border:1px #707070 solid; margin:0 0 4.1vw; }
.card img { width:100%; height:auto; aspect-ratio:588/322; object-fit:cover; transition:transform .6s ease; }

@media screen and (min-width:900px){
.scroll-section {}
.sticky { height:72.46vw; background:url(../img/top/bg_top_mainview.svg) center top/72.46vw auto no-repeat; }
.orbit { width:72.46vw; height:65vw; }
.card { width:23.62vw; background-size:8.33vw auto; padding:1.16vw; transition:transform .8s cubic-bezier(.22,.61,.36,1), opacity .8s ease, box-shadow .8s ease; }
.card a {}
.card a:hover { opacity:0.7; transition:opacity .3s ease; }
.card a:hover img { transform:scale(1.1); }
.top-slider-title { margin:0 0 1.16vw; }
.card:nth-of-type(1) .top-slider-title { padding:0 0 0 7.61vw; }
.card:nth-of-type(2) .top-slider-title { padding:0 0 0 6.52vw; }
.card:nth-of-type(3) .top-slider-title { padding:0 0 0 7.61vw; }
.card:nth-of-type(4) .top-slider-title { padding:0 0 0 7.61vw; }
.card:nth-of-type(5) .top-slider-title { padding:0 0 0 7.61vw; }
.top-slider-title em { font-size:4.35vw; }
.top-slider-title mark { padding:0 0 0.58vw; font-size:1.01vw; }
.top-slider-title span { font-size:1.3vw; }
.top-slider-title b { margin:0 0.58vw 0 0; font-size:1.3vw; }
.card:nth-of-type(3) .top-slider-title b { font-size:1.09vw; }
.top-slider-title strong { margin:0 0.58vw 0 0; font-size:3.04vw; }
.card small { font-size:0.65vw; }
.card p { font-size:1.01vw; padding:1.01vw; }
.card figure { margin:0 0 1.16vw; }
.card img {}
}
@media screen and (min-width:1380px){
.scroll-section { margin:0 0 120px; }
.sticky { height:820px; background:url(../img/top/bg_top_mainview.svg) center top/1000px auto no-repeat; }
.orbit { width:1000px; height:700px; }
.card { width:326px; background-size:115px auto; padding:16px; transition:transform .8s cubic-bezier(.22,.61,.36,1), opacity .8s ease, box-shadow .8s ease; }
.card a {}
.top-slider-title { margin:0 0 16px; }
.card:nth-of-type(1) .top-slider-title { padding:0 0 0 105px; }
.card:nth-of-type(2) .top-slider-title { padding:0 0 0 90px; }
.card:nth-of-type(3) .top-slider-title { padding:0 0 0 105px; }
.card:nth-of-type(4) .top-slider-title { padding:0 0 0 105px; }
.card:nth-of-type(5) .top-slider-title { padding:0 0 0 105px; }
.top-slider-title em { font-size:60px; }
.top-slider-title mark { padding:0 0 8px; font-size:14px; }
.top-slider-title span { font-size:18px; }
.top-slider-title b { margin:0 8px 0 0; font-size:18px; }
.card:nth-of-type(3) .top-slider-title b { font-size:15px; }
.top-slider-title strong { margin:0 8px 0 0; font-size:42px; }
.card small { font-size:9px; }
.card p { font-size:14px; padding:14px; }
.card figure { margin:0 0 16px; }
.card img {}
}




.slider-dots { position:absolute; bottom:0; left:0; display:flex; flex-flow:row nowrap; justify-content:center; width:100%; margin:7.69vw 0; z-index:9999; }
.slider-dots button { width:3.07vw; height:3.07vw; background:#D9D9D9; border-radius:50%; border:none; list-style:none; position:relative; }
.slider-dots button:not(:last-child) { margin:0 4.1vw 0 0; }
.slider-dots button.active { background:#5989B2 !important; }

@media screen and (min-width:900px){
.slider-dots { bottom:5%; left:0; margin:2.17vw 0 3.62vw; }
.slider-dots button { width:12px; height:12px; }
.slider-dots button:not(:last-child) { margin:0 1.16vw 0 0; }
.slider-dots button,
.slider-dots button:hover { cursor:pointer; }
}
@media screen and (min-width:1380px){
.slider-dots { bottom:0; left:0; margin:30px 0 50px; }
.slider-dots button { width:12px; height:12px; }
.slider-dots button:not(:last-child) { margin:0 16px 0 0; }
}




/* =========================
   BUTTON
========================= */

.slider-prev,
.slider-next { 
  position:absolute; 

  top:50%;

  width:50px;
  height:50px;

  border:1px solid rgba(255,255,255,.7);

  border-radius:50%;

  background:rgba(0,0,0,.35);

  color:#fff;

  font-size:40px;
  line-height:1;

  display:flex;
  display:none;
  
  align-items:center;
  justify-content:center;

  cursor:pointer;

  z-index:-1000;

  transform:translateY(-50%);

  transition:
    background .3s ease,
    opacity .3s ease;
}


.slider-prev {
  left:30px; 
}


.slider-next {
  right:30px;
}


.slider-prev:hover,
.slider-next:hover {
  background:rgba(255,255,255,.2);
}


.slider-prev:focus-visible,
.slider-next:focus-visible {
  outline:2px solid #fff;
  outline-offset:4px;
}










.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; width:100%; margin:7.69vw 0; position:relative; z-index:9999; }
.slick-dots li { width:2.05vw; height:2.05vw; background:#D9D9D9; border-radius:50%; list-style:none; position:relative; }
.slick-dots li:not(:last-child) { margin:0 4.1vw 0 0; }
.slick-dots li button { background:none; border:none; text-indent:-9999px; }
.slick-dots li.slick-active { background:#5989B2 !important; }

@media screen and (min-width:900px){
.slick-dots { margin:2.17vw 0 7.24vw; }
.slick-dots li { width:0.87vw; height:0.87vw; }
.slick-dots li:not(:last-child) { margin:0 1.16vw 0 0; }
.slick-dots li button,
.slick-dots li:hover { cursor:pointer; }
}
@media screen and (min-width:1380px){
.slick-dots { margin:30px 0 100px; }
.slick-dots li { width:12px; height:12px; }
.slick-dots li:not(:last-child) { margin:0 16px 0 0; }
.slick-dots li button {}
}




#top-message-box { display:flex; justify-content:center; align-items:center; height:8.97vw; background:#6F6D6C; }
#top-message-box p { line-height:1.41; font-size:3.07vw; color:#fff; }

@media screen and (min-width:900px){
#top-message-box { width:28.26vw; height:2.53vw; position:relative; z-index:1000; }
#top-message-box p { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
#top-message-box { width:390px; height:35px; }
#top-message-box p { font-size:14px; }
}




/* ----------------------------------------------
 ! top-common
 ---------------------------------------------- */

.top-h2-basic { line-height:1.45; text-align:center; padding:0 0 10.25vw; font-size:5.13vw; color:#233B68; font-weight:400; }
.top-h2-basic strong { font-size:9.23vw; color:#233B68; font-weight:500; }
.top-h2-arrows { border-bottom:0.25vw #B39267 solid; text-align:center; margin:0 auto 12.82vw; padding:0 0 4.1vw; position:relative; z-index:1; }
.top-h2-arrows:before { content:""; position:absolute; bottom:-5.39vw; left:calc(50% - 5.64vw); width:11.28vw; height:5.64vw; background:#fff; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); z-index:3; }
.top-h2-arrows:after { content:""; position:absolute; bottom:-5.64vw; left:calc(50% - 5.64vw); width:11.28vw; height:5.64vw; background:#b39267; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); z-index:2; }
.top-h2-arrows span { display:block; padding:2.56vw 0; font-size:5.13vw; color:#897358; font-weight:500; }
.top-h2-arrows strong { display:inline-block; margin:0 1.03vw; padding:2.56vw 0; font-size:9.23vw; color:#233B68; font-weight:500; }
.top-tit-blue { display:flex; justify-content:center; align-items:center; width:100%; height:14.35vw; background:#233B68; text-align:center; font-size:4.61vw; color:#fff; font-weight:500; position:relative; z-index:0; }
.top-tit-blue:after { content:""; position:absolute; bottom:-3vw; left:calc(50% - 6.79vw); width:13.58vw; height:3.33vw; background:#233b68; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); }

@media screen and (min-width:900px){
.top-h2-basic { width:43.47vw; margin:0 auto; padding:0 0 3.62vw; font-size:2.17vw; }
.top-h2-basic strong { font-size:4.35vw; }
.top-h2-arrows { width:43.47vw; border-bottom:1px #B39267 solid; margin:0 auto 3.62vw; padding:0 0 1.16vw; }
.top-h2-arrows:before { bottom:-1.52vw; left:calc(50% - 1.59vw); width:3.18vw; height:1.59vw; }
.top-h2-arrows:after { bottom:-1.59vw; left:calc(50% - 1.59vw); width:3.18vw; height:1.59vw; }
.top-h2-arrows span { padding:0.72vw 0; font-size:2.17vw; }
.top-h2-arrows strong { margin:0 0.29vw; padding:0.72vw 0; font-size:4.35vw; }
.top-tit-blue { height:5.21vw; font-size:1.45vw; }
.top-tit-blue:after { bottom:-1.09vw; left:calc(50% - 2.46vw); width:4.92vw; height:1.16vw; }
}
@media screen and (min-width:1380px){
.top-h2-basic { width:600px; padding:0 0 50px; font-size:30px; }
.top-h2-basic strong { font-size:60px; }
.top-h2-arrows { width:600px; margin:0 auto 50px; padding:0 0 16px; }
.top-h2-arrows:before { bottom:-21px; left:calc(50% - 22px); width:44px; height:22px; }
.top-h2-arrows:after { bottom:-22px; left:calc(50% - 22px); width:44px; height:22px; }
.top-h2-arrows span { padding:10px 0; font-size:30px; }
.top-h2-arrows strong { margin:0 4px; padding:10px 0; font-size:60px; }
.top-tit-blue { height:72px; font-size:20px; }
.top-tit-blue:after { bottom:-15px; left:calc(50% - 34px); width:68px; height:16px; }
}




.top-tab {}
.btn-top-tab-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; }
.btn-top-tab-nav button { display:flex; justify-content:center; align-items:center; height:12.3vw; background:#eee; padding:0 1.03vw; border:0; font-size:3.59vw; font-weight:400; cursor:pointer; position:relative; }
.btn-top-tab-nav button:after { content:""; display:inline-block; width:2.56vw; height:2.31vw; background:#373737; margin:0 0 0 2.05vw; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); }
#btn-top-tab-clinic-02:after { background:#D4883C; }
#btn-top-tab-clinic-03:after { background:#FF7C84; }
.btn-top-tab-nav button.active { background:#233B68; color:#fff; }
.btn-top-tab-nav button.active::after { background:#fff !important; }

@media screen and (min-width:900px){
.top-tab { width:43.47vw; margin:0 auto; }
.btn-top-tab-nav { gap:0.07vw; }
.btn-top-tab-nav button { height:3.47vw; padding:0 0.29vw; border:0; font-size:1.16vw; }
.btn-top-tab-nav button:after { width:0.72vw; height:0.65vw; margin:0 0 0 0.72vw; }
.btn-top-tab-nav button:hover { background:#233B68; color:#fff; transition:1s ease; cursor:pointer; }
.btn-top-tab-nav button:hover::after { background:#fff !important; transition:1s ease; }
}
@media screen and (min-width:1380px){
.top-tab { width:600px; margin:0 auto; }
.btn-top-tab-nav { gap:1px; }
.btn-top-tab-nav button { height:48px; padding:0 4px; font-size:16px; }
.btn-top-tab-nav button:after { width:10px; height:9px; margin:0 0 0 10px; }
}




.top-tab-box { display:none; background:#fff; border-top:6.15vw #233B68 solid; border-bottom:6.15vw #233B68 solid; border-left:4.1vw #233B68 solid; border-right:4.1vw #233B68 solid; padding:7.69vw 6.15vw; }
.top-tab-box.active { display:block; }
.top-tab-box h3 { display:table; text-align:center; border-bottom:1px #000 solid; margin:0 auto 7.69vw; padding:0 0 7.69vw; font-size:4.61vw; color:#233B68; font-weight:500; }
.top-tab-box figure { padding:0 0 7.69vw; position:relative; }
.top-tab-box figure img { width:100%; height:auto; }
.top-tab-box-dl { display:flex; flex-flow:row wrap; line-height:1.46; }
.top-tab-box-dl dt { width:30%; border-bottom:1px #ccc solid; padding:3.07vw 0; font-size:3.33vw; color:#233B68; font-weight:400; }
.top-tab-box-dl dd { width:70%; border-bottom:1px #ccc solid; padding:3.07vw 0; font-size:3.33vw; }
.top-tab-box-dl dd ul { padding:0 0 0 1.4em; height:20.51vw; overflow-y:scroll; }

@media screen and (min-width:900px){
.top-tab-box { border-top:1.74vw #233B68 solid; border-bottom:1.74vw #233B68 solid; border-left:2.9vw #233B68 solid; border-right:2.9vw #233B68 solid; padding:3.26vw 2.9vw; }
.top-tab-box.active {}
.top-tab-box h3 { margin:0 auto 1.74vw; padding:0 0 1.74vw; font-size:1.52vw; }
.top-tab-box figure { padding:0 0 2.17vw; }
.top-tab-box figure img {}
.top-tab-box-dl {}
.top-tab-box-dl dt { width:30%; padding:0.87vw 0; font-size:0.94vw; }
.top-tab-box-dl dd { width:70%; padding:0.87vw 0; font-size:0.94vw; }
.top-tab-box-dl dd ul { height:5.51vw; }
}
@media screen and (min-width:1380px){
.top-tab-box { border-top:24px #233B68 solid; border-bottom:24px #233B68 solid; border-left:40px #233B68 solid; border-right:40px #233B68 solid; padding:45px 40px; }
.top-tab-box.active {}
.top-tab-box h3 { margin:0 auto 24px; padding:0 0 24px; font-size:21px; }
.top-tab-box figure { padding:0 0 30px; }
.top-tab-box figure img {}
.top-tab-box-dl {}
.top-tab-box-dl dt { width:30%; padding:12px 0; font-size:13px; }
.top-tab-box-dl dd { width:70%; padding:12px 0; font-size:13px; }
.top-tab-box-dl dd ul { height:76px; }
}




#top-art-case .top-tab-box figure { display:flex; flex-flow:row wrap; justify-content:space-between; }
#top-art-case .top-case-figure-before { padding:0 0 12.82vw; }
#top-art-case .top-case-figure-after { padding:0 0 5.13vw; }
#top-art-case .top-case-figure-after:before { content:""; position:absolute; top:-8.97vw; left:calc(50% - 2.05vw); width:4.1vw; height:2.56vw; background:#d8ba94; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); }
#top-art-case .top-tab-box figure img { width:49%; margin:0 0 2.56vw; }

@media screen and (min-width:900px){
#top-art-case .top-tab-box figure { width:20.58vw; margin:0 auto; }
#top-art-case .top-case-figure-before { padding:0 0 3.62vw; }
#top-art-case .top-case-figure-after { padding:0 0 2.17vw; }
#top-art-case .top-case-figure-after:before { top:-2.54vw; left:calc(50% - 0.58vw); width:1.16vw; height:0.72vw; }
#top-art-case .top-tab-box figure img { width:48%; margin:0 0 0.72vw; }
}
@media screen and (min-width:1380px){
#top-art-case .top-tab-box figure { width:284px; margin:0 auto; }
#top-art-case .top-case-figure-before { padding:0 0 50px; }
#top-art-case .top-case-figure-after { padding:0 0 30px; }
#top-art-case .top-case-figure-after:before { top:-35px; left:calc(50% - 8px); width:16px; height:10px; }
#top-art-case .top-tab-box figure img { width:48%; margin:0 0 10px; }
}




.btn-access-route { padding:6.15vw 0 10.25vw; }
.btn-access-route a { display:flex; justify-content:center; align-items:center; height:12.3vw; border:2px #ccc solid; padding:0 0 0 6.15vw; font-size:3.59vw; color:#373737; font-weight:400; text-decoration:none; }
#kamikatsura-in .btn-access-route a { background:#fff url(../img/common/ico_map_kamikatsura.svg) 18% center/4.1vw auto no-repeat; }
#rakusaiguchi-in .btn-access-route a { background:#fff url(../img/common/ico_map_rakusaiguchi.svg) 15% center/4.1vw auto no-repeat; }
#katsuragawa-in .btn-access-route a { background:#fff url(../img/common/ico_map_katsuragawa.svg) 12% center/4.1vw auto no-repeat; }

@media screen and (min-width:900px){
.btn-access-route { width:20.65vw; margin:0 auto; padding:2.17vw 0; }
.btn-access-route a { height:3.47vw; padding:0 0 0 1.74vw; font-size:1.01vw; }
#kamikatsura-in .btn-access-route a { background:#fff url(../img/common/ico_map_kamikatsura.svg) 18% center/1.16vw auto no-repeat; }
#rakusaiguchi-in .btn-access-route a { background:#fff url(../img/common/ico_map_rakusaiguchi.svg) 15% center/1.16vw auto no-repeat; }
#katsuragawa-in .btn-access-route a { background:#fff url(../img/common/ico_map_katsuragawa.svg) 12% center/1.16vw auto no-repeat; }
.btn-access-route a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
.btn-access-route { width:285px; padding:30px 0; }
.btn-access-route a { height:48px; padding:0 0 0 24px; font-size:14px; }
#kamikatsura-in .btn-access-route a { background:#fff url(../img/common/ico_map_kamikatsura.svg) 18% center/16px auto no-repeat; }
#rakusaiguchi-in .btn-access-route a { background:#fff url(../img/common/ico_map_rakusaiguchi.svg) 15% center/16px auto no-repeat; }
#katsuragawa-in .btn-access-route a { background:#fff url(../img/common/ico_map_katsuragawa.svg) 12% center/16px auto no-repeat; }
}




.top-tab-box table { width:100%; margin:0 0 5.13vw; }
.top-tab-box thead th { background:#233B68; text-align:center; padding:2.56vw 0; font-size:3.59vw; color:#fff; font-weight:400; }
.top-tab-box tbody th { border-bottom:1px #ccc solid; vertical-align:middle; font-size:3.33vw; font-weight:400; }
.top-tab-box tbody th span { display:block; transform:rotate(90deg); }
.top-tab-box tbody td { vertical-align:middle; border-bottom:1px #ccc solid; text-align:center; padding:4.61vw 0; font-size:3.59vw; }
.top-tab-box-note { line-height:1.8; font-size:3.33vw; }
#kamikatsura-in td,
#kamikatsura-in .top-tab-box-note span { color:#233B68; }
#rakusaiguchi-in td,
#rakusaiguchi-in .top-tab-box-note span { color:#D4883C; }
#katsuragawa-in td,
#katsuragawa-in .top-tab-box-note span { color:#FF7C84; }

@media screen and (min-width:900px){
.top-tab-box table { margin:0 0 1.45vw; }
.top-tab-box thead th { padding:0.72vw 0; font-size:1.01vw; }
.top-tab-box tbody th { font-size:0.94vw; }
.top-tab-box tbody th span {}
.top-tab-box tbody td { padding:1.45vw 0; font-size:1.01vw; }
.top-tab-box-note { font-size:0.94vw; }
}
@media screen and (min-width:1380px){
.top-tab-box table { margin:0 0 20px; }
.top-tab-box thead th { padding:10px 0; font-size:14px; }
.top-tab-box tbody th { font-size:13px; }
.top-tab-box tbody th span {}
.top-tab-box tbody td { padding:20px 0; font-size:14px; }
.top-tab-box-note { font-size:13px; }
}




/* ----------------------------------------------
  #top-art-tenkai
 ---------------------------------------------- */

#top-art-tenkai { background:#FAFAFA; padding:12.82vw 4.1vw 10.25vw; position:relative; }
#top-art-tenkai:after { content:""; position:absolute; bottom:-19.74vw; left:calc(50% - 50vw); width:100vw; height:39.48vw; background:#f5f5f5; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
#top-art-tenkai h2 {}
#top-tenkai-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; }
.top-tenkai-dl { width:29.23vw; position:relative; z-index:2; }
.top-tenkai-dl dt { padding:0 0 5.13vw; }
.top-tenkai-dl dt img { width:100%; height:auto; }
.top-tenkai-dl dd {}
.top-tenkai-dl dd h3 { line-height:1.4; text-align:center; margin:0 0 2.56vw; padding:0 0 2.56vw; font-size:3.85vw; font-weight:500; }
.top-tenkai-dl:nth-of-type(1) dd h3 { border-bottom:1px #ccc solid; }
.top-tenkai-dl:nth-of-type(2) dd h3 { border-bottom:1px #D4883C solid; }
.top-tenkai-dl:nth-of-type(3) dd h3 { border-bottom:1px #FF7C84 solid; }
.top-tenkai-dl dd ul {}
.top-tenkai-dl dd li { display:flex; justify-content:start; align-items:center; height:6.15vw; background:#fff; border:1px #ccc solid; margin:0 0 1.28vw; padding:0 0 0 5.13vw; font-size:3.33vw; font-weight:400; list-style:none; position:relative; }
.top-tenkai-dl dd li:before { content:""; position:absolute; top:0.25vw; left:0.25vw; width:2.05vw; height:2.05vw; clip-path:polygon(0% 0%, 100% 0%, 0% 100%); }
.top-tenkai-dl:nth-of-type(1) dd li:before { background:#233B68; }
.top-tenkai-dl:nth-of-type(2) dd li:before { background:#D4883C; }
.top-tenkai-dl:nth-of-type(3) dd li:before { background:#FF7C84; }

@media screen and (min-width:900px){
#top-art-tenkai { width:79.71vw; margin:0 auto; padding:8.69vw 0 7.24vw; }
#top-art-tenkai:before { content:""; position:absolute; top:-8.69vw; left:calc(50% - 39.85vw); width:79.71vw; height:17.39vw; background:#f5f5f5; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
#top-art-tenkai:after { bottom:-8.69vw; left:calc(50% - 39.85vw); width:79.71vw; height:17.39vw; }
#top-art-tenkai h2 {}
#top-tenkai-wrap { width:43.47vw; margin:0 auto; }
.top-tenkai-dl { width:13.84vw; }
.top-tenkai-dl dt { padding:0 0 2.17vw; }
.top-tenkai-dl dt img {}
.top-tenkai-dl dd {}
.top-tenkai-dl dd h3 { margin:0 0 1.16vw; padding:0 0 1.45vw; font-size:1.74vw; }
.top-tenkai-dl dd ul {}
.top-tenkai-dl dd li { height:2.9vw; margin:0 0 0.58vw; padding:0 0 0 3.26vw; font-size:1.16vw; }
.top-tenkai-dl dd li:before { top:0.21vw; left:0.14vw; width:0.94vw; height:0.94vw; }
}
@media screen and (min-width:1380px){
#top-art-tenkai { width:1100px; padding:120px 0 100px; }
#top-art-tenkai:before { top:-120px; left:calc(50% - 550px); width:1100px; height:240px; }
#top-art-tenkai:after { bottom:-120px; left:calc(50% - 550px); width:1100px; height:240px; }
#top-art-tenkai h2 {}
#top-tenkai-wrap { width:600px; }
.top-tenkai-dl { width:191px; }
.top-tenkai-dl dt { padding:0 0 30px; }
.top-tenkai-dl dt img {}
.top-tenkai-dl dd {}
.top-tenkai-dl dd h3 { margin:0 0 16px; padding:0 0 20px; font-size:24px; }
.top-tenkai-dl dd ul {}
.top-tenkai-dl dd li { height:40px; margin:0 0 8px; padding:0 0 0 45px; font-size:16px; }
.top-tenkai-dl dd li:before { top:3px; left:2px; width:13px; height:13px; }
}




/* ----------------------------------------------
  #top-art-correspondence
 ---------------------------------------------- */

#top-art-correspondence { padding:25.64vw 5.13vw 30.77vw; }
#top-art-correspondence h2 {}
#top-correspondence-ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 5.13vw; }
#top-correspondence-ul li { width:29.23vw; padding:0 0 7.69vw; font-size:3.33vw; font-weight:400; list-style:none; }
#top-correspondence-ul figure {}
#top-correspondence-ul figure img { width:100%; height:auto; }
#top-correspondence-ul figcaption { text-align:center; }

@media screen and (min-width:900px){
#top-art-correspondence { width:43.47vw; margin:0 auto; padding:15.94vw 0 14.49vw; }
#top-art-correspondence h2 {}
#top-correspondence-ul { padding:0 0 1.45vw; }
#top-correspondence-ul li { width:13.84vw; padding:0 0 2.17vw; font-size:1.09vw; }
#top-correspondence-ul figure {}
#top-correspondence-ul figure img {}
#top-correspondence-ul figcaption {}
}
@media screen and (min-width:1380px){
#top-art-correspondence { width:600px; padding:220px 0 200px; }
#top-art-correspondence h2 {}
#top-correspondence-ul { padding:0 0 20px; }
#top-correspondence-ul li { width:191px; padding:0 0 30px; font-size:15px; }
#top-correspondence-ul figure {}
#top-correspondence-ul figure img {}
#top-correspondence-ul figcaption {}
}




/* ----------------------------------------------
  #top-art-reason
 ---------------------------------------------- */

#top-art-reason { padding:30.77vw 0 17.94vw; position:relative; overflow:clip; }
.top-reason-parallax-bg { position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:url(../img/top/bg_reason_01.webp) center 53.84vw/57.41vw auto no-repeat; pointer-events:none; }
#top-reason-box { margin:9vw 4.1vw; padding:6.15vw 0 12.82vw; position:relative; }
#top-reason-box:before { content:""; position:absolute; top:-8.97vw; left:0; width:45.38vw; height:8.97vw; background:#F0ECE7; clip-path:polygon(0% 0%, 100% 0%, 0% 100%); }
#top-reason-box:after { content:""; position:absolute; top:-8.97vw; right:0; width:45.38vw; height:8.97vw; background:#F0ECE7; clip-path:polygon(0% 0%, 100% 0%, 100% 100%); }
#top-reason-box h2 { line-height:1.4; text-align:center; padding:0 0 5.13vw; font-size:5.64vw; color:#373737; font-weight:500; }
#top-reason-ol { counter-reset:reason; list-style:none; position:relative; }
#top-reason-ol:before { content:""; position:absolute; bottom:-8.97vw; left:0; width:45.38vw; height:8.97vw; background:#F0ECE7; clip-path:polygon(0% 0%, 0% 100%, 100% 100%); }
#top-reason-ol:after { content:""; position:absolute; bottom:-8.97vw; right:0; width:45.38vw; height:8.97vw; background:#F0ECE7; clip-path:polygon(100% 0%, 100% 100%, 0% 100%); }
#top-reason-ol li { counter-increment:reason; display:flex; align-items:center; height:14.35vw; font-size:4.1vw; color:#233B68; font-weight:500; position:relative; }
#top-reason-ol li::before { content:counter(reason); display:flex; align-items:center; justify-content:center; flex-shrink:0; width:8vw; height:8vw; background:#233B68; border-radius:50%; color:#fff; margin-right:3.07vw; }
#top-reason-ol li::after { content:""; position:absolute; top:3.07vw; left:1.03vw; width:8vw; height:8vw; background:#B39267; border-radius:50%; z-index:-1; }
#top-reason-ol li:not(:last-of-type) { border-bottom:0.5px rgba(179,146,103,0.4) dashed; }

@media screen and (min-width:900px){
#top-art-reason { width:79.71vw; margin:0 auto; padding:17.39vw 0 14.85vw; }
.top-reason-parallax-bg { background:url(../img/top/bg_reason_01.webp) center 50%/27.31vw auto no-repeat; }
#top-reason-box { margin:7.82vw 0 5.8vw; padding:0.72vw 0 7.82vw; }
#top-reason-box:before { top:-7.82vw; left:0; width:39.85vw; height:7.82vw; }
#top-reason-box:after { top:-7.82vw; right:0; width:39.85vw; height:7.82vw; }
#top-reason-box h2 { padding:0 0 1.45vw; font-size:2.17vw; }
#top-reason-ol {}
#top-reason-ol:before { bottom:-7.82vw; left:0; width:39.85vw; height:7.82vw; }
#top-reason-ol:after { bottom:-7.82vw; right:0; width:39.85vw; height:7.82vw; }
#top-reason-ol li { width:43.47vw; margin:0 auto; height:6.88vw; font-size:1.74vw; }
#top-reason-ol li::before { width:4.35vw; height:4.35vw; margin-right:1.45vw; }
#top-reason-ol li::after { top:1.16vw; left:0.29vw; width:4.35vw; height:4.35vw; }
#top-reason-ol li:not(:last-of-type) {}
}
@media screen and (min-width:1380px){
#top-art-reason { width:1100px; padding:240px 0 205px; }
.top-reason-parallax-bg { background:url(../img/top/bg_reason_01.webp) center 50%/377px auto no-repeat; }
#top-reason-box { margin:108px 0 80px; padding:10px 0 108px; }
#top-reason-box:before  { top:-108px; width:550px; height:108px; }
#top-reason-box:after { top:-108px; width:550px; height:108px; }
#top-reason-box h2 { padding:0 0 20px; font-size:30px; }
#top-reason-ol {}
#top-reason-ol:before { bottom:-108px; width:550px; height:108px; }
#top-reason-ol:after { bottom:-108px; width:550px; height:108px; }
#top-reason-ol li { width:600px; height:95px; font-size:24px; }
#top-reason-ol li::before { width:60px; height:60px; margin-right:20px; }
#top-reason-ol li::after { top:16px; left:4px; width:60px; height:60px; }
#top-reason-ol li:not(:last-of-type) {}
}




#top-reason-wrap {}
.top-reason-sec { padding:3.85vw 4.1vw 12.82vw; }
.top-reason-sec-tit { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; margin:0 0 10.25vw; position:relative; }
.top-reason-sec-tit:after { content:""; position:absolute; top:3.85vw; left:0; width:100%; height:1px; background:#F0ECE7; z-index:-1; }
.top-reason-sec-tit em { display:flex; justify-content:center; align-items:center; width:7.69vw; height:7.69vw; margin:0 0 3.07vw; font-size:5.64vw; color:#897358; font-style:normal; position:relative; z-index:0; }
.top-reason-sec-tit em:after { content:""; position:absolute; top:0; left:0; width:7.69vw; height:7.69vw; background:#F7E9D7; transform:rotate(45deg); z-index:-1; }
.top-reason-sec figure { margin:0 0 7.69vw; }
.top-reason-sec figure img { width:100%; height:auto; }
.top-reason-sec .txt-basic {}

@media screen and (min-width:900px){
#top-reason-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; width:76.81vw; margin:0 auto; }
.top-reason-sec { width:37.89vw; background:rgba(255,255,255,0.5); border:1px #ccc solid; margin:0 0 1.16vw; padding:3.62vw 2.17vw 2.9vw; }
.top-reason-sec-tit { margin:0 0 3.62vw; }
.top-reason-sec-tit:after { top:1.45vw; }
.top-reason-sec-tit em { width:2.9vw; height:2.9vw; margin:0 0 0.87vw; font-size:1.66vw; }
.top-reason-sec-tit em:after { width:2.9vw; height:2.9vw; }
.top-reason-sec figure { width:28.98vw; margin:0 auto 2.9vw; }
.top-reason-sec figure img {}
.top-reason-sec .txt-basic {}
}
@media screen and (min-width:1380px){
#top-reason-wrap { width:1060px; }
.top-reason-sec { width:523px; margin:0 0 16px; padding:50px 30px 40px; }
.top-reason-sec-tit { margin:0 0 50px; }
.top-reason-sec-tit:after { top:20px; }
.top-reason-sec-tit em { width:40px; height:40px; margin:0 0 12px; font-size:23px; }
.top-reason-sec-tit em:after { width:40px; height:40px; }
.top-reason-sec figure { width:400px; margin:0 auto 40px; }
.top-reason-sec figure img {}
.top-reason-sec .txt-basic {}
}




/* ----------------------------------------------
  top-art-device
 ---------------------------------------------- */

#top-art-device { background:#FAFAFA; padding:12.82vw 4.1vw 30.77vw; position:relative; }
#top-art-device:before { content:""; position:absolute; top:-19.74vw; right:0; width:100%; height:39.48vw; background:#F5F5F5; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
#top-art-device:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:39.48vw; background:#F5F5F5; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
#top-art-device h2 {}
#top-art-device .top-h2-arrows:before { background:#FAFAFA; }
#top-art-device .indent01 { line-height:1.2; }

@media screen and (min-width:900px){
#top-art-device { width:79.71vw; margin:0 auto; padding:8.69vw 0 17.38vw; }
#top-art-device:before { top:-8.69vw; right:0; width:79.71vw; height:17.39vw; }
#top-art-device:after { width:79.71vw; height:17.39vw; }
#top-art-device h2 {}
#top-art-device .top-h2-arrows:before {}
}
@media screen and (min-width:1380px){
#top-art-device { width:1100px; padding:120px 0 240px; }
#top-art-device:before { top:-120px; right:0; width:1100px; height:240px; }
#top-art-device:after { width:1100px; height:240px; }
#top-art-device h2 {}
#top-art-device .top-h2-arrows:before {}
}




#top-device-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 7.69vw; position:relative; z-index:2; }
#top-device-wrap:after { content:""; position:absolute; top:0; left:50%; width:1px; height:100%; border-left:1px #707070 dashed; }
.top-device-sec { width:41.79vw; }
.top-device-sec h3 { padding:0 0 15.38vw; position:relative; }
.top-device-sec h3:after { content:""; position:absolute; bottom:6.66vw; left:calc(50% - 2.56vw); width:5.13vw; height:2.56vw; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); }
.top-device-sec:first-of-type h3:after { background:#7590C4; }
.top-device-sec:last-of-type h3:after { background:#D8BA94; }
.top-device-sec h3 img { width:100%; height:auto; }

@media screen and (min-width:900px){
#top-device-wrap { width:43.47vw; margin:0 auto 2.17vw; }
#top-device-wrap:after {}
.top-device-sec { width:20.28vw; }
.top-device-sec h3 { padding:0 0 5.8vw; }
.top-device-sec h3:after { bottom:2.9vw; left:calc(50% - 1.45vw); width:2.9vw; height:1.45vw; }
.top-device-sec h3 img {}
}
@media screen and (min-width:1380px){
#top-device-wrap { width:600px; margin:0 auto 30px; }
#top-device-wrap:after {}
.top-device-sec { width:280px; }
.top-device-sec h3 { padding:0 0 80px; }
.top-device-sec h3:after { bottom:40px; left:calc(50% - 20px); width:40px; height:20px; }
.top-device-sec h3 img {}
}




.top-device-dl { min-height:75vw }
.top-device-dl dt { padding:0 0 5.13vw; }
.top-device-dl dt img { width:100%; height:auto; }
.top-device-dl dd { padding:0 0 5.13vw; }
.top-device-dl dd h4 { text-align:center; padding:0 0 5.13vw; font-size:3.59vw; font-weight:400; }
.top-device-dl dd p { line-height:1.46; font-size:3.33vw; }
#device-set02-01 {}
#device-set02-01 dt { position:relative; }
#device-set02-01 dt:before { content:""; position:absolute; top:3.07vw; left:-2.31vw; width:2.31vw; height:2.31vw; background:#373737; clip-path:polygon(0% 0%, 100% 0%, 100% 100%); }
#device-set02-01 dt span { position:absolute; top:-3.07vw; left:-2.31vw; display:flex; justify-content:center; align-items:center; width:34.61vw; height:6.15vw; background:#DE2B2B; font-size:3.33vw; color:#fff; }
#device-set02-01 dt span:before { content:""; position:absolute; top:1.03vw; left:2.31vw; width:1px; height:3.59vw; background:#fff; transform:rotate(-18deg); }
#device-set02-01 dt span:after { content:""; position:absolute; top:1.03vw; right:2.31vw; width:1px; height:3.59vw; background:#fff; transform:rotate(18deg); }
#device-set02-02 dt { position:relative; }
#device-set02-02 dt img:last-of-type { position:absolute; top:-6.66vw; right:-3.07vw; width:17.69vw; height:auto; }
#top-art-device .txt-basic { position:relative; z-index:2; }

@media screen and (min-width:900px){
.top-device-dl { min-height:24.63vw }
.top-device-dl dt { padding:0 0 2.17vw; }
.top-device-dl dt img {}
.top-device-dl dd { padding:0 0 2.17vw; }
.top-device-dl dd h4 { padding:0 0 1.45vw; font-size:1.3vw; }
.top-device-dl dd p { font-size:1.09vw; }
#device-set02-01 {}
#device-set02-01 dt {}
#device-set02-01 dt:before { top:0.65vw; left:-0.58vw; width:0.65vw; height:0.65vw; }
#device-set02-01 dt span { top:-1.45vw; left:-0.58vw; width:16.3vw; height:2.9vw; font-size:1.3vw; }
#device-set02-01 dt span:before { top:0.72vw; left:1.74vw; height:1.45vw; }
#device-set02-01 dt span:after { top:0.72vw; right:1.74vw; height:1.45vw; }
#device-set02-02 dt {}
#device-set02-02 dt img:last-of-type { top:-2.17vw; right:-1.88vw; width:8.26vw; }
#top-art-device .txt-basic { width:43.47vw; margin:0 auto; }
}
@media screen and (min-width:1380px){
.top-device-dl { min-height:340px }
.top-device-dl dt { padding:0 0 30px; }
.top-device-dl dt img {}
.top-device-dl dd { padding:0 0 30px; }
.top-device-dl dd h4 { padding:0 0 20px; font-size:18px; }
.top-device-dl dd p { font-size:15px; }
#device-set02-01 {}
#device-set02-01 dt {}
#device-set02-01 dt:before { top:9px; left:-8px; width:9px; height:9px; }
#device-set02-01 dt span { top:-20px; left:-8px; width:225px; height:40px; font-size:18px; }
#device-set02-01 dt span:before { top:10px; left:24px; height:20px; }
#device-set02-01 dt span:after { top:10px; right:24px; height:20px; }
#device-set02-02 dt {}
#device-set02-02 dt img:last-of-type { top:-30px; right:-26px; width:114px; }
#top-art-device .txt-basic { width:600px; }
}




.aside-risk-box { height:35.89vw; overflow-y:scroll; border:0.5px rgba(204,204,204,0.5) solid; padding:4.1vw; position:relative; z-index:2; }
.aside-risk-tit { line-height:2.08; padding:0 0 4.1vw; font-size:3.07vw; font-weight:400; }
.aside-risk-box ul {}
.aside-risk-box li,
.aside-risk-box p { line-height:1.66; font-size:3.07vw; }
.aside-risk-box li { margin:0 0 0 1.4rem; }

@media screen and (min-width:900px){
.aside-risk-box { width:43.47vw; height:10.14vw; margin:0 auto; padding:1.16vw; }
.aside-risk-tit { padding:0 0 1.16vw; font-size:0.87vw; }
.aside-risk-box ul {}
.aside-risk-box li,
.aside-risk-box p { font-size:0.87vw; }
.aside-risk-box li {}
}
@media screen and (min-width:1380px){
.aside-risk-box { width:600px; height:140px; padding:16px; }
.aside-risk-tit { padding:0 0 16px; font-size:12px; }
.aside-risk-box ul {}
.aside-risk-box li,
.aside-risk-box p { font-size:12px; }
.aside-risk-box li {}
}




/* ----------------------------------------------
  #top-art-cost
 ---------------------------------------------- */

#top-art-cost { background:#F8F5F0; padding:14.35vw 4.1vw 12.82vw; position:relative; }
#top-art-cost:before { content:""; position:absolute; top:-19.74vw; right:0; width:100%; height:39.48vw; background:#F0ECE7; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
#top-art-cost:after { content:""; position:absolute; bottom:-19.74vw; left:0; width:100%; height:39.48vw; background:#F0ECE7; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
#top-art-cost .top-h2-arrows:before { background:#F8F5F0; }

@media screen and (min-width:900px){
#top-art-cost { width:79.71vw; margin:0 auto; padding:8.69vw 0; }
#top-art-cost:before { top:-8.69vw; width:79.71vw; height:17.38vw; }
#top-art-cost:after { bottom:-8.69vw; width:79.71vw; height:17.38vw; }
#top-art-cost .top-h2-arrows:before {}
}
@media screen and (min-width:1380px){
#top-art-cost { width:1100px; padding:120px 0; }
#top-art-cost:before { top:-120px; width:1100px; height:240px; }
#top-art-cost:after { bottom:-120px; width:1100px; height:240px; }
#top-art-cost .top-h2-arrows:before {}
}




#top-cost-index { background:#fff; border:1px #ccc solid; margin:0 0 14.35vw; padding:7.69vw 4.1vw; }
#top-cost-index dt { border-bottom:1px #ccc solid; text-align:center; margin:0 0 5.13vw; padding:0 0 5.13vw; font-size:5.13vw; color:#897358; }
#top-cost-index dd { line-height:1.6; text-align:center; font-size:3.85vw; color:#373737; font-weight:400; }
#top-cost-index dd small { display:block; padding:4.1vw 0 0; font-size:3.07vw; }

@media screen and (min-width:900px){
#top-cost-index { width:43.47vw; margin:0 auto 5.8vw; padding:2.17vw 2.9vw; }
#top-cost-index dt { margin:0 0 1.45vw; padding:0 0 1.45vw; font-size:1.59vw; }
#top-cost-index dd { font-size:1.09vw; }
#top-cost-index dd small { padding:1.16vw 0 0; font-size:0.87vw; }
}
@media screen and (min-width:1380px){
#top-cost-index { width:600px; margin:0 auto 80px; padding:30px 40px; }
#top-cost-index dt { margin:0 0 20px; padding:0 0 20px; font-size:22px; }
#top-cost-index dd { font-size:15px; }
#top-cost-index dd small { padding:16px 0 0; font-size:12px; }
}




.top-cost-sec { position:relative; z-index:2; }
.top-cost-sec .top-tit-blue { margin:0 0 7.69vw; }
#top-cost-box-wrap {}
.top-cost-box { background:#fff; border:1px #ccc solid; overflow:hidden; margin:0 0 4.1vw; }
.top-cost-box figure { padding:0 0 7.69vw; }
.top-cost-box figure img { width:100%; height:auto; }
.top-cost-box h4 { text-align:center; padding:0 0 6.66vw; }
.top-cost-box h4 em { display:block; margin:0 0 3.33vw; font-size:3.33vw; color:#897358; font-style:normal; font-weight:500; }
.top-cost-box h4 em strong { display:inline-block; font-size:5.13vw; font-weight:500; }
.top-cost-box h4 span { display:block; line-height:1.36; font-size:4.87vw; color:#233B68; }
.top-cost-box ul { border-top:1px #233B68 solid; margin:0 4.1vw; }
.top-cost-box li { line-height:1.66; background:url(../img/common/ico_check_01.svg) left 4.1vw/6.5vw no-repeat; padding:4.1vw 0 4.1vw 15.38vw; font-size:3.85vw; font-weight:400; list-style:none; }
.top-cost-box li:not(:last-child) { border-bottom:1px #ccc dashed; }

@media screen and (min-width:900px){
.top-cost-sec { width:43.47vw; margin:0 auto; }
.top-cost-sec .top-tit-blue { margin:0 0 3.62vw; }
#top-cost-box-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; }
.top-cost-box { width:21.44vw; margin:0 0 5.8vw; }
.top-cost-box figure { padding:0 0 1.45vw; }
.top-cost-box figure img {}
.top-cost-box h4 { padding:0 0 1.16vw; }
.top-cost-box h4 em { margin:0 0 1.09vw; font-size:0.94vw; }
.top-cost-box h4 em strong { font-size:1.59vw; }
.top-cost-box h4 span { display:flex; justify-content:center; align-items:center; min-height:3.77vw; font-size:1.37vw; }
.top-cost-box ul { margin:0 1.16vw; }
.top-cost-box li { background:url(../img/common/ico_check_01.svg) left 1.16vw/1.45vw no-repeat; padding:1.16vw 0 1.16vw 2.54vw; font-size:1.09vw; }
.top-cost-box li:not(:last-child) {}
}
@media screen and (min-width:1380px){
.top-cost-sec { width:600px; }
.top-cost-sec .top-tit-blue { margin:0 0 50px; }
#top-cost-box-wrap {}
.top-cost-box { width:296px; margin:0 0 80px; }
.top-cost-box figure { padding:0 0 20px; }
.top-cost-box figure img {}
.top-cost-box h4 { padding:0 0 16px; }
.top-cost-box h4 em { margin:0 0 15px; font-size:13px; }
.top-cost-box h4 em strong { font-size:22px; }
.top-cost-box h4 span { min-height:52px; font-size:19px; }
.top-cost-box ul { margin:0 16px; }
.top-cost-box li { background:url(../img/common/ico_check_01.svg) left 16px/20px no-repeat; padding:16px 0 16px 35px; font-size:15px; }
.top-cost-box li:not(:last-child) {}
}




#top-cost-table { width:100%; background:#fff; border:1px #ccc solid; border-bottom:none; border-collapse:collapse; margin:0 0 14.35vw; }
#top-cost-table th { background:#F5F5F5; border-bottom:1px #ccc solid; padding:3.59vw 4.1vw; font-size:3.59vw; font-weight:500; }
#top-cost-table td { border-bottom:1px #ccc solid; padding:3.59vw 4.1vw; font-size:3.59vw; font-weight:400; }

@media screen and (min-width:900px){
#top-cost-table { margin:0 0 5.8vw; }
#top-cost-table th { width:50%; text-align:left; padding:1.09vw 1.45vw; font-size:1.16vw; }
#top-cost-table td { padding:1.09vw 1.45vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-cost-table { margin:0 0 80px; }
#top-cost-table th { padding:15px 20px; font-size:16px; }
#top-cost-table td { padding:15px 20px; font-size:15px; }
}




.top-cost-sec .top-tit-blue mark { display:inline-block; background:#fff; margin:0 3.85vw 0 0; padding:0.77vw 1.54vw; font-size:4.1vw; color:#233B68; }
.top-sochi-box { display:grid; grid-template-columns:34.61vw 1fr; grid-template-rows:auto auto; column-gap:4.1vw; align-items:center; background:#fff; border:1px #ccc solid; overflow:hidden; margin:0 0 2.05vw; padding:4.1vw; }
.top-sochi-box figure { grid-column:1; grid-row:1/4; }
.top-sochi-box figure img { width:100%; height:auto; }
.top-sochi-box h4 { grid-column:2; grid-row:1; line-height:1.42; border-bottom:1px #897358 solid; margin:0 0 2.56vw; padding:0 0 2.56vw; font-size:3.59vw; font-weight:400; }
.top-sochi-box p { grid-column:2; grid-row:2; line-height:1.42; font-size:3.59vw; }
.top-sochi-box p span { display:inline-block; background:#897358; margin:0 2.56vw 0 0; padding:0.77vw 2.05vw; font-size:3.07vw; color:#fff; font-weight:400; }
.top-sochi-box mark { grid-column:2; grid-row:3; background:none; padding:2.05vw 0 0; font-size:2.56vw; }

@media screen and (min-width:900px){
.top-cost-sec .top-tit-blue mark { margin:0 0.87vw 0 0; padding:0.29vw 0.43vw; font-size:1.23vw; }
.top-sochi-box { grid-template-columns:9.78vw 1fr; column-gap:1.16vw; margin:0 0 0.58vw; padding:1.16vw; }
.top-sochi-box figure {}
.top-sochi-box figure img {}
.top-sochi-box h4 { margin:0 0 0.87vw; padding:0 0 0.87vw; font-size:1.23vw; }
.top-sochi-box p { font-size:1.01vw; }
.top-sochi-box p span { margin:0 0.87vw 0 0; padding:0.21vw 0.43vw; font-size:0.87vw; }
.top-sochi-box mark { padding:0.58vw 0 0; font-size:0.72vw; }
}
@media screen and (min-width:1380px){
.top-cost-sec .top-tit-blue mark { margin:0 12px 0 0; padding:4px 6px; font-size:17px; }
.top-sochi-box { grid-template-columns:135px 1fr; column-gap:16px; margin:0 0 8px; padding:16px; }
.top-sochi-box figure {}
.top-sochi-box figure img {}
.top-sochi-box h4 { margin:0 0 12px; padding:0 0 12px; font-size:17px; }
.top-sochi-box p { font-size:14px; }
.top-sochi-box p span { margin:0 12px 0 0; padding:3px 6px; font-size:12px; }
.top-sochi-box mark { padding:8px 0 0; font-size:10px; }
}




/* ----------------------------------------------
  #top-art-case
 ---------------------------------------------- */

#top-art-case { padding:12.82vw 4.1vw 28.2vw; position:relative; }

@media screen and (max-width:899px){
#top-art-case .top-h2-arrows strong { padding:2.56vw 0 0; }
}
@media screen and (min-width:900px){
#top-art-case { padding:9.78vw 0 11.59vw; }
}
@media screen and (min-width:1380px){
#top-art-case { padding:135px 0 160px; }
}




/* ----------------------------------------------
  #top-art-flow
 ---------------------------------------------- */

#top-art-flow { background:#FAFAFA; padding:7.69vw 0; position:relative; }
#top-art-flow:before { content:""; position:absolute; top:-19.74vw; right:0; width:100%; height:39.48vw; background:#F5F5F5; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
#top-art-flow:after { content:""; position:absolute; bottom:-19.74vw; left:0; width:100%; height:39.48vw; background:#F5F5F5; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
#top-art-flow .top-h2-arrows:before { background:#FAFAFA; }

@media screen and (max-width:899px){
#top-art-flow .top-h2-arrows strong { padding:2.56vw 0 0; }
}
@media screen and (min-width:900px){
#top-art-flow { width:79.71vw; margin:0 auto; padding:7.69vw 0; }
#top-art-flow:before { top:-8.69vw; width:79.71vw; height:17.38vw; }
#top-art-flow:after { bottom:-8.69vw; width:79.71vw; height:17.38vw; }
#top-art-flow .top-h2-arrows:before {}
}
@media screen and (min-width:1380px){
#top-art-flow { width:1100px; margin:0 auto; padding:7.69vw 0; }
#top-art-flow:before { top:-120px; width:1100px; height:240px; }
#top-art-flow:after { bottom:-120px; width:1100px; height:240px; }
#top-art-flow .top-h2-arrows:before {}
}




#top-art-flow .top-h2-arrows { margin:0 4.1vw 12.82vw; }
.slide-top-flow { position:relative; z-index:2; }
.top-flow-sec { min-height:139.48vw; background:#fff; border:1px #707070 solid; margin:0 2.05vw; }
.top-flow-sec figure {}
.top-flow-sec figure img { width:100%; height:auto; }
.top-flow-sec h3 { border-bottom:1px #233B68 solid; margin:7.69vw 4.1vw 6.15vw; padding:0 0 6.15vw; font-weight:500; }
.top-flow-sec h3 em { display:block; text-align:center; padding:0 0 2.56vw; font-size:3.33vw; color:#897358; font-style:normal; }
.top-flow-sec h3 em strong { display:inline-block; margin:0 0 0 2.05vw; font-size:5.13vw; font-weight:500; }
.top-flow-sec h3 span { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; min-height:12.82vw; line-height:1.4; font-size:4.87vw; color:#233B68; font-weight:500; }
.top-flow-txt { padding:0 4.1vw; }
.top-flow-txt p { line-height:1.5; font-size:3.85vw; }
.top-flow-txt p:not(:last-child) { padding:0 0 3.85vw; }

@media screen and (min-width:900px){
#top-art-flow .top-h2-arrows { margin:0 auto 5.07vw; }
.slide-top-flow {}
.slide-top-flow:before { content:""; position:absolute; top:0; left:0; width:12vw; height:100%; background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%); z-index:3; }
.slide-top-flow:after { content:""; position:absolute; top:0; right:0; width:12vw; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%); z-index:3; }
.top-flow-sec { width:43.47vw; min-height:49.27vw; margin:0 1.16vw; padding:0 0 2.9vw; }
.top-flow-sec figure {}
.top-flow-sec figure img {}
.top-flow-sec h3 { width:31.88vw; margin:2.9vw auto 1.45vw; padding:0 0 1.45vw; }
.top-flow-sec h3 em { padding:0 0 0.87vw; font-size:0.94vw; }
.top-flow-sec h3 em strong { margin:0 0 0 0.29vw; font-size:1.59vw; }
.top-flow-sec h3 span { min-height:3.62vw; font-size:1.52vw; }
.top-flow-txt { width:31.88vw; margin:0 auto; padding:0; }
.top-flow-txt p { font-size:1.09vw; }
.top-flow-txt p:not(:last-child) { padding:0 0 1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-flow .top-h2-arrows { margin:0 auto 70px; }
.slide-top-flow {}
.top-flow-sec { width:600px; min-height:680px; margin:0 16px; padding:0 0 40px; }
.top-flow-sec figure {}
.top-flow-sec figure img {}
.top-flow-sec h3 { width:440px; margin:40px auto 20px; padding:0 0 20px; }
.top-flow-sec h3 em { padding:0 0 12px; font-size:13px; }
.top-flow-sec h3 em strong { margin:0 0 0 4px; font-size:22px; }
.top-flow-sec h3 span { min-height:50px; font-size:21px; }
.top-flow-txt { width:440px; margin:0 auto; padding:0; }
.top-flow-txt p { font-size:15px; }
.top-flow-txt p:not(:last-child) { padding:0 0 15px; }
}







/* ----------------------------------------------
  #top-art-faq
 ---------------------------------------------- */

#top-art-faq { padding:25.64vw 4.1vw 28.2vw; }
#top-faq-wrap {}
#top-faq-wrap details { background:#fff; border:1px #ccc solid; margin:0 0 4.1vw; position:relative; }
#top-faq-wrap details:before { content:""; position:absolute; top:0.25vw; left:0.25vw; width:4.1vw; height:4.1vw; background:#D8BA94; clip-path:polygon(0% 0%, 100% 0%, 0% 100%); z-index:2; }
#top-faq-wrap summary { display:flex; align-items:center; min-height:18.46vw; background:#F8F5F0; position:relative; }
#top-faq-wrap summary:before { content:"Q"; position:absolute; top:5.13vw; left:3.33vw; line-height:1; font-size:9.23vw; color:#897358; font-family:'Noto Serif JP'; font-weight:500; font-style:normal; }
#top-faq-wrap summary:after { content:""; position:absolute; top:4.1vw; left:16.66vw; width:1px; height:calc(100% - 8.2vw); border-right:1px #B39267 dashed; }
#top-faq-wrap summary::marker { content:""; }
#top-faq-wrap summary h3 { display:flex; align-items:center; width:100%; height:100%; line-height:1.6; padding:4.1vw 13.33vw 4.1vw 21.79vw; font-size:3.85vw; font-weight:300; position:relative; }
#top-faq-wrap summary h3:before { content:""; position:absolute; top:50%; right:4.1vw; width:5.13vw; height:1px; background:#897358; }
#top-faq-wrap summary h3:after { content:""; position:absolute; top:50%; right:4.1vw; width:5.13vw; height:1px; background:#897358; transform:rotate(90deg); }
details[open] summary h3:after { transform:rotate(0); }
.top-faq-box { border-top:1px #ccc solid; padding:5.13vw 3.85vw 5.13vw 21.79vw; position:relative; }
.top-faq-box:before { content:"A"; position:absolute; top:6.41vw; left:3.33vw; line-height:1; font-size:9.23vw; color:#5989B2; font-family:'Noto Serif JP'; font-weight:500; font-style:normal; }
.top-faq-box:after { content:""; position:absolute; top:4.1vw; left:16.66vw; width:1px; height:calc(100% - 8.2vw); border-right:1px #ccc dashed; }
.top-faq-box p { line-height:1.8; font-size:3.59vw; }
.top-faq-box p:not(:last-child) { padding:0 0 4.1vw; }

@media screen and (min-width:900px){
#top-art-faq { width:43.47vw; margin:0 auto; padding:8.69vw 0 11.59vw; }
#top-faq-wrap {}
#top-faq-wrap details { margin:0 0 1.16vw; }
#top-faq-wrap details:before { top:0.07vw; left:0.07vw; width:1.16vw; height:1.16vw; }
#top-faq-wrap summary { min-height:5.28vw; }
#top-faq-wrap summary:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
#top-faq-wrap summary:before { top:1.45vw; left:1.16vw; font-size:2.61vw; }
#top-faq-wrap summary:after { top:1.16vw; left:4.71vw; height:calc(100% - 2.31vw); }
#top-faq-wrap summary::marker {}
#top-faq-wrap summary h3 { padding:1.16vw 3.62vw 1.16vw 6.15vw; font-size:1.23vw; }
#top-faq-wrap summary h3:before { right:1.09vw; width:1.45vw; }
#top-faq-wrap summary h3:after { right:1.09vw; width:1.45vw; }
details[open] summary h3:after {}
.top-faq-box { padding:1.45vw 3.62vw 1.45vw 6.15vw; }
.top-faq-box:before { top:1.59vw; left:1.16vw; font-size:2.61vw; }
.top-faq-box:after { top:1.45vw; left:4.71vw; height:calc(100% - 2.9vw); }
.top-faq-box p { font-size:1.09vw; }
.top-faq-box p:not(:last-child) { padding:0 0 1.16vw; }
}
@media screen and (min-width:1380px){
#top-art-faq { width:600px; padding:120px 0 160px; }
#top-faq-wrap {}
#top-faq-wrap details { margin:0 0 16px; }
#top-faq-wrap details:before { top:1px; left:1px; width:16px; height:16px; }
#top-faq-wrap summary { min-height:73px; }
#top-faq-wrap summary:before { top:20px; left:16px; font-size:36px; }
#top-faq-wrap summary:after { top:16px; left:65px; height:calc(100% - 32px); }
#top-faq-wrap summary::marker {}
#top-faq-wrap summary h3 { padding:16px 50px 16px 85px; font-size:17px; }
#top-faq-wrap summary h3:before { right:15px; width:20px; }
#top-faq-wrap summary h3:after { right:15px; width:20px; }
details[open] summary h3:after {}
.top-faq-box { padding:20px 50px 20px 85px; }
.top-faq-box:before { top:22px; left:16px; font-size:36px; }
.top-faq-box:after { top:20px; left:65px; height:calc(100% - 40px); }
.top-faq-box p { font-size:15px; }
.top-faq-box p:not(:last-child) { padding:0 0 16px; }
}




/* ----------------------------------------------
  #top-art-doctor
 ---------------------------------------------- */

#top-art-doctor { background:#F8F5F0; padding:15.38vw 4.1vw 12.82vw; position:relative; }
#top-art-doctor:before { content:""; position:absolute; top:-19.74vw; right:0; width:100%; height:39.48vw; background:#F0ECE7; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
#top-art-doctor:after { content:""; position:absolute; bottom:-19.74vw; left:0; width:100%; height:39.48vw; background:#F0ECE7; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
#top-art-doctor h2 { display:table; line-height:1.41; border-bottom:1px #373737 solid; text-align:center; margin:0 auto 23.07vw; padding:0 0 2.56vw; font-size:9.23vw; font-weight:500; }
#top-doctor-wrap { background:#fff; border:1px #F0ECE7 solid; position:relative; z-index:2; }
#top-doctor-index { display:flex; flex-flow:row nowrap; align-items:center; margin:0 0 7.69vw; }
#top-doctor-index img { width:48.2vw; height:auto; aspect-ratio:188/216; object-fit:cover; margin:-14.35vw 0 0; }
#top-doctor-index figcaption {}
#top-doctor-index figcaption strong { display:block; padding:0 0 2.56vw; font-size:7.69vw; color:#233B68; font-weight:500; }
#top-doctor-index figcaption span { display:block; line-height:1.4; border-top:1px #ccc solid; padding:2.56vw 0 0; font-size:3.33vw; color:#897358; font-weight:400; }
#top-doctor-title { padding:0 4.1vw 3.85vw; font-size:3.33vw; color:#897358; font-weight:400; }
#top-doctor-txt { line-height:1.8; padding:0 4.1vw 6.15vw; font-size:3.85vw; font-weight:500; }

@media screen and (min-width:900px){
#top-art-doctor { width:79.71vw; margin:0 auto; padding:9.78vw 0 11.59vw; }
#top-art-doctor:before { top:-8.69vw; width:79.71vw; height:17.39vw; }
#top-art-doctor:after { bottom:-8.69vw; width:79.71vw; height:17.39vw; }
#top-art-doctor h2 { margin:0 auto 8.33vw; padding:0 0 1.59vw; font-size:4.35vw; }
#top-doctor-wrap { width:43.47vw; margin:0 auto; }
#top-doctor-index { margin:0 0 3.26vw; position:relative; }
#top-doctor-index:after { content:""; position:absolute; bottom:0; left:0; width:23.04vw; height:4.56vw; background:#233B68; clip-path:polygon(0% 0%, 0% 100%, 100% 100%); z-index:1; }
#top-doctor-index img { width:22.17vw; aspect-ratio:306/228; margin:-5.8vw 2.54vw 0 2.17vw; position:relative; z-index:2; }
#top-doctor-index figcaption {}
#top-doctor-index figcaption strong { padding:0 0 0.87vw; font-size:2.17vw; }
#top-doctor-index figcaption span { padding:0.58vw 0 0; font-size:0.94vw; }
#top-doctor-title { padding:0 5.8vw 1.09vw; font-size:0.94vw; }
#top-doctor-txt { padding:0 5.8vw 1.88vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-doctor { width:1100px; padding:135px 0 160px; }
#top-art-doctor:before { top:-120px; width:1100px; height:240px; }
#top-art-doctor:after { bottom:-120px; width:1100px; height:240px; }
#top-art-doctor h2 { margin:0 auto 115px; padding:0 0 22px; font-size:60px; }
#top-doctor-wrap { width:600px; }
#top-doctor-index { margin:0 0 45px; }
#top-doctor-index:after { width:318px; height:63px; }
#top-doctor-index img { width:306px; margin:-80px -20px 0 30px; }
#top-doctor-index figcaption {}
#top-doctor-index figcaption strong { padding:0 0 12px; font-size:30px; }
#top-doctor-index figcaption span { padding:8px 0 0; font-size:13px; }
#top-doctor-title { padding:0 80px 15px; font-size:13px; }
#top-doctor-txt { padding:0 80px 26px; font-size:15px; }
}




#top-doctor-sec { border-top:1px #F0ECE7 dashed; margin:0 4.1vw; padding:7.69vw 0 6.15vw; }
#top-doctor-sec h3 { padding:0 0 4.61vw; font-size:4.87vw; color:#233B68; font-weight:500; }
#top-doctor-sec p { line-height:1.8; font-size:3.33vw; }
#top-doctor-sec dl { display:flex; flex-flow:row wrap; line-height:1.8; padding:6.41vw 0; font-size:3.33vw; position:relative; }
#top-doctor-sec dl:after { content:""; position:absolute; top:6.41vw; left:32%; width:1px; height:calc(100% - 12.82vw); background:#373737; }
#top-doctor-sec dt { width:35%; font-weight:400; }
#top-doctor-sec dd { width:65%; }

@media screen and (min-width:900px){
#top-doctor-sec { margin:0 5.8vw; padding:2.17vw 0 2.9vw; }
#top-doctor-sec h3 { padding:0 0 1.3vw; font-size:1.59vw; }
#top-doctor-sec p { font-size:0.94vw; }
#top-doctor-sec dl { padding:1.74vw 0; font-size:0.94vw; }
#top-doctor-sec dl:after { top:1.74vw; left:25%; height:calc(100% - 3.47vw); }
#top-doctor-sec dt { width:30%; }
#top-doctor-sec dd { width:70%; }
}
@media screen and (min-width:1380px){
#top-doctor-sec { margin:0 80px; padding:30px 0 40px; }
#top-doctor-sec h3 { padding:0 0 18px; font-size:22px; }
#top-doctor-sec p { font-size:13px; }
#top-doctor-sec dl { padding:24px 0; font-size:13px; }
#top-doctor-sec dl:after { top:24px; height:calc(100% - 48px); }
#top-doctor-sec dt {}
#top-doctor-sec dd {}
}




/* ----------------------------------------------
  #top-art-clinic
 ---------------------------------------------- */

#top-art-clinic { padding:25.64vw 4.1vw 30.77vw; position:relative; }
#top-art-clinic .txt-basic p { line-height:1.5; }

@media screen and (min-width:900px){
#top-art-clinic { width:43.47vw; margin:0 auto; padding:9.78vw 0 11.59vw; }
}
@media screen and (min-width:1380px){
#top-art-clinic { width:600px; padding:135px 0 160px; }
}




/* ----------------------------------------------
  .go-to-contact
 ---------------------------------------------- */

.go-to-contact-box { background:#7590C4; padding:10.25vw 4.1vw; position:relative; }
.go-to-contact-box:before { content:""; position:absolute; top:-19.74vw; right:0; width:100%; height:39.48vw; background:#6584bf; clip-path:polygon(100% 0%, 100% 100%, 0% 50%); z-index:1; }
.go-to-contact-box:after { content:""; position:absolute; bottom:-19.74vw; left:0; width:100%; height:39.48vw; background:#6584bf; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); z-index:1; }
.go-to-contact { display:grid; grid-template-columns:45.89vw 1fr; grid-template-rows:auto auto; background:#fff url(../img/common/bg_go_to_contact.svg) left bottom no-repeat; background-size:45.89vw auto; border:1.03vw #ccc solid; padding:0 3.07vw 0 0; position:relative; z-index:2; }
.go-to-contact figure { grid-column:1; grid-row:1/3; margin:-7.69vw 0 -1.03vw -1.03vw; }
.go-to-contact figure img { width:100%; height:auto; }
.go-to-contact dl { grid-column:2; grid-row:1; align-self:end; }
.go-to-contact dl dt { display:flex; justify-content:center; align-items:center; height:7.43vw; background:#897358; margin:0 0 2.56vw; font-size:3.59vw; color:#fff; font-weight:500; }
.go-to-contact dl dd { text-align:center; padding:0 0 8.97vw; font-size:3.85vw; color:#111F39; position:relative; }
.go-to-contact dl dd:after { content:""; position:absolute; bottom:3.33vw; left:calc(50% - 1.79vw); width:3.59vw; height:1.79vw; background:#d8ba94; clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }
.go-to-contact p { grid-column:2; grid-row:2; align-self:start; }
.go-to-contact p a { display:flex; justify-content:center; align-items:center; height:10.25vw; background:#233B68 url(../img/common/ico_sp_01.svg) 7.69vw center/4.1vw auto no-repeat; border-radius:100vw; padding:0 0 0 7.69vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
.go-to-contact-box { width:79.71vw; margin:0 auto; padding:7.97vw 0; }
.go-to-contact-box:before { top:-8.69vw; width:79.71vw; height:17.39vw; }
.go-to-contact-box:after { bottom:-8.69vw; width:79.71vw; height:17.39vw; }
.go-to-contact { grid-template-columns:17.39vw 1fr; background-size:17.39vw auto; width:34.78vw; border:0.29vw #ccc solid; margin:0 auto; padding:0 0.87vw 0 0; }
.go-to-contact figure { margin:-2.17vw 0 -0.29vw -0.29vw; }
.go-to-contact figure img {}
.go-to-contact dl {}
.go-to-contact dl dt { height:2.9vw; margin:0 0 1.16vw; font-size:1.3vw; }
.go-to-contact dl dd { padding:0 0 3.62vw; font-size:1.45vw; }
.go-to-contact dl dd:after { bottom:1.45vw; left:calc(50% - 0.72vw); width:1.45vw; height:0.72vw; }
.go-to-contact p {}
.go-to-contact p a { height:3.48vw; background:#233B68 url(../img/common/ico_sp_01.svg) 3.62vw center/1.3vw auto no-repeat; padding:0 0 0 2.54vw; }
.go-to-contact p a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
.go-to-contact-box { width:1100px; padding:110px 0; }
.go-to-contact-box:before { top:-120px; width:1100px; height:240px; }
.go-to-contact-box:after { bottom:-120px; width:1100px; height:240px; }
.go-to-contact { grid-template-columns:240px 1fr; background-size:240px auto; width:480px; border:4px #ccc solid; padding:0 12px 0 0; }
.go-to-contact figure { margin:-30px 0 -4px -4px; }
.go-to-contact figure img {}
.go-to-contact dl {}
.go-to-contact dl dt { height:40px; margin:0 0 16px; font-size:18px; }
.go-to-contact dl dd { padding:0 0 50px; font-size:20px; }
.go-to-contact dl dd:after { bottom:20px; left:calc(50% - 10px); width:20px; height:10px; }
.go-to-contact p {}
.go-to-contact p a { height:48px; background:#233B68 url(../img/common/ico_sp_01.svg) 50px center/18px auto no-repeat; padding:0 0 0 35px; }
}