@charset "UTF-8";

.content-01 article>p,
.content-04 .content-items-02 .address-item .item-01 { font-size:16px;}
.common-title-01 .jp,
.content-02 .content-items-01,
.content-03 .items-wrap-01 .item-02 { font-size:20px;}
.content-04 .content-items-02 .address-item .item-02 { font-size:24px;}
.content-04 .content-items-02 .address-item::before { font-size:24px;}
.main-visual-01 .items-area-01 { font-size:28px;}
.content-01 { font-size:36px;}
.main-visual-01 .items-area-02 .item-01,
.content-04 .content-items-02 .address-item .item-03 { font-size:12px;}
.content-03 .content-items-02>p { font-size:16px;}
.content-03 .items-wrap-01 { font-size:36px;}
.content-04 .content-items-01 { font-size:40px;}
.common-title-01 .en,
.common-title-01::before { font-size:44px;}
.common-title-01 { text-align:center; width:90%; margin-right:auto; margin-left:auto; display:flex; align-items:center; flex-direction:column;}
.common-title-01 * { color:#00322b;}
.common-title-01 .en { display:block; line-height:1.3; order:1;}
.common-title-01 .jp { display:block; line-height:1.5; order:3;}
.common-title-01::before { content:""; display:block; background-color:#00322b; width:0.9091em; height:2px; transform:scaleY(0.5); order:2; margin-top:25px; margin-bottom:28px;}
.main-visual-01 { width:100%; height:700px; display:flex;}
.main-visual-01 .items-area-01 { width:calc(100% - 150px); position:relative;}
.main-visual-01 .items-area-01 .item-01 { display:flex; align-items:center; height:100%; position:relative; z-index:1; left:68px; width:fit-content; text-shadow:0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff,0 0 0.1786em #fff;}
.main-visual-01 .items-area-01 .item-01 strong { display:block; line-height:2.2857; color:#00322b; padding-bottom:.5em;}
.main-visual-01 .items-area-01 .bg { position:absolute; width:100%; height:100%; left:0; top:0;}
.main-visual-01 .items-area-01 .bg img { object-fit:cover; position:absolute; width:100%; height:100%; left:0; top:0;}
.main-visual-01 .items-area-02 { width:150px; display:flex; flex-direction:column; justify-content:flex-end;}
.main-visual-01 .items-area-02 .item-01 { width:100%; display:flex; flex-direction:column; margin-bottom:20%; justify-content:flex-end; align-items:center;}
.main-visual-01 .items-area-02 .item-01 strong { display:block; line-height:1.3; transform:translateY(-185%) rotate(90deg); padding-bottom:.05em;}
.main-visual-01 .items-area-02 .item-01::after { content:""; display:block; background-color:#00322b; width:1px; transform:scaleX(0.5); height:6.25em;}
.content-01 { background-color:#00322b; text-align:center; padding-top:66px; padding-bottom:75px;}
.content-01 * { color:#fff;}
.content-01 article { width:90%; margin-right:auto; margin-left:auto;}
.content-01 article .title-01 { width:100%; line-height:1.5; margin-bottom:20px;}
.content-01 article>p { width:100%; line-height:2;}
.content-02 { padding-top:150px; width:100%; text-align:center; position:relative;}
.content-02 .content-items-01 { width:90%; margin-top:40px; margin-right:auto; margin-left:auto;}
.content-02 .content-items-01 * { color:#00322b;}
.content-02 .content-items-01>p { width:100%; line-height:2;}
.content-02 .content-items-01>p+p { margin-top:40px;}
.content-02 .content-items-02 { max-width:800px; width:86%; margin-left:auto; margin-right:auto; margin-top:65px; display:flex; flex-wrap:wrap;}
.content-02 .content-items-02 .item-01,
.content-02 .content-items-02 .item-02,
.content-02 .content-items-02 .item-03 { display:flow-root;}
.content-02 .content-items-02 .item-01 img,
.content-02 .content-items-02 .item-02 img,
.content-02 .content-items-02 .item-03 img { float:left;}
.content-02 .content-items-02 .item-01 { width:100%;}
.content-02 .content-items-02 .item-02 { width:47.8125%; margin-top:4.375%;}
.content-02 .content-items-02 .item-03 { width:47.8125%; margin-top:4.375%; margin-left:auto;}
.content-03 { max-width:1212px; width:86%; margin-left:auto; margin-right:auto; background-color:#e6ebea; margin-top:100px;}
.content-03 * { color:#00322b;}
.content-03 .content-inner { padding-top:6.1881%; padding-bottom:6.1881%; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.content-03 .items-wrap-01 { width:calc(100% + .2em); margin-left:-0.2em; display:flex; align-items:center;}
.content-03 .items-wrap-01 .item-01 { line-height:1; display:block; margin-right:.9em;}
.content-03 .items-wrap-01 .item-02 { line-height:1.3; position:relative;}
.content-03 .content-items-01 { display:flow-root; width:45.3795%; margin-left:5.7756%;}
.content-03 .content-items-01 img { float:left;}
.content-03 .content-items-02 { width:39.1914%; margin-right:5.7756%;}
.content-03 .content-items-02>p { text-align:justify; text-justify:inter-ideograph; word-break:break-all; width:100%; line-height:1.94; letter-spacing:0; margin-top:5.6842%;}
.content-04 { width:100%; margin-top:150px;}
.content-04 .content-items-01 { padding-top:350px; position:relative; text-align:center;}
.content-04 .content-items-01 * { color:#fff;}
.content-04 .content-items-01 .item-01 { position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.content-04 .content-items-01 .item-01 strong { display:block; line-height:1.8; width:calc(100% - 1.5em);}
.content-04 .content-items-01 .bg { width:100%; height:100%; left:0; top:0; position:absolute;}
.content-04 .content-items-01 .bg img { width:100%; height:100%; left:0; top:0; position:absolute; object-fit:cover;}
.content-04 .content-items-02 { width:100%; padding-top:145px; position:relative;}
.content-04 .content-items-02 .items-wrap-01 { max-width:1100px; width:86%; margin-left:auto; margin-right:auto; margin-top:75px; display:flex; justify-content:space-between; align-items:center;}
.content-04 .content-items-02 .map-item { width:54.5455%;}
.content-04 .content-items-02 .map-item .item-01 { width:100%; padding-top:66.6667%; position:relative;}
.content-04 .content-items-02 .map-item .item-01 iframe { position:absolute; width:100%; height:100%; left:0; top:0;}
.content-04 .content-items-02 .address-item { width:38.1818%; display:flex; flex-direction:column;}
.content-04 .content-items-02 .address-item * { color:#00322b;}
.content-04 .content-items-02 .address-item .item-01 { width:100%; line-height:2; order:1;}
.content-04 .content-items-02 .address-item .item-02 { width:100%; line-height:1.3; order:3;}
.content-04 .content-items-02 .address-item .item-02 strong { font-size:1.15em; line-height:1.1; vertical-align:-0.03em;}
.content-04 .content-items-02 .address-item .item-03 { width:calc(100% + 1em); letter-spacing:0; padding-left:1.2em; margin-top:1.9048%; line-height:1.6667; position:relative; order:4;}
.content-04 .content-items-02 .address-item .item-03::before { letter-spacing:0; content:"※"; line-height:1.6667; position:absolute; left:0; top:0;}
.content-04 .content-items-02 .address-item::before { margin-top:0.8333em; margin-bottom:0.9583em; width:100%; height:2px; content:""; display:block; background-color:#00322b; transform:scaleY(0.5); order:2;}

@media (max-width:1400px) {
.common-title-01::before { margin-top:1.7857%; margin-bottom:2%;}
.main-visual-01 { height:50vw;}
.main-visual-01 .items-area-01 { width:89.2857%;}
.main-visual-01 .items-area-01 .item-01 { left:5.44%;}
.main-visual-01 .items-area-02 { width:10.7143%;}
.content-01 { padding-top:4.7143%; padding-bottom:5.3571%;}
.content-01 article .title-01 { margin-bottom:1.4286%;}
.content-02 { padding-top:10.7143%;}
.content-04 { margin-top:10.7143%;}
.content-04 .content-items-01 { padding-top:25%;}
.content-04 .content-items-02 { padding-top:10.3571%;}
.content-04 .content-items-02 .items-wrap-01 { margin-top:5.3571%;}
}

@media (max-width:1200px) {
.content-04 .content-items-02 .address-item::before { transform:scaleY(0.4);}
}

@media (max-width:1100px) {
.content-03 { margin-top:9.0909%;}
.content-04 .content-items-02 .address-item .item-01 { line-height:1.7;}
.content-04 .content-items-02 .address-item::before { margin-top:0.9583em; margin-bottom:1.0417em;}
}

@media (max-width:1000px) {
.content-02 .content-items-01 { margin-top:4%;}
.content-02 .content-items-01>p+p { margin-top:4%;}
.content-02 .content-items-02 { margin-top:6.5%;}
}

@media (max-width:900px) {
.content-03 .content-items-02>p { line-height:1.85; margin-top:4.6316%;}
}

@media (max-width:768px) {
.common-title-01::before { margin-top:0.6897em; margin-bottom:0.7724em;}
.main-visual-01 { height:450px; min-height:calc(270px - 3.4375em); max-height:calc(100vh - 3.4375em);}
.main-visual-01 .items-area-02 .item-01 { font-size:10px;}
.content-01 { padding-top:1.9556em; padding-bottom:2.2222em;}
.content-01 article .title-01 { margin-bottom:2.2135%;}
.content-02 .content-items-01 { margin-top:5.2083%;}
.content-02 .content-items-02 { max-width:500px; width:90%; margin-top:7.8125%;}
.content-03 { max-width:500px; width:90%; margin-top:10.4167%;}
.content-03 .content-inner { padding-top:10%; padding-bottom:9%; flex-direction:column; justify-content:flex-start; margin-right:auto; margin-left:auto; align-items:center; width:80%;}
.content-03 .content-items-01 { width:100%; margin-left:0;}
.content-03 .content-items-02 { width:100%; margin-top:8.75%; margin-right:0;}
.content-03 .content-items-02>p { line-height:1.8; margin-top:5%;}
.content-04 { margin-top:13.0208%;}
.content-04 .content-items-02 .items-wrap-01 { margin-top:3.4375em; max-width:500px; width:90%; justify-content:flex-start; flex-direction:column;}
.content-04 .content-items-02 .map-item { width:100%;}
.content-04 .content-items-02 .address-item { width:fit-content; margin-top:8%;}
}

@media (max-width:700px) {
.main-visual-01 .items-area-01 .bg img { object-position:center right;}
}

@media (max-width:600px) {
.main-visual-01 .items-area-01 { width:86.6667%;}
.main-visual-01 .items-area-02 { width:13.3333%;}
}

@media (max-width:550px) {
.content-02 .content-items-01>p { line-height:1.8;}
.content-04 .content-items-01 { padding-top:32.7273%;}
.content-04 .content-items-02 .map-item .item-01 { padding-top:100%;}
}

@media (max-width:500px) {
.content-03 .items-wrap-01 .item-02 { top:.1em;}
}

@media (max-width:450px) {
.main-visual-01 .items-area-01 .bg img { object-position:top 50% right 15%;}
.content-02 .content-items-01 { margin-top:6.6667%;}
}

@media (max-width:320px) {
.common-title-01 .jp,
.content-02 .content-items-01 { font-size:11px;}
.content-03 .content-items-02>p { font-size:11px;}
.content-03 .items-wrap-01 .item-02,
.content-04 .content-items-02 .address-item .item-01 { font-size:11px;}
.content-04 .content-items-01 { font-size:11px;}
.main-visual-01 { font-size:12px;}
.content-04 .content-items-02 .address-item .item-02 { font-size:14px;}
.common-title-01::before { font-size:14px;}
.content-04 .content-items-02 .address-item::before { font-size:15px;}
.main-visual-01 .items-area-01 { font-size:16px;}
.content-03 .items-wrap-01 { font-size:18px;}
.content-01 { font-size:20px;}
.common-title-01 .en { font-size:22px;}
.content-01 article>p,
.content-04 .content-items-02 .address-item .item-03 { font-size:10px;}
.content-04 .content-items-02 .items-wrap-01 { font-size:10px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.content-01 article>p,
.content-04 .content-items-02 .address-item .item-01 { font-size:calc(12px + (1vw - 7.68px) * .6329);}
.common-title-01 .jp,
.content-02 .content-items-01,
.content-03 .items-wrap-01 .item-02 { font-size:calc(12px + (1vw - 7.68px) * 1.2658);}
.content-04 .content-items-02 .address-item .item-02 { font-size:calc(17px + (1vw - 7.68px) * 1.1076);}
.content-04 .content-items-02 .address-item::before { font-size:calc(20px + (1vw - 7.68px) * .6329);}
.main-visual-01 .items-area-01 { font-size:calc(20px + (1vw - 7.68px) * 1.2658);}
.content-01 { font-size:calc(26px + (1vw - 7.68px) * 1.5823);}
.main-visual-01 .items-area-02 .item-01,
.content-04 .content-items-02 .address-item .item-03 { font-size:calc(10px + (1vw - 7.68px) * .3165);}
.content-03 .content-items-02>p { font-size:calc(10px + (1vw - 7.68px) * .9494);}
.content-03 .items-wrap-01 { font-size:calc(20px + (1vw - 7.68px) * 2.5316);}
.content-04 .content-items-01 { font-size:calc(22px + (1vw - 7.68px) * 2.8481);}
.common-title-01 .en,
.common-title-01::before { font-size:calc(24px + (1vw - 7.68px) * 3.1646);}
}

@media (min-width:320.1px) and (max-width:768px) {
.common-title-01 .jp,
.content-02 .content-items-01 { font-size:calc(11px + (1vw - 3.2px) * .4464);}
.content-03 .content-items-02>p { font-size:calc(11px + (1vw - 3.2px) * .6696);}
.content-03 .items-wrap-01 .item-02,
.content-04 .content-items-02 .address-item .item-01 { font-size:calc(11px + (1vw - 3.2px) * 1.1161);}
.content-04 .content-items-01 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.main-visual-01 { font-size:calc(12px + (1vw - 3.2px) * .4464);}
.content-04 .content-items-02 .address-item .item-02 { font-size:calc(14px + (1vw - 3.2px) * 2.2321);}
.common-title-01::before { font-size:calc(14px + (1vw - 3.2px) * 3.3482);}
.content-04 .content-items-02 .address-item::before { font-size:calc(15px + (1vw - 3.2px) * 2.0089);}
.main-visual-01 .items-area-01 { font-size:calc(16px + (1vw - 3.2px) * .8929);}
.content-03 .items-wrap-01 { font-size:calc(18px + (1vw - 3.2px) * 2.4554);}
.content-01 { font-size:calc(20px + (1vw - 3.2px) * 1.5625);}
.common-title-01 .en { font-size:calc(22px + (1vw - 3.2px) * 1.5625);}
.content-01 article>p,
.content-04 .content-items-02 .address-item .item-03 { font-size:calc(10px + (1vw - 3.2px) * .4464);}
.content-04 .content-items-02 .items-wrap-01 { font-size:calc(10px + (1vw - 3.2px) * 1.3393);}
}