body { background: #005eae; color: #FFF;}


/*pc*/
@media (min-width: 1050px) {


#top1 {}
#top1 a { color: #FFF !important;}
#top1 a .logo { display: none;}
#top1 a .logo.about { display: block !important;}


.cont01 {}
.cont01 .inner { max-width: 1680px; margin: auto;}
.cont01 .inner .box { padding: 160px 0; text-align: center;}
.cont01 .inner .box h2 { font-size: 80px; margin-bottom: 60px;}
.cont01 .inner .box p { font-size: 18px;  line-height: 40px;}


.cont02 { border-top: solid 1px #FFF; position: relative;}
.cont02::before { content: ""; background: #FFF; width: 1px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.cont02 .inner { max-width: 1384px; margin: auto; padding: 0 20px; display: flex; justify-content: space-between;}
.cont02 .inner .box { max-width: 544px; width: 50%; padding: 160px 0 160px 0;}
.cont02 .inner .box:nth-of-type(1) { margin-right: 40px;}
.cont02 .inner .box:nth-of-type(2) { margin-left: 40px;}
.cont02 .inner .box h2 { font-size: 80px; margin-bottom: 60px;}
.cont02 .inner .box p { font-size: 18px;  line-height: 40px;}


.cont03 { border-top: solid 1px #FFF;}
.cont03 .inner { max-width: 1180px; margin: auto;}
.cont03 .inner .box { padding: 160px 20px;}
.cont03 .inner .box h2 { font-size: 80px; margin-bottom: 60px;}
.cont03 .inner .box .img { max-width: 1180px; margin: auto;}
.cont03 .inner .box .img img { width: 100%; height: auto;}


}

/*sp*/
@media (max-width: 1049px) {


#top1 {}
#top1 a {}
#top1 a .logo { display: none;}
#top1 a .logo.about { display: block !important;}


.cont01 {}
.cont01 .inner { max-width: 1680px; margin: auto; padding: 0;}
.cont01 .inner .box { padding: 120px 0; text-align: center;}
.cont01 .inner .box h2 { font-size: 36px; margin-bottom: 50px;}
.cont01 .inner .box p { font-size: 14px;  line-height: 30px;}


.cont02 {}
.cont02 .inner { display: flex; max-width: 1680px; margin: auto; flex-direction: column;}
.cont02 .inner .box { padding: 0 0 80px; border-top: solid 1px #FFF;}
.cont02 .inner .box h2 { font-size: 36px; margin-bottom: 50px; margin-top: -4px; margin-left: -5px; opacity: 0.3; overflow-wrap: anywhere;}
.cont02 .inner .box:nth-of-type(2) h2 { text-align: right; margin-right: 0px;}
.cont02 .inner .box p { font-size: 14px;  line-height: 30px; padding: 0 40px;}


.cont03 {}
.cont03 .inner { max-width: 1680px; margin: auto;}
.cont03 .inner .box { padding: 0 0 140px; border-top: solid 1px #FFF;}
.cont03 .inner .box h2 { font-size: 36px; margin-bottom: 50px; margin-top: -4px; margin-left: -5px; opacity: 0.3; width: 100%; overflow-wrap: anywhere;}
.cont03 .inner .box .img { max-width: 400px; margin: auto;}
.cont03 .inner .box .img img { width: 100%; height: auto;}


}