@charset "utf-8";

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

#top-mainview { width:100%; height:auto; aspect-ratio:750/600; margin:0 0 30.77vw; 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 -11.54vw top 0; aspect-ratio:750/451; }
.top-mv-lcp.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.top-mv-lcp dl { position:relative; }
.top-mv-lcp dt { position:absolute; bottom:0; left:0; display:flex; align-items:center; height:10.25vw; background:#fff; padding:0 4.1vw; font-size:3.07vw; color:#1f1f1f; font-weight:600; z-index:2; }
.top-mv-lcp dt strong { display:inline-block; padding:0 1.54vw 1.54vw; font-size:6.66vw; color:#2e70b0; font-weight:700; font-family:Archivo Narrow; font-style:normal; }
.top-mv-lcp dd { position:absolute; bottom:-22vw; left:5.13vw; line-height:1.4; color:#2e70b0; z-index:2; }
.top-mv-lcp dd strong { display:block; font-size:8.33vw; font-weight:700; font-family:Archivo Narrow; font-style:normal; }
.top-mv-lcp dd span { display:block; font-size:3.59vw; font-weight:600; }
.slide-top-mv { position:absolute; top:0; right:0; width:100%; height:100%; overflow:hidden; border-radius:1.54vw 0 0 1.54vw; 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 {}

@media screen and (min-width:900px){
#top-mainview { width:92.46vw; aspect-ratio:1280/550; margin:0 auto 3.62vw; }
.top-mv-lcp {}
.top-mv-lcp img { aspect-ratio:1280/680; object-position:right 0 top -6.88vw; }
.top-mv-lcp dl {}
.top-mv-lcp dt { height:4.71vw; padding:0 2.17vw; font-size:1.3vw; }
.top-mv-lcp dt strong { padding:0 0.43vw 0.43vw; font-size:3.62vw; }
.top-mv-lcp dd { bottom:auto; top:-39.49vw; left:21.37vw; text-align:right; }
.top-mv-lcp dd strong { font-size:3.98vw; }
.top-mv-lcp dd span { font-size:1.45vw; }
.slide-top-mv { border-radius:0.43vw 0 0 0.43vw; }
.slide-top-mv picture {}
.slide-top-mv picture img { aspect-ratio:1126/618; }
.add-animation {}
#top-mv-thumb { bottom:-4.35vw; width:28.98vw; height:21.73vw; }
}
@media screen and (min-width:1380px){
#top-mainview { width:1300px; margin:0 auto 50px; }
.top-mv-lcp {}
.top-mv-lcp img { object-position:right 0 top -95px; }
.top-mv-lcp dl {}
.top-mv-lcp dt { height:65px; padding:0 30px; font-size:18px; }
.top-mv-lcp dt strong { padding:0 6px 6px; font-size:50px; }
.top-mv-lcp dd { bottom:auto; top:-545px; left:295px; }
.top-mv-lcp dd strong { font-size:55px; }
.top-mv-lcp dd span { font-size:20px; }
.slide-top-mv { border-radius:6px 0 0 6px; }
.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); }
}




.dots-top-mv { position:absolute; bottom:0; left:-4.87vw; }
.slick-dots { display:flex; flex-flow:column nowrap; }
.slick-dots li { width:2.05vw; height:2.05vw; border:1px #4A403E solid; border-radius:50%; list-style:none; position:relative; }
.slick-dots li:not(:last-child) { margin:0 0 7.18vw; }
.slick-dots li:not(:last-child)::after { content:""; position:absolute; bottom:-6.41vw; left:50%; width:0.28vw; height:5.64vw; background:#4A403E; margin:0 0 0 -0.14vw; }
.slick-dots li button { background:none; border:none; text-indent:-9999px; }
.slick-active { background:#4A403E; }

@media screen and (min-width:900px){
.dots-top-mv { left:-1.74vw; }
.slick-dots {}
.slick-dots li { width:0.72vw; height:0.72vw; }
.slick-dots li:not(:last-child) { margin:0 0 2.75vw; }
.slick-dots li:not(:last-child)::after { bottom:-2.46vw; width:0.1vw; height:2.17vw; margin:0 0 0 -0.05vw; }
.slick-dots li button { cursor:pointer; }
.slick-active {}
}
@media screen and (min-width:1380px){
.dots-top-mv { left:-50px; }
.slick-dots {}
.slick-dots li { width:10px; height:10px; }
.slick-dots li:not(:last-child) { margin:0 0 38px; }
.slick-dots li:not(:last-child)::after { bottom:-34px; width:1px; height:30px; margin:0 0 0 -0.5px; }
.slick-dots li button {}
.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 h2 { line-height:1.375; font-size:6.15vw; font-weight:600; letter-spacing:0.77vw; }
.top-tit-box em { color:#877163; display:block; padding:2.56vw 0 0; font-size:3.59vw; color:#2e70b0; font-weight:600; letter-spacing:0.05em; font-family:Archivo Narrow; font-style:normal; }

@media screen and (min-width:900px){
.top-tit-box { padding:6.52vw 4.35vw 5.8vw; }
.top-tit-box h2 { font-size:2.53vw; letter-spacing:0.14vw; }
.top-tit-box em { padding:1.01vw 0 0; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
.top-tit-box { padding:90px 60px 80px; }
.top-tit-box h2 { font-size:35px; letter-spacing:2px; }
.top-tit-box em { padding:14px 0 0; font-size:20px; }
}




/* ----------------------------------------------
 ! top-art-top-art-vision
 ---------------------------------------------- */

#top-art-vision { padding:0 0 10.25vw; }
#top-vision-sec { padding:0 5.13vw 15.38vw; }
#top-vision-sec h2 { line-height:1.5; text-align:center; padding:0 0 10.25vw; font-size:7.18vw; color:#3E6FAE; font-weight:500; letter-spacing:0.1em; }
#top-vision-sec div {}
#top-vision-sec p { line-height:1.875; font-size:3.85vw; }
#top-vision-sec p:not(:last-child) { padding:0 0 4.1vw; }

@media screen and (min-width:900px){
#top-art-vision { padding:0 0 3.62vw; }
#top-vision-sec { display:flex; flex-flow:row nowrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:0 0 7.24vw; position:relative; }
#top-vision-sec h2 { width:21.74vw; text-align:left; padding:0; font-size:2.75vw; font-weight:400; }
#top-vision-sec div { width:52.89vw; position:relative; }
#top-vision-sec div:before { content:""; position:absolute; top:0; left:-2.9vw; width:0.14vw; height:12.39vw; background:#3E6FAE; }
#top-vision-sec p { font-size:1.16vw; }
#top-vision-sec p:not(:last-child) { padding:0 0 1.74vw; }
}
@media screen and (min-width:1380px){
#top-art-vision { padding:0 0 50px; }
#top-vision-sec { width:1100px; padding:0 0 100px; }
#top-vision-sec h2 { width:300px; font-size:38px; }
#top-vision-sec div { width:730px; }
#top-vision-sec div:before { left:-40px; width:2px; height:171px; }
#top-vision-sec p { font-size:16px; }
#top-vision-sec p:not(:last-child) { padding:0 0 24px; }
}




#top-point-sec { border:1.03vw #D1E5FD solid; margin:0 4.1vw; padding:7.69vw 4.1vw; }
#top-point-sec h3 { text-align:center; padding:0 0 7.69vw; font-size:5.64vw; color:#3E6FAE; font-weight:500; letter-spacing:0.03em; }
#top-point-sec h3 strong { font-size:12.82vw; }
#top-point-sec ul { padding:0 0 5.13vw; }
#top-point-sec li { line-height:1.8; background:url(../img/common/ico_key02.svg) left 0/2.56vw auto no-repeat; border-bottom:1px #1f1f1f dotted; margin:0 0 3.33vw; padding:0 0 3.33vw 20.51vw; font-size:3.85vw; list-style:none; position:relative; }
#top-point-sec li span { position:absolute; top:-2.34vw; left:4.1vw; font-size:4.1vw; color:#3E6FAE; font-weight:600; font-family:Archivo Narrow; letter-spacing:0.05em; }
#top-point-sec li strong { font-size:6.15vw; }

@media screen and (min-width:900px){
#top-point-sec { width:79.71vw; border:0.29vw #D1E5FD solid; margin:0 auto; padding:2.9vw 7.97vw 3.98vw; }
#top-point-sec h3 { padding:0 0 3.62vw; font-size:1.59vw; font-weight:600; }
#top-point-sec h3 strong { font-size:3.62vw; }
#top-point-sec ul { display:flex; flex-flow:row wrap; justify-content:space-between; padding:0 0 2.17vw; }
#top-point-sec li { width:28.98vw; background:url(../img/common/ico_key02.svg) left 0/0.8vw auto no-repeat; margin:0 0 1.09vw; padding:0 0 1.09vw 7.24vw; font-size:1.16vw; }
#top-point-sec li span { top:-1.74vw; left:1.16vw; font-size:1.16vw; }
#top-point-sec li strong { font-size:2.9vw; }
}
@media screen and (min-width:1380px){
#top-point-sec { width:1100px; border:4px #D1E5FD solid; padding:40px 110px 55px; }
#top-point-sec h3 { padding:0 0 50px; font-size:22px; }
#top-point-sec h3 strong { font-size:50px; }
#top-point-sec ul { padding:0 0 30px; }
#top-point-sec li { width:400px; background:url(../img/common/ico_key02.svg) left 0/11px auto no-repeat; margin:0 0 15px; padding:0 0 15px 100px; font-size:16px; }
#top-point-sec li span { top:-24px; left:16px; font-size:16px; }
#top-point-sec li strong { font-size:40px; }
}




/* ----------------------------------------------
 ! top-art-feature
 ---------------------------------------------- */

#top-art-feature { padding:0 0 10.25vw; }
#top-art-feature h2 { line-height:1.5; text-align:center; padding:10.25vw 0 20.51vw; font-size:6.15vw; font-weight:400; position:relative; }
#top-art-feature h2:after { content:""; position:absolute; bottom:12.82vw; left:calc(50% - 5.13vw); width:10.25vw; height:0.51vw; background:#3E6FAE; }
.top-feature-sec { padding:0 0 10.25vw; }
.top-feature-sec figure { position:relative; z-index:1; }
.top-feature-sec figure img { width:100%; height:auto; }
.top-feature-body { background:#EEF3F9; margin:-7.69vw 5.13vw 0; padding:10.25vw 6.15vw; position:relative; z-index:2; }
.top-feature-sec h3 { line-height:1.5; padding:0 0 7.69vw 12.82vw; font-size:4.61vw; color:#2E70B0; letter-spacing:0.05em; position:relative; }
.top-feature-sec h3 span { position:absolute; top:0; left:0; font-size:10.25vw; font-weight:700; font-family:Archivo Narrow; font-style:normal; }
.top-feature-txt { padding:0 0 7.69vw; }
.top-feature-txt p { line-height:1.875; font-size:3.85vw; }
.top-feature-txt p:not(:last-child) { padding:0 0 5.13vw; }

@media screen and (max-width:899px){
.top-feature-sec:nth-of-type(2) .top-feature-body { margin-bottom:10.25vw; padding-bottom:2.05vw; }
.top-feature-sec:nth-of-type(2) .top-feature-body:after { content:""; position:absolute; bottom:-6.15vw; left:calc(50% - 10.25vw); width:0; height:0; border-style:solid; border-width:7.69vw 10.25vw 0 10.25vw; border-color:#EEF3F9 transparent transparent transparent; }
}
@media screen and (min-width:900px){
#top-art-feature { padding:0 0 2.17vw; }
#top-art-feature h2 { padding:2.9vw 0 5.8vw; font-size:2.75vw; }
#top-art-feature h2:after { bottom:3.98vw; left:calc(50% - 5.8vw); width:11.59vw; height:0.14vw; }
.top-feature-sec { width:79.71vw; margin:0 auto; padding:3.62vw 0 8.69vw; position:relative; }
.top-feature-sec figure { position:absolute; top:0; width:38.4vw; z-index:2; }
.top-feature-sec:nth-of-type(odd) figure { left:0; }
.top-feature-sec:nth-of-type(even) figure { right:0; }
.top-feature-sec figure img {}
.top-feature-body { margin:0; padding:3.62vw; z-index:1; }
.top-feature-sec:nth-of-type(odd) .top-feature-body { margin:0 0 0 36.23vw; }
.top-feature-sec:nth-of-type(even) .top-feature-body { margin:0 36.23vw 0 0; }
.top-feature-sec:nth-of-type(2) .top-feature-body { margin-bottom:4.35vw !important; padding-bottom:2.17vw; }
.top-feature-sec:nth-of-type(2) .top-feature-body:after { bottom:-2.61vw; left:15.94vw; border-width:2.9vw 3.62vw 0 3.62vw; }
.top-feature-sec h3 { padding:0 0 3.62vw 6.52vw; font-size:1.59vw; }
.top-feature-sec h3 span { font-size:3.62vw; }
.top-feature-txt { padding:0 0 2.17vw; }
.top-feature-txt p { font-size:1.01vw; }
.top-feature-txt p:not(:last-child) { padding:0 0 1.45vw; }
}
@media screen and (min-width:1380px){
#top-art-feature { padding:0 0 30px; }
#top-art-feature h2 { padding:40px 0 80px; font-size:38px; }
#top-art-feature h2:after { bottom:55px; left:calc(50% - 80px); width:160px; height:2px; }
.top-feature-sec { width:1100px; margin:0 auto; padding:50px 0 120px; }
.top-feature-sec figure { width:530px; }
.top-feature-sec:nth-of-type(odd) figure {}
.top-feature-sec:nth-of-type(even) figure {}
.top-feature-sec figure img {}
.top-feature-body { margin:0; padding:50px; }
.top-feature-sec:nth-of-type(odd) .top-feature-body { margin:0 0 0 500px; }
.top-feature-sec:nth-of-type(even) .top-feature-body { margin:0 500px 0 0; }
.top-feature-sec:nth-of-type(2) .top-feature-body { margin-bottom:60px !important; padding-bottom:30px; }
.top-feature-sec:nth-of-type(2) .top-feature-body:after { bottom:-36px; left:220px; border-width:40px 50px 0 50px; }
.top-feature-sec h3 { padding:0 0 50px 90px; font-size:22px; }
.top-feature-sec h3 span { font-size:50px; }
.top-feature-txt { padding:0 0 30px; }
.top-feature-txt p { font-size:14px; }
.top-feature-txt p:not(:last-child) { padding:0 0 20px; }
}




.top-feature-box-wrap { border:1.03vw #D1E5FD solid; margin:0 4.1vw; padding:7.69vw 4.1vw; }
.top-feature-box { padding:4.62vw 0 0; }
.top-feature-box:not(:last-child) { border-bottom:1px #1f1f1f solid; padding-bottom:12.82vw; margin-bottom:7.69vw; }
.top-feature-box h4 { border-bottom:1px #2E70B0 solid; text-align:center; margin:0 0 6.15vw; padding:0 0 5.13vw; font-size:4.62vw; color:#3E6FAE; font-weight:700; }
.top-feature-box .top-feature-txt { font-size:3.59vw; }

@media screen and (min-width:900px){
.top-feature-box-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; border:0.29vw #D1E5FD solid; margin:0; padding:3.62vw 2.9vw; }
.top-feature-box { width:32.6vw; padding:0; }
.top-feature-box:not(:last-child) { border-bottom:none; padding-bottom:0; margin-bottom:0; position:relative; }
.top-feature-box:not(:last-child)::after { content:""; position:absolute; top:0; right:-3.62vw; width:0.5px; height:100%; border-right:0.5px #000 dotted; }
.top-feature-box h4 { border-bottom:1px #2E70B0 solid; text-align:center; margin:0 0 1.74vw; padding:0 0 1.45vw; font-size:1.45vw; }
.top-feature-box .top-feature-txt { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.top-feature-box-wrap { border:4px #D1E5FD solid; padding:50px 40px; }
.top-feature-box { width:450px; }
.top-feature-box:not(:last-child) {}
.top-feature-box:not(:last-child)::after { right:-50px; width:0.5px; }
.top-feature-box h4 { margin:0 0 24px; padding:0 0 20px; font-size:20px; }
.top-feature-box .top-feature-txt { font-size:14px; }
}




/* ----------------------------------------------
 ! top-art-staff
 ---------------------------------------------- */

#top-art-staff { padding:0 0 12.82vw; }
#top-art-staff figure { margin:0 0 10.25vw; }
#top-art-staff figure img { display:block; width:100%; height:60vw; aspect-ratio:1500/620; object-fit:cover; object-position:right; }
#top-staff-box {}
#top-art-staff h2 { border-bottom:1px #000 solid; margin:0 5.13vw 5.64vw; padding:0 0 5.13vw; font-size:5.64vw; font-weight:400; letter-spacing:0.05em; }
#top-staff-txt { padding:0 5.13vw 10.25vw; }
#top-staff-txt p { line-height:1.875; font-size:3.85vw; }
#top-staff-txt p:not(:last-child) { padding:0 0 7.69vw; }
#top-staff-txt p mark { color:#1C8DCB; text-decoration:underline; }

@media screen and (min-width:900px){
#top-art-staff { height:36.23vw; overflow:hidden; background:#F9F7F8; padding:0; position:relative; }
#top-art-staff:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to right, rgba(249,247,248,1) 0%,rgba(249,247,248,0.7) 40%,rgba(249,247,248,0) 60%,rgba(249,247,248,0) 100%); z-index:2; }
#top-art-staff figure { width:100%; height:36.23vw; aspect-ratio:1500/500; margin:0; position:relative; z-index:1; }
#top-art-staff figure img { height:100%; object-fit:contain; object-position:top right; }
#top-staff-box { position:absolute; top:0; left:calc(50% - 39.85vw); width:36.23vw; padding:3.26vw 0 0; z-index:3; }
#top-art-staff h2 { margin:0 0 1.59vw; padding:0 0 1.45vw; font-size:2.17vw; }
#top-staff-txt { padding:0 0 2.17vw; }
#top-staff-txt p { font-size:1.01vw; }
#top-staff-txt p:not(:last-child) { padding:0 0 2.17vw; }
#top-staff-txt p mark {}
}
@media screen and (min-width:1380px){
#top-art-staff { height:500px; }
#top-art-staff figure { height:500px; }
#top-art-staff figure img {}
#top-staff-box { left:calc(50% - 550px); width:500px; padding:45px 0 0; }
#top-art-staff h2 { margin:0 0 22px; padding:0 0 20px; font-size:30px; }
#top-staff-txt { padding:0 0 30px; }
#top-staff-txt p { font-size:14px; }
#top-staff-txt p:not(:last-child) { padding:0 0 30px; }
#top-staff-txt p mark {}
}




/* ----------------------------------------------
 ! top-art-news
 ---------------------------------------------- */

#top-art-news { background:#eef3f9; padding:0 5.13vw 12.82vw; }
#top-art-news dl {}
#top-art-news dt { line-height:1.6; padding:0 0 4.1vw; font-size:3.33vw; }
#top-art-news dd { line-height:1.6; font-size:3.85vw; }
#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.85vw; color:#2e70b0; text-decoration:none; }

@media screen and (min-width:900px){
#top-art-news { padding:0 0 5.8vw; }
#top-art-news dl { display:flex; flex-flow:row wrap; width:79.71vw; margin:0 auto; }
#top-art-news dt { width:7.24vw; padding:0; font-size:0.94vw; }
#top-art-news dt:not(:last-of-type) { border-bottom:1px #e5e5e5 solid; margin:0 0 1.45vw; padding:0 0 1.45vw; }
#top-art-news dd { width:calc(100% - 7.24vw); font-size:1.09vw; }
#top-art-news dd:not(:last-of-type) { margin:0 0 1.45vw; padding:0 0 1.45vw; }
#top-art-news dd a { font-size:1.09vw; }
#top-art-news dd a:hover { text-decoration:underline; }
}
@media screen and (min-width:1380px){
#top-art-news { padding:0 0 80px; }
#top-art-news dl { width:1100px; }
#top-art-news dt { width:100px; font-size:13px; }
#top-art-news dt:not(:last-of-type) { margin:0 0 20px; padding:0 0 20px; }
#top-art-news dd { width:calc(100% - 100px); font-size:15px; }
#top-art-news dd:not(:last-of-type) { margin:0 0 20px; padding:0 0 20px; }
#top-art-news dd a { font-size:15px; }
}




/* ----------------------------------------------
 ! top-art-menu
 ---------------------------------------------- */

#top-art-menu { padding:0 0 12.82vw; }
#top-menu-ol { padding:0 5.13vw; }
#top-menu-ol li { border-bottom:1px #e7e7e7 solid; margin:0 0 6.15vw; padding:0 0 6.15vw; list-style:none; }
#top-menu-ol li a { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; text-decoration:none; }
#top-menu-ol li figure { width:40%; }
#top-menu-ol li figure img { width:100%; height:auto; }
#top-menu-ol li h3 { width:55%; line-height:1.4; font-size:4.35vw; color:#2e70b0; }
#top-menu-ol li p { width:100%; line-height:1.625; padding:6.15vw 0 0; font-size:3.85vw; color:#1f1f1f; }

@media screen and (min-width:900px){
#top-art-menu { padding:0 0 7.24vw; }
#top-menu-ol { display:flex; flex-flow:row wrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:0; }
#top-menu-ol li { width:38.4vw; min-height:13.04vw; margin:0 0 2.17vw; padding:0 0 2.17vw 18.26vw; position:relative; }
#top-menu-ol li a { display:block; }
#top-menu-ol li a:hover { opacity:0.7; transition:1s ease; }
#top-menu-ol li figure { position:absolute; top:0; left:0; width:16.66vw; height:10.86vw; overflow:hidden; }
#top-menu-ol li figure img { width:16.66vw; height:10.86vw; transition:transform 0.6s ease; }
#top-menu-ol li a:hover figure img { transform:scale(1.1); }
#top-menu-ol li h3 { width:18.98vw; font-size:1.3vw; }
#top-menu-ol li p { width:18.98vw; padding:1.74vw 0 0; font-size:1.09vw }
}
@media screen and (min-width:1380px){
#top-art-menu { padding:0 0 100px; }
#top-menu-ol { width:1100px; }
#top-menu-ol li { width:530px; min-height:180px; margin:0 0 30px; padding:0 0 30px 252px; }
#top-menu-ol li a {}
#top-menu-ol li figure { width:230px; height:150px; }
#top-menu-ol li figure img { width:230px; height:150px; }
#top-menu-ol li h3 { width:262px; font-size:18px; }
#top-menu-ol li p { width:262px; padding:24px 0 0; font-size:15px }
}




/* ----------------------------------------------
 ! top-art-flow
 ---------------------------------------------- */

#top-art-flow { background:#EEF3F9; padding:12.82vw 5.13vw; }
#top-art-flow section { background:#fff; border:1px #2E70B0 solid; padding:10.25vw 6.15vw; }
#top-art-flow h2 { text-align:center; border-bottom:1px #3E6FAE solid; margin:0 0 6.15vw; padding:0 0 7.69vw; font-size:6.15vw; color:#3E6FAE; font-weight:400; }
#top-flow-txt {}
#top-flow-txt p:not(:last-child) { line-height:1.6; padding:0 0 7.69vw; font-size:3.59vw; }

@media screen and (min-width:900px){
#top-art-flow { padding:3.62vw 0; }
#top-art-flow section { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; width:79.71vw; margin:0 auto; padding:2.17vw 0; }
#top-art-flow h2 { width:35.5vw; border-bottom:none; margin:0; padding:0; font-size:2.54vw; }
#top-flow-txt { width:43.47vw; border-left:1px #3E6FAE solid; }
#top-flow-txt p:not(:last-child) { text-align:center; padding:0 0 2.17vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#top-art-flow { padding:50px 0; }
#top-art-flow section { width:1100px; padding:30px 0; }
#top-art-flow h2 { width:490px; font-size:35px; }
#top-flow-txt { width:600px; }
#top-flow-txt p:not(:last-child) { padding:0 0 30px; font-size:15px; }
}




/* ----------------------------------------------
 ! top-art-case
 ---------------------------------------------- */

#top-art-case { padding:0 0 15.38vw; }
#top-case-wrap { background:#eef3f9; padding:7.69vw 5.13vw; }
#top-case-wrap section { background:#fff; padding:7.69vw; }
#top-case-wrap h3 { text-align:center; margin:0 auto; padding:0 0 10.25vw; font-size:4.87vw; color:#2e70b0; font-weight:600; }

@media screen and (min-width:900px){
#top-art-case { padding:0 0 7.24vw; }
#top-case-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:1.45vw; }
#top-case-wrap section { width:37.68vw; padding:3.62vw 4.35vw; }
#top-case-wrap h3 { padding:0 0 3.62vw; font-size:1.45vw; }
}
@media screen and (min-width:1380px){
#top-art-case { padding:0 0 100px; }
#top-case-wrap { width:1100px; padding:20px; }
#top-case-wrap section { width:520px; padding:50px 60px; }
#top-case-wrap h3 { padding:0 0 50px; font-size:20px; }
}




#top-case-sec { margin:0 0 7.69vw; }
#pickup-case-ul {}
#pickup-case-ul li { border-bottom:1px #e7e7e7 solid; margin:0 0 7.69vw; padding:0 0 7.69vw; list-style:none; }
#pickup-case-ul li dl { display:flex; flex-flow:row nowrap; justify-content:space-between; }
#pickup-case-ul li dt { width:35%; }
#pickup-case-ul li dt a { display:block; text-decoration:none; }
#pickup-case-ul li dt a img { width:100%; height:auto; }
#pickup-case-ul li dd { width:60%; }
#pickup-case-ul li dd p { padding:0 0 2.05vw; }
#pickup-case-ul li dd a { display:flex; justify-content:center; align-items:center; height:4.62vw; background:#3E6FAE; font-size:3.33vw; color:#fff; text-decoration:none; }
#pickup-case-ul li dd h4 { line-height:1.6; font-size:3.59vw; color:#1f1f1f; font-weight:400; }

@media screen and (min-width:900px){
#top-case-sec { margin:0; }
#pickup-case-ul { padding:1.45vw 0 1.3vw; }
#pickup-case-ul li { margin:0 0 2.17vw; padding:0 0 2.17vw; }
#pickup-case-ul li dl {}
#pickup-case-ul li dt { width:10.14vw; height:7.61vw; overflow:hidden; }
#pickup-case-ul li dt a {}
#pickup-case-ul li dt a img { width:10.14vw; height:7.61vw; transition:transform 0.6s ease; }
#pickup-case-ul li dt a:hover { opacity:0.7; transition:1s ease; }
#pickup-case-ul li dt a:hover img { transform:scale(1.1); }
#pickup-case-ul li dd {}
#pickup-case-ul li dd p { padding:0 0 0.72vw; }
#pickup-case-ul li dd a { height:1.45vw; font-size:0.94vw; }
#pickup-case-ul li dd a:hover { opacity:0.7; transition:1s ease; }
#pickup-case-ul li dd h4 { font-size:1.01vw; }
}
@media screen and (min-width:1380px){
#top-case-sec { margin:0; }
#pickup-case-ul { padding:20px 0 18px; }
#pickup-case-ul li { margin:0 0 30px; padding:0 0 30px; }
#pickup-case-ul li dl {}
#pickup-case-ul li dt { width:140px; height:105px; }
#pickup-case-ul li dt a {}
#pickup-case-ul li dt a img { width:140px; height:105px; }
#pickup-case-ul li dd {}
#pickup-case-ul li dd p { padding:0 0 10px; }
#pickup-case-ul li dd a { height:20px; font-size:13px; }
#pickup-case-ul li dd h4 { font-size:14px; }
}




#top-search-sec {}
#top-search-dl {}
#top-search-dl dt { line-height:1.875; padding:0 0 5.13vw; font-size:3.85vw; }
#top-search-dl dd { line-height:1.875; border-bottom:1px #e5e5e5 solid; margin:0 0 5.13vw; padding:0 0 5.13vw; font-size:3.85vw; }
#top-search-dl dd input[type="text"] ,
#top-search-dl dd input[type="tel"] ,
#top-search-dl dd input[type="email"] { width:100%; height:8.97vw; background:#F2EFE9; border:none; padding:2.56vw 4.1vw; font-size:3.59vw; font-weight:400; }
#top-search-dl dd label { padding:0 5.13vw 0 0; }
#top-search-dl dd select { width:100%; height:8.97vw; background:#F2EFE9 url(../img/common/ico_arrow_select.svg) right 5.1% top 50% no-repeat; background-size:1.54vw auto; border:none; padding:2.56vw 4.1vw; appearance:none; font-size:3.85vw; font-weight:400; }
#top-search-dl dd select option { color:#0F0F0F; }
#top-search-dl dd input[type="text"]::placeholder ,
#top-search-dl dd input[type="tel"]::placeholder ,
#top-search-dl dd input[type="email"]::placeholder ,
#top-search-dl dd input[type='checkbox'] { vertical-align: middle; width:5.38vw; height:5.38vw; border:1px solid #d5d5d5; cursor:pointer; }

@media screen and (min-width:900px){
#top-search-sec {}
#top-search-dl { display:flex; flex-flow:row wrap; }
#top-search-dl dt { width:30%; margin:0 0 1.45vw; padding:0 0 1.45vw; font-size:1.09vw; }
#top-search-dl dd { width:70%; margin:0 0 1.45vw; padding:0 0 1.45vw; font-size:1.09vw; }
#top-search-dl dd input[type="text"] ,
#top-search-dl dd input[type="tel"] ,
#top-search-dl dd input[type="email"] { height:2.53vw; padding:0.72vw 1.45vw; font-size:1.01vw; }
#top-search-dl dd label { padding:0 1.45vw 0 0; }
#top-search-dl dd select { height:2.53vw; background-size:1.01vw auto; margin:0 0 0 0.72vw; padding:0 1.45vw; font-size:1.01vw; }
#top-search-dl dd input[type='checkbox'] { width:1.52vw; height:1.52vw; }
}
@media screen and (min-width:1380px){
#top-search-sec {}
#top-search-dl {}
#top-search-dl dt { border-bottom:1px #e5e5e5 solid; margin:0 0 20px; padding:0 0 20px; font-size:15px; }
#top-search-dl dd { margin:0 0 20px; padding:0 0 20px; font-size:15px; }
#top-search-dl dd input[type="text"] ,
#top-search-dl dd input[type="tel"] ,
#top-search-dl dd input[type="email"] { height:35px; padding:10px 20px; font-size:14px; }
#top-search-dl dd label { padding:0 20px 0 0; }
#top-search-dl dd select { height:35px; background-size:14px auto; margin:0 0 0 10px; padding:0 20px; font-size:14px; }
#top-search-dl dd input[type='checkbox'] { width:21px; height:21px; }
}




.btn-more { width:70.54vw; margin:0 auto; position:relative; }
.btn-more input { display:flex; justify-content:center; align-items:center; width:100%; height:14.35vw; line-height:1.25; background:#3E6FAE url(../img/common/ico_search01.svg) 7.69vw center/4.1vw auto no-repeat; border:none; border-radius:14.35vw; padding:0 0 0 4.1vw; font-size:3.85vw; color:#fff; font-weight:400; letter-spacing:0.14vw; text-decoration:none; position:relative; }

@media screen and (min-width:900px){
.btn-more { width:23.91vw; margin:0 auto; }
.btn-more input { height:3.76vw; background:#3E6FAE url(../img/common/ico_search01.svg) 5.8vw center/1.16vw auto no-repeat; padding:0 0 0 1.45vw; font-size:1.09vw; letter-spacing:0; }
.btn-more input:hover { opacity:0.7; transition:0.6s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
.btn-more { width:330px; }
.btn-more input { height:52px; background:#3E6FAE url(../img/common/ico_search01.svg) 80px center/16px auto no-repeat; padding:0 0 0 20px; font-size:15px; }
}




/* ----------------------------------------------
 ! top-art-tab
 ---------------------------------------------- */

#top-art-faq { background:#eef3f9; padding:12.82vw 5.13vw; }
#top-faq-tab { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 0 5.13vw; }
.btn-top-faq { display:flex; justify-content:center; align-items:center; width:50%; height:12.82vw; padding:0 0 0 5.13vw; font-size:4.61vw; color:#2e70b0; }
#btn-top-faq01 { background:#fff url(../img/common/ico_pen01.svg) no-repeat; background-position:30% center; background-size:5.13vw auto; }
#btn-top-faq02 { background:#fff url(../img/common/ico_fukidashi01.svg) no-repeat; background-position:30% center; background-size:5.13vw auto; }
.top-faq-on { color:#fff; position:relative; }
.top-faq-on::after { content:""; position:absolute; bottom:-2.2vw; left:calc(50% - 2.05vw); width:0; height:0; border-style:solid; border-width:2.31vw 2.05vw 0 2.05vw; border-color:#2e70b0 transparent transparent transparent; }
#btn-top-faq01.top-faq-on { background:#2e70b0 url(../img/common/ico_pen02.svg) no-repeat; background-position:30% center; background-size:5.13vw auto; }
#btn-top-faq02.top-faq-on { background:#2e70b0 url(../img/common/ico_fukidashi02.svg) no-repeat; background-position:30% center; background-size:5.13vw auto; }
.top-faq-box { display:none; }
.top-faq-box.active { display:block; }

@media screen and (min-width:900px){
#top-art-faq { padding:5.8vw 0 2.17vw; }
#top-faq-tab { width:79.71vw; margin:0 auto 1.45vw; }
.btn-top-faq { height:4.35vw; padding:0 0 0 1.45vw; font-size:1.3vw; letter-spacing:0.1em; cursor:pointer; }
#btn-top-faq01 { background-position:40% center; background-size:1.45vw auto; }
#btn-top-faq02 { background-position:40% center; background-size:1.45vw auto; }
.top-faq-on {}
.top-faq-on::after { bottom:-0.58vw; left:calc(50% - 0.58vw); border-width:0.65vw 0.58w 0 0.58vw; }
#btn-top-faq01.top-faq-on { background-position:40% center; background-size:1.45vw auto; }
#btn-top-faq02.top-faq-on { background-position:40% center; background-size:1.45vw auto; }
}
@media screen and (min-width:1380px){
#top-art-faq { padding:80px 0 30px; }
#top-faq-tab { width:1100px; margin:0 auto 20px; }
.btn-top-faq { height:60px; padding:0 0 0 20px; font-size:18px; }
#btn-top-faq01 { background-size:20px auto; }
#btn-top-faq02 { background-size:20px auto; }
.top-faq-on {}
.top-faq-on::after { bottom:-8px; left:calc(50% - 8px); border-width:9px 8px 0 8px; }
#btn-top-faq01.top-faq-on { background-size:20px auto; }
#btn-top-faq02.top-faq-on { background-size:20px auto; }
}




#top-faq-box01 {}
#top-faq-box01 dl { padding:5.13vw 0 4.1vw; }
#top-faq-box01 dt { line-height:1.6; padding:0 0 4.1vw; font-size:3.33vw; }
#top-faq-box01 dd { line-height:1.6; border-bottom:1px #e5e5e5 solid; margin:0 0 6.15vw; padding:0 0 6.15vw; font-size:3.85vw; }
#top-faq-box01 dd a { font-size:3.85vw; color:#2e70b0; text-decoration:none; }

@media screen and (min-width:900px){
#top-faq-box01 { padding:0 0 5.8vw; }
#top-faq-box01 dl { display:flex; flex-flow:row wrap; width:79.71vw; margin:0 auto; }
#top-faq-box01 dt { width:7.24vw; border-bottom:1px #e5e5e5 solid; margin:0 0 1.45vw; padding:0 0 1.45vw; font-size:0.94vw; }
#top-faq-box01 dt:not(:last-of-type) { }
#top-faq-box01 dd { width:calc(100% - 7.24vw); margin:0 0 1.45vw; padding:0 0 1.45vw; font-size:1.09vw; }
#top-faq-box01 dd a { font-size:1.09vw; }
#top-faq-box01 dd a:hover { text-decoration:underline; }
}
@media screen and (min-width:1380px){
#top-faq-box01 { padding:0 0 80px; }
#top-faq-box01 dl { width:1100px; }
#top-faq-box01 dt { width:100px; margin:0 0 20px; padding:0 0 20px; font-size:13px; }
#top-faq-box01 dd { width:calc(100% - 100px); margin:0 0 20px; padding:0 0 20px; font-size:15px; }
#top-faq-box01 dd a { font-size:15px; }
}




#top-faq-box02 { padding:10.25vw 0 0; }

@media screen and (min-width:900px){
#top-faq-box02 { width:79.71vw; margin:0 auto; padding:2.9vw 0; }
}
@media screen and (min-width:1380px){
#top-faq-box02 { width:1100px; padding:40px 0; }
}




/* ----------------------------------------------
 ! top-art-byage
 ---------------------------------------------- */

#top-art-byage { padding:0 0 15.38vw; }
#top-byage-ul { padding:0 5.13vw; }
#top-byage-ul li { background:#fff; border:1px #3E6FAE solid; list-style:none; }
#top-byage-ul li a { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; height:32.05vw; text-decoration:none; position:relative; }
#top-byage-ul li a:before { content:""; position:absolute; top:50%; right:3.33vw; width:1.54vw; height:0.51vw; background:#2e70b0; transform:rotate(45deg); transform-origin:right top; }
#top-byage-ul li a:after { content:""; position:absolute; bottom:50%; right:3.33vw; width:1.54vw; height:0.51vw; background:#2e70b0; transform:rotate(-45deg); transform-origin:right bottom; }
#top-byage-ul li p { border-bottom:1px #2e70b0 solid; margin:0 0 2.05vw; padding:0 0 0.77vw; font-size:3.85vw; color:#2e70b0; font-weight:600; }
#top-byage-ul li h3 { line-height:1.2; text-align:center; color:#1f1f1f; font-weight:500; letter-spacing:0.05em; }
#top-byage-ul li h3 strong { display:inline-block; font-size:8.97vw; color:#2e70b0; font-weight:700; font-family:Archivo Narrow; font-style:normal; }
#top-byage-ul li h3 span { display:inline-block; font-size:4.62vw; color:#2e70b0; font-weight:700; }

@media screen and (max-width:899px){
#top-byage-ul li:not(:last-child) { margin:0 0 5.13vw; }
}
@media screen and (min-width:900px){
#top-art-byage { padding:0 0 3.62vw; }
#top-byage-ul { display:flex; flex-flow:row wrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:0; }
#top-byage-ul li { width:39.13vw; margin:0 0 1.45vw; }
#top-byage-ul li a { height:13.04vw; }
#top-byage-ul li a:before { right:0.87vw; width:0.72vw; height:0.14vw; }
#top-byage-ul li a:after { right:0.87vw; width:0.72vw; height:0.14vw; }
#top-byage-ul li a:hover { opacity:0.7; transition:1s ease; }
#top-byage-ul li p { margin:0 0 0.87vw; padding:0 0 0.36vw; font-size:1.23vw; }
#top-byage-ul li h3 {}
#top-byage-ul li h3 strong { font-size:3.62vw; }
#top-byage-ul li h3 span { font-size:1.88vw; }
}
@media screen and (min-width:1380px){
#top-art-byage { padding:0 0 50px; }
#top-byage-ul { width:1100px; padding:0; }
#top-byage-ul li { width:540px; margin:0 0 20px; }
#top-byage-ul li a { height:180px; }
#top-byage-ul li a:before { right:12px; width:10px; height:2px; }
#top-byage-ul li a:after { right:12px; width:10px; height:2px; }
#top-byage-ul li p { margin:0 0 12px; padding:0 0 5px; font-size:17px; }
#top-byage-ul li h3 {}
#top-byage-ul li h3 strong { font-size:50px; }
#top-byage-ul li h3 span { font-size:26px; }
}




/* ----------------------------------------------
 ! top-art-google
 ---------------------------------------------- */

#top-art-google { background:#EEF3F9; padding:0 0 7.69vw; }
#top-google-wrap {}
#top-art-google section { padding:0 5.13vw 10.25vw; }
.top-google-box { background:#fff; padding:3.33vw; position:relative; }
.top-google-box iframe { width:100%; height:79.48vw; }
#google-kanbi { position:absolute; top:-10.64vw; right:0; display:flex; justify-content:center; align-items:center; width:21.28vw; height:21.28vw; line-height:1.4; background:#1c8dcb; border-radius:50%; text-align:center; font-size:3.59vw; color:#fff; }

@media screen and (min-width:900px){
#top-art-google { padding:0 0 7.24vw; }
#top-art-google .top-tit-box { display:flex; flex-flow:row nowrap; justify-content:start; align-items:center; padding:6.52vw 0 1.45vw; }
#top-art-google .top-tit-box h2 { font-size:1.66vw; }
#top-art-google .top-tit-box em { padding:0 0 0 1.45vw; font-size:1.3vw; }
#top-google-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:79.71vw; margin:0 auto; }
#top-art-google section { width:38.26vw; padding:0; }
.top-google-box { padding:0.87vw; }
.top-google-box iframe { height:38.26vw; }
#google-kanbi { top:-3.77vw; width:7.54vw; height:7.54vw; font-size:1.3vw; }
}
@media screen and (min-width:1380px){
#top-art-google { padding:0 0 100px; }
#top-art-google .top-tit-box { padding:90px 0 20px; }
#top-art-google .top-tit-box h2 { font-size:23px; }
#top-art-google .top-tit-box em { padding:0 0 0 20px; font-size:18px; }
#top-google-wrap { width:1100px; }
#top-art-google section { width:528px; }
.top-google-box { padding:12px; }
.top-google-box iframe { height:528px; }
#google-kanbi { top:-52px; width:104px; height:104px; font-size:18px; }
}




/* ----------------------------------------------
 ! top-link-nav
 ---------------------------------------------- */

#top-link-nav { padding:8.97vw 5.13vw; }
#top-link-nav ul { display:flex; flex-flow:row nowrap; justify-content:space-between; }
#top-link-nav li { width:48%; list-style:none; }
#top-link-nav a { display:block; }
#top-link-nav a img { width:100%; height:auto; }

@media screen and (min-width:900px){
#top-link-nav { padding:2.54vw 0; }
#top-link-nav ul { width:49.27vw; margin:0 auto; }
#top-link-nav li { width:15.21vw; }
#top-link-nav a {}
#top-link-nav a:hover { opacity:0.7; transition:1s ease; }
#top-link-nav a img {}
}
@media screen and (min-width:1380px){
#top-link-nav { padding:35px 0; }
#top-link-nav ul { width:680px; }
#top-link-nav li { width:210px; }
#top-link-nav a {}
#top-link-nav a img {}
}




/* ----------------------------------------------
 ! rinji
 ---------------------------------------------- */

#rinji-tokucho { padding:0 0 20.51vw; }
#rinji-tokucho-ul { padding:0 4.1vw; }
#rinji-tokucho-ul li { list-style:none; }
#rinji-tokucho-ul li:not(last-of-type) { margin:0 0 12.82vw; }
#rinji-tokucho-ul figure { width:66.38vw; margin:0 auto; padding:0 0 7.18vw; }
#rinji-tokucho-ul figure img { width:100%; height:auto; }
#rinji-tokucho-ul em { display:inline-block; margin:0 4.61vw 0 0; font-size:8.33vw; color:#2e70b0; font-weight:600; font-style:normal; }
#rinji-tokucho-ul h3 { display:inline-block; margin:0 0 7.18vw; font-size:4.61vw; color:#2e70b0; font-weight:600; }
#rinji-tokucho-ul p { line-height:1.625; font-size:3.85vw; }

@media screen and (min-width:900px){
#rinji-tokucho { width:79.71vw; margin:0 auto; padding:0 0 7.24vw; }
#rinji-tokucho-ul { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:0 0 5.8vw; }
#rinji-tokucho-ul li { width:23.18vw; position:relative; }
#rinji-tokucho-ul li:not(last-of-type) { margin:0; }
#rinji-tokucho-ul figure { width:100%; margin:0; padding:0 0 4.71vw; }
#rinji-tokucho-ul figure img {}
#rinji-tokucho-ul em { display:block; position:absolute; top:11.44vw; left:0; margin:0; font-size:4.2vw; }
#rinji-tokucho-ul h3 { display:block; margin:0 0 2.17vw; font-size:1.74vw; }
#rinji-tokucho-ul p { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#rinji-tokucho { width:1100px; padding:0 0 100px; }
#rinji-tokucho-ul { padding:0 0 80px; }
#rinji-tokucho-ul li { width:320px; }
#rinji-tokucho-ul li:not(last-of-type) {}
#rinji-tokucho-ul figure { padding:0 0 65px; }
#rinji-tokucho-ul figure img {}
#rinji-tokucho-ul em { top:158px; font-size:58px; }
#rinji-tokucho-ul h3 { margin:0 0 30px; font-size:24px; }
#rinji-tokucho-ul p { font-size:15px; }
}




#rinji-egao { padding:0 0 20.51vw; }
#rinji-egao figure { padding:0 0 8.97vw; }
#rinji-egao figure img { width:100%; height:auto; }
#rinji-egao div { padding:0 4.1vw 12.82vw; }
#rinji-egao h2 { line-height:1.45; padding:0 0 6.41vw; font-size:6.41vw; }
#rinji-egao-txt { line-height:1.875; font-size:3.85vw; }

@media screen and (min-width:900px){
#rinji-egao { padding:0 0 10.86vw; }
#rinji-egao figure { padding:0 0 6.88vw; }
#rinji-egao figure img { width:100%; height:auto; }
#rinji-egao div { display:flex; flex-flow:row nowrap; justify-content:space-between; width:79.71vw; margin:0 auto; padding:0 0 4.71vw; }
#rinji-egao h2 { width:23.91vw; padding:0; font-size:2.9vw; }
#rinji-egao-txt { width:48.69vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#rinji-egao { padding:0 0 150px; }
#rinji-egao figure { padding:0 0 95px; }
#rinji-egao figure img {}
#rinji-egao div { width:1100px; padding:0 0 65px; }
#rinji-egao h2 { width:330px; font-size:40px; }
#rinji-egao-txt { width:672px; font-size:15px; }
}