/* ======== VARIABLE ======== */
/* color */
/* font */
/* ======== MIXIN ======== */
/* flex */
/* transform */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
ul {
	list-style:none;
}
button,input,select {
	margin:0;
}
html {
	box-sizing:border-box;
}
*,*::before,*::after {
	box-sizing:inherit;
}
img,video {
	height:auto;
	max-width:100%;
}
iframe {
	border:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td,th {
	padding: 0;
}
/* style start */
html,body {
	font-size:16px;
}
.section {
	width:100%;
}
.scn-01 {
	position:relative;
	height:100dvh;
	background:url(../images/img-main-bg.png) no-repeat center/auto 100%;
}
.scn-01 h2 {
	font-family:"Bebas Neue",sans-serif;
	font-size:11.875rem;
}
.scn-01 .img-ship {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60.65%;
	background:url(../images/img-main-ship.png) no-repeat center/auto 100%;
}
.scn-01 .img-sun {
	position:absolute;
	bottom:5%;
	left:50%;
	transform:translateX(-50%);
	width:446px;
	height:446px;
	background:url(../images/img-main-sun.png) transparent no-repeat;
	mix-blend-mode: color-burn;
}
/* coming soon page ================================================================================== */
@media (max-width:1199px) {
	html {
		font-size:87.5%;
	}
}
@media (max-width:768px) {
	html {
		font-size:81.25%;
	}
}
@media (max-width:480px) {
	html {
		font-size:75%;
	}
}
@font-face {
	font-family:'GenGothicReg';
	src:url('/css/font/GenEiMGothic2-Regular.ttf') format('truetype');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:'GenGothicBol';
	src:url('/css/font/GenEiMGothic2-Bold.ttf') format('truetype');
	font-weight:700;
	font-style:normal;
}
@font-face {
	font-family:'GenGothicSuperBol';
	src:url('/css/font/GenEiMGothic2-Heavy.ttf') format('truetype');
	font-weight:800;
	font-style:normal;
}
.zen-kaku-gothic-new-regular {
	font-family:"GenGothicReg",sans-serif;
	font-weight:400;
	font-style:normal;
}
.zen-kaku-gothic-new-medium {
	font-family:"GenGothicReg",sans-serif;
	font-weight:400;
	font-style:normal;
}
.zen-kaku-gothic-new-bold {
	font-family:"GenGothicBol",sans-serif;
	font-weight:700;
	font-style:normal;
}
.zen-kaku-gothic-new-superbold {
	font-family:"GenGothicSuperBol",sans-serif;
	font-weight:800;
	font-style:normal;
}
html {
	font-size:100%;
}
br.enter {
	display:none;
}
.top {background: #3871a8; text-align: center; margin-bottom: 0; padding: 0.3em;}
.top .container {display: flex; align-items: center; justify-content: space-between;}
.container {
	width:1200px;
	margin:0 auto;
}
* {
	box-sizing:border-box;
	word-break:auto-phrase;
	line-height:1.8;
	letter-spacing:0.4px;
}
body {
	margin:0;
	padding:0;
	font-family:"Zen Kaku Gothic New",sans-serif;
	/* background-color:#F0F1F9; */
}
.section-greeting {
    background: #f3f3f3;
    padding: 6em 6em 4em 6em;
}
.section-greeting img {
    height: auto;
    width: 12em; 
    margin-top: 2.4em;
}
.section-greeting img:first-child {width: 19em; }
.section-greeting .greet-txt span {font-family: 'GenGothicBol'; font-size: 1.8em; display: block; margin-bottom: 0.6em;}
.section-introduction,.section-map {
	display:flex;
	align-items:center;
    padding: 6em;
}
.section-introduction {
	background:url('/images/img--intro-bg.png?33') no-repeat center center / cover;
}
.section-introduction img {
	width:70%;
	height:auto;
}
h1 {
	margin:0 0 0.3em 0;
	color:#fff;
}
h1.light {
	color:#161924;
}
p.light,span.light {
	color:#3b3d44;
}
p {
	color:#c1c1c1;
	margin-bottom:0em;
}
.flex-divider {
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:3.2em;
	width:100%;
}
.business {
	width:100%;
	margin:0 auto;
	font-size:1em;
}
.properties {
	padding-bottom:0.37em;
	display:flex;
	gap:8px;
	margin-bottom:0.5em;
	border-bottom:1px solid rgba(255,255,255,0.18);
	width:100%;
	text-align:left;
}
.properties span {
	color:#6573b5
}
.flex-divider.reverse {justify-content: space-between;}
.flex-divider>div:first-child {
	width:24em; text-align: center;
}
.flex-divider.reverse>div:first-child {width: auto; text-align: left;}
.flex-divider.reverse>div:last-child {width: 24em; text-align: center;}
.section-map .flex-divider>div:first-child {
	width:32em;
}
.contact-box {
	display:flex;
	align-items:center;
	position:relative;
	width:100%;
	padding:1em 1em 1em 0em;
	border-bottom:1px solid #d0d1d9;
}
.contact-box.mail {
	padding-right:8.25em;
}
.section-title {
	text-align:center;
	margin-bottom:1.5em;
}
.email-text {
	user-select:all;
	font-size:1.05em;
	text-align:left;
	color:#fff;
}
.text-header {
	font-family:'GenGothicBol';
	color:#5f616a;
	font-size:0.8em;
	display:block;
	margin-bottom:0.3em;
}
.copy-btn {
	position:absolute;
	top:50%;
	right:0em;
	transform:translateY(-50%);
	padding:0.975em 1.7em 1em;
	border:none;
	background-color:transparent;
	color:#3b3d44;
	border:1px solid #3b3d44;
	cursor:pointer;
	font-family:"Zen Kaku Gothic New",sans-serif;
	font-weight:700;
	font-size:0.9em;
	line-height:1;
	border-radius:100px;
}
.copy-btn:hover {
	background-color:#3871a8;
	color:#fff;
	border-color:#3871a8;
}
.copy-success {
	color:#0bad37;
	font-size:0.9em;
	margin-top:10px;
	display:none;
	position:absolute;
	bottom:-2.4em;
	left:50%;
	transform:translateX(-50%);
	width:100%;
}
.section-map {
	display:flex;
	padding:6em;
}
.section-map .map {
	flex:1;
	min-width:0;
	height:100%;
}
.section-map .map iframe {
	width:100%;
	height:20em;
	border:none;
}
.section-map .flex-divider {
	width:1200px;
}
@media (max-width:1199px) {
	html {
		font-size:87.5%;
	}
    .top {padding: 0.5em 1em;}
	.section-map {
		padding:4em 2em;
	}
	.section-map .flex-divider {
		flex-direction:column;
		width:100%
	}
	.section-map .info {
		width:100%;
		position:relative;
	}
	.section-map .map {
		width:100%;
		height:22.5em;
	}
	.section-map .map iframe {
		height:20em
	}
    .section-greeting {padding: 4em 2em;}
    .section-greeting img {width: 144px; margin-top:2em; margin-bottom: -1.5em;}
    .section-greeting img:first-child {width: 300px;}
	.section-introduction {
		height:auto;
		padding:4em 2em;
	}
    .section-introduction img {
        width:50%;
        max-width: 280px;
        height:auto;
    }

	.container {
		width:100%;
		min-width:auto;
		/* text-align:center; */
	}
	.flex-divider {
		flex-direction:column;
        gap: 2.4em;
	}
	.flex-divider>div:first-child {
		width:100%;
	}
    .flex-divider.reverse>div:first-child {
        width: 100%;
    }
	.section-map .flex-divider>div:first-child {
		width:100%;
	}
    .flex-divider.reverse {flex-direction: column-reverse;}
    .flex-divider>div:last-child {
        width: 100%;
    }
	p {
		margin-bottom:0;
	}
	.section-title {
		margin-bottom:0.5em;
	}
    .email-text {
        font-size: 0.95em;
    }
    .greet-txt {width: 100%;}
}
@media (max-width:768px) {
	html {
		font-size:81.25%;
	}
    h1 {font-size: 1.5em}
    .section-greeting, .section-introduction, .section-map {padding: 3em 1.5em;}
    br.enter {
		display: block;
	}
    br.enter-m {
        display: none;
    }
    .section-greeting .greet-txt span {font-size: 1.4em;}
}
@media (max-width:500px) {
	html {
		font-size:75%;
	}
    .section-greeting .greet-txt span {font-size: 1.2em;}
    .contact-box.mail {}
}