@charset "UTF-8"; body { margin: 0px; } #mainContent img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; } #mainContent .pc_only { display: none; } #mainContent .sp_only { display: block; } #mainContent .fl { float: left; } #mainContent .fr { float: right; } #mainContent { font-family: "Noto Sans JP", "Lato", sans-serif; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-wrap: break-word; line-height: 1.75; background-color: #eaeef5; width: 100%; } #mainContent p { margin: 0; padding: 0; } #mainContent ul { list-style: none; } .small-font { font-size: 12px; } #mainContent .hero { padding: 0; max-width: 1600px; margin: 0 auto; } #mainContent .hero img { display: none; width: 100%; } #mainContent .hero .pc { display: block; } .sec_01 { max-width: 1000px; padding: 30px 0 18px; margin: 0 auto; } .sec_01 ul { margin: 0 auto; padding-left: 0; } .sec_01 ul li { text-align: center; font: normal normal bold 34px 'Noto Sans JP'; letter-spacing: -1.12px; color: #0f194e; } .sec_01 ul.sp_ul { display: none; } .sec { width: 100%; } .sec .part { max-width: 1000px; margin: 0 auto; overflow: hidden; } .sec .apply-period { text-align: center; font: normal normal bold 28px 'Noto Sans JP'; letter-spacing: -1.12px; color: #0f194e; margin: 0px 0 25px; } .sec .blue-title { background: #294e95 0% 0% no-repeat padding-box; border-radius: 20px 20px 0px 0px; opacity: 1; height: 47px; width: 100%; padding: 0 120px; box-sizing: border-box; display: flex; } .sec .blue-title img { width: 62px; margin-top: 8px; } #mainContent .sec .blue-title .sp-title, #mainContent .sec .blue-title .left-01a-sp, #mainContent .sec .blue-title .right-01b-sp, #mainContent .sec .sp-img { display: none; } .sec .blue-title h2 { text-align: center; font: normal normal bold 21px/47px 'Noto Sans JP'; letter-spacing: 2px; color: #fff; opacity: 1; height: 47px; padding: 0; margin: 0; flex: 1; -ms-flex: 1; } .sec .part .part-content { max-width: 999px; height: auto; background: #fff 0% 0% no-repeat padding-box; opacity: 1; padding-left: 22px; box-sizing: border-box; margin: 0 0 24px 0; } .sec_02 .part .part-content { height: 341px; } .sec .part .part-content h3 { text-align: left; font: normal normal bold 26px/37px 'Noto Sans JP'; letter-spacing: -1.04px; color: #000; margin-top: 10px; } .sec .part .part-content h3 span { font: normal normal bold 26px/37px 'Noto Sans JP'; } .sec .part .part-content img { width: 530px; } .sec .part .part-content .part-content-left { width: 60%; } .sec .part .part-content .part-content-right { width: 40%; } .sec .part .part-content .part-content-right ul { list-style: none; padding-top: 79px; padding-right: 75px; } .sec .part .part-content .part-content-right ul li { position: relative; text-align: left; font: normal normal 500 20px/29px 'Noto Sans JP'; letter-spacing: -0.4px; color: #000; opacity: 1; } .sec .part .part-content .part-content-right ul li::before { content: "."; color: #000; position: absolute; left: -12px; top: -10px; font-size: 28px; } .sec .part .blue-title .left-02a, .sec .part .blue-title .left-02b { width: auto; height: 15px  !important; margin-top: 17px; } .sec_03 .part .part-content { background-color: #fff; padding: 20px 50px 0; background: #fff; overflow: hidden; } .sec_03 .part .part-content .part-content-left, .sec_03 .part .part-content .part-content-right { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 10px; } .sec_03 .part .part-content .item { margin: 5px; display: flex; justify-content: center; align-items: center; } .sec_03 .part .part-content .item img { width: 87px; height: 87px; } .sec_03 .part .part-content .item2 { width: 190px; height: 53px; text-align: center; font: normal normal bold 24px/24px 'Noto Sans JP'; letter-spacing: -0.4px; color: #000; } .sec_03 .part .part-content .item3 button { width: 212px; height: 36px; background: #000 0% 0% no-repeat padding-box; text-align: center; font: normal normal 500 14px/17px 'Noto Sans JP'; letter-spacing: -0.24px; color: #fff; padding-right: 10px; border: 0; cursor: pointer; } .sec_03 .part .part-content .item3 button img { width: 7px; height: 10px; float: right; margin-top: 3px; } .sec_03 .part .part-content .item4 { height: 34px; text-align: center; font: normal normal 500 14px/17px 'Noto Sans JP'; letter-spacing: -0.24px; color: #000; } .sec_03 .part .part-content .part-content-right .item5 { margin-top: -5px; } .sec_03 .part .part-content .part-content-right .item5 img { width: 78px; height: 78px; } .sec_04 .part .part-content { display: flex; flex-direction: column; justify-content: left; align-items: normal; padding: 20px 20px 0 90px; } .sec_04 .part .part-content .item { margin: 5px 0; display: flex; justify-content: flex-start; } .sec_04 .part .part-content .item h4 { display: inline-block; width: 20%; height: 26px; text-align: left; font: normal normal 900 18px/26px 'Noto Sans JP'; letter-spacing: 0px; color: #000; margin: 0; } .sec_04 .part .part-content .item .desc { display: inline-block; width: 70%; text-align: left; font: normal normal 500 18px/26px 'Noto Sans JP'; letter-spacing: 0px; color: #000; } .sec_04 .part .part-content .item .desc ul { margin: 0; padding: 0; list-style: none; } .sec_04 .part .part-content .item .desc ul li sup { font-size: 10px; } .sec_04 .part .part-content .item .desc img { width: 423px; height: 235px; } .sec_05 .part .part-content { background-color: #fff; padding: 22px 80px 50px 110px; } .sec_05 .part .part-content ul { list-style: none; margin: 0; padding: 0; } .sec_05 .part .part-content ul li { text-align: left; font: normal normal medium 16px/24px 'Noto Sans JP'; letter-spacing: 0px; color: #000; position: relative; } .sec_05 .part .part-content ul li:first-child { color: #e2241a; } .sec_05 .part .part-content ul li::before { content: "."; color: #294e95; position: absolute; left: -20px; top: -60px; font-size: 60px; } .sec_05 .part .part-content ul li a { color: #294e95; text-decoration: underline; } #polite .cf-invite_header { padding-top: 5px; padding-right: 5px; } #polite .cf-invite_close { width: 20px; height: 20px; text-align: center; font-size: 20px; } @media screen and (max-width:900px) { .sec .blue-title { padding: 0 70px; } } @media screen and (max-width:769px) { #mainContent .hero .pc, .sec_01 ul.pc_ul, #mainContent .sec .blue-title .pc-title, #mainContent .sec .blue-title .left-01a, #mainContent .sec .blue-title .right-01b, #mainContent .sec .pc-img { display: none; } #mainContent .hero .sp, .sec_01 ul.sp_ul, #mainContent .sec .blue-title .sp-title, #mainContent .sec .blue-title .left-01a-sp, #mainContent .sec .blue-title .right-01b-sp, #mainContent .sec .sp-img { display: block; } .sec_01 { padding: 1em; } .sec_01 ul.sp_ul { padding-left: 0; } .sec_01 ul.sp_ul li { font-size: 1.25em; letter-spacing: -1.44px; height: auto; } #mainContent .sec { padding: 0 15px; box-sizing: border-box; } .sec .blue-title { padding: .5em .6em 0; height: auto; border-radius: 12px 12px 0px 0px; } .sec .blue-title h2 { height: auto; } #mainContent .sec .blue-title .left-01a-sp, #mainContent .sec .blue-title .right-01b-sp { width: 3em; margin-top: 1em; } #mainContent .sec .blue-title .sp-title p { font-size: 1.1em; line-height: 1.2em; letter-spacing: -1.44px; } #mainContent .sec .blue-title .sp-title p:last-child { font-size: .8em; line-height: 1.5em; height: 1.5em; letter-spacing: -1.04px; } .sec_02 .part .part-content { height: auto; padding: 1em; } .sec_02 .part .part-content .part-content-left, .sec_02 .part .part-content .part-content-right { width: 100%; float: none  !important; } .sec_02 .part .part-content h3 { font-size: 1.2em; text-align: left; line-height: 1em; } .sec_02 .part .part-content h3 span { font-size: 1.2em; line-height: normal; } .sec_02 .part .part-content .part-content-right ul { padding: 0; padding-left: 40%; } .sec_02 .part .part-content .part-content-right ul li { font-size: 1em; } .sec_03 .blue-title, .sec_04 .blue-title, .sec_05 .blue-title { padding-top: 0; } .sec_03 .blue-title h2, .sec_04 .blue-title h2, .sec_05 .blue-title h2 { font-size: 1.1em; } #mainContent .sec .blue-title .left-02a-sp, #mainContent .sec .blue-title .right-02b-sp { width: 3em; margin-top: 1em; } .sec .part .blue-title .left-02a, .sec .part .blue-title .left-02b { height: .8em  !important; margin-top: 1.7em; width: auto; } .sec_03 .part .part-content .part-content-left, .sec_03 .part .part-content .part-content-right { width: 100%; } .sec_04 .part .part-content { padding: 1em 1.5em; } .sec_04 .part .part-content .item { flex-direction: column; margin: .5em 0; } .sec_04 .part .part-content .item h4, .sec_04 .part .part-content .item .desc { width: 100%; } .sec_05 .part .part-content { padding: 1.5em 1.5em 1.5em 2.5em; } .sec_05 .part .part-content ul li::before { left: -25px; } } @media screen and (max-width:447px) { .sec_04 .blue-title h2 { line-height: 1.3em; } } @media screen and (max-width:376px) { .sec_02 .blue-title { padding-bottom: .8em; } #mainContent .sec .blue-title .left-01a-sp, #mainContent .sec .blue-title .right-01b-sp, #mainContent .sec .blue-title .left-02a-sp, #mainContent .sec .blue-title .right-02b-sp { display: none; } } @media screen and (min-width: 1920px) { .summary ul li { font-size: 1.5rem; color: #000  !important; } }