@charset "utf-8";

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

#top-mainview { width:100%; height:auto; aspect-ratio:390/750; margin:0 0 -41vw; position:relative; z-index:1; }
.top-mv-lcp { width:100%; height:100%; position:relative; z-index:1; transition:opacity .3s ease; }
.top-mv-lcp img { display:block; width:100%; height:100%; object-fit:cover; object-position:right 0 top 0; aspect-ratio:390/750; }
.top-mv-lcp.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
#top-mainview dl { position:absolute; top:0; right:0; width:100%; height:100%; display:flex; flex-flow:column nowrap; justify-content:center; align-items:end; background:url(../img/top/bg_top_mv.webp) center top/100% auto no-repeat; padding:0 2.05vw 25.64vw 0; z-index:3; }
#top-mainview dt { line-height:1.3; padding:0 0 1.03vw; font-size:6.41vw; color:#0A3B66; font-weight:500; }
#top-mainview dd { line-height:1.6; font-size:3.33vw; color:#333; }
.slide-top-mv { position:absolute; top:0; right:0; width:100%; height:100%; overflow:hidden; margin-inline:auto; z-index:2; opacity:0; visibility:hidden; transition:opacity .3s ease; pointer-events:none; } /* スライダーは最初は非表示 */
.slide-top-mv picture { display:block; }
.slide-top-mv picture img { width:100%; height:auto; }
.slide-top-mv.is-ready { opacity:1; visibility:visible; }
.add-animation { animation:zoomUp 10s linear 0s normal both; }
#top-mv-thumb { display:none; }

@media screen and (min-width:900px){
#top-mainview { aspect-ratio:1380/631; margin:0 auto 7.97vw; }
.top-mv-lcp {}
.top-mv-lcp img { aspect-ratio:1380/631; object-position:right 0 top 0; }
#top-mainview dl { background:url(../img/top/bg_top_mv_pc.webp) center top/100% auto no-repeat; padding:0 7.24vw 8.69vw 0; }
#top-mainview dt { padding:0 0 0.72vw; font-size:2.9vw; }
#top-mainview dd { font-size:1.45vw; }
.slide-top-mv {}
.slide-top-mv picture {}
.slide-top-mv picture img { aspect-ratio:1380/631; }
.add-animation {}
#top-mv-thumb { bottom:-4.35vw; width:28.98vw; height:21.73vw; }
}
@media screen and (min-width:1380px){
#top-mainview { width:1380px; margin:0 auto 110px; }
.top-mv-lcp {}
.top-mv-lcp img { object-position:right 0 top 0; }
#top-mainview dl { padding:0 100px 120px 0; }
#top-mainview dt { padding:0 0 10px; font-size:40px; }
#top-mainview dd { font-size:20px; }
.slide-top-mv {}
.slide-top-mv picture {}
.slide-top-mv picture img {}
.add-animation {}
#top-mv-thumb { bottom:-60px; width:400px; height:300px; }
}




@keyframes zoomUp {
    0% { transform:scale(1); }
  100% { transform:scale(1.15); }
}



@media screen and (min-width:900px){
#main-wrap { background:#F6F9FC; }
}




#top-point-ol { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 12.82vw; padding:0 3.07vw; position:relative; z-index:4; }
#top-point-ol li { width:30.76vw; list-style:none; }
#top-point-ol dl {}
#top-point-ol dt { color:#5989B2; letter-spacing:0.083em; }
#top-point-ol dt span { display:block; text-align:center; padding:0 0 1.03vw; font-size:3.85vw; }
#top-point-ol dt span strong { display:inline-block; font-size:8.21vw; font-weight:400; font-family:'DM Sans'; font-style:normal; }
#top-point-ol dt p { display:flex; justify-content:center; align-items:center; height:23.07vw; line-height:1.2; background:#567896; text-align:center; position:relative; }
#top-point-ol dt p:after { content:""; position:absolute; bottom:-2vw; left:calc(50% - 3.59vw); width:0; height:0; border-style:solid; border-width:2.05vw 3.59vw 0 3.59vw; border-color:#567896 transparent transparent transparent; }
#top-point-ol dt p mark { font-size:3.85vw; color:#fff; }
#top-point-ol dt p mark strong { font-size:8.21vw; font-weight:400; font-family:'DM Sans'; font-style:normal; }
#top-point-ol li:nth-child(2) dt p mark strong { font-size:150%; }
#top-point-ol li:nth-child(2) dt p mark small { font-size:60%; }
#top-point-ol dd { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:14.1vw; line-height:1.3; border:1px #5989B2 solid; text-align:center; font-size:3.07vw; color:#5989B2; font-weight:500; }

@media screen and (min-width:900px){
#top-point-ol { width:49.85vw; margin:0 auto 3.98vw; padding:0; }
#top-point-ol li { width:15.07vw; margin:-10.14vw 0 0; }
#top-point-ol dl {}
#top-point-ol dt {}
#top-point-ol dt span { padding:0 0 0.29vw; font-size:1.59vw; }
#top-point-ol dt span strong { margin:0 0 0 0.36vw; font-size:3.47vw; }
#top-point-ol dt p { height:10.14vw; }
#top-point-ol dt p:after { bottom:-0.87vw; left:calc(50% - 1.74vw); border-width:1.01vw 1.74vw 0 1.74vw; }
#top-point-ol dt p mark { font-size:1.74vw; }
#top-point-ol dt p mark strong { font-size:4.05vw; }
#top-point-ol dd { height:7.24vw; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
#top-point-ol { width:688px; margin:0 auto 55px; padding:0; }
#top-point-ol li { width:208px; margin:-140px 0 0; }
#top-point-ol dl {}
#top-point-ol dt {}
#top-point-ol dt span { padding:0 0 4px; font-size:22px; }
#top-point-ol dt span strong { margin:0 0 0 5px; font-size:48px; }
#top-point-ol dt p { height:140px; }
#top-point-ol dt p:after { bottom:-12px; left:calc(50% - 24px); border-width:14px 24px 0 24px; }
#top-point-ol dt p mark { font-size:24px; }
#top-point-ol dt p mark strong { font-size:56px; }
#top-point-ol dd { height:100px; font-size:20px; }
}




#top-bnr-wrap { width:80vw; min-height:25.64vw; margin:0 auto; position:relative; }
#top-bnr-wrap figure { background:#fff; }
#top-bnr-wrap figure a { display:block; }
#top-bnr-wrap figure img { width:100%; height:auto; }
.slide-arrow { position:absolute; top:11.54vw; width:12.82vw; height:12.82vw; background:transparent; border:none; padding:0; cursor:pointer; transform:translateY(-50%); z-index:3; }
.prev-arrow { left:-11vw; }
.next-arrow { right:-11vw; }
.slide-arrow::before { content:""; display:block; width:2.05vw; height:2.05vw; border-top:0.51vw solid #333; border-right:0.51vw solid #333; margin:auto; }
.prev-arrow::before { transform:rotate(-135deg); }
.next-arrow::before { transform:rotate(45deg); }

.slider:not(.slick-initialized) { display:flex; overflow:hidden; }
.slider:not(.slick-initialized) > * { width:100%; flex-shrink:0; }
.slider.slick-initialized { display:block; }

@media screen and (min-width:900px){
#top-bnr-wrap { width:46.37vw; min-height:21.73vw; }
#top-bnr-wrap figure {}
#top-bnr-wrap figure a {}
#top-bnr-wrap figure a:hover { opacity:0.7; transition:1s ease; }
#top-bnr-wrap figure img {}
.slide-arrow { top:5.8vw; width:3.62vw; height:3.62vw; }
.prev-arrow { left:-3.62vw; }
.next-arrow { right:-3.62vw; }
.slide-arrow::before { width:0.87vw; height:0.87vw; border-top:0.14vw solid #333; border-right:0.14vw solid #333; }
}
@media screen and (min-width:1380px){
#top-bnr-wrap { width:640px; min-height:300px; }
#top-bnr-wrap figure {}
#top-bnr-wrap figure a {}
#top-bnr-wrap figure img {}
.slide-arrow { top:80px; width:50px; height:50px; }
.prev-arrow { left:-50px; }
.next-arrow { right:-50px; }
.slide-arrow::before { width:12px; height:12px; border-top:2px solid #333; border-right:2px solid #333; }
}




.dots-top-mv { position:absolute; bottom:0; left:0; }
.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; width:100%; margin:5.13vw 0 7.69vw; }
.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 3.33vw 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 0.72vw 0 0; }
.slick-dots li button { cursor:pointer; }
.slick-dots li.slick-active {}
}
@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 10px 0 0; }
.slick-dots li button { cursor:pointer; }
.slick-dots li.slick-active {}
}




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

.top-tit-box { display:table; text-align:center; margin:0 auto; padding:12.82vw 11.54vw 7.69vw; }
.top-tit-box em { display:block; line-height:1.6; padding:0 0 1.03vw; font-size:4.1vw; color:#5989B2; font-weight:400; font-family:'DM Sans'; font-style:normal; letter-spacing:0.025em; text-transform:uppercase; }
.top-tit-box h2 { line-height:1.3; font-size:7.18vw; color:#0A3B66; font-weight:500; letter-spacing:0.05em; }
.top-tit-box h2 strong { display:inline-block; margin:0 1.05vw; font-size:130%; }

@media screen and (min-width:900px){
.top-tit-box { padding:0 0 3.26vw; }
.top-tit-box em { padding:0 0 0.72vw; font-size:1.16vw; }
.top-tit-box h2 { font-size:2.31vw; }
.top-tit-box h2 strong { margin:0 0.29vw; }
}
@media screen and (min-width:1380px){
.top-tit-box { padding:0 0 45px; }
.top-tit-box em { padding:0 0 10px; font-size:16px; }
.top-tit-box h2 { font-size:32px; }
.top-tit-box h2 strong { margin:0 4px; }
}




/* ----------------------------------------------
  #top-art-news
 ---------------------------------------------- */

#top-art-news { background:#F6F9FC url(../img/top/img_news_01.webp) right bottom/92vw auto no-repeat; padding:0 0 43.07vw; }
#top-art-news dl { height:61.54vw; overflow-y:scroll; background:#fff; border:1px #CED9E7 solid; margin:0 6.15vw; padding:5.13vw 4.35vw; }
#top-art-news dt { line-height:1.4; padding:0 0 4.1vw; font-size:3.33vw; color:#5989B2; font-weight:400; font-family:'DM Sans'; font-style:normal; }
#top-art-news dd { line-height:1.4; font-size:3.33vw; }
#top-art-news dd:not(:last-of-type) { border-bottom:1px #e5e5e5 solid; margin:0 0 6.15vw; padding:0 0 6.15vw; }
#top-art-news dd a { font-size:3.33vw; color:#333; text-decoration:underline; }

@media screen and (min-width:900px){
#top-art-news { display:flex; flex-flow:row nowrap; justify-content:center; background:url(../img/top/img_news_01.webp) right bottom no-repeat; background-size:85.43vw auto; margin:0 auto; padding:0 0 36.23vw; }
#top-art-news .top-tit-box { width:14.49vw; text-align:left; margin:0; }
#top-art-news dl { display:flex; flex-flow:row wrap; width:57.97vw; height:19.71vw; margin:0; padding:2.9vw 1.16vw; }
#top-art-news dt { width:12.31vw; text-align:center; padding:0 0 2.17vw; font-size:1.09vw; }
#top-art-news dt:not(:last-of-type) { border-bottom:1px #e5e5e5 solid; margin:0 0 2.17vw; padding:0 0 2.17vw; }
#top-art-news dd { width:calc(100% - 12.31vw); font-size:1.01vw; }
#top-art-news dd:not(:last-of-type) { margin:0 0 2.17vw; padding:0 0 2.17vw; }
#top-art-news dd a { font-size:1.01vw; }
#top-art-news dd a:hover { color:#5989B2; text-decoration:none; transition:1s ease; }
}
@media screen and (min-width:1380px){
#top-art-news { width:1380px; background-size:1179px auto; padding:0 0 500px; }
#top-art-news .top-tit-box { width:200px; }
#top-art-news dl { width:800px; height:272px; padding:40px 16px; }
#top-art-news dt { width:170px; padding:0 0 30px; font-size:15px; }
#top-art-news dt:not(:last-of-type) { margin:0 0 30px; padding:0 0 30px; }
#top-art-news dd { width:calc(100% - 170px); font-size:14px; }
#top-art-news dd:not(:last-of-type) { margin:0 0 30px; padding:0 0 30px; }
#top-art-news dd a { font-size:14px; }
}




/* ----------------------------------------------
  #top-art-feature
 ---------------------------------------------- */

#top-art-feature { background:#F6F9FC url(../img/top/bg_feature.png) center top/100% auto no-repeat; padding:0 0 10.25vw; }
#top-feature-wrap {}
.top-feature-sec { background:#fff; margin:0 8.2vw 8.2vw; border:1px #CED9E7 solid; box-shadow:0 0 0 2.05vw #fff; padding:6.15vw 3.33vw; }
.top-feature-sec dl {}
.top-feature-sec dt { width:14.35vw; margin:0 auto 7.69vw; }
.top-feature-sec dt img { width:100%; height:auto; }
.top-feature-sec dd {}
.top-feature-sec dd h3 { line-height:1.4; border-bottom:1px #5989B2 solid; text-align:center; margin:0 0 3.85vw; padding:0 0 2.05vw; font-size:5.64vw; color:#0A3B66; font-weight:500; }
.top-feature-sec dd h3 span { position:absolute; top:5.13vw; left:5.13vw; display:block; font-size:10.77vw; color:#CED8E0; font-weight:400; }
.top-feature-sec dd p { line-height:1.6; padding:0 2.82vw; font-size:3.85vw; }

@media screen and (min-width:900px){
#top-art-feature { background:#F6F9FC url(../img/top/bg_feature_pc.png) center top/100% auto no-repeat; padding:7.24vw 0 5.07vw; }
#top-feature-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; width:72.46vw; margin:0 auto; }
.top-feature-sec { width:34.78vw; margin:0 0 2.9vw; box-shadow:0 0 0 0.58vw #fff; padding:2.9vw; }
.top-feature-sec dl {}
.top-feature-sec dt { width:5.21vw; margin:0 auto 2.17vw; }
.top-feature-sec dt img {}
.top-feature-sec dd {}
.top-feature-sec dd h3 { border-bottom:none; margin:0; padding:0 0 1.45vw; font-size:1.88vw; }
.top-feature-sec dd h3 span { top:2.17vw; left:3.26vw; font-size:3.47vw; }
.top-feature-sec dd p { padding:0; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#top-art-feature { background:#F6F9FC url(../img/top/bg_feature_pc.png) center top/100% auto no-repeat; padding:100px 0 70px; }
#top-feature-wrap { width:1000px; }
.top-feature-sec { width:480px; margin:0 0 40px; box-shadow:0 0 0 8px #fff; padding:40px; }
.top-feature-sec dl {}
.top-feature-sec dt { width:72px; margin:0 auto 30px; }
.top-feature-sec dt img {}
.top-feature-sec dd {}
.top-feature-sec dd h3 { padding:0 0 20px; font-size:26px; }
.top-feature-sec dd h3 span { top:30px; left:45px; font-size:48px; }
.top-feature-sec dd p { font-size:16px; }
}




/* ----------------------------------------------
  #top-art-services
 ---------------------------------------------- */

#top-art-services { background:#fff url(../img/top/bg_services.webp) center bottom/100% auto no-repeat; padding:0 0 105.64vw; }
#top-services-wrap {}
#top-services-nav { border-top:1px #CED9E7 solid; margin:0 6.15vw; }
#top-services-nav > li { border-bottom:1px #CED9E7 solid; list-style:none; }
#top-services-nav > li > span,
#top-services-nav > li > a { display:flex; align-items:center; height:15.64vw; line-height:1.2; padding:0 0 0 16.66vw; font-size:4.61vw; color:#333; font-weight:500; text-decoration:none; position:relative; }
#top-services-nav > li > a:before { content:""; position:absolute; top:50%; right:1.54vw; width:2.56vw; height:0.51vw; background:#333; transform:rotate(50deg); transform-origin:top right; }
#top-services-nav > li > a:after { content:""; position:absolute; bottom:50%; right:1.54vw; width:2.56vw; height:0.51vw; background:#333; transform:rotate(-50deg); transform-origin:bottom right; }
#top-services-nav > li:nth-of-type(1) > span { background:url(../img/top/ico_servoces_01.svg) 1.54vw center/10.25vw auto no-repeat; }
#top-services-nav > li:nth-of-type(2) > a { background:url(../img/top/ico_servoces_02.svg) 1.54vw center/10.25vw auto no-repeat; }
#top-services-nav > li:nth-of-type(3) > a { background:url(../img/top/ico_servoces_03.svg) 1.54vw center/10.25vw auto no-repeat; }
#top-services-nav > li:nth-of-type(4) > a { background:url(../img/top/ico_servoces_04.svg) 1.54vw center/10.25vw auto no-repeat; }
#top-services-subnav { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 2.56vw; }
#top-services-subnav li { width:42.56vw; margin:0 0 2.56vw; list-style:none; }
#top-services-subnav li a { display:flex; justify-content:center; align-items:center; height:27.94vw; border:1px #CED9E7 solid; border-radius:1.54vw; padding:12.82vw 0 0; font-size:4.1vw; color:#333; font-weight:400; text-decoration:none; position:relative; }
#top-services-subnav li a:after { content:""; position:absolute; bottom:1.02vw; right:1.02vw; width:0; height:0; border-style:solid; border-width:0 0 3.07vw 3.07vw; border-color:transparent transparent #5989B2 transparent; }
#top-services-subnav li:nth-of-type(1) a { background:url(../img/top/ico_servoces_01_01.svg) center 4.1vw/10.25vw auto no-repeat; }
#top-services-subnav li:nth-of-type(2) a { background:url(../img/top/ico_servoces_01_02.svg) center 4.1vw/10.25vw auto no-repeat; }
#top-services-subnav li:nth-of-type(3) a { background:url(../img/top/ico_servoces_01_03.svg) center 4.1vw/10.25vw auto no-repeat; }
#top-services-subnav li:nth-of-type(4) a { background:url(../img/top/ico_servoces_01_04.svg) center 4.1vw/10.25vw auto no-repeat; }

@media screen and (min-width:900px){
#top-art-services { background:#fff url(../img/top/bg_services_pc.webp) center bottom/92.31vw auto no-repeat; padding:5.8vw 0 39.13vw; }
#top-services-wrap { display:flex; flex-flow:row nowrap; width:64.92vw; margin:0 auto; }
#top-services-wrap .top-tit-box { width:calc(100% - 49.85vw); text-align:left; }
#top-services-nav { width:49.85vw; margin:0; }
#top-services-nav > li {}
#top-services-nav > li > span,
#top-services-nav > li > a { height:6.44vw; padding:0 0 0 5.8vw; font-size:1.59vw; }
#top-services-nav > li > a:before { right:1.45vw; width:0.72vw; height:0.14vw; }
#top-services-nav > li > a:after { right:1.45vw; width:0.72vw; height:0.14vw; }
#top-services-nav > li:nth-of-type(1) > span { background:url(../img/top/ico_servoces_01.svg) 1.09vw center/3.47vw auto no-repeat; }
#top-services-nav > li:nth-of-type(2) > a { background:url(../img/top/ico_servoces_02.svg) 1.09vw center/3.47vw auto no-repeat; }
#top-services-nav > li:nth-of-type(3) > a { background:url(../img/top/ico_servoces_03.svg) 1.09vw center/3.47vw auto no-repeat; }
#top-services-nav > li:nth-of-type(4) > a { background:url(../img/top/ico_servoces_04.svg) 1.09vw center/3.47vw auto no-repeat; }
#top-services-nav > li > a:hover { opacity:0.7; transition:1s ease; }
#top-services-subnav { margin:0 0 2.17vw; }
#top-services-subnav li { width:11.73vw; margin:0; }
#top-services-subnav li a { height:7.89vw; border-radius:0.43vw; padding:3.98vw 0 0; font-size:1.16vw; }
#top-services-subnav li a:after { bottom:0.29vw; right:0.29vw; border-width:0 0 0.87vw 0.87vw; }
#top-services-subnav li:nth-of-type(1) a { background:url(../img/top/ico_servoces_01_01.svg) center 1.16vw/2.9vw auto no-repeat; }
#top-services-subnav li:nth-of-type(2) a { background:url(../img/top/ico_servoces_01_02.svg) center 1.16vw/2.9vw auto no-repeat; }
#top-services-subnav li:nth-of-type(3) a { background:url(../img/top/ico_servoces_01_03.svg) center 1.16vw/2.9vw auto no-repeat; }
#top-services-subnav li:nth-of-type(4) a { background:url(../img/top/ico_servoces_01_04.svg) center 1.16vw/2.9vw auto no-repeat; }
#top-services-subnav li a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#top-art-services { background:#fff url(../img/top/bg_services_pc.webp) center bottom/1274px auto no-repeat; padding:80px 0 540px; }
#top-services-wrap { width:896px; }
#top-services-wrap .top-tit-box { width:calc(100% - 688px); }
#top-services-nav { width:688px; }
#top-services-nav > li {}
#top-services-nav > li > span,
#top-services-nav > li > a { height:89px; padding:0 0 0 80px; font-size:22px; }
#top-services-nav > li > a:before { right:20px; width:10px; height:2px; }
#top-services-nav > li > a:after { right:20px; width:10px; height:2px; }
#top-services-nav > li:nth-of-type(1) > span { background:url(../img/top/ico_servoces_01.svg) 15px center/48px auto no-repeat; }
#top-services-nav > li:nth-of-type(2) > a { background:url(../img/top/ico_servoces_02.svg) 15px center/48px auto no-repeat; }
#top-services-nav > li:nth-of-type(3) > a { background:url(../img/top/ico_servoces_03.svg) 15px center/48px auto no-repeat; }
#top-services-nav > li:nth-of-type(4) > a { background:url(../img/top/ico_servoces_04.svg) 15px center/48px auto no-repeat; }
#top-services-subnav { margin:0 0 30px; }
#top-services-subnav li { width:162px; }
#top-services-subnav li a { height:109px; border-radius:6px; padding:55px 0 0; font-size:16px; }
#top-services-subnav li a:after { bottom:4px; right:4px; border-width:0 0 12px 12px; }
#top-services-subnav li:nth-of-type(1) a { background:url(../img/top/ico_servoces_01_01.svg) center 16px/40px auto no-repeat; }
#top-services-subnav li:nth-of-type(2) a { background:url(../img/top/ico_servoces_01_02.svg) center 16px/40px auto no-repeat; }
#top-services-subnav li:nth-of-type(3) a { background:url(../img/top/ico_servoces_01_03.svg) center 16px/40px auto no-repeat; }
#top-services-subnav li:nth-of-type(4) a { background:url(../img/top/ico_servoces_01_04.svg) center 16px/40px auto no-repeat; }
}





/* ----------------------------------------------
  #top-art-worries
 ---------------------------------------------- */

#top-art-worries { background:#F6F9FC url(../img/top/bg_worries.svg) center top/100% auto no-repeat; padding:0 0 10.25vw; }
#top-worries-ul { margin:0 6.15vw; }
#top-worries-ul li { min-height:33.07vw; background:#fff; box-shadow:0 0 4px 1px #ddd; margin:0 0 4.1vw; list-style:none; }
#top-worries-ul li a { display:block; padding:0 25.64vw 0 0; text-decoration:none; position:relative; }
#top-worries-ul li figure { position:absolute; top:0; right:0; width:25.64vw; }
#top-worries-ul li figure img { width:25.64vw; height:33.07vw; object-fit:cover; }
#top-worries-ul li h3 { display:flex; align-items:center; height:20.51vw; line-height:1.4; background:#F0F0F0 url(../img/top/ico_worries.svg) 3.85vw center/5.64vw auto no-repeat; padding:0 0 0 12.82vw; font-size:4.1vw; color:#333; font-weight:500; position:relative; }
#top-worries-ul li h3:after { content:""; position:absolute; bottom:-1.8vw; left:calc(50% - 3.97vw); width:0; height:0; border-style:solid; border-width:2.05vw 3.97vw 0 3.97vw; border-color: #F0F0F0 transparent transparent transparent; }
#top-worries-ul li p { display:flex; align-items:center; min-height:12.82vw; line-height:1.6; padding:0 0 0 6.66vw; font-size:3.07vw; color:#0A3B66; position:relative; }
#top-worries-ul li p:before { content:""; position:absolute; top:50%; right:6.15vw; width:2.05vw; height:0.51vw; background:#0A3B66; transform:rotate(50deg); transform-origin:top right; }
#top-worries-ul li p:after { content:""; position:absolute; bottom:50%; right:6.15vw; width:2.05vw; height:0.51vw; background:#0A3B66; transform:rotate(-50deg); transform-origin:bottom right; }

@media screen and (min-width:900px){
#top-art-worries { padding:7.24vw 0 5.8vw; }
#top-worries-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; width:72.46vw; margin:0 auto; }
#top-worries-ul li { width:23.18vw; min-height:11.73vw; margin:0; }
#top-worries-ul li a { padding:0; }
#top-worries-ul li a:hover { opacity:0.7; transition:1s ease; }
#top-worries-ul li figure { position:static; width:23.18vw; height:11.73vw; overflow:hidden; }
#top-worries-ul li figure img { width:23.18vw; height:11.73vw; transition:transform 0.6s ease; }
#top-worries-ul li a:hover figure img { transform:scale(1.1); }
#top-worries-ul li h3 { height:5.8vw; background:#F0F0F0 url(../img/top/ico_worries.svg) 2.17vw center/2.9vw auto no-repeat; padding:0 0 0 6.52vw; font-size:1.3vw; }
#top-worries-ul li h3:after { bottom:-0.51vw; left:calc(50% - 1.09vw); border-width:0.58vw 1.09vw 0 1.09vw; }
#top-worries-ul li p { min-height:4.35vw; padding:0 0 0 2.53vw; font-size:1.16vw; }
#top-worries-ul li p:before { right:2.9vw; width:0.58vw; height:0.14vw; }
#top-worries-ul li p:after { right:2.9vw; width:0.58vw; height:0.14vw; }
}
@media screen and (min-width:1380px){
#top-art-worries { padding:100px 0 80px; }
#top-worries-ul { width:1000px; }
#top-worries-ul li { width:320px; min-height:162px; }
#top-worries-ul li a {}
#top-worries-ul li figure { width:320px;height:162px; }
#top-worries-ul li figure img { width:320px; height:162px; }
#top-worries-ul li h3 { height:80px; background:#F0F0F0 url(../img/top/ico_worries.svg) 30px center/40px auto no-repeat; padding:0 0 0 90px; font-size:18px; }
#top-worries-ul li h3:after { bottom:-7px; left:calc(50% - 15px); border-width:8px 15px 0 15px; }
#top-worries-ul li p { min-height:60px; padding:0 0 0 35px; font-size:16px; }
#top-worries-ul li p:before { right:40px; width:8px; height:2px; }
#top-worries-ul li p:after { right:40px; width:8px; height:2px; }
}




/* ----------------------------------------------
  #top-art-byage
 ---------------------------------------------- */

#top-art-byage { background:#F6F9FC; padding:0 0 12.82vw; }
#top-byage-ul { margin:0 6.15vw; }
#top-byage-ul li { background:#fff; box-shadow:0 0 4px 1px #ddd; margin:0 0 3.85vw; list-style:none; }
#top-byage-ul li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; min-height:32.91vw; line-height:1.4; padding:0 0 0 36.53vw; text-decoration:none; position:relative; }
#top-byage-ul li a:after { content:""; position:absolute; top:1.28vw; left:1.28vw; width:calc(100% - 2.56vw); height:calc(100% - 2.56vw); border:1px #CED9E7 solid; }
#top-byage-ul li figure { position:absolute; top:0; left:0; width:36.53vw; }
#top-byage-ul li figure img { width:100%; height:auto; }
#top-byage-ul li h3 { padding:0 0 3.33vw; font-size:4.61vw; color:#0A3B66; font-weight:500; }
#top-byage-ul li p { line-height:1.6; font-size:3.07vw; color:#0A3B66; position:relative; }
#top-byage-ul li p:before { content:""; position:absolute; top:50%; right:-4.1vw; width:1.54vw; height:0.25vw; background:#0A3B66; transform:rotate(50deg); transform-origin:top right; }
#top-byage-ul li p:after { content:""; position:absolute; bottom:50%; right:-4.1vw; width:1.54vw; height:0.25vw; background:#0A3B66; transform:rotate(-50deg); transform-origin:bottom right; }

@media screen and (min-width:900px){
#top-art-byage { padding:0 0 6.88vw; }
#top-byage-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:72.46vw; margin:0 auto; }
#top-byage-ul li { width:34.78vw; margin:0 0 2.17vw; }
#top-byage-ul li a { min-height:13.04vw; padding:0 0 0 14.49vw; }
#top-byage-ul li a:after { top:0.58vw; left:0.58vw; width:calc(100% - 1.16vw); height:calc(100% - 1.16vw); }
#top-byage-ul li a:hover { opacity:0.7; transition:1s ease; }
#top-byage-ul li figure { width:14.49vw;height:13.04vw; overflow:hidden; }
#top-byage-ul li figure img { width:14.49vw;height:13.04vw; transition:transform 0.6s ease; }
#top-byage-ul li a:hover figure img { transform:scale(1.1); }
#top-byage-ul li h3 { padding:0 0 0.87vw; font-size:1.74vw; }
#top-byage-ul li p { font-size:1.16vw; }
#top-byage-ul li p:before { right:-1.74vw; width:0.58vw; height:0.07vw; }
#top-byage-ul li p:after { right:-1.74vw; width:0.58vw; height:0.07vw; }
}
@media screen and (min-width:1380px){
#top-art-byage { padding:0 0 95px; }
#top-byage-ul { width:1000px; }
#top-byage-ul li { width:480px; margin:0 0 30px; }
#top-byage-ul li a { min-height:180px; padding:0 0 0 200px; }
#top-byage-ul li a:after { top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px); }
#top-byage-ul li figure { width:200px;height:180px; }
#top-byage-ul li figure img { width:200px;height:180px; }
#top-byage-ul li h3 { padding:0 0 12px; font-size:24px; }
#top-byage-ul li p { font-size:16px; }
#top-byage-ul li p:before { right:-24px; width:8px; height:1px; }
#top-byage-ul li p:after { right:-24px; width:8px; height:1px; }
}




/* ----------------------------------------------
  #top-art-question
 ---------------------------------------------- */

#top-art-question { background:#F6F9FC url(../img/top/bg_question.webp) right top/124% auto no-repeat; padding:25.64vw 6.15vw 12.82vw; }
#top-art-question .top-tit-box { text-align:left; margin:0; padding:0 0 7.69vw; }
#top-question-txt { padding:0 0 20.51vw; }
#top-question-txt p { line-height:1.8; font-size:4.1vw; }
#top-question-txt p:not(:last-child) { padding:0 0 4.1vw; }
#top-question-sec {}
#top-question-sec h3 { line-height:1.6; text-align:center; padding:0 0 5.13vw; font-size:6.15vw; color:#0A3B66; }
#top-question-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#top-question-ul li { width:42.82vw; box-shadow:0 0 4px 1px #ddd; margin:0 0 1.54vw; list-style:none; }
#top-question-ul li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; min-height:42.82vw; background:#fff; text-decoration:none; position:relative; }
#top-question-ul li a:after { content:""; position:absolute; bottom:1.02vw; right:1.02vw; width:0; height:0; border-style:solid; border-width:0 0 3.07vw 3.07vw; border-color:transparent transparent #5989B2 transparent; }
#top-question-ul li figure { display:block; width:31.79vw; height:17.94vw; margin:0 0 3.85vw; }
#top-question-ul li figure img { width:100%; height:auto; }
#top-question-ul li h4 { line-height:1.2; font-size:4.1vw; color:#333; }

@media screen and (min-width:900px){
#top-art-question { background:#F6F9FC url(../img/top/bg_question.webp) right top/100% auto no-repeat; padding:6.88vw 0 4.71vw; }
#top-art-question .top-tit-box { width:59.85vw; text-align:left; margin:0 auto; padding:0 0 2.17vw; }
#top-question-txt { width:59.85vw; margin:0 auto; padding:0 0 3.62vw; }
#top-question-txt p { font-size:1.16vw; }
#top-question-txt p:not(:last-child) { padding:0 0 1.16vw; }
#top-question-sec {}
#top-question-sec h3 { padding:0 0 2.17vw; font-size:2.17vw; }
#top-question-ul { width:59.85vw; margin:0 auto; }
#top-question-ul li { width:18.84vw; margin:0 0 2.17vw; }
#top-question-ul li a { min-height:15.94vw; }
#top-question-ul li a:after { bottom:0.51vw; right:0.51vw; border-width:0 0 1.74vw 1.74vw; }
#top-question-ul li a:hover { opacity:0.7; transition:1s ease; }
#top-question-ul li figure { width:10.72vw; height:7.02vw; overflow:hidden; margin:0 0 1.09vw; }
#top-question-ul li figure img { width:10.72vw; height:7.02vw; transition:transform 0.6s ease; }
#top-question-ul li a:hover figure img { transform:scale(1.1); }
#top-question-ul li h4 { font-size:1.59vw; }
}
@media screen and (min-width:1380px){
#top-art-question { padding:95px 0 65px; }
#top-art-question .top-tit-box { width:826px; padding:0 0 30px; }
#top-question-txt { width:826px; padding:0 0 50px; }
#top-question-txt p { font-size:16px; }
#top-question-txt p:not(:last-child) { padding:0 0 16px; }
#top-question-sec {}
#top-question-sec h3 { padding:0 0 30px; font-size:30px; }
#top-question-ul { width:826px; margin:0 auto; }
#top-question-ul li { width:260px; margin:0 0 30px; }
#top-question-ul li a { min-height:220px; }
#top-question-ul li a:after { bottom:7px; right:7px; border-width:0 0 24px 24px; }
#top-question-ul li figure { width:148px; height:97px; margin:0 0 15px; }
#top-question-ul li figure img { width:148px; height:97px; }
#top-question-ul li h4 { font-size:22px; }
}





/* ----------------------------------------------
  #top-art-message
 ---------------------------------------------- */

#top-art-message { background:#F6F9FC url(../img/top/bg_message.svg) center bottom/100% auto no-repeat; padding:0 0 35.89vw; }
#top-art-message .top-tit-box {}
#top-message-dl { position:relative; }
#top-message-dl dt {}
#top-message-dl dt img { width:100%; height:auto; }
#top-message-dl dd { padding:10.25vw 6.15vw 0; }
#top-message-dl dd p { line-height:2; font-size:4.1vw; }
#top-message-dl dd p:not(:last-child) { padding:0 0 4.1vw; }
#top-message-dl dd ul {}
#top-message-dl dd li { position:absolute; display:flex; flex-flow:column nowrap; justify-content:center; width:33.84vw; height:19.74vw; background:rgba(255,255,255,0.8); padding:2.56vw; }
#top-message-dl dd li:first-of-type { top:41.02vw; left:4.1vw; }
#top-message-dl dd li:last-of-type { top:41.02vw; right:4.1vw; }
#top-message-dl dd li span { display:table; width:12.3vw; background:#0A3B66; text-align:center; margin:0 0 1.54vw; padding:1.03vw; font-size:2.91vw; color:#fff; }
#top-message-dl dd li strong { display:block; margin:0 0 1.54vw; font-size:5vw; }
#top-message-dl dd li em { display:block; font-size:2.5vw; font-style:normal; }

@media screen and (min-width:900px){
#top-art-message { padding:5.8vw 0 15.94vw; }
#top-art-message .top-tit-box { width:72.46vw; text-align:left; margin:0 auto; }
#top-message-dl { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; width:72.46vw; margin:0 auto; }
#top-message-dl dt { width:35.14vw; margin:-5.8vw 0 0; }
#top-message-dl dt img {}
#top-message-dl dd { width:31.88vw; padding:0; }
#top-message-dl dd p { line-height:2; font-size:1.16vw; }
#top-message-dl dd p:not(:last-child) { padding:0 0 1.16vw; }
#top-message-dl dd ul {}
#top-message-dl dd li { width:11.95vw; height:6.88vw; padding:0.87vw; }
#top-message-dl dd li:first-of-type { top:9.05vw; left:38.18vw; }
#top-message-dl dd li:last-of-type { top:9.05vw; right:0.87vw; }
#top-message-dl dd li span { width:4.35vw; margin:0 0 0.58vw; padding:0.29vw; font-size:1.01vw; }
#top-message-dl dd li strong { margin:0 0 0.58vw; font-size:1.74vw; }
#top-message-dl dd li em { font-size:0.87vw; }
}
@media screen and (min-width:1380px){
#top-art-message { padding:80px 0 220px; }
#top-art-message .top-tit-box { width:1000px; }
#top-message-dl { width:1000px; }
#top-message-dl dt { width:485px; margin:-80px 0 0; }
#top-message-dl dt img {}
#top-message-dl dd { width:440px; }
#top-message-dl dd p { line-height:2; font-size:16px; }
#top-message-dl dd p:not(:last-child) { padding:0 0 16px; }
#top-message-dl dd ul {}
#top-message-dl dd li { width:165px; height:95px; padding:12px; }
#top-message-dl dd li:first-of-type { top:125px; left:527px; }
#top-message-dl dd li:last-of-type { top:125px; right:12px; }
#top-message-dl dd li span { width:60px; margin:0 0 8px; padding:4px; font-size:14px; }
#top-message-dl dd li strong { margin:0 0 8px; font-size:24px; }
#top-message-dl dd li em { font-size:12px; }
}





/* ----------------------------------------------
  #top-art-information
 ---------------------------------------------- */

#top-art-information { background:#F6F9FC; padding:0 0 14.1vw; }
#top-information-dl { display:flex; flex-flow:row wrap; margin:3.59vw 6.15vw; }
#top-information-dl dt { width:25%; line-height:1.6; border-bottom:1px #0A3B66 solid; margin:0 0 4.1vw; padding:0 2.56vw 4.1vw; font-size:4.1vw; }
#top-information-dl dd { width:75%; line-height:1.6; border-bottom:1px #B6B6B6 solid; margin:0 0 4.1vw; padding:0 2.56vw 4.1vw; font-size:3.85vw; }
#top-information-dl dd a { color:#333; text-decoration:none; }
#top-information-wrap {}
#top-information-wrap .medical-hour-box {}
#top-information-wrap .medical-hour-box table { border-top:1px #CED9E7 solid; border-bottom:1px #CED9E7 solid; }
#top-information-gmap {}
#top-information-gmap iframe { width:100%; height:57.57vw; margin:0 0 3.85vw; }
#top-information-gmap p { width:55.64vw; margin:0 auto; }
#top-information-gmap p a { display:flex; justify-content:center; align-items:center; height:14.35vw; background:#fff url(../img/common/ico_map_01.svg) 5.13vw center/5.13vw auto no-repeat; border-radius:1.03vw; border:1px #CED9E7 solid; font-size:3.59vw; color:#0A3B66; font-weight:500; text-decoration:none; position:relative; }
#top-information-gmap p a:before { content:""; position:absolute; top:50%; right:5.13vw; width:1.54vw; height:0.25vw; background:#0A3B66; transform:rotate(50deg); transform-origin:top right; }
#top-information-gmap p a:after { content:""; position:absolute; bottom:50%; right:5.13vw; width:1.54vw; height:0.25vw; background:#0A3B66; transform:rotate(-50deg); transform-origin:bottom right; }

@media screen and (min-width:900px){
#top-art-information { padding:0 0 6.88vw; }
#top-information-dl { width:72.46vw; margin:2.17vw auto; }
#top-information-dl dt { width:25%; margin:0 0 2.17vw; padding:0 1.45vw 2.17vw; font-size:1.16vw; }
#top-information-dl dd { width:75%; margin:0 0 2.17vw; padding:0 1.45vw 2.17vw; font-size:1.09vw; }
#top-information-dl dd a { pointer-events:none; }
#top-information-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:72.46vw; margin:0 auto; }
#top-information-wrap .medical-hour-box { width:29.56vw; }
#top-information-wrap .medical-hour-box table {}
#top-information-gmap { width:38.26vw; }
#top-information-gmap iframe { height:22.02vw; margin:0 0 0.72vw; }
#top-information-gmap p { display:flex; justify-content:end; width:100%; margin:0; }
#top-information-gmap p a { width:15.72vw; height:4.05vw; background:#fff url(../img/common/ico_map_01.svg) 1.45vw center/1.45vw auto no-repeat; border-radius:0.29vw; font-size:1.01vw; }
#top-information-gmap p a:before { right:1.45vw; width:0.58vw; height:0.07vw; }
#top-information-gmap p a:after { right:1.45vw; width:0.58vw; height:0.07vw; }
#top-information-gmap p a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1380px){
#top-art-information { padding:0 0 95px; }
#top-information-dl { width:1000px; margin:30px auto; }
#top-information-dl dt { width:25%; margin:0 0 30px; padding:0 20px 30px; font-size:16px; }
#top-information-dl dd { width:75%; margin:0 0 30px; padding:0 20px 30px; font-size:15px; }
#top-information-wrap { width:1000px; }
#top-information-wrap .medical-hour-box { width:408px; }
#top-information-wrap .medical-hour-box table {}
#top-information-gmap { width:528px; }
#top-information-gmap iframe { height:304px; margin:0 0 10px; }
#top-information-gmap p {}
#top-information-gmap p a { width:217px; height:56px; background:#fff url(../img/common/ico_map_01.svg) 20px center/20px auto no-repeat; border-radius:4px; font-size:14px; }
#top-information-gmap p a:before { right:20px; width:8px; height:1px; }
#top-information-gmap p a:after { right:20px; width:8px; height:1px; }
}