@charset "utf-8";


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }

.dn-pc { display:none !important; }
.dn-pc2 { display:none !important; }
.dn-sp { display:block !important; }
.dn-sp2 { display:inline-block !important; }
.hidden { display:none !important; }
.lcp { opacity:1 !important; transform:none !important; transition:none !important; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }

@media screen and (max-width:899px){
.dn-pc { display:block !important; }
.dn-pc2 { display:inline-block !important; }
.dn-sp { display:none !important; }
.dn-sp2 { display:none !important; }
}

*, *::before, *::after { box-sizing:border-box; }




/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { line-height:1; background:#fff; font-size:1em; color:#000; }

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }

audio,
canvas,
progress,
video { display:inline-block; vertical-align:baseline; }

audio:not([controls]) { display:none; height:0; }

a { background-color:transparent; }
a:active,
a:hover { outline:0; }

b,
strong { font-weight:600; }

small { font-size:80%; }

sub,
sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

sup { top:-0.5em; }
sub { bottom:-0.25em; }

img { border:0; vertical-align:middle; }

hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }

pre { overflow:auto; }

code,
kbd,
pre,
samp { font-family:monospace, monospace; font-size:1em; }

table { border-collapse:collapse; border-spacing:0; }

td,
th { padding:0; }




/* ----------------------------------------------
 ! Base
 ---------------------------------------------- */

body { width:100%; overflow-x:hidden;  font-family:'Noto Sans JP'; font-style:normal; font-weight:300; }
#content {}
.font-min { font-family:'Noto Serif JP'; font-style:normal; font-weight:500; }
.font-en {}

@media screen and (max-width:899px){
body { min-width:280px; }
#content {}
}
@media screen and (min-width:900px){
body {}
#content {}
}

@media screen and (min-width:1380px){
body { min-width:1380px; }
#content {}
}




/* ----------------------------------------------
 ! Fonts
 ---------------------------------------------- */

/* noto-sans-jp-300 - japanese */
@font-face {
  font-display:swap;
  font-family:'Noto Sans JP';
  font-style:normal;
  font-weight:300;
  src:url('../fonts/noto-sans-jp-v56-japanese-300.woff2') format('woff2');
}
/* noto-sans-jp-regular - japanese */
@font-face {
  font-display:swap;
  font-family:'Noto Sans JP';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/noto-sans-jp-v56-japanese-regular.woff2') format('woff2');
}
/* noto-serif-jp-500 - japanese */
@font-face {
  font-display:swap;
  font-family:'Noto Serif JP';
  font-style:normal;
  font-weight:500;
  src:url('../fonts/noto-serif-jp-v33-japanese-500.woff2') format('woff2');
}




/* ----------------------------------------------
 ! Animation
 ---------------------------------------------- */

.fade {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.8s ease;
}
.fade.active {
  transform: translateY(0);
  opacity: 1;
}




/* ----------------------------------------------
 ! Slider
 ---------------------------------------------- */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,
.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }




/* ----------------------------------------------
 ! header
 ---------------------------------------------- */

body {}
body.clicked-nav { height:100vh; overflow:hidden; }
header {}
#header-wrap { display:flex; align-items:center; width:100%; height:18.46vw; background:#fff; z-index:99998; position:relative; }
#header-logo { display:flex; flex-flow:row nowrap; justify-content:start; align-items:center; padding:0 0 0 4.1vw; }
#header-logo a { display:block; width:11.05vw; text-decoration:none; }
#header-logo a img { width:100%; height:auto; }
#header-logo figcaption { width:46.15vw; line-height:1.4; margin:0 0 0 4.61vw; font-size:3.33vw; color:#233B68; }
#header-logo figcaption b { font-weight:400; }

@media screen and (max-width:899px){
header { position:relative; }
#header-wrap {}
}
@media screen and (min-width:900px){
#header-wrap { flex-flow:row nowrap; justify-content:space-between; width:79.71vw; height:8.69vw; margin:0 auto; }
#header-logo { width:24.05vw; margin:1.45vw 0 0 3.62vw; padding:0; }
#header-logo a { display:block; width:4.92vw; }
#header-logo a img {}
#header-logo a:hover { opacity:0.7; transition:1s ease; }
#header-logo figcaption { width:17.39vw; margin:0 0 0 1.88vw; font-size:1.45vw; }
#header-logo figcaption b {}
}
@media screen and (min-width:1380px){
#header-wrap { width:1100px; height:120px; }
#header-logo { width:332px; margin:20px 0 0 50px; }
#header-logo a { display:block; width:68px; }
#header-logo a img {}
#header-logo figcaption { width:240px; margin:0 0 0 26px; font-size:20px; }
#header-logo figcaption b {}
}




#header-nav {}
#header-nav-menu { position:fixed; top:0; right:100%; width:calc(100% - 14.1vw); height:100%; background:rgba(255,255,255,1); overflow-y:scroll; margin:0 14.1vw 0 0; padding:18.46vw 0 20.51vw; transition:all 0.4s linear; z-index:99996; }
#header-nav-menu.clicked { right:0; transition:all 0.2s linear; }

@media screen and (min-width:900px){
#header-nav {}
#header-nav-menu { width:calc(100% - 26.08vw); background:#FAFAFA; overflow:hidden; margin:0 26.08vw 0 0; padding:5.8vw 0 7.24vw; }
}
@media screen and (min-width:1380px){
#header-nav {}
#header-nav-menu { width:calc(100% - 360px); margin:0 360px 0 0; padding:80px 0 100px; }
}




#btn-main-navi { position:absolute; position:fixed; bottom:0; left:0; width:20.51vw; height:20.51vw; background:#D8BA94; border:none; text-align:center; transition:all 0.4s linear; z-index:99999; }
#btn-main-navi span { position:absolute; left:3.975vw; width:12.56vw; height:0.25vw; background:#373737; }
#btn-main-navi span:nth-child(1) { top:5.64vw; }
#btn-main-navi span:nth-child(2) { top:7.69vw; }
#btn-main-navi span:nth-child(3) { top:9.74vw; }
#btn-main-navi b { position:absolute; top:13.33vw; left:50%; width:100%; margin:0 0 0 -50%; font-size:3.07vw; color:#373737; font-weight:400; letter-spacing:0.08em; }
#btn-main-navi b i { font-style:normal; }
#btn-main-navi b i:last-child { display:none; }
.btn-hn-on {}
.btn-hn-on b {}
.btn-hn-on b i:first-child { display:none; transition:all 0.2s linear; }
.btn-hn-on b i:last-child { display:block !important; transition:all 0.2s linear; }
.btn-hn-on span:nth-child(1) { top:7.69vw !important; left:calc(50% - 5.51vw) !important; width:11.02vw !important; background:#373737 !important; transform:rotate(25deg); transition:all 0.2s linear; }
.btn-hn-on span:nth-child(2) { display:none; }
.btn-hn-on span:nth-child(3) { top:7.69vw !important; left:calc(50% - 5.51vw) !important; width:11.02vw !important; background:#373737 !important; transform:rotate(-25deg); transition:all 0.2s linear; }

@media screen and (min-width:900px){
#btn-main-navi { bottom:auto; top:17.39vw; left:auto; right:0; width:14.49vw; height:5.8vw; }
#btn-main-navi span { left:2.61vw; width:2.31vw; height:0.07vw; }
#btn-main-navi span:nth-child(1) { top:2.17vw; }
#btn-main-navi span:nth-child(2) { top:2.75vw; }
#btn-main-navi span:nth-child(3) { top:3.33vw; }
#btn-main-navi b { top:2.17vw; left:6.37vw; width:5.07vw; margin:0; font-size:1.09vw; }
#btn-main-navi b i {}
#btn-main-navi b i:last-child {}
.btn-hn-on {}
.btn-hn-on b {}
.btn-hn-on span:nth-child(1) { top:2.75vw !important; left:2.61vw !important; width:2.31vw !important; }
.btn-hn-on span:nth-child(2) {}
.btn-hn-on span:nth-child(3) { top:2.75vw !important; left:2.61vw !important; width:2.31vw !important; }
#btn-main-navi:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
#btn-main-navi { top:240px; width:200px; height:80px; }
#btn-main-navi span { left:36px; width:32px; height:1px; }
#btn-main-navi span:nth-child(1) { top:30px; }
#btn-main-navi span:nth-child(2) { top:38px; }
#btn-main-navi span:nth-child(3) { top:46px; }
#btn-main-navi b { top:30px; left:88px; width:70px; font-size:15px; }
#btn-main-navi b i {}
#btn-main-navi b i:last-child {}
.btn-hn-on {}
.btn-hn-on b {}
.btn-hn-on span:nth-child(1) { top:38px !important; left:36px !important; width:32px !important; }
.btn-hn-on span:nth-child(2) {}
.btn-hn-on span:nth-child(3) { top:38px !important; left:36px !important; width:32px !important; }
}




.clicked-nav { position:relative; }
.clicked-nav:after { content:""; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.3); z-index:99995; }
.clicked-nav #header-wrap { background:none; }




#header-nav-ul { padding:0 0 7.69vw; }
#header-nav-ul > li { border-bottom:1px rgba(204,204,204,0.7) solid; list-style:none; position:relative; }
#header-nav-ul > li > a,
#header-nav-ul > li > mark { display:flex; align-items:center; height:12.3vw; line-height:1.8; background:#FAFAFA; padding:0 12.82vw 0 9.74vw; font-size:3.59vw; color:#373737; font-weight:300; text-decoration:none; position:relative; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { content:""; position:absolute; top:calc(50% - 1.15vw); left:4.1vw; width:2.56vw; height:2.31vw; background:#233B68; clip-path:polygon(0% 0%, 100% 0%, 50% 100%); }

@media screen and (max-width:899px){
#header-nav-ul > li:first-of-type > a { background:#FAFAFA url(../img/common/ico_home_01.svg) 3.33vw center/3.92vw auto no-repeat; }
#header-nav-ul > li:first-of-type > a:before,
#header-nav-ul > li:first-of-type > a:after { display:none; }
}
@media screen and (min-width:900px){
#header-nav-ul { padding:0 3.62vw 5.8vw; }
#header-nav-ul > li {}
#header-nav-ul > li > a,
#header-nav-ul > li > mark { height:4.35vw; padding:0 3.62vw 0 2.75vw; font-size:1.09vw; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { top:calc(50% - 0.14vw); left:1.09vw; width:0.72vw; height:0.65vw; }
#header-nav-ul > li > a:hover,
#header-nav-ul > li > mark:hover { text-decoration:underline; opacity:0.7; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
#header-nav-ul { padding:0 50px 80px; }
#header-nav-ul > li {}
#header-nav-ul > li > a,
#header-nav-ul > li > mark { height:60px; padding:0 50px 0 38px; font-size:15px; }
#header-nav-ul > li > a:before,
#header-nav-ul > li > mark:before { top:calc(50% - 2px); left:15px; width:10px; height:9px; }
}




#bottom-nav { position:absolute; position:fixed; bottom:0; left:20.51vw; width:calc(100% - 20.51vw); z-index:99998; }
#bottom-nav > ul { display:flex; flex-flow:row nowrap; }
#bottom-nav > ul > li { width:calc(100% / 2); list-style:none; position:relative; }
#bottom-nav > ul > li:not(:last-child) { border-right:1px #111F39 solid; }
#bottom-nav > ul > li > a,
#bottom-nav > ul > li > button { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:100%; height:20.51vw; border:none; padding:0 0 0 8.97vw; font-size:3.85vw; color:#fff; font-weight:400; letter-spacing:0.08em; text-decoration:none; position:relative; }
#bottom-nav > ul > li:nth-child(1) > button { background:#233B68 url(../img/common/ico_tel_01.svg) 20% center no-repeat; background-size:5.66vw auto; letter-spacing:1rem; }
#bottom-nav > ul > li:nth-child(1) > button:before { content:""; position:absolute; top:calc(50% - 1.15vw); right:5.13vw; width:2.56vw; height:2.31vw; background:#fff; clip-path:polygon(50% 0%, 0% 100%, 100% 100%); }
#bottom-nav > ul > li:nth-child(2) > a { background:#233B68 url(../img/common/ico_sp_01.svg) 20% center no-repeat; background-size:4.58vw auto; }
.bottom-nav-sub { position:absolute; bottom:20.51vw; left:0; width:100%; height:0; overflow:hidden; background:#FAFAFA; border:0; transition:height 0.3s ease; }
.bottom-nav-sub.open { height:40vw; border:1px #ccc solid; }
.bottom-nav-sub li { list-style:none; }
.bottom-nav-sub li:not(:last-child) { border-bottom:1px #ccc dashed; }
.bottom-nav-sub li a { display:flex; align-items:center; height:13.33vw; padding:0 0 0 8.71vw; font-size:3.59vw; color:#233B68; font-weight:500; text-decoration:none; position:relative; }
.bottom-nav-sub li a:before { content:""; position:absolute; top:calc(50% - 1.15vw); left:4.1vw; width:2.56vw; height:2.31vw; clip-path:polygon(0% 0%, 0% 100%, 100% 50%); }
.bottom-nav-sub li a span { display:none; }
.bottom-nav-sub li:nth-of-type(1) a:before { background:#233B68; }
.bottom-nav-sub li:nth-of-type(2) a:before { background:#D4883C; }
.bottom-nav-sub li:nth-of-type(3) a:before { background:#FF7C84; }

@media screen and (max-width:899px){
}
@media screen and (min-width:900px){
#bottom-nav { bottom:auto; top:23.47vw; left:auto; right:0; width:14.49vw; }
#bottom-nav > ul { flex-flow:column nowrap; }
#bottom-nav > ul > li { width:14.49vw; }
#bottom-nav > ul > li:not(:last-child) { border-right:none; margin:0 0 0.29vw; }
#bottom-nav > ul > li > a,
#bottom-nav > ul > li > button { height:5.8vw; padding:0 0 0 3.26vw; font-size:0.87vw; }
#bottom-nav > ul > li:nth-child(1) > button { background:#233B68 url(../img/common/ico_tel_01.svg) 25% center no-repeat; background-size:1.59vw auto; }
#bottom-nav > ul > li:nth-child(1) > button:before { top:calc(50% - 0.14vw); right:2.17vw; width:0.72vw; height:0.65vw; }
#bottom-nav > ul > li:nth-child(2) > a { background:#233B68 url(../img/common/ico_sp_01.svg) 25% center no-repeat; background-size:1.3vw auto; }
#bottom-nav > ul > li > a:hover,
#bottom-nav > ul > li > button:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
.bottom-nav-sub { bottom:5.8vw; }
.bottom-nav-sub.open { height:11.08vw;  }
.bottom-nav-sub li {}
.bottom-nav-sub li:not(:last-child) {}
.bottom-nav-sub li a { flex-flow:column nowrap; justify-content:center; align-items:start; height:3.62vw; line-height:1.3; padding:0 0 0 2.53vw; font-size:1.01vw; pointer-events:none; }
.bottom-nav-sub li a:before { top:calc(50% - 0.14vw); left:1.09vw; width:0.75vw; height:0.65vw; }
.bottom-nav-sub li a span { display:block; }
}
@media screen and (min-width:1380px){
#bottom-nav { bottom:auto; top:324px; left:auto; right:0; width:200px; }
#bottom-nav > ul { flex-flow:column nowrap; }
#bottom-nav > ul > li { width:200px; }
#bottom-nav > ul > li:not(:last-child) { border-right:none; margin:0 0 4px; }
#bottom-nav > ul > li > a,
#bottom-nav > ul > li > button { height:80px; padding:0 0 0 45px; font-size:12px; }
#bottom-nav > ul > li:nth-child(1) > button { background:#233B68 url(../img/common/ico_tel_01.svg) 25% center no-repeat; background-size:22px auto; }
#bottom-nav > ul > li:nth-child(1) > button:before { top:calc(50% - 2px); right:30px; width:10px; height:9px; }
#bottom-nav > ul > li:nth-child(2) > a { background:#233B68 url(../img/common/ico_sp_01.svg) 25% center no-repeat; background-size:18px auto; }
.bottom-nav-sub { bottom:80px; }
.bottom-nav-sub.open { height:153px;  }
.bottom-nav-sub li {}
.bottom-nav-sub li:not(:last-child) {}
.bottom-nav-sub li a { height:50px; padding:0 0 0 35px; font-size:14px; }
.bottom-nav-sub li a:before { top:calc(50% - 2px); left:15px; width:10px; height:9px; }
}




@media screen and (max-width:899px) {
html #wpadminbar { position:fixed; }
body.admin-bar {}
body.admin-bar #header-wrap { top:46px; }
body.admin-bar #btn-main-navi { top:46px; }
body.admin-bar #header-nav-menu { top:46px; }
}
@media screen and (min-width:900px) {
body.admin-bar {}
body.admin-bar #bottom-nav { margin-top:32px; }
body.admin-bar #header-nav-menu { top:32px; }
body.admin-bar #bottom-nav li:nth-child(3) { top:62px; }
}
@media screen and (min-width:1380px) {

}




/* ----------------------------------------------
 ! footer
 ---------------------------------------------- */

footer { background:#373737; padding:6.15vw 0 20.51vw; color:#fff; position:relative; z-index:2; }
#footer-wrap {}

@media screen and (min-width:900px){
footer { padding:4.71vw 0 1.74vw; }
#footer-wrap {}
}
@media screen and (min-width:1380px){
footer { padding:65px 0 24px; }
#footer-wrap {}
}




#footer-bnr { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:0 4.1vw; }
#footer-bnr li { width:49%; border:1px #707070 solid; overflow:hidden; }
#footer-bnr li a { display:block; }
#footer-bnr li img { width:100%; height:auto; }
#footer-copy { background:#373737; text-align:center; padding:7.69vw 0 5.13vw; font-size:3.07vw; color:#fff; font-weight:400; }
#footer-copy a { color:#fff; font-weight:400; }

@media screen and (min-width:900px){
#footer-bnr { width:43.47vw; margin:0 auto; padding:0; }
#footer-bnr li {}
#footer-bnr li a {}
#footer-bnr li a:hover { opacity:0.7; transition:1s ease; }
#footer-bnr li img {}
#footer-copy { padding:4.71vw 0 0; font-size:0.94vw; }
#footer-copy a {}
#footer-copy a:hover { text-decoration: none; }
}
@media screen and (min-width:1380px){
#footer-bnr { width:600px; }
#footer-bnr li {}
#footer-bnr li a {}
#footer-bnr li img {}
#footer-copy { padding:65px 0 0; font-size:13px; }
#footer-copy a {}
}




/* ----------------------------------------------
 ! scroll-top
 ---------------------------------------------- */

#scroll-top { position:absolute; position:fixed; bottom:25.64vw; right:4.1vw; width:12.3vw; z-index:99997; }
#scroll-top a { display:block; }
#scroll-top img { width:100%; height:auto; }

@media screen and (min-width:900px){
#scroll-top { bottom:1.45vw; right:1.45vw; width:3.98vw; }
#scroll-top a {}
#scroll-top a:hover { opacity:0.7; transition:all 1s; }
}
@media screen and (min-width:1380px){
#scroll-top { bottom:20px; right:20px; width:55px; }
#scroll-top a {}
}





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

#content {}
main {}
#main-wrap {}

@media screen and (max-width:899px){
main {}
}
@media screen and (min-width:900px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}
@media screen and (min-width:1380px){
#content {}
main {}
#main-wrap {}
#home #main-wrap {}
}




.txt-basic p { line-height:1.8; font-size:3.59vw; }
.txt-basic p:not(:last-child) { padding:0 0 4.1vw; }
.txt-basic mark { display:inline; background:linear-gradient(transparent 70%, #F9FBBF 0%); font-weight:600; }
.txt-c { text-align:center !important; margin:0 auto; }
.indent01 { padding-left:1rem !important; text-indent:-1rem; }
.ls01 { letter-spacing:1em !important; margin-right:-1em !important; }

@media screen and (min-width:900px){
.txt-basic p { font-size:1.01vw; }
.txt-basic p:not(:last-child) { padding:0 0 1.16vw; }
.txt-basic mark {}
}
@media screen and (min-width:1380px){
.txt-basic p { font-size:14px; }
.txt-basic p:not(:last-child) { padding:0 0 16px; }
.txt-basic mark {}
}




.btn-more { width:71.79vw; margin:0 auto; position:relative; }
.btn-more a { display:flex; justify-content:center; align-items:center; height:14.35vw; line-height:1.25; background:#0B8286; border-radius:2.05vw; padding:0 3.07vw; font-size:3.59vw; color:#fff; font-weight:500; letter-spacing:0.04em; text-decoration:none; position:relative; }
.btn-more a:before { content:""; position:absolute; bottom:2.56vw; right:14vw; width:1.03vw; height:1.03vw; background:#fff; transform:rotate(45deg); box-shadow:1.54vw -1.54vw 0 #fff,3.07vw -3.07vw 0 #fff,4.61vw -4.61vw 0 #fff,6.15vw -6.15vw 0 #fff,7.69vw -7.69vw 0 #fff; }

@media screen and (min-width:900px){
.btn-more { width:20.28vw; }
.btn-more a { height:4.05vw; border-radius:0.58vw; padding:0 0.87vw; font-size:1.01vw; }
.btn-more a:before { bottom:0.58vw; right:5.07vw; width:0.29vw; height:0.29vw; box-shadow:0.58vw -0.58vw 0 #fff,1.16vw -1.16vw 0 #fff,1.74vw -1.74vw 0 #fff,2.31vw -2.31vw 0 #fff,2.9vw -2.9vw 0 #fff; }
.btn-more a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more { width:280px; }
.btn-more a { height:56px; border-radius:8px; padding:0 12px; font-size:14px; }
.btn-more a:before { bottom:8px; right:70px; width:4px; height:4px; box-shadow:8px -8px 0 #fff,16px -16px 0 #fff,24px -24px 0 #fff,32px -32px 0 #fff,40px -40px 0 #fff; }
}




.btn-more2 { width:61.54vw; margin:0 auto; position:relative; }
.btn-more2 a { display:flex; justify-content:center; align-items:center; height:14.35vw; line-height:1.25; background:#fff; border:1px #3E6FAE solid; border-radius:14.35vw; font-size:3.85vw; color:#3E6FAE; font-weight:400; letter-spacing:0.14vw; text-decoration:none; position:relative; }
.btn-more2 a:before { content:""; position:absolute; top:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(45deg); }
.btn-more2 a:after { content:""; position:absolute; bottom:calc(50% - 1.055vw); right:4.1vw; width:2.31vw; height:0.51vw; background:#3E6FAE; transform:rotate(-45deg); }

@media screen and (min-width:900px){
.btn-more2 { width:23.91vw; margin:0 auto; }
.btn-more2 a { height:3.76vw; padding:0 1.45vw 0 0; font-size:1.09vw; letter-spacing:0; }
.btn-more2 a:before { top:1.66vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:after { top:2.1vw; right:1.16vw; width:0.65vw; height:0.14vw; }
.btn-more2 a:hover { opacity:0.7; transition:0.6s ease; }
}
@media screen and (min-width:1380px){
.btn-more2 { width:330px; }
.btn-more2 a { height:52px; padding:0 20px 0 0; font-size:15px; }
.btn-more2 a:before { top:23px; right:16px; width:9px; height:2px; }
.btn-more2 a:after { top:29px; right:16px; width:9px; height:2px; }
}




.btn-2pane { }
.btn-2pane li { width:100%; list-style:none; }

@media screen and (max-width:899px){
.btn-2pane li:not(:last-child) { margin-bottom:4.1vw; }
}
@media screen and (min-width:900px){
.btn-2pane { display:flex; flex-flow;row nowrap; justify-content:space-between; width:880px; margin:0 auto; }
.btn-2pane li { width:45%; }
}
@media screen and (min-width:1380px){
.btn-2pane { display:flex; flex-flow;row nowrap; }
.btn-2pane li {}
}




.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:2.56vw !important; }
.mb20 { margin-bottom:5.13vw !important; }
.mb30 { margin-bottom:7.69vw !important; }
.mb40 { margin-bottom:10.3vw !important; }
.mb50 { margin-bottom:12.8vw !important; }
.mb60 { margin-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:0.72vw !important; }
.mb20 { margin-bottom:1.45vw !important; }
.mb30 { margin-bottom:2.17vw !important; }
.mb40 { margin-bottom:2.9vw !important; }
.mb50 { margin-bottom:3.62vw !important; }
.mb60 { margin-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
}

.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:2.56vw !important; }
.pb20 { padding-bottom:5.13vw !important; }
.pb30 { padding-bottom:7.69vw !important; }
.pb40 { padding-bottom:10.3vw !important; }
.pb50 { padding-bottom:12.8vw !important; }
.pb60 { padding-bottom:15.4vw !important; }
@media screen and (min-width:900px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:0.72vw !important; }
.pb20 { padding-bottom:1.45vw !important; }
.pb30 { padding-bottom:2.17vw !important; }
.pb40 { padding-bottom:2.9vw !important; }
.pb50 { padding-bottom:3.62vw !important; }
.pb60 { padding-bottom:4.34vw !important; }
}
@media screen and (min-width:1380px){
.pb0 { padding-bottom:0 !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
}

.w100 { width:100% !important; }