@media screen and (min-width: 768px) { .hide-pc { display: none !important; } }

@media screen and (max-width: 767px) { .hide-sp { display: none !important; } }

html { font-size: 62.5%; }

body * { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; }

@media screen and (min-width: 768px) { a:hover { text-decoration: none; } }

img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; }

strong { font-weight: bold; }

table { border-collapse: collapse; border: none; border-spacing: 0; }

button { border: none; background: none; padding: 0; }

@media screen and (min-width: 768px) { button:hover { cursor: pointer; } }

.guidanceBrowserUpgrade { display: none; }

@media screen and (min-width: 768px) { .guidanceBrowserUpgrade { display: block; width: calc(100% - 20px); height: auto; margin: 10px auto; padding: 21px 20px 19px; background-color: rgba(217, 48, 37, 0.1); color: #ff0000; position: relative; z-index: 999; } }

@media screen and (min-width: 768px) { .guidanceBrowserUpgrade > p { text-align: center; margin: 0; } }

body { font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", Meiryo, Verdana, sans-serif; font-weight: 400; color: #000; min-width: 1080px; font-size: 1.6rem; line-height: 1.75; background-color: #1149a0; background-image: url(../img/lp/bg_dot-b.png); background-size: 46px auto; background-position: left top; background-repeat: repeat; }

@media screen and (max-width: 767px) { body { min-width: 375px; font-size: 1.4rem; line-height: 1.57; background-size: 23px auto; } }

.lineBg { display: block; width: 278px; height: 516px; position: absolute; top: -40px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .lineBg { width: 109px; height: 203px; top: 115px; z-index: -1; } }

.lineBg-right { right: 0; background-image: url(../img/lp/bg_line-r.png); }

.lineBg-left { left: 0; background-image: url(../img/lp/bg_line-l.png); }

.lineBg-large { width: 597px; height: 684px; top: auto; bottom: 0; }

@media screen and (max-width: 767px) { .lineBg-large { width: 188px; height: 216px; top: auto; bottom: 0; z-index: -1; } }

.lineBg-large-right { right: 0; background-image: url(../img/lp/bg_line-r-large.png); }

.lineBg-large-left { left: 0; background-image: url(../img/lp/bg_line-l-large.png); }

.header { padding: 27px 38px 24px 30px; position: relative; z-index: 99; }

.header::after { content: ""; clear: both; display: block; }

@media screen and (max-width: 767px) { .header { padding: 15px 15px 20px; } }

.header_menuButton { display: none; }

@media screen and (max-width: 767px) { .header_menuButton { display: block; width: 44px; height: 44px; background-color: #feba2c; text-indent: 100%; border: 2px solid #000; -webkit-box-shadow: 4px 4px 0 #000; box-shadow: 4px 4px 0 #000; white-space: nowrap; overflow: hidden; position: fixed; top: 11px; right: 17px; background-size: 28px auto; background-position: center 6px; background-repeat: no-repeat; } }

@media screen and (max-width: 767px) { .header_menuButton.js_menuButton { background-image: url(../img/lp/ico_menu-open.png); } }

@media screen and (max-width: 767px) { .header_menuButton.js_menuButton-active { background-image: url(../img/lp/ico_menu-close.png); } }

.header_logo { float: left; display: block; width: 430px; margin: 3px 0 0; }

@media screen and (max-width: 767px) { .header_logo { width: 230px; } }

.header_logo a, .header_logo img { display: block; width: 100%; height: auto; }

.header_logo a { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

@media screen and (min-width: 768px) { .header_logo a:hover { opacity: 0.6 !important; } }

.header_navigation { float: right; height: 64px; }

@media screen and (max-width: 767px) { .header_navigation { float: none; width: 100%; height: 100%; background-color: #1149a0; position: fixed; top: 0; left: 0; } }

@media screen and (max-width: 767px) { .header_navigation.js_menuSP { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } }

.header_navigation.js_menuSP-active { opacity: 1; visibility: visible; }

.header_navigation > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0; padding: 0 0 2px; list-style: none; }

@media screen and (max-width: 767px) { .header_navigation > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; padding-top: 134px; } }

.header_navigation > ul > li { font-size: 1.6rem; margin-right: 27px; }

@media screen and (max-width: 767px) { .header_navigation > ul > li { width: calc(100% - 60px); font-size: 1.8rem; margin-right: 0; margin-bottom: 15px; } }

@media screen and (min-width: 768px) { .header_navigation > ul > li:nth-last-of-type(2) { margin-right: 0; } }

@media screen and (max-width: 767px) { .header_navigation > ul > li:nth-last-of-type(2) { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .header_navigation > ul > li:last-child { margin-bottom: 0; } }

@media screen and (max-width: 767px) { .header_navigation > ul > li:last-child > a { background-color: #feba2c; } }

.header_navigation > ul > li > a { display: block; color: #fff; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; font-weight: bold; text-decoration: none; }

@media screen and (min-width: 768px) { .header_navigation > ul > li > a:hover { color: #feba2c; } }

@media screen and (max-width: 767px) { .header_navigation > ul > li > a { color: #000; border: 2px solid #000; background-color: #fff; -webkit-box-shadow: 4px 4px 0 #000; box-shadow: 4px 4px 0 #000; text-align: center; padding: 14px; } }

.header_menuButtonClose { display: none; }

@media screen and (max-width: 767px) { .header_menuButtonClose { display: block; width: 70px; margin: 60px auto 0; color: #fff; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (max-width: 767px) { .header_menuButtonClose::before { content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 13px; margin-right: 8px; background-image: url(../img/lp/ico_close.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } }

.header_contactButton { float: right; display: block; width: 219px; height: 68px; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url(../img/lp/btn_contact.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transition: background-image 0.3s; -o-transition: background-image 0.3s; transition: background-image 0.3s; margin-left: 40px; }

@media screen and (min-width: 768px) { .header_contactButton:hover { background-image: url(../img/lp/btn_contact-hover.png); } }

@media screen and (max-width: 767px) { .header_contactButton { display: none; } }

.mainvisual { display: block; width: calc(100% - 60px); margin: 0 auto; }

@media screen and (max-width: 767px) { .mainvisual { width: calc(100% - 30px); } }

.mainvisual_inner { display: block; width: 100%; padding-top: 44.1558%; position: relative; background-image: url(../img/lp/bg_main_pc.png); background-size: cover; background-position: center; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .mainvisual_inner { padding-top: 146.6666%; background-image: url(../img/lp/bg_main_sp.png); } }

.mainvisual_titanman { display: block; width: 40.6%; max-width: 625px; position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) { .mainvisual_titanman { width: 89.9%; max-width: 620px; } }

@media screen and (min-width: 768px) { .mainvisual_titanman.js_animation { top: calc(50% + 15px); opacity: 0; -webkit-transition: top ease-out 0.4s, opacity 0.3s; -o-transition: top ease-out 0.4s, opacity 0.3s; transition: top ease-out 0.4s, opacity 0.3s; } }

@media screen and (max-width: 767px) { .mainvisual_titanman.js_animation { display: none; } }

@media screen and (min-width: 768px) { .mainvisual_titanman.js_animation-active { top: 50%; opacity: 1; } }

@media screen and (max-width: 767px) { .mainvisual_titanman.js_animation-active { opacity: 1; } }

.mainvisual_maincopy { display: block; width: 76%; max-width: 1170px; position: absolute; z-index: 3; top: calc(50% - 25px); left: calc(50% + 5px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) { .mainvisual_maincopy { width: 78.6%; max-width: 542px; } }

@media screen and (min-width: 768px) { .mainvisual_maincopy.js_animation { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity ease-out 0.4s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s; transition: opacity ease-out 0.4s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s, opacity ease-out 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s, opacity ease-out 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s, opacity ease-out 0.4s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.7s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } }

@media screen and (max-width: 767px) { .mainvisual_maincopy.js_animation { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity ease-out 0.3s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s; transition: opacity ease-out 0.3s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s, opacity ease-out 0.3s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s, opacity ease-out 0.3s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s, opacity ease-out 0.3s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.6s; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } }

@media screen and (min-width: 768px) { .mainvisual_maincopy.js_animation-active { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

@media screen and (max-width: 767px) { .mainvisual_maincopy.js_animation-active { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

.contactButtonFixed { display: block; width: 179px; height: 177px; position: fixed; z-index: 90; right: 25px; bottom: 25px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-image: url(../img/lp/img_contact-follow.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transition: background-image 0.3s, opacity 0.3s, visibility 0.3s; -o-transition: background-image 0.3s, opacity 0.3s, visibility 0.3s; transition: background-image 0.3s, opacity 0.3s, visibility 0.3s; }

@media screen and (min-width: 768px) { .contactButtonFixed:hover { background-image: url(../img/lp/img_contact-follow-hover.png); } }

@media screen and (max-width: 767px) { .contactButtonFixed { width: 110px; height: 109px; right: 10px; bottom: 10px; } }

.contactButtonFixed.js_contactButtonFixed { opacity: 0; visibility: hidden; }

.contactButtonFixed.js_contactButtonFixed-show { opacity: 1; visibility: visible; }

.contactButtonFixed > img { display: block; width: 100%; }

.sNayami { display: block; width: 1040px; margin: 0 auto; padding: 135px 0 0; }

@media screen and (max-width: 767px) { .sNayami { width: 100%; padding: 64px 0 0; overflow: hidden; } }

.sNayami_inner { display: block; width: 100%; }

@media screen and (max-width: 767px) { .sNayami_inner { width: calc(100% - 30px); margin: 0 auto; } }

.sNayami_title { display: block; width: 881px; margin: 0 auto; }

@media screen and (max-width: 767px) { .sNayami_title { width: 100%; max-width: 345px; } }

.sNayami_title > img { display: block; width: 100%; }

.sNayami_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; margin: 54px 0 0; }

@media screen and (max-width: 767px) { .sNayami_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 60px 0 -44px; } }

.sNayami_list_item { width: calc(33.33% - 26.66px); }

@media screen and (max-width: 767px) { .sNayami_list_item { width: 100%; position: relative; margin-bottom: 44px; } }

@media screen and (max-width: 767px) { .sNayami_list_item:nth-of-type(even) .sNayami_list_item_image { right: -34px; left: auto; } }

@media screen and (max-width: 767px) { .sNayami_list_item:nth-of-type(even) .sNayami_list_item_text_title { padding-right: 120px; padding-left: 20px; } }

.sNayami_list_item_image { display: block; width: 100%; }

@media screen and (max-width: 767px) { .sNayami_list_item_image { width: 145px; position: absolute; z-index: -1; top: -44px; left: -34px; } }

.sNayami_list_item_text { width: 100%; }

@media screen and (min-width: 768px) { .sNayami_list_item_text { margin-top: -71px; border: 5px solid #000; background-color: #fff; position: relative; padding: 22px 22px 25px; } }

.sNayami_list_item_text_title { font-size: 2.2rem; line-height: 1.45; margin: 0; text-align: center; font-weight: bold; }

@media screen and (max-width: 767px) { .sNayami_list_item_text_title { font-size: 2.0rem; line-height: 1.4; padding-right: 5px; padding-left: 120px; text-align: left; color: #fff; } }

.sNayami_list_item_text_inner { display: block; width: 100%; }

@media screen and (max-width: 767px) { .sNayami_list_item_text_inner { background-color: #fff; border: 3px solid #000; margin-top: 23px; padding: 15px 15px; } }

.sNayami_list_item_text_content { margin: 16px 0 0; }

@media screen and (max-width: 767px) { .sNayami_list_item_text_content { margin: 14px 0 0; } }

.sNayami_list_item_text_content:first-child { margin-top: 13px; }

@media screen and (max-width: 767px) { .sNayami_list_item_text_content:first-child { margin-top: 0; } }

.bTitanman { display: block; margin: 100px auto 115px; position: relative; }

@media screen and (max-width: 767px) { .bTitanman { margin: 40px auto 60px; overflow: hidden; padding-bottom: 150px; } }

@media screen and (min-width: 768px) { .bTitanman.js_scrollAnimation .bTitanman_textSub { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; } }

@media screen and (max-width: 767px) { .bTitanman.js_scrollAnimation .bTitanman_textSub { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; } }

@media screen and (min-width: 768px) { .bTitanman.js_scrollAnimation .bTitanman_textMain { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.55s; } }

@media screen and (max-width: 767px) { .bTitanman.js_scrollAnimation .bTitanman_textMain { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.45s; } }

.bTitanman.js_scrollAnimation .lineBg { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; }

@media screen and (min-width: 768px) { .bTitanman.js_scrollAnimation-active .bTitanman_textSub { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

@media screen and (max-width: 767px) { .bTitanman.js_scrollAnimation-active .bTitanman_textSub { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

@media screen and (min-width: 768px) { .bTitanman.js_scrollAnimation-active .bTitanman_textMain { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

@media screen and (max-width: 767px) { .bTitanman.js_scrollAnimation-active .bTitanman_textMain { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

.bTitanman.js_scrollAnimation-active .lineBg { opacity: 1; visibility: visible; }

.bTitanman_inner { width: 1040px; margin: 0 auto; position: relative; z-index: 1; padding: 4px 0 0; }

@media screen and (max-width: 767px) { .bTitanman_inner { width: calc(100% - 30px); padding: 0; margin: 0 auto; } }

.bTitanman_titanman { display: block; width: 817px; position: absolute; z-index: -1; top: -30px; left: -224px; }

@media screen and (max-width: 767px) { .bTitanman_titanman { width: 409px; max-width: none; top: 136px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.bTitanman_textSub { display: block; width: 370px; margin-left: 350px; }

@media screen and (max-width: 767px) { .bTitanman_textSub { width: 159px; margin: 0 auto; position: relative; left: -84px; } }

.bTitanman_textMain { display: block; width: 740px; margin-top: -63px; margin-left: 300px; }

@media screen and (max-width: 767px) { .bTitanman_textMain { width: calc(100% - 30px); max-width: 345px; margin: -33px auto 0; } }

.bTitanman_aboutButton { display: block; width: 254px; height: 58px; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url(../img/lp/btn_titanmanprof.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transition: background-image 0.3s; -o-transition: background-image 0.3s; transition: background-image 0.3s; margin-top: 29px; margin-left: 300px; }

@media screen and (min-width: 768px) { .bTitanman_aboutButton:hover { background-image: url(../img/lp/btn_titanmanprof-hover.png); } }

@media screen and (max-width: 767px) { .bTitanman_aboutButton { width: 164px; height: 38px; margin: 145px auto 0; position: relative; left: -95px; } }

.sAbout { display: block; width: 100%; padding: 77px 0 267px; margin: 0 auto; position: relative; z-index: 2; }

@media screen and (max-width: 767px) { .sAbout { margin-top: -150px; padding: 40px 0 68px; } }

.sAbout_bgSkewed { position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transform: skewY(-4deg); -ms-transform: skewY(-4deg); transform: skewY(-4deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; border-top: 5px solid #000; border-bottom: 5px solid #000; background-color: #fff; background-image: url(../img/lp/bg_dot-g.png); background-size: 46px auto; background-position: left top; background-repeat: repeat; }

@media screen and (max-width: 767px) { .sAbout_bgSkewed { background-size: 23px auto; } }

.sAbout_inner { display: block; width: 1040px; margin: 0 auto; position: relative; }

@media screen and (max-width: 767px) { .sAbout_inner { width: calc(100% - 60px); } }

.sAbout_head { text-align: center; color: #1149a0; }

.sAbout_head_en { font-family: 'Oswald', sans-serif; font-weight: 400; display: block; font-size: 2.6rem; line-height: 1.5; }

@media screen and (max-width: 767px) { .sAbout_head_en { font-size: 1.2rem; line-height: 1.41; } }

.sAbout_head_jp { font-size: 5.2rem; line-height: 1.48; font-weight: 900; margin: 1px 0 0; }

@media screen and (max-width: 767px) { .sAbout_head_jp { font-size: 2.4rem; line-height: 1.5; margin: 0; } }

.sAbout_introduction { display: block; width: 100%; max-width: 1040px; margin: 30px auto 0; position: relative; }

@media screen and (min-width: 768px) { .sAbout_introduction { max-width: 1040px; } }

@media screen and (max-width: 767px) { .sAbout_introduction { margin: 20px auto 0; } }

.sAbout_introduction_image { display: block; width: 100%; height: auto; }

.sAbout_introduction_text { display: block; width: 100%; font-size: 1.6rem; line-height: 1.88; }

@media screen and (min-width: 768px) { .sAbout_introduction_text { max-width: 420px; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 80px; right: 40px; padding: 27px 30px; } }

@media screen and (max-width: 767px) { .sAbout_introduction_text { font-size: 1.4rem; line-height: 1.86; font-weight: 500; margin: 20px 0 0; } }

.sAbout_introduction_text :first-child { margin-top: 0; }

.sAbout_introduction_text > p { margin: 16px 0 0; }

@media screen and (max-width: 767px) { .sAbout_introduction_text > p { margin: 14px 0 0; } }

.sAbout_title { text-align: center; font-size: 3.8rem; line-height: 1.47; font-weight: 900; color: #1149a0; margin: 110px 0 0; }

@media screen and (max-width: 767px) { .sAbout_title { font-size: 2.2rem; line-height: 1.36; margin: 60px 0 0; } }

.sAbout_feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; margin: 46px 0 0; }

@media screen and (max-width: 767px) { .sAbout_feature { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px auto -40px; } }

.sAbout_feature_item { width: calc(33.33% - 36.66px); }

@media screen and (max-width: 767px) { .sAbout_feature_item { width: calc(100% - 5px); margin-bottom: 40px; } }

.sAbout_feature_item_image { display: block; width: 100%; }

.sAbout_feature_item_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 2.2rem; line-height: 1.45; font-weight: bold; margin: 27px 0 0; }

@media screen and (min-width: 768px) { .sAbout_feature_item_title { min-height: 65px; } }

@media screen and (max-width: 767px) { .sAbout_feature_item_title { font-size: 2.0rem; line-height: 1.4; margin: 17px 0 0; } }

.sAbout_feature_item_text { margin: 16px 0 0; }

@media screen and (max-width: 767px) { .sAbout_feature_item_text { font-size: 1.4rem; line-height: 1.57; font-weight: 500; } }

.sWorks { display: block; width: 100%; padding: 40px 0 0; margin: 0 auto 180px; background-color: #053277; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .sWorks { padding: 30px 0 33px; margin: 0 auto 73px; } }

.sWorks::before { content: ""; display: block; width: 100%; height: 30%; position: absolute; z-index: -1; top: -30%; left: 0; background-color: #053277; }

@media screen and (max-width: 767px) { .sWorks::before { height: 1%; top: -1%; z-index: 1; } }

.sWorks_bottomArrow { display: block; width: 100%; height: 180px; overflow: hidden; position: absolute; bottom: -178px; left: 0; }

@media screen and (max-width: 767px) { .sWorks_bottomArrow { height: 73px; bottom: -72px; } }

.sWorks_bottomArrow::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 180px 541px 0 541px; border-color: #053277 transparent transparent transparent; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media screen and (min-width: 1080px) { .sWorks_bottomArrow::after { border-width: 180px 51vw 0 51vw; } }

@media screen and (max-width: 767px) { .sWorks_bottomArrow::after { border-width: 73px 51vw 0 51vw; } }

.sWorks .lineBg { top: -30px; }

@media screen and (max-width: 767px) { .sWorks .lineBg { display: none; top: 0; } }

.sWorks_inner { display: block; width: 1040px; margin: 0 auto; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .sWorks_inner { width: calc(100% - 30px); } }

.sWorks_head { text-align: center; color: #fff; position: relative; }

.sWorks_head_en { font-family: 'Oswald', sans-serif; font-weight: 400; display: block; font-size: 2.6rem; line-height: 1.5; }

@media screen and (max-width: 767px) { .sWorks_head_en { font-size: 1.2rem; line-height: 1.41; } }

.sWorks_head_jp { font-size: 5.2rem; line-height: 1.48; font-weight: 900; margin: 1px 0 0; }

@media screen and (max-width: 767px) { .sWorks_head_jp { font-size: 2.4rem; line-height: 1.5; margin: 0; } }

.sWorks_head_titanman { display: block; width: 681px; position: absolute; top: -158px; right: -20px; z-index: -1; }

@media screen and (max-width: 767px) { .sWorks_head_titanman { width: 261px; top: -72px; right: -2px; } }

.sWorks_head_textMain { display: block; width: 742px; height: 121px; margin: 76px 0 0 44px; }

@media screen and (max-width: 767px) { .sWorks_head_textMain { width: calc(100% - 5px); max-width: 340px; height: auto; margin: 40px auto 0; } }

.sWorks_product { display: block; width: 100%; padding: 82px 85px 75px; border: 5px solid #000; background-color: #fff; margin: 80px auto 0; position: relative; }

@media screen and (max-width: 767px) { .sWorks_product { border: 3px solid #000; padding: 29px 20px 42px; margin: 30px auto 0; } }

.sWorks_product:nth-of-type(even)::before { top: -79px; right: -107px; left: auto; }

@media screen and (max-width: 767px) { .sWorks_product:nth-of-type(even)::before { display: none; } }

.sWorks_product:first-of-type { margin-top: 127px; }

@media screen and (max-width: 767px) { .sWorks_product:first-of-type { margin-top: 27px; } }

.sWorks_product:first-of-type::before { top: -79px; left: -107px; }

@media screen and (max-width: 767px) { .sWorks_product:first-of-type::before { display: none; } }

.sWorks_product::before { content: ""; display: block; width: 374px; height: 374px; background-image: url(../img/lp/bg_badge.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; position: absolute; z-index: -1; top: -79px; left: -107px; }

@media screen and (max-width: 767px) { .sWorks_product::before { display: none; } }

.sWorks_product_title { font-size: 3.0rem; font-weight: bold; text-align: center; margin: 0; }

@media screen and (max-width: 767px) { .sWorks_product_title { font-size: 1.8rem; line-height: 1.55; } }

.sWorks_product_description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; width: 100%; height: auto; margin: 31px 0 0; }

@media screen and (max-width: 767px) { .sWorks_product_description { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 19px 0 0; } }

.sWorks_product_description-imageRow { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sWorks_product_description-imageRow .sWorks_product_description_company { width: 100%; }

.sWorks_product_description-imageRow .sWorks_product_description_image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: -30px; }

@media screen and (min-width: 768px) { .sWorks_product_description-imageRow .sWorks_product_description_image { margin-top: 30px; } }

@media screen and (max-width: 767px) { .sWorks_product_description-imageRow .sWorks_product_description_image { margin-bottom: -10px; } }

.sWorks_product_description-imageRow .sWorks_product_description_image > img { width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .sWorks_product_description-imageRow .sWorks_product_description_image > img { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; } }

.sWorks_product_description-imageRow .sWorks_product_description_image > img:nth-child(2n) { margin-right: 0; }

.sWorks_product_description_company { display: block; width: calc(100% - 420px); height: auto; padding-right: 40px; }

@media screen and (max-width: 767px) { .sWorks_product_description_company { width: 100%; padding-top: 20px; padding-right: 0; } }

.sWorks_product_description_company_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start; width: 100%; height: auto; }

.sWorks_product_description_company_head_image { display: block; width: 100px; height: 100px; border-radius: 100%; position: relative; overflow: hidden; }

@media screen and (max-width: 767px) { .sWorks_product_description_company_head_image { width: 70px; height: 70px; } }

.sWorks_product_description_company_head_image > img { display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sWorks_product_description_company_head_text { display: block; width: calc(100% - 100px); height: auto; padding-left: 15px; font-size: 1.6rem; line-height: 1.75; font-weight: 500; }

@media screen and (max-width: 767px) { .sWorks_product_description_company_head_text { width: calc(100% - 70px); font-size: 1.4rem; line-height: 1.43; } }

.sWorks_product_description_company_content { margin: 12px 0 0; font-size: 1.6rem; line-height: 1.75; font-weight: 500; }

@media screen and (max-width: 767px) { .sWorks_product_description_company_content { margin: 10px 0 0; font-size: 1.3rem; line-height: 1.69; } }

.sWorks_product_description_image { display: block; width: 420px; height: auto; }

@media screen and (max-width: 767px) { .sWorks_product_description_image { width: 100%; } }

.sWorks_product_description_image > img { display: block; width: 100%; height: auto; }

.sWorks_product_360 { display: block; width: 100%; height: auto; background-color: #e9ecef; margin-top: 66px; position: relative; padding-top: 69.7674%; }

@media screen and (max-width: 767px) { .sWorks_product_360 { margin-top: 38px; padding-top: 69.6666%; } }

.sWorks_product_360::after { content: ""; display: block; width: 109px; height: 95px; background-image: url(../img/lp/ico_360.png); background-size: 100% auto; background-position: center; background-repeat: no-repeat; position: absolute; right: -27px; bottom: -17px; }

@media screen and (max-width: 767px) { .sWorks_product_360::after { width: 72px; height: 63px; right: -11px; bottom: -19px; } }

.sWorks_product_360_image { display: block; width: 100% !important; height: 100% !important; position: absolute !important; top: 0; left: 0; }

.sWorks_product_360_image.js_product360 { opacity: 0; }

.sWorks_product_360_image.js_product360-active { opacity: 1; }

.sWorks_message { display: block; width: 1017px; margin: 98px auto 0; }

@media screen and (max-width: 767px) { .sWorks_message { width: calc(100% - 50px); max-width: 325px; margin: 40px auto 0; } }

.sFlow { display: block; width: 100%; padding: 88px 0 0; margin: 0 auto; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .sFlow { padding: 35px 0 0; } }

.sFlow_inner { display: block; width: 1040px; margin: 0 auto; position: relative; }

@media screen and (max-width: 767px) { .sFlow_inner { width: calc(100% - 30px); } }

.sFlow_head { text-align: center; color: #fff; position: relative; }

.sFlow_head_en { font-family: 'Oswald', sans-serif; font-weight: 400; display: block; font-size: 2.6rem; line-height: 1.5; }

@media screen and (max-width: 767px) { .sFlow_head_en { font-size: 1.2rem; line-height: 1.42; } }

.sFlow_head_jp { font-size: 5.2rem; line-height: 1.48; font-weight: 900; margin: 1px 0 0; }

@media screen and (max-width: 767px) { .sFlow_head_jp { font-size: 2.4rem; line-height: 1.5; margin: 0; } }

.sFlow_head_titanman { display: block; width: 728px; position: absolute; z-index: -1; top: -150px; left: -157px; }

@media screen and (max-width: 767px) { .sFlow_head_titanman { width: 224px; top: -83px; left: calc(50% - 128px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.sFlow_head_text { display: block; width: 634px; margin-top: 74px; }

@media screen and (min-width: 768px) { .sFlow_head_text { margin-left: auto; } }

@media screen and (max-width: 767px) { .sFlow_head_text { width: 100%; max-width: 345px; margin: 43px auto 0; } }

.sFlow_head_text_title { display: block; width: 624px; }

@media screen and (max-width: 767px) { .sFlow_head_text_title { width: calc(100% - 92px); margin-left: auto; } }

.sFlow_head_text_inner { display: block; width: 100%; }

.sFlow_head_text_content { text-align: left; margin: 16px 0 0; }

@media screen and (max-width: 767px) { .sFlow_head_text_content { font-size: 1.3rem; line-height: 1.692; margin: 13px 0 0; padding-left: 15px; } }

.sFlow_head_text_content:first-child { margin-top: 17px; }

@media screen and (max-width: 767px) { .sFlow_head_text_content:first-child { margin-top: 14px; } }

.sFlow_image { display: block; width: 100%; margin: 85px auto 0; }

@media screen and (max-width: 767px) { .sFlow_image { max-width: 315px; margin: 40px auto 0; } }

.bTitanmanAppeal { display: block; width: 100%; padding: 127px 0 259px; margin: 0 auto; position: relative; overflow: hidden; }

@media screen and (max-width: 767px) { .bTitanmanAppeal { padding: 70px 0 210px; } }

@media screen and (min-width: 768px) { .bTitanmanAppeal.js_scrollAnimation .bTitanmanAppeal_text { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.5s; } }

@media screen and (max-width: 767px) { .bTitanmanAppeal.js_scrollAnimation .bTitanmanAppeal_text { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; -o-transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; transition: transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s, -webkit-transform cubic-bezier(0.34, 1.28, 0.64, 1) 0.4s; } }

.bTitanmanAppeal.js_scrollAnimation .lineBg { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; }

@media screen and (min-width: 768px) { .bTitanmanAppeal.js_scrollAnimation-active .bTitanmanAppeal_text { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

@media screen and (max-width: 767px) { .bTitanmanAppeal.js_scrollAnimation-active .bTitanmanAppeal_text { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

.bTitanmanAppeal.js_scrollAnimation-active .lineBg { opacity: 1; visibility: visible; }

.bTitanmanAppeal_inner { display: block; width: 1040px; margin: 0 auto; position: relative; z-index: 1; }

@media screen and (max-width: 767px) { .bTitanmanAppeal_inner { width: calc(100% - 30px); } }

.bTitanmanAppeal_text { display: block; width: 100%; position: relative; z-index: 1; }

@media screen and (min-width: 768px) { .bTitanmanAppeal_text { display: inline-block; width: auto; margin-top: 155px; } }

.bTitanmanAppeal_text_content { font-size: 4.6rem; line-height: 1.33; font-weight: 900; color: #fff; margin: 0; }

@media screen and (max-width: 767px) { .bTitanmanAppeal_text_content { font-size: 2.4rem; line-height: 1.5; text-align: center; } }

.bTitanmanAppeal_titanman { display: block; width: 895px; position: absolute; top: 10px; right: -180px; }

@media screen and (max-width: 767px) { .bTitanmanAppeal_titanman { width: 409px; max-width: none; top: 70px; left: calc(50% - 10px); right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.sContact { display: block; width: 100%; padding: 93px 0 133px; margin: 0 auto; background-color: #fff; border-top: 5px solid #000; border-bottom: 5px solid #000; }

@media screen and (max-width: 767px) { .sContact { padding: 60px 0 90px; border-top: 3px solid #000; border-bottom: 3px solid #000; } }

.sContact_inner { display: block; width: 1040px; margin: 0 auto; }

@media screen and (max-width: 767px) { .sContact_inner { width: calc(100% - 30px); } }

.sContact_title { text-align: center; font-size: 4.6rem; line-height: 1.47; font-weight: 900; color: #1149a0; margin: 89px 0 0; }

@media screen and (max-width: 767px) { .sContact_title { font-size: 2.2rem; line-height: 1.5; margin: 50px 0 0; } }

.sContact_title:first-of-type { margin-top: 0; }

.sContact_text { margin: 40px 0; font-size: 1.6rem; line-height: 1.75; font-weight: 500; text-align: center; }

@media screen and (max-width: 767px) { .sContact_text { margin: 20px 0 30px; font-size: 1.3rem; line-height: 1.69; } }

.sContact_content { display: block; width: 660px; margin: 59px auto 0; }

@media screen and (max-width: 767px) { .sContact_content { width: 100%; margin: 30px auto 0; } }

.sContact_content input, .sContact_content textarea { max-width: 100%; }

.sContact_button { display: block; width: 840px; height: 160px; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url(../img/lp/btn_form_pc.jpg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transition: background-image 0.3s; -o-transition: background-image 0.3s; transition: background-image 0.3s; margin: 59px auto 0; }

@media screen and (min-width: 768px) { .sContact_button:hover { background-image: url(../img/lp/btn_form-hover_pc.jpg); } }

@media screen and (max-width: 767px) { .sContact_button { width: 315px; height: 80px; background-image: url(../img/lp/btn_form_sp.jpg); margin: 30px auto 0; } }

.footer { display: block; width: 100%; padding: 96px 0 84px; color: #fff; background-color: #053277; }

@media screen and (max-width: 767px) { .footer { padding: 45px 0 20px; } }

.footer_inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1040px; margin: 0 auto; }

@media screen and (max-width: 767px) { .footer_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 30px); } }

.footer_logo { display: block; width: 370px; margin-right: 59px; }

@media screen and (max-width: 767px) { .footer_logo { width: 100%; max-width: 300px; margin: 0 auto; } }

.footer_logo > img { display: block; width: 100%; }

.footer_address { margin-top: 32px; font-size: 1.4rem; line-height: 1.64; font-style: normal; }

@media screen and (max-width: 767px) { .footer_address { margin-top: 16px; font-size: 1.3rem; line-height: 1.87; text-align: center; } }

.footer_address > a { text-decoration: none; }

.footer_text { font-size: 1.4rem; line-height: 2; margin: 0; }

@media screen and (max-width: 767px) { .footer_text { font-size: 1.3rem; line-height: inherit; padding: 20px 15px 0; } }

.footer_copyright { text-align: right; font-size: 1.4rem; line-height: 1.42; margin: 54px 0 0; }

@media screen and (max-width: 767px) { .footer_copyright { font-size: 1.2rem; line-height: 1.55; margin: 45px 0 0; text-align: center; } }

.modalAbout_inner { display: block; width: 100%; }

@media screen and (max-width: 767px) { .modalAbout_inner { height: calc(100% - 40px); position: relative; overflow: auto; } }

.modalAbout_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 767px) { .modalAbout_content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.modalAbout_content_text { display: block; width: calc(100% - 385px); padding-top: 7px; padding-right: 45px; }

@media screen and (max-width: 767px) { .modalAbout_content_text { width: 100%; padding: 0; } }

.modalAbout_content_text_title { font-size: 4.0rem; line-height: 1.48; font-weight: 900; margin: 0; }

@media screen and (max-width: 767px) { .modalAbout_content_text_title { font-size: 2.0rem; line-height: 1.45; margin: 10px 0 0; text-align: center; } }

.modalAbout_content_text_subTitle { font-size: 1.8rem; line-height: 1.5; font-weight: bold; margin: 9px 0 0; }

@media screen and (max-width: 767px) { .modalAbout_content_text_subTitle { font-size: 1.4rem; line-height: 1.57; margin: 6px 0 0; text-align: center; } }

.modalAbout_content_text_text { margin: 0; }

@media screen and (max-width: 767px) { .modalAbout_content_text_text { font-size: 1.3rem; line-height: 1.85; font-weight: bold; } }

.modalAbout_content_text_text:first-of-type { margin-top: 34px; }

@media screen and (max-width: 767px) { .modalAbout_content_text_text:first-of-type { margin-top: 20px; } }

.modalAbout_content_image { display: block; width: 385px; }

@media screen and (max-width: 767px) { .modalAbout_content_image { width: 197px; margin: 0 auto; } }

.modalAbout_close { display: block; width: 90px; margin: 46px auto 0; font-size: 1.7rem; line-height: 1.5; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .modalAbout_close { width: 70px; margin: 19px auto 0; font-size: 1.4rem; line-height: 1.43; } }

.modalAbout_close::before { content: ""; display: inline-block; vertical-align: middle; width: 19px; height: 20px; margin-right: 7px; background-image: url(../img/lp/modal/ico_close_b.svg); background-size: 100% auto; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }

@media screen and (max-width: 767px) { .modalAbout_close::before { width: 13px; height: 15px; margin-right: 5px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } }

.modalAbout_close-top { color: #fff; position: absolute; top: -39px; right: 0; margin: 0; }

@media screen and (max-width: 767px) { .modalAbout_close-top { top: -28px; } }

.modalAbout_close-top::before { background-image: url(../img/lp/modal/ico_close_w.svg); }

.modalAbout .modal__container { overflow: visible; padding: 48px 55px 34px; border: 5px solid #000; position: relative; }

@media screen and (max-width: 767px) { .modalAbout .modal__container { height: calc(100vh - 130px); max-height: calc(100vh - 130px); border: 3px solid #000; padding: 17px 15px 26px; } }

.modalAbout .modal__overlay { background: rgba(5, 50, 119, 0.96); }

/*# sourceMappingURL=lp.css.map */