@charset "UTF-8";

.page-concept .concept-01 .content-01 .item-02,
.page-concept .concept-01 .content-03>article .item-02,
.page-concept .concept-02 .content-02 .item-02,
.page-concept .concept-02 .content-02 .item-03,
.page-concept .concept-03 .content-02>article .item-02,
.page-concept .concept-04 .content-02>article .item-02,
.page-concept .concept-05 .content-01>article .item-02 { font-size:13px;}
.page-concept .concept-01 .content-01 .item-01,
.page-concept .concept-01 .content-03>article .item-01,
.page-concept .concept-02 .content-02 .item-01,
.page-concept .concept-03 .content-02>article .item-01,
.page-concept .concept-04 .content-02>article .item-01,
.page-concept .concept-05 .content-01>article .item-01 { font-size:30px;}
.page-concept { width:100%; background-color:#f8f5f0; padding-bottom:140px;}
.page-concept .concept-01 { width:100%; padding-top:45px; position:relative;}
.page-concept .concept-01::before { content:""; display:block; background-color:#fff; position:absolute; top:0; left:0; width:calc(50% + 1440px/2 - 58px); margin-top:480px; height:calc(100% - 480px - 100px);}
.page-concept .concept-01 .content-inner-01 { position:relative; z-index:1; max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.page-concept .concept-01 .content-01 { width:100%; text-align:center; padding-bottom:55px;}
.page-concept .concept-01 .content-01 .item-01 { width:100%; letter-spacing:.05em; line-height:1.5;}
.page-concept .concept-01 .content-01 .item-02 { width:100%; margin-top:1.9091%; line-height:2; letter-spacing:.1em;}
.page-concept .concept-01 .content-02 { width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.page-concept .concept-01 .content-02 .item-01 { width:57.2727%; display:flow-root;}
.page-concept .concept-01 .content-02 .item-01 img { float:left;}
.page-concept .concept-01 .content-02 .item-02 { width:33.6364%; padding-top:9.0909%; display:flow-root;}
.page-concept .concept-01 .content-02 .item-02 img { float:left; width:83.7838%;}
.page-concept .concept-01 .content-03 { width:100%; display:flex; justify-content:space-between;}
.page-concept .concept-01 .content-03>article { width:40.9091%;}
.page-concept .concept-01 .content-03>article .item-01 { width:100%; margin-top:-3.1111%; letter-spacing:.05em; line-height:1.5;}
.page-concept .concept-01 .content-03>article .item-02 { width:100%; margin-top:4.6667%; line-height:2; letter-spacing:.1em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-concept .concept-01 .content-03>figure { width:52.7273%; display:flow-root; padding-top:7.1818%;}
.page-concept .concept-01 .content-03>figure img { float:left;}
.page-concept .concept-02 { width:100%; padding-top:160px; position:relative;}
.page-concept .concept-02::before { content:""; display:block; background-color:#fff; position:absolute; top:0; right:0; width:calc(50% + 1440px/2 - 58px); margin-top:343px; height:calc(100% - 343px - 220px);}
.page-concept .concept-02 .content-inner-01 { position:relative; z-index:1; max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.page-concept .concept-02 .content-01 { width:100%; display:flow-root;}
.page-concept .concept-02 .content-01 img { float:left;}
.page-concept .concept-02 .content-02 { width:100%; text-align:center; padding-top:50px; padding-bottom:32px;}
.page-concept .concept-02 .content-02 .item-01 { width:100%; letter-spacing:.05em; line-height:1.5;}
.page-concept .concept-02 .content-02 .item-02 { width:100%; margin-top:1.9091%; line-height:2; letter-spacing:.1em;}
.page-concept .concept-02 .content-02 .item-03 { width:100%; line-height:2; letter-spacing:.1em;}
.page-concept .concept-02 .content-02 .item-03::before { content:"※"; line-height:2; margin-right:0.1538em;}
.page-concept .concept-02 .content-03 { display:flex; justify-content:space-between;}
.page-concept .concept-02 .content-03 figure { display:flow-root; width:31.5155%;}
.page-concept .concept-02 .content-03 figure img { float:left;}
.page-concept .concept-02 .content-03 figure:nth-of-type(2) { padding-top:4.5455%;}
.page-concept .concept-02 .content-03 figure:nth-of-type(3) { padding-top:9.0909%;}
.page-concept .concept-02 .content-03 figure:nth-of-type(n+2) { margin-top:5.1282%;}
.page-concept .concept-03 { width:100%; padding-top:160px; padding-bottom:108px; position:relative;}
.page-concept .concept-03::before { content:""; display:block; background-color:#fff; position:absolute; bottom:0; left:0; width:calc(50% + 1440px/2 - 58px); height:calc(100% - 160px - 183px);}
.page-concept .concept-03 .content-inner-01 { position:relative; z-index:1; max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.page-concept .concept-03 .content-01 { width:100%; display:flow-root;}
.page-concept .concept-03 .content-01 img { float:left;}
.page-concept .concept-03 .content-02 { width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:4.3636%;}
.page-concept .concept-03 .content-02>article { width:41.8182%;}
.page-concept .concept-03 .content-02>article .item-01 { width:100%; letter-spacing:.05em; line-height:1.5;}
.page-concept .concept-03 .content-02>article .item-02 { width:100%; margin-top:4.5652%; line-height:2; letter-spacing:.1em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-concept .concept-03 .content-02>figure { width:57.2727%; display:flow-root;}
.page-concept .concept-03 .content-02>figure img { float:left;}
.page-concept .concept-04 { width:100%; padding-top:130px; padding-bottom:120px;}
.page-concept .concept-04 .content-inner-01 { display:flex; justify-content:space-between; position:relative; z-index:1; max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.page-concept .concept-04 .content-01 { width:52.7273%; display:flow-root;}
.page-concept .concept-04 .content-01 img { float:left;}
.page-concept .concept-04 .content-02 { width:40.9091%;}
.page-concept .concept-04 .content-02>article { width:100%;}
.page-concept .concept-04 .content-02>article .item-01 { width:100%; letter-spacing:.05em; line-height:1.5; margin-top:-2.6667%;}
.page-concept .concept-04 .content-02>article .item-02 { width:100%; margin-top:4.6667%; line-height:2; letter-spacing:.1em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-concept .concept-04 .content-02>figure { width:66.6667%; margin-top:23.7778%; display:flow-root;}
.page-concept .concept-04 .content-02>figure img { float:left;}
.page-concept .concept-05 { width:100%; padding-top:120px; position:relative;}
.page-concept .concept-05::before { content:""; display:block; background-color:#fff; position:absolute; top:0; right:0; width:calc(50% + 1440px/2 - 58px); height:calc(100% - 77px);}
.page-concept .concept-05 .content-inner-01 { display:flex; justify-content:space-between; position:relative; z-index:1; max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.page-concept .concept-05 .content-01 { width:40.9091%;}
.page-concept .concept-05 .content-01>article { width:100%; padding-top:17.2222%;}
.page-concept .concept-05 .content-01>article .item-01 { width:100%; letter-spacing:.05em; line-height:1.5;}
.page-concept .concept-05 .content-01>article .item-02 { width:100%; margin-top:4.6667%; line-height:2; letter-spacing:.1em; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-concept .concept-05 .content-01>figure { width:66.6667%; display:flow-root; margin-top:20%; margin-left:auto;}
.page-concept .concept-05 .content-01>figure img { float:left;}
.page-concept .concept-05 .content-02 { width:52.7273%; display:flow-root;}
.page-concept .concept-05 .content-02 img { float:left;}

@media (max-width:1440px) {
.page-concept { padding-bottom:9.7222%;}
.page-concept .concept-01 { padding-top:3.125%;}
.page-concept .concept-01::before { width:95.9722%; height:calc(100% - 33.3333vw - 6.9444vw);}
.page-concept .concept-01 .content-01 { padding-bottom:3.8194%;}
.page-concept .concept-02 { padding-top:11.1111%;}
.page-concept .concept-02::before { margin-top:23.8194%; width:95.9722%; height:calc(100% - 23.8194vw - 15.2778vw);}
.page-concept .concept-02 .content-02 { padding-top:3.4722%; padding-bottom:2.2222%;}
.page-concept .concept-03 { padding-top:11.1111%; padding-bottom:7.5%;}
.page-concept .concept-03::before { width:95.9722%; height:calc(100% - 11.1111vw - 12.7083vw);}
.page-concept .concept-04 { padding-top:9.0278%; padding-bottom:8.3333%;}
.page-concept .concept-05 { padding-top:8.3333%;}
.page-concept .concept-05::before { width:95.9722%; height:calc(100% - 5.3472vw);}
}

@media (max-width:1295px) {
.page-concept .concept-01::before { margin-top:37.0656%;}
}

@media (max-width:770px) {
.page-concept .concept-01 .content-01 .item-02 { line-height:1.9;}
.page-concept .concept-01 .content-03>article .item-02 { line-height:1.9;}
.page-concept .concept-02 .content-02 .item-02 { line-height:1.9;}
.page-concept .concept-03 .content-02>article .item-02 { line-height:1.9;}
.page-concept .concept-04 .content-02>article .item-02 { line-height:1.9;}
.page-concept .concept-05 .content-01>article .item-02 { line-height:1.9;}
}

@media (max-width:768px) {
.page-concept { padding-bottom:18.2292%;}
.page-concept .common-content-header-01 .content-02 { margin-top:6.6964%;}
.page-concept .common-content-header-01 .content-02 .item-01 { margin-top:5.3571%;}
.page-concept .common-content-header-01 .main-visual-01 { margin-top:6.5104%;}
.page-concept .concept-01 { padding-top:6.5104%;}
.page-concept .concept-01::before { top:auto; bottom:0; margin-top:0; margin-bottom:7.4219%; width:93.75%; height:calc(100% - 129.8177vw - 7.4219vw);}
.page-concept .concept-01 .content-inner-01 { width:81.25%; margin-left:6.25%;}
.page-concept .concept-01 .content-01 { padding-bottom:7.8125%; margin-right:auto; margin-left:auto; width:87.5%; text-align:left;}
.page-concept .concept-01 .content-01 .item-02 { letter-spacing:.05em; line-height:1.8; margin-top:3.776%;}
.page-concept .concept-01 .content-02 .item-01 { width:68.146%;}
.page-concept .concept-01 .content-02 .item-02 { width:29.2899%; padding-top:15.3846%;}
.page-concept .concept-01 .content-02 .item-02 img { width:100%;}
.page-concept .concept-01 .content-03 { margin-top:6.5705%; flex-direction:column; justify-content:flex-start;}
.page-concept .concept-01 .content-03>article { width:100%;}
.page-concept .concept-01 .content-03>article .item-01 { margin-top:0;}
.page-concept .concept-01 .content-03>article .item-02 { line-height:1.8; letter-spacing:.05em; margin-top:4.6474%;}
.page-concept .concept-01 .content-03>figure { width:67.9487%; margin-top:7.6923%; margin-left:auto; padding-top:0;}
.page-concept .concept-02 { padding-top:20.8333%;}
.page-concept .concept-02::before { margin-top:20.8333%; height:calc(100% - 27.0833vw - 20.8333vw); width:93.75%;}
.page-concept .concept-02 .content-inner-01 { width:100%;}
.page-concept .concept-02 .content-01 { aspect-ratio:64 / 29; position:relative;}
.page-concept .concept-02 .content-01 img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.page-concept .concept-02 .content-02 { text-align:left; margin-top:5.3385%; margin-right:6.25%; margin-left:auto; width:81.25%; padding-top:0; padding-bottom:0;}
.page-concept .concept-02 .content-02 .item-02 { letter-spacing:.05em; line-height:1.8; margin-top:3.776%;}
.page-concept .concept-02 .content-02 .item-03 { line-height:1.8;}
.page-concept .concept-02 .content-02 .item-03::before { letter-spacing:.05em; line-height:1.8;}
.page-concept .concept-02 .content-03 { flex-direction:column; justify-content:flex-start; width:81.25%; margin-top:6.25%; margin-right:6.25%; margin-left:auto;}
.page-concept .concept-02 .content-03 figure { width:100%;}
.page-concept .concept-02 .content-03 figure:nth-of-type(2) { padding-top:0;}
.page-concept .concept-02 .content-03 figure:nth-of-type(3) { padding-top:0;}
.page-concept .concept-03 { padding-top:20.8333%; padding-bottom:0;}
.page-concept .concept-03::before { top:0; bottom:auto; width:93.75%; height:calc(100% - 18.3594vw - 20.8333vw); margin-top:20.8333%;}
.page-concept .concept-03 .content-inner-01 { width:100%;}
.page-concept .concept-03 .content-01 { aspect-ratio:64 / 29; position:relative;}
.page-concept .concept-03 .content-01 img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.page-concept .concept-03 .content-02 { width:81.25%; justify-content:flex-start; flex-direction:column; align-items:stretch; margin-top:5.3385%; margin-right:auto; margin-left:6.25%;}
.page-concept .concept-03 .content-02>article { width:100%;}
.page-concept .concept-03 .content-02>article .item-02 { line-height:1.8; letter-spacing:.05em; margin-top:4.6474%;}
.page-concept .concept-03 .content-02>figure { width:67.9487%; margin-top:7.6923%; margin-left:auto;}
.page-concept .concept-04 { padding-top:20.8333%; padding-bottom:0;}
.page-concept .concept-04 .content-inner-01 { width:87.5%; flex-direction:column; justify-content:flex-start;}
.page-concept .concept-04 .content-01 { width:100%;}
.page-concept .concept-04 .content-02 { margin-top:6.1012%; width:100%;}
.page-concept .concept-04 .content-02>article .item-01 { margin-top:0;}
.page-concept .concept-04 .content-02>article .item-02 { letter-spacing:.05em; line-height:1.8; margin-top:4.3155%;}
.page-concept .concept-04 .content-02>figure { margin-top:7.6923%; margin-left:auto; width:70.2381%;}
.page-concept .concept-05 { padding-top:20.8333%;}
.page-concept .concept-05::before { width:93.75%; margin-top:47.9167%; height:calc(100% - 47.9167vw - 3.9063vw);}
.page-concept .concept-05 .content-inner-01 { width:81.25%; flex-direction:column; justify-content:flex-start; margin-right:6.25%;}
.page-concept .concept-05 .content-01 { width:100%; order:2; margin-top:6.5705%;}
.page-concept .concept-05 .content-01>article { padding-top:0;}
.page-concept .concept-05 .content-01>article .item-02 { line-height:1.8; letter-spacing:.05em; margin-top:4.6474%;}
.page-concept .concept-05 .content-01>figure { width:67.9487%; margin-top:7.6923%;}
.page-concept .concept-05 .content-02 { order:1; width:100%;}
}

@media (max-width:320px) {
.page-concept .concept-01 .content-01 .item-02,
.page-concept .concept-01 .content-03>article .item-02,
.page-concept .concept-02 .content-02 .item-02,
.page-concept .concept-02 .content-02 .item-03,
.page-concept .concept-03 .content-02>article .item-02,
.page-concept .concept-04 .content-02>article .item-02,
.page-concept .concept-05 .content-01>article .item-02 { font-size:13px;}
.page-concept .common-content-header-01 .content-02 .item-01 { font-size:18px;}
.page-concept .concept-01 .content-01 .item-01,
.page-concept .concept-01 .content-03>article .item-01,
.page-concept .concept-02 .content-02 .item-01,
.page-concept .concept-03 .content-02>article .item-01,
.page-concept .concept-04 .content-02>article .item-01,
.page-concept .concept-05 .content-01>article .item-01 { font-size:20px;}
}

@media (min-width:700.1px) and (max-width:1440px) {
.page-concept .concept-01 .content-01 .item-02,
.page-concept .concept-01 .content-03>article .item-02,
.page-concept .concept-02 .content-02 .item-02,
.page-concept .concept-02 .content-02 .item-03,
.page-concept .concept-03 .content-02>article .item-02,
.page-concept .concept-04 .content-02>article .item-02,
.page-concept .concept-05 .content-01>article .item-02 { font-size:calc(10px + (1vw - 7px) * .4054);}
.page-concept .concept-01 .content-01 .item-01,
.page-concept .concept-01 .content-03>article .item-01,
.page-concept .concept-02 .content-02 .item-01,
.page-concept .concept-03 .content-02>article .item-01,
.page-concept .concept-04 .content-02>article .item-01,
.page-concept .concept-05 .content-01>article .item-01 { font-size:calc(15px + (1vw - 7px) * 2.027);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-concept .concept-01 .content-01 .item-02,
.page-concept .concept-01 .content-03>article .item-02,
.page-concept .concept-02 .content-02 .item-02,
.page-concept .concept-02 .content-02 .item-03,
.page-concept .concept-03 .content-02>article .item-02,
.page-concept .concept-04 .content-02>article .item-02,
.page-concept .concept-05 .content-01>article .item-02 { font-size:calc(13px + (1vw - 3.2px) * 4.2411);}
.page-concept .common-content-header-01 .content-02 .item-01 { font-size:calc(18px + (1vw - 3.2px) * 5.3571);}
.page-concept .concept-01 .content-01 .item-01,
.page-concept .concept-01 .content-03>article .item-01,
.page-concept .concept-02 .content-02 .item-01,
.page-concept .concept-03 .content-02>article .item-01,
.page-concept .concept-04 .content-02>article .item-01,
.page-concept .concept-05 .content-01>article .item-01 { font-size:calc(20px + (1vw - 3.2px) * 6.25);}
}