@charset "UTF-8";

.page-factory .content-items-01,
.page-factory .content-items-03 { font-size:18px;}
.page-factory .content-items-02 .item-01 ul { font-size:20px;}
.page-factory .content-items-03 .item-02,
.page-factory .content-items-04 .items-area-01 .item-02,
.page-factory .content-items-04 .items-area-02 { font-size:18px;}
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(1) { font-size:30px;}
.page-factory .content-items-04 .items-area-01 .item-01 { font-size:30px;}
.page-factory .content-items-02 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-02 { font-size:30px;}
.page-factory .content-items-01 .item-01 .jp-01,
.page-factory .content-items-01 .item-01 .jp-02,
.page-factory .content-items-03 .item-01 .jp { font-size:40px;}
.page-factory .content-items-01 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-01 { font-size:80px;}
.page-factory .content-items-01 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-01 { font-family:"Oswald","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:700;}
.page-factory .content-items-01 .item-01 .en *,
.page-factory .content-items-03 .item-01 .en-01 * { font-family:"Oswald","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:700;}
.page-factory { width:100%;}
.page-factory .content-items-01 { width:100%; min-height:690px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-top:60px; padding-bottom:55px;}
.page-factory .content-items-01 * { color:#fff;}
.page-factory .content-items-01 .item-01 strong { display:block;}
.page-factory .content-items-01 .item-01 .jp-01,
.page-factory .content-items-01 .item-01 .jp-02 { letter-spacing:.2em; font-weight:700; line-height:1.6;}
.page-factory .content-items-01 .item-01 .en { margin-top:22px; margin-bottom:28px; line-height:1; font-weight:700; letter-spacing:.03em;}
.page-factory .content-items-01 .item-02 { margin-top:40px; width:calc(100% - 2em); line-height:2.2222; letter-spacing:.1em;}
.page-factory .content-items-01 .bg { position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:left center;}
.page-factory .content-items-02 { width:100%; padding-top:100px; padding-bottom:105px;}
.page-factory .content-items-02 .inner-item { max-width:1355px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.page-factory .content-items-02 .item-01 { width:47.5277%;}
.page-factory .content-items-02 .item-01 .en { display:block; line-height:1.6; width:100%; padding-bottom:3.7267%;}
.page-factory .content-items-02 .item-01 ul { display:flex; flex-wrap:wrap; width:100%; padding-top:6.2112%;}
.page-factory .content-items-02 .item-01 li { position:relative; line-height:1.8; padding-left:1em;}
.page-factory .content-items-02 .item-01 li::before { line-height:1.8; position:absolute; left:0; top:.55em; width:.7em; height:.7em; border-radius:.7em; content:""; display:block; background-color:#000;}
.page-factory .content-items-02 .item-01 li:not(:last-of-type) { margin-right:1.3em;}
.page-factory .content-items-03 { width:100%; min-height:600px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding-top:60px; padding-bottom:70px; position:relative;}
.page-factory .content-items-03 * { color:#fff;}
.page-factory .content-items-03 .item-01 { width:90%; text-align:center;}
.page-factory .content-items-03 .item-01 strong { display:block;}
.page-factory .content-items-03 .item-01 .en-01 { line-height:1; font-weight:700; letter-spacing:.03em;}
.page-factory .content-items-03 .item-01 .en-02 { margin-top:35px; letter-spacing:.08em; font-weight:700; line-height:1.4;}
.page-factory .content-items-03 .item-01 .jp { letter-spacing:.15em; font-weight:700; line-height:1.6;}
.page-factory .content-items-03 .item-02 { max-width:1010px; width:90%; margin-top:45px; display:flex; justify-content:space-between; text-align:center;}
.page-factory .content-items-03 .item-02 .banner { width:482px;}
.page-factory .content-items-03 .item-02 .banner * { cursor:pointer;}
.page-factory .content-items-03 .item-02 .banner strong { display:block; line-height:1.6;}
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(1) { letter-spacing:.15em; font-weight:700;}
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(2) { margin-bottom:.9em;}
.page-factory .content-items-03 .item-02 .banner svg { width:0.8889em;}
.page-factory .content-items-03 .item-02 .banner path { fill:#fff;}
.page-factory .content-items-03 .item-02 .banner-inner { border-width:2px; border-color:#fff; border-style:solid; display:flex; justify-content:center; align-items:center; flex-direction:column; cursor:pointer; background-color:rgba(255,255,255,0); transition:background-color 400ms; width:100%; min-height:9.1667em; padding-bottom:.7920792079%;}
.page-factory .content-items-03 .bg { position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.page-factory .content-items-04 { width:100%; position:relative;}
.page-factory .content-items-04 .items-area-01 { width:100%; text-align:center; padding-top:65px; padding-bottom:65px;}
.page-factory .content-items-04 .items-area-01>* { width:90%; margin-right:auto; margin-left:auto;}
.page-factory .content-items-04 .items-area-01 .item-01 { letter-spacing:.15em; line-height:1.6;}
.page-factory .content-items-04 .items-area-01 .item-02 { line-height:1.7778; letter-spacing:.08em; padding-top:10px;}
.page-factory .content-items-04 .items-area-02 { width:100%; position:relative; min-height:46.1111em; padding-top:110px; padding-bottom:110px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.page-factory .content-items-04 .items-area-02 .item-01 { width:80%; min-width:620px; max-width:880px; display:flex; justify-content:space-between; padding-bottom:85px;}
.page-factory .content-items-04 .items-area-02 .item-01>p { width:72.7273%; line-height:2.2222; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-factory .content-items-04 .items-area-02 .item-01 figure { width:25%;}
.page-factory .content-items-04 .items-area-02 .item-01 figure img { float:left;}
.page-factory .content-items-04 .items-area-02 .item-02 { width:90%; max-width:620px;}
.page-factory .content-items-04 .items-area-02 .movie { width:100%; padding-top:56.25%; position:relative;}
.page-factory .content-items-04 .items-area-02 .movie iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
.page-factory .content-items-04 .items-area-02 .bg { position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.page-factory+footer { padding-top:247px;}

@media (max-width:1506px) {
.page-factory .content-items-01 { min-height:37.7778em; padding-top:3.9841%; padding-bottom:3.6521%;}
.page-factory .content-items-01 .item-01 .en { margin-top:0.275em; margin-bottom:0.35em;}
.page-factory .content-items-01 .item-02 { margin-top:2.2222em;}
.page-factory .content-items-02 { padding-top:6.6401%; padding-bottom:6.9721%;}
.page-factory .content-items-03 { min-height:33.3333em; padding-top:3.9841%; padding-bottom:4.6481%;}
.page-factory .content-items-03 .item-01 .en-02 { margin-top:1.1667em;}
.page-factory .content-items-03 .item-02 { margin-top:2.5em;}
.page-factory .content-items-04 .items-area-01 .item-02 { padding-top:.6640106242%;}
.page-factory .content-items-04 .items-area-02 { padding-top:10.4167%; padding-bottom:10.4167%;}
.page-factory+footer { padding-top:16.4011%;}
}

@media (max-width:1300px) {
.page-factory .content-items-04 .items-area-02 .item-01 { padding-bottom:6.5385%;}
}

@media (max-width:1200px) {
.page-factory .content-items-04 .items-area-01 { padding-top:5.4167%; padding-bottom:5.4167%;}
}

@media (max-width:1122px) {
.page-factory .content-items-03 .item-02 .banner { width:47.7322%;}
}

@media (max-width:768px) {
.page-factory .content-items-01 { min-height:35em;}
.page-factory .content-items-02 { padding-top:11.7188%; padding-bottom:11.7188%;}
.page-factory .content-items-02 .item-01 .en { padding-bottom:6.0881%;}
.page-factory .content-items-03 { padding-top:8.4635%; padding-bottom:9.7656%;}
.page-factory .content-items-03 .item-02 { margin-top:2.1875em;}
.page-factory .content-items-04 .items-area-01 { padding-top:7.1615%; padding-bottom:7.1615%;}
.page-factory .content-items-04 .items-area-01 .item-02 { padding-top:.9114583333%;}
.page-factory .content-items-04 .items-area-02 { min-height:53.5714em;}
.page-factory .content-items-04 .items-area-02 .item-01 { min-width:auto; width:90%; max-width:620px; padding-bottom:7.8125%;}
.page-factory .content-items-04 .items-area-02 .item-01>p { width:70.4545%;}
.page-factory+footer { padding-top:13.0208%;}
}

@media (max-width:700px) {
.page-factory .content-items-04 .items-area-02 { min-height:37.8571em;}
}

@media (max-width:650px) {
.page-factory .content-items-04 .items-area-02 .item-01>p { line-height:1.9;}
}

@media (max-width:600px) {
.page-factory .content-items-03 { padding-bottom:10.4167%;}
.page-factory .content-items-03 .item-02 { flex-direction:column; align-items:center;}
.page-factory .content-items-03 .item-02 .banner { max-width:482px; width:90%;}
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(2) { margin-top:.1em; margin-bottom:.8em;}
.page-factory .content-items-03 .item-02 .banner+.banner { padding-top:3.3333%;}
.page-factory .content-items-03 .item-02 .banner-inner { min-height:8.25em;}
}

@media (max-width:500px) {
.page-factory .content-items-01 { min-height:31.5em;}
.page-factory .content-items-02 .inner-item { flex-direction:column; justify-content:flex-start; align-items:center;}
.page-factory .content-items-02 .item-01 { max-width:300px; width:90%;}
.page-factory .content-items-02 .item-01+.item-01 { padding-top:10%;}
.page-factory .content-items-03 .item-01 .jp { margin-top:.1em;}
}

@media (max-width:400px) {
.page-factory .content-items-03 .item-02 { margin-top:2.0625em;}
.page-factory .content-items-04 .items-area-02 .item-01 { flex-direction:column; justify-content:flex-start; align-items:center;}
.page-factory .content-items-04 .items-area-02 .item-01>p { width:100%; padding-bottom:6.9444%;}
.page-factory .content-items-04 .items-area-02 .item-01 figure { width:100%; max-width:50%;}
}

@media (max-width:350px) {
.page-factory .content-items-01 { min-height:28.7em;}
.page-factory .content-items-01 .item-02 { line-height:2;}
.page-factory .content-items-03 .item-01 .jp { letter-spacing:.1em;}
}

@media (max-width:320px) {
.page-factory .content-items-02 .item-01 ul,
.page-factory .content-items-04 .items-area-02 { font-size:11px;}
.page-factory .content-items-03 .item-02,
.page-factory .content-items-04 .items-area-01 .item-02 { font-size:11px;}
.page-factory .content-items-02 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-02 { font-size:12px;}
.page-factory .content-items-01 .item-01 .jp-01,
.page-factory .content-items-01 .item-01 .jp-02 { font-size:12px;}
.page-factory .content-items-03 .item-01 .jp,
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(1) { font-size:14px;}
.page-factory .content-items-04 .items-area-01 .item-01 { font-size:14px;}
.page-factory .content-items-01 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-01 { font-size:30px;}
.page-factory .content-items-01,
.page-factory .content-items-03 { font-size:10px;}
}

@media (min-width:768.1px) and (max-width:1506px) {
.page-factory .content-items-01,
.page-factory .content-items-03 { font-size:calc(11px + (1vw - 7.68px) * .9485);}
.page-factory .content-items-02 .item-01 ul { font-size:calc(11px + (1vw - 7.68px) * 1.2195);}
.page-factory .content-items-03 .item-02,
.page-factory .content-items-04 .items-area-01 .item-02,
.page-factory .content-items-04 .items-area-02 { font-size:calc(12px + (1vw - 7.68px) * .813);}
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(1) { font-size:calc(17px + (1vw - 7.68px) * 1.7615);}
.page-factory .content-items-04 .items-area-01 .item-01 { font-size:calc(18px + (1vw - 7.68px) * 1.626);}
.page-factory .content-items-02 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-02 { font-size:calc(15px + (1vw - 7.68px) * 2.0325);}
.page-factory .content-items-01 .item-01 .jp-01,
.page-factory .content-items-01 .item-01 .jp-02,
.page-factory .content-items-03 .item-01 .jp { font-size:calc(20px + (1vw - 7.68px) * 2.71);}
.page-factory .content-items-01 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-01 { font-size:calc(41px + (1vw - 7.68px) * 5.2846);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-factory .content-items-02 .item-01 ul,
.page-factory .content-items-04 .items-area-02 { font-size:calc(11px + (1vw - 3.2px) * .6696);}
.page-factory .content-items-03 .item-02,
.page-factory .content-items-04 .items-area-01 .item-02 { font-size:calc(11px + (1vw - 3.2px) * 1.1161);}
.page-factory .content-items-02 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-02 { font-size:calc(12px + (1vw - 3.2px) * 1.7857);}
.page-factory .content-items-01 .item-01 .jp-01,
.page-factory .content-items-01 .item-01 .jp-02 { font-size:calc(12px + (1vw - 3.2px) * 2.6786);}
.page-factory .content-items-03 .item-01 .jp,
.page-factory .content-items-03 .item-02 .banner strong:nth-of-type(1) { font-size:calc(14px + (1vw - 3.2px) * 2.2321);}
.page-factory .content-items-04 .items-area-01 .item-01 { font-size:calc(14px + (1vw - 3.2px) * 3.125);}
.page-factory .content-items-01 .item-01 .en,
.page-factory .content-items-03 .item-01 .en-01 { font-size:calc(30px + (1vw - 3.2px) * 6.6964);}
.page-factory .content-items-01,
.page-factory .content-items-03 { font-size:calc(10px + (1vw - 3.2px) * .8929);}
}

@media (hover:hover) and (pointer:fine) {
.page-factory .content-items-03 .item-02 .banner:hover .banner-inner { background-color:rgba(255,255,255,
.2);}
}