body { margin: 0; font-family: "Montserrat", sans-serif; font-size: 1em; font-weight: normal; color: #121212; line-height: 1.5;}
h1, h2, h3, h4, h5, h6, p, figure { margin: 10px;}
h1 { font-size: 2.3em; line-height: 1.3em; padding:0 0 10px 0; font-weight: normal; text-transform: uppercase;}
h2 { font-size: 2.2em; line-height:1.3em; font-weight: normal; text-transform: uppercase;}
form { margin:0 10px 0 10px; width:400px;}
button { padding: 10px 20px; background-color: #D03138; text-transform: uppercase; font-weight: bold;}
button:hover { background-color: #99070A;}
a, a:hover {color:#121212; }
.full-width { width:100%;}
.content-max-width { max-width: 1100px; margin:auto;}
.flex-container { display:flex; flex-wrap:nowrap; justify-content:center; align-content: center;}
.flex-container2 { display:flex; flex-wrap:wrap; justify-content:center; align-content: center;}
.flex-container > div { padding:0 1em; margin:0; flex: 1}
.section-padding { padding-block: 2.5rem;}
img.full-width { width: 100%; max-height: 45vh; object-fit: cover;}
.bg-primary { background: #161616;}
.img-responsive { height: auto; width: 100%;}
.img-responsive.logo { max-width: 110px; padding: .75em;}
.img-responsive.clogo { max-width: 210px; padding: 30px;}
/* text */
.text-align-left { text-align:left;}
.text-align-center { text-align:center; margin:auto;}
.text-align-right { text-align:right;}
.text-max-width { max-width: 700px;}
.text-color-white { color: #fff;}
.text-with-lines::before { content: ""; display: block; border-top: 11px solid #D03138; margin: 0 0 10px 0; width: 35%;}
.red-border-top { border-top: 11px solid #D03138; width: 175px; margin-bottom: 15px;}
/* spacer */
.margin-all{ margin: 1em;}
.padding-all{ padding: 2em 0 6em 0;}
.padding-left-50 { padding-left:50px;}
.padding-right-50 { padding-right:50px;}
.shime-margin-top-4 { margin-top: 4em;}
.shime-margin-bottom-2 { margin-bottom: 2em;}
.shime-margin-bottom-1 { margin-bottom: 1em;}
.shime-padding-top-8 { padding-top: 8em;}
.shime-padding-bottom-8 { padding-bottom: 8em;}
.shime-padding-top-4 { padding-top: 4em;}
.shime-padding-bottom-4 { padding-bottom: 4em;}
.shime-padding-top-2 { padding-top: 2em;}
.shime-padding-bottom-2 { padding-bottom: 2em;}
/* video embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* full-width background*/
.bg-mid { background-image: url(https://images.unsplash.com/photo-1507880572231-f85401ce76e6); background-size:cover;}
.bg-dive { background-image: url(https://images.unsplash.com/photo-1560260240-c6ef90a163a4); background-size:cover; background-position: bottom center;}
.bg-pattern { background-image: url(https://images.unsplash.com/photo-1637004732258-4b792ce8f474); background-size:cover; background-position: bottom center;}
.bg-tint { background-color: rgba(17,17,17,0.65); background-blend-mode: multiply; }
.bg-tint-2 { background-color: rgba(15,20,25,0.50); background-blend-mode: multiply; }

#form .hbspt-form input:not([type="checkbox"], [type="submit"]),
#form .hbspt-form select,
#form .hbspt-form textarea {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #949494;
	font-size: 1em;
	padding: 0.5em;
	font-weight: 300;
	box-shadow: none;
	height: auto;
}

#form .hbspt-form input:not([type="checkbox"], [type="submit"]):focus{
	border-color: #28b7ff;
}

#form .hbspt-form input::placeholder {
	color: rgb(102, 102, 102);
}

#form .hbspt-form input::-webkit-input-placeholder {
	color: rgb(102, 102, 102);
}

#form .hbspt-form input::-moz-placeholder {
	color: rgb(102, 102, 102);
}

#form .hbspt-form textarea {
	min-height: 150px;
	box-sizing: border-box;
}

#form .hbspt-form select {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(255, 255, 255, 1);
	cursor: pointer;
	border-radius: 0;
}

#form .hs-form-field {
	margin-bottom: 0.75em;
}

#form input[type="submit"] {
	background-color: #B52323;
	border: 1px solid #B52323;
	color: #FFF;
	border-radius: 0px;
	display: inline-block;
	font-family: "Noto Sans JP", Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 500;
	padding: 1.25em 3em 1.25em 3em;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1em;
	box-sizing: border-box;
}

#form select {
	position: relative;
	width: 100%;
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABUmlDQ1BJQ0MgUHJvZmlsZQAAGJV1kLFLAnEUx79HiiKCDQUFDTdINFjIVdR6OkhQZJZQbXfndQZ6/rg7ieZqaxBaagtbm2vMv6CioCEiWpsiIpeU6/286rToweP74cuXx+MLCC2FsVIAQNl0rFwmJa6urYuhZ4QxiCDGICmazeRsdp4i+Nbead5B4Ho7zm/Jw6+LkZuny51MPraffLn4m++ZSEG3NdIWbVxjlgMIInF2y2GcGfGARU8R73I2PD7krHp82sms5NLEDeJ+ragUiK+JE2qXb3RxuVTVvn7g30d1M79MGqYdwQIkzGDpn8xUJ5NGBQzbsLAJA0U4ECGTw1CCTjwHExomkCCWkKSd5t3+7sz3KnVg9h3oq/meegSc7wFD974XPwZi1MXZFVMs5adJoRmwNyYlj6MpIPjoum+jQOgAaNdc96Puuu0Tuv8ANMxPtIli8EGvW4oAAABWZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOShgAHAAAAEgAAAESgAgAEAAAAAQAAABSgAwAEAAAAAQAAAA4AAAAAQVNDSUkAAABTY3JlZW5zaG90U5K0UwAAAdRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjA8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KodOeSAAAAHJJREFUOBHVkksOwCAIRKHpkeESXrplSLoQRZvoxklIZMTnB/kx0UZdG1mOOhCoqsTMvwK1jdCUKCtEo4YhInGZ59R1zcSCDJrBwEqBmOyddASbAiMUG8x0N48ajFKKOwaibxxKqpSxY+UsJgd+7MUb0wui6AcxywhmBQAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) center;
}

#form input[type="submit"]:hover {
	background-color: #6B2523;
	border: 1px solid #6B2523;
}

#form legend {
	font-size: 1.3em;
	margin-bottom: 1rem;
}

.make-waves {font-size: 3.5em; line-height:.9em; padding-bottom:30px;}
	@media only screen and (max-width: 767px) {
		h1 { font-size: 2em;}
		.flex-container {flex-flow: column wrap; align-content: flex-start; text-align: left !important}
		.make-waves {font-size: 2.5em; line-height:.9em; padding-bottom:15px;}
		.padding-all{ padding: 0em 0 2em 0;}
    }
	@media only screen and (max-width: 480px) {
		h1 { font-size: 1.75em;}
		.content-max-width { padding-left:10px; padding-right:10px;}
		.img-responsive.clogo { max-width: 210px; padding: 10px;}
		.shime-padding-top-4 { padding-top: 2em;}
		.shime-padding-bottom-4 { padding-bottom: 2em;}
		.shime-padding-top-2 { padding-top: 1em;}
		.shime-padding-bottom-2 { padding-bottom: 1em;}
		form { width:100%;}
    }
