@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
@font-face {font-family:'Gotham'; src:url('../fonts/Gotham.otf') format('opentype');}
@font-face {font-family:'DINEngschrift'; src:url('../fonts/DINEngschrift.ttf') format('truetype');}
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {position:relative; min-width:1280px; max-width:auto; margin:0; padding:0; padding-right:0 !important; background-color:#fff; color:#000; -webkit-text-size-adjust:none; font-family:'Roboto', 'Noto Sans JP', sans-serif; font-weight:700; font-size:19px; line-height:1.8; word-wrap:break-word; letter-spacing:0;}
body.lock {overflow:hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; font-weight:900; line-height:1;}
a {color:#000; transition:all .2s ease-in-out;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none; color:#333;}
p {margin-bottom:0;}
figure {margin:0;}
* {image-rendering:-webkit-optimize-contrast;}
img[src$='.svg'] {width:100%; height:auto;}
.btn {position:relative; padding:20px 100px; border:none; border-radius:0; font-size:18px; font-weight:700; line-height:1; white-space:nowrap; transition:all .3s ease-in-out;}
.btn-primary {background-color:#008cd5; border:1px solid #008cd5;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {background-color:#fff; border:1px solid #008cd5; color:#008cd5;}
.btn-secondary {background-color:#7cc9c4;}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {background-color:#7cc9c4; box-shadow:0 2px 10px rgba(0, 0, 0, .375);}
.btn.focus, .btn:focus, button:focus {box-shadow:none; outline:none;}
.text-primary {color:#008cd5 !important;}
.container {max-width:1280px;}
.container-lg {max-width:1280px;}
.parallax-window {min-height:500px; background:transparent;}

#header {position:fixed; top:0; left:0; width:100%; z-index:1100;}
.navbar-global {height:170px; padding:0;}
.navbar-brand {margin:0 0 0 50px; padding:0;}
.modal-open .navbar-brand {opacity:0;}
.navbar-brand a {display:block; width:100px; height:133px; margin:0 auto; background-image:url(../images/logo.png); background-size:100% auto; background-position:top left; background-repeat:no-repeat;}
.navbar-toggle {position:absolute; display:block; top:65px; right:50px; width:40px; height:40px; padding:0; background-color:transparent; border:none; border-radius:0;}
.navbar-toggle-bar {position:absolute; left:0; display:block; width:40px; height:3px; content:''; background-color:#fff;}
.scrolling .navbar-toggle-bar,
body:not(.home) .navbar-toggle-bar {background-color:#000;}
.navbar-toggle-bar:nth-child(1) {top:calc(50% - 13px);}
.navbar-toggle-bar:nth-child(2) {top:calc(50% - 1px);}
.navbar-toggle-bar:nth-child(3) {top:calc(50% + 11px);}
.navbar-toggle .menu-text {display:block; margin-top:40px; font-weight:700; font-size:14px; color:#fff;}
.scrolling .navbar-toggle .menu-text,
body:not(.home) .navbar-toggle .menu-text {color:#000;}
.modal-open .navbar-toggle .menu-text {color:#fff !important;}
.modal-open .navbar-toggle-bar:nth-child(1) {transform:rotate(45deg); top:calc(50% - 1px); background-color:#fff;}
.modal-open .navbar-toggle-bar:nth-child(2) {display:none;}
.modal-open .navbar-toggle-bar:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px); background-color:#fff;}

.modal-dialog {margin:0 auto;}
.modal-dialog-centered {min-height:100%;}
.modal-content {background-color:transparent; border:none;}
.close {position:fixed; top:30px; right:30px; width:30px; height:30px; opacity:1;}
.modal-body {padding:0; text-align:center;}
.modal-backdrop {background-color:#008cd5;}
.modal-backdrop.show {opacity:1;}

.navbar-modal .navbar-nav {}
.navbar-modal .navbar-nav .nav-item:not(:last-child) {margin-bottom:50px;}
.navbar-modal .navbar-nav .nav-link {padding:0; color:#fff; font-size:40px; line-height:1;}

#content {}

.section {padding-top:100px;}
.section-header {margin-bottom:50px;}
.section-title {margin-bottom:0; padding-bottom:55px; background:url(../images/title-sep-red.svg) center bottom no-repeat; background-size:300px auto; text-align:center; font-size:35px; line-height:1;}
.section-title.red {background-image:url(../images/title-sep-red.svg);}
.section-title.blue {background-image:url(../images/title-sep-blue.svg);}
.section-title.brown {background-image:url(../images/title-sep-brown.svg);}
.section-title.green {background-image:url(../images/title-sep-green.svg);}
.section-title.orange {background-image:url(../images/title-sep-orange.svg);}
.section-title img {max-width:150px; margin-right:10px; transform:translateY(-5px);}
.section-title-en {text-align:center; font-weight:900; font-size:30px;}
.section-body {}
.section-more {text-align:center;}
.catchcopy {margin-top:70px; margin-bottom:70px; text-align:center; font-size:40px;}
.catchcopy span {box-shadow:inset 0 -12px 0 0 #ffd200;}
.section-bg {margin-top:100px; padding-top:0;}

.section-hero {position:relative; display:flex; justify-content:center; align-items:flex-end; width:100%; height:100vh; padding-bottom:50px; background-size:cover; background-position:center center;}
.overlay-text {position:fixed; top:180px; left:50px; width:300px; height:30px; background:url(../images/overlay-text.svg) 0 0 no-repeat; background-size:100% auto; z-index:100;}
.scrolling .overlay-text {background-image:url(../images/overlay-text-scroll.svg);}
.btn-app {width:auto; height:90px;}

.overview-text {max-width:700px; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.overview-text02 {max-width:700px; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.overlay-item-line {max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:50px;}

.card-item:not(:last-child) {margin-bottom:50px;}
.card-item-text {padding:30px 50px;}
.card-item-text h3 {margin-bottom:30px; padding-bottom:20px; background:url(../images/h3-bg.svg) center bottom no-repeat; background-size:100% auto; font-size:24px; line-height:1.5;}

.table {margin-bottom:0; color:#000;}
.table th,
.table td {text-align:center; vertical-align:middle; color:red;}
.table th {border:1px solid #ffffff; background-color:#008cd5; color:#343a40;}
.table td {border:1px solid #e2e2e2; background-color:#fff;}
.table th.alt { background-color:#fff; color:#008cd5;border: 1px solid #e2e2e2;}
.table td small {font-weight:700;}
.table td s {color:#343a40; font-size:80%;}
.table th.border-none {border:none;background-color:#fff;}
.table td.border-bottom-none {border-bottom:none;}
.table .sp {display:none;}
@media (max-width:767px) {
	.table th,.table td {padding:.75rem 5px;}
	.table th.w60 {width:60px;}
	.table .fs12 {font-size:12px;}
	.table .sp {display:block;}
}
.section-cta .section-body {padding:50px; background-color:#008cd5;}
.section-cta .cta-text {max-width:500px; margin-left:auto; margin-right:auto; margin-bottom:-50px;}

.section-flow .section-body {padding-left:15px; padding-right:15px;}
.flow-item {padding-top:15px; padding-bottom:15px; border:1px solid #008cd5; border-right:none;}
.flow-item:last-child {border-right:1px solid #008cd5;}
.flow-icon {margin-bottom:20px; text-align:center;}
.flow-icon img {max-width:50px;}
.flow-item h4 {margin-bottom:15px; text-align:center; color:#008cd5; font-size:19px;}

.table-form {margin-bottom:30px;}
.table-form th,
.table-form td {padding:30px; border:1px solid #aaabab;}
.table-form th {width:25%; text-align:center; background-color:#eee; color:#000;}
.table-form th label {position:relative; display:block; margin-bottom:0;}
.table-form th label .required {float:right; display:inline-block; padding:10px 10px; background-color:#a40d23; color:#fff; font-size:85%; line-height:1;}
.table-form th label .no-required {float:right; display:inline-block; padding:10px 10px; background-color:#808181; color:#fff; font-size:85%; line-height:1;}
.table-form td {text-align:left;}
.table-form td label {margin-bottom:0;}
.form-control {padding:10px; height:50px; border-radius:0;}
.wpcf7-not-valid-tip {text-align:left; margin-top:5px; font-size:16px !important;}
.wpcf7-list-item {margin:0 20px 0 0 !important;}

#pagetop {position:fixed; bottom:15px; right:15px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; background-color:#008cd5; color:#fff; font-size:20px;}

.footer-nav {display:flex; padding-top:50px; padding-bottom:50px;}
.footer-nav .links {display:block;}
.footer-nav .links a:not(:last-child) {margin-right:20px;}

.section-footer {padding:10px 0; background-color:#008cd5; color:#fff;}

body:not(.home) .section-header {padding-top:100px; padding-bottom:100px; text-align:center; background-color:#f4f4f4;}

.editor-style h3 {margin:3rem 0 2rem; padding-bottom:10px; border-bottom:1px solid #000; font-size:25px;}
.editor-style table {width:100%; table-layout:fixed;}
.editor-style table th,
.editor-style table td {padding:10px 20px; border:1px solid #ddd;}
.editor-style table th {width:30%; background-color:#f4f4f4;}
.video-embed {margin-top:50px;}

.sp {display:none;}
.hukidashi {max-width:600px;margin-left:auto;display: block;}
@media (max-width:767px) {
    body {min-width:inherit; max-width:inherit; font-size:14px;}
    .btn {padding:15px 30px; font-size:14px;}
    .container {max-width:inherit;}
    .container-lg {max-width:inherit; padding:0;}
    .parallax-window {min-height:200px;}

    #content {padding-top:0;}

    .navbar-global {height:80px;}
    .navbar-brand {margin-left:15px;}
    .navbar-brand a {width:50px; height:67px;}
    .modal-open .navbar-brand {opacity:1;}
    .navbar-header {display:none;}
    .navbar-toggle {top:10px; right:15px;}
    .navbar-toggle .menu-text {font-size:12px;}
    .modal-open .navbar-toggle-bar:nth-child(1),
    .modal-open .navbar-toggle-bar:nth-child(3) {background-color:#fff;}
    .navbar-modal .navbar-nav .nav-item:not(:last-child) {margin-bottom:40px;}
    .navbar-modal .navbar-nav .nav-link {font-size:18px;}

    .section {padding-top:30px; padding-bottom:30px;}
    .section-header {margin-bottom:20px;}
    .section-title {margin-bottom:0; background-size:200px auto; font-size:16px; padding-bottom:40px;}
    .section-title img {max-width:80px;}
    .section-title-en {font-size:14px;}
    .catchcopy span {font-size:20px;}
    .section-bg {margin-top:30px;}
    .section-voice {margin-top:50px;}

    .section-hero {height:350px; padding-bottom:0;}
    .overlay-item-line {max-width:300px; margin-bottom:20px;}
    .overlay-text {top:80px; left:15px; max-width:150px;}
    .section-overlay {margin-bottom:15px;}
    .overview-text {margin-bottom:30px;}
	.overview-text02 {margin-bottom:0;}
    .btn-app {width:auto; height:45px;}
    .card-item-text {padding:20px 0 0;}
    .card-item-text h3 {margin-bottom:20px; padding-bottom:10px; font-size:16px;}
    .flow-item {border-bottom:none; border-right:1px solid #008cd5;}
    .flow-item:last-child {border-bottom:1px solid #008cd5;}
    .flow-item h4 {font-size:16px;}
    .section-cta .section-body {padding:30px 15px;}
    .section-cta .cta-text {max-width:250px; margin-bottom:20px;}
    .section-cta .golwho-logo {margin-bottom:20px; padding-right:15px!important; text-align:center;}
    .section-cta .golwho-logo img {max-width:100px;}

    .table-form,
    .table-form tr,
    .table-form th,
    .table-form td {display:block;}
    .table-form th, .table-form td {width:100%; padding:5px; text-align:left;}
    .table-form th {border-bottom:none;}
    .table-form th label .required,
    .table-form th label .no-required {float:none; margin-left:5px; padding:5px; font-size:10px;}
    .form-control {height:40px; padding:5px;}
    #pagetop {bottom:62px;}
    .section-footer {}
    body:not(.home) .section-header {padding-top:50px; padding-bottom:50px; background-color:#f4f4f4;}
    body:not(.home) .section-header-title {font-size:20px;}
	
	.sp {display:none;}
	.pc {display:block;}
	
	.hukidashi {width:100%;margin-left:auto;display: block;}
}