@charset "UTF-8";
main section#projectMainSct { background: #005AAA url("../img/project_main.jpg") no-repeat center center; background-size: cover; color: #fff; height: 70vh; max-height: 600px; }
main section#projectMainSct h2 { line-height: 1.3; margin-bottom: 5vw; }
main section#projectMainSct h2 small { display: block; font-size: 70%; letter-spacing: 3px; }
main section#projectMainSct h2 span { display: block; font-size: 250%; }
@media screen and (max-width: 800px) { main section#projectMainSct h2 span { font-size: 230%; } }
@media screen and (max-width: 800px) { main section#projectMainSct h2 { margin-bottom: 8vw; } }
main section#projectContsSct { color: #fff; background: #005aaa; padding: 4em 0; }
main section#projectContsSct .inner2 { padding-right: 230px; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 { padding-right: 180px; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 { padding-right: 70px; } }
main section#projectContsSct .inner2 .copy { font-size: 140%; line-height: 1.6; letter-spacing: 7px; margin-bottom: 1em; }
@media screen and (max-width: 600px) { main section#projectContsSct .inner2 .copy { font-size: 110%; letter-spacing: 6px; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .copy { white-space: nowrap; font-size: 100%; letter-spacing: 4px; } }
main section#projectContsSct .inner2 .wBox { position: relative; width: 90%; margin: 4em 0 5em; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox { width: 100%; } }
main section#projectContsSct .inner2 .wBox .main { position: relative; width: 100%; height: 32vw; overflow: hidden; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main { height: 35vw; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main { height: 55vw; } }
main section#projectContsSct .inner2 .wBox .main img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 32vw; object-fit: cover; object-position: center center; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main img { height: 35vw; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main img { height: 55vw; object-position: 80% center; } }
main section#projectContsSct .inner2 .wBox .main .inBox { position: absolute; top: 50%; left: 3.8vw; font-size: 1.5vw; transform: translateY(-50%); }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main .inBox { font-size: 2vw; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main .inBox { padding-right: 1em; font-size: 3vw; } }
main section#projectContsSct .inner2 .wBox .main .inBox .no { position: relative; z-index: 5; color: #fff; letter-spacing: 1px; margin-bottom: .8em; font-size: 110%; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main .inBox .no { display: inline-block; line-height: 1.2; margin-bottom: 1.5em; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main .inBox .no { font-size: 100%; } }
main section#projectContsSct .inner2 .wBox .main .inBox .name { position: relative; z-index: 5; color: #fff; line-height: 1.5; font-size: 220%; letter-spacing: 8px; margin-bottom: .4em; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main .inBox .name { font-size: 180%; letter-spacing: 5px; } }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main .inBox .name { font-size: 150%; letter-spacing: 3px; } }
main section#projectContsSct .inner2 .wBox .main .inBox .txt { position: relative; z-index: 5; color: #fff; font-size: 90%; margin-bottom: 3em; }
@media screen and (max-width: 800px) { main section#projectContsSct .inner2 .wBox .main .inBox .txt { font-size: 80%; letter-spacing: 2px; } }
@media screen and (max-width: 600px) { main section#projectContsSct .inner2 .wBox .main .inBox .txt { font-size: 70%; } }
main section#projectContsSct .inner2 .wBox .main .inBox .btn { position: relative; z-index: 5; color: #fff; font-size: 80%; letter-spacing: 0; padding-bottom: .2em; border-bottom: 1px solid #fff; }
@media screen and (max-width: 428px) { main section#projectContsSct .inner2 .wBox .main .inBox .btn { font-size: 120%; letter-spacing: 2px; } }
main section#projectConts2Sct { color: #fff; background: #005aaa url("../img/project_survice_bg.jpg") no-repeat center center; background-size: cover; padding: 4em 0 5em; }
main section#projectConts2Sct .inner2 { padding-right: 250px; }
@media screen and (max-width: 800px) { main section#projectConts2Sct .inner2 { padding-right: 180px; } }
@media screen and (max-width: 428px) { main section#projectConts2Sct .inner2 { padding-right: 70px; } }
main section#projectConts2Sct .inner2 h3 { display: block; line-height: 1.4; font-size: 300%; margin-bottom: 1em; }
main section#projectConts2Sct .inner2 h3 small { display: block; font-size: 35%; }
@media screen and (max-width: 428px) { main section#projectConts2Sct .inner2 h3 { font-size: 240%; } }
main section#projectConts2Sct .inner2 h4 { font-size: 190%; line-height: 1.4; margin: 2em 0 1em; }
main section#projectConts2Sct .inner2 h4 small { display: block; font-size: 55%; }
@media screen and (max-width: 428px) { main section#projectConts2Sct .inner2 h4 { font-size: 160%; } }
main section#projectConts2Sct .inner2 .img1 { display: block; width: 100%; max-width: 910px; height: auto; margin-bottom: 2em; }
main section#projectConts2Sct .inner2 .img2 { display: block; width: 100%; max-width: 910px; height: auto; margin-bottom: 1.5em; }
main section#projectPostSct { background: #fff; padding-top: 2.5em; }
@media screen and (max-width: 428px) { main section#projectPostSct { padding-right: 0; } }
main section#projectPostSct .cate { position: absolute; top: 2.5em; right: 210px; color: #999; text-align: right; line-height: 1.3; }
@media screen and (max-width: 800px) { main section#projectPostSct .cate { right: 170px; } }
@media screen and (max-width: 428px) { main section#projectPostSct .cate { right: 100px; } }
main section#projectPostSct .cate small { display: block; font-size: 60%; letter-spacing: .1vw; }
@media screen and (max-width: 428px) { main section#projectPostSct .cate small { font-size: 50%; } }
main section#projectPostSct .cate span { display: block; font-size: 160%; }
@media screen and (max-width: 428px) { main section#projectPostSct .cate span { font-size: 120%; } }
main section#projectPostSct .no { color: #005aaa; line-height: 1; padding-left: 7%; margin-bottom: 2em; }
@media screen and (max-width: 428px) { main section#projectPostSct .no { font-size: 80%; } }
main section#projectPostSct .no small { display: block; font-size: 70%; }
main section#projectPostSct .no b { display: block; font-size: 300%; }
main section#projectPostSct h2 { line-height: 1.6; padding-left: 7%; margin-bottom: 2em; }
@media screen and (max-width: 428px) { main section#projectPostSct h2 { font-size: 80%; line-height: 1.8; } }
main section#projectPostSct h2 b { display: block; font-size: 150%; letter-spacing: 7px; }
@media screen and (max-width: 428px) { main section#projectPostSct h2 b { letter-spacing: 4px; } }
main section#projectPostSct h2 span { display: block; font-size: 80%; }
main section#projectPostSct .topImg { display: block; padding-left: 7%; width: 100%; height: auto; margin-bottom: 2em; }
main section#projectPostSct .ol { line-height: 1; padding-left: 7%; margin-bottom: 2em; }
@media screen and (max-width: 428px) { main section#projectPostSct .ol { line-height: 1.4; } }
main section#projectPostSct .ol b { color: #005aaa; font-size: 120%; }
@media screen and (max-width: 428px) { main section#projectPostSct .ol b { display: block; } }
main section#projectPostSct .ol span { padding-left: 1%; letter-spacing: 2px; font-size: 80%; }
@media screen and (max-width: 428px) { main section#projectPostSct .ol span { display: block; } }
main section#projectPostSct .box { position: relative; padding: 0 7% 0 7%; display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 4em; }
@media screen and (max-width: 428px) { main section#projectPostSct .box { display: block; } }
main section#projectPostSct .box p { width: 50%; text-align: justify; /*左右両端揃え*/ text-justify: inter-ideograph; }
@media screen and (max-width: 428px) { main section#projectPostSct .box p { width: 80%; } }
main section#projectPostSct .box p strong { display: block; font-size: 120%; letter-spacing: 5px; margin-bottom: 1em; }
@media screen and (max-width: 800px) { main section#projectPostSct .box p strong { font-size: 100%; letter-spacing: 3px; } }
main section#projectPostSct .box p span { display: block; font-size: 80%; line-height: 2; }
main section#projectPostSct .box .imgB { width: 45%; }
@media screen and (max-width: 428px) { main section#projectPostSct .box .imgB { width: 80%; margin-bottom: 1.3em; } }
main section#projectPostSct .box .imgB img { width: 100%; height: auto; }
main section#projectPostSct .box2 { position: relative; overflow: hidden; background: #f2f2f2; padding: 4em 0; }
main section#projectPostSct .box2 img { padding-left: 7%; width: 93%; height: auto; }
@media screen and (max-width: 428px) { main section#projectPostSct .box2 img { width: 75%; } }