@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;900&family=Ubuntu+Condensed&display=swap');
:root {
  --vw1920: 19.2;
	--vw1024: 10.24;
	--vw374: 3.74;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	background: #fff;
}
html, body {
	overflow-x: hidden;
}
main {
	display: block;
	position: relative;
	transition: all 0.5s;
}
a {
	color: #333;
}
h1, h2 {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, li, a, dt, dd, fig {
	color: #333;
}
picture {
	line-height: 0;
	display: block;
}
figcaption {
	font-weight: 400;
	font-size: 1.6rem;
}
.txt_center,
.has-text-align-center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left !important;
}
.txt_link,
.txt_link02 {
	font-weight: 400;
	color: #00AEEB;
	text-decoration: underline;
}
.txt_link:hover,
.txt_link:hover {
	text-decoration: none;
}
.txt_indent01 {
	text-indent: -20px;
	padding-left: 20px;
}
.palt {
	font-feature-settings: "palt";
}
figure,div {
	line-height: 0;
}
.wrap01 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 80px);
}
#topback {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 60px;
  height: 60px;
  background: rgba(51,51,51, 0.8);
  z-index: 2;
  cursor: pointer;
  border: 1px solid #fff;
	border-radius: 50%;
	transition: .5s ease-in-out;
}
.topback_left #topback {
	bottom: 130px;
}
#topback::after {
  position: absolute;
  content: "";
  top: 26px;
  right: 0;
	left: 0;
	margin: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
main {
	padding-top: 100px;
	background: #fff;
}
dl {
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2.125;
}
p.line_link {
	line-height: 1.5;
	margin-top: -4px;
}
p span {
	font-weight: 400;
}
.ft-16 {
	font-size: 16px;
	font-weight: 400;
	line-height: 2.125;
}
.ft-20 {
	font-size: 20px;
	line-height: 1.7;
}
.f-w500 {
	font-weight: 500;
}
.f-b {
	font-weight: bold;
}
.max1080 {
	max-width: 1080px;
}
img {
	max-width: 100%;
}
.color_33 {
	color: #333
}
.container {
	opacity: 0;
	display: block;
	pointer-events: none;
	position: relative;
	z-index: 2;
}
body.appear .container {
	animation-name: PageAnime-content;
	animation-duration: 0.55s;
	animation-delay: 0.55s;
	animation-fill-mode: forwards;
	opacity: 0;
	pointer-events: auto;
}
.animation .container {
	opacity: 1;
	pointer-events: auto;
}
body.bgblack main::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.8);
	mix-blend-mode: multiply;
	z-index: 99;
}
.body .animation-bg {
	--color01: 255, 255, 255;
	background: linear-gradient(180deg, rgba(var(--color01), 1) 0%, rgba(var(--color01), 0) 100%);
	background-size: 200% 200%;
	content: "";
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	animation-name: PageAnime-gradation;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	pointer-events: none;
}
@keyframes PageAnime-gradation {
	0% {
		background-position: 100% 0;
	}
	100% {
		background-position: 100% 100%;
	}
}
@keyframes PageAnime-content {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.wrap_w1600 {
  max-width: 1600px;
  width: calc(100% - 80px);
  margin-left: auto;
  margin-right: auto;
}
header {
	position: fixed;
	width: 100%;
	z-index: 100;
	height: 100px;
	display: flex;
	padding-left: 38px;
	background: #fff;
}
header .logo {
	margin-right: clamp(calc(85px * 0.4), calc(85 / var(--vw1920) * 1vw), 85px);
}
header .logo a {
	line-height: 0;
}
header .nav-box {
	height: 100px;
	width: 100%;
	display: flex;
	position: relative;
	align-items: flex-end;
	padding-right: 25px;
	padding-bottom: 25px;
}
header .nav-box h1,
header .nav-box h2 {
	line-height: 0;
	position: relative;
	top: 5px;
	max-width: 338px;
}
header .nav-box h1 a, header .nav-box h2 a {
	line-height: 0;
}
header .nav-box nav {
	margin-left: auto;
	margin-right: clamp(calc(230px * 0.2), calc(230 / var(--vw1920) * 1vw * 3 - 460px), 230px);
	position: relative;
	top: 2px;
}
header .nav-box nav ul {
	display: flex;
	column-gap: 30px
}
header .nav-box nav ul li a {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #9F9F9F;
	letter-spacing: 0.1em;
	transition: .3s ease-in-out;
}
header .nav-box nav ul li a:hover,
header .nav-box nav ul li a.current {
	color: #00AEEB;
}
header .nav-box nav ul li:not(:last-child) a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	margin: auto;
	height: 100%;
	width: 0.5px;
	background: #9F9F9F;
}
#seaward .period {
	background: #F9F9F9;
	padding-top: clamp(calc(50px * 0.6), calc(50 / var(--vw1920) * 1vw), 50px);
	padding-bottom: clamp(calc(50px * 0.6), calc(50 / var(--vw1920) * 1vw), 50px);
}
#seaward .period dl {
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin: auto;
	width: calc(100% - 80px);
	position: relative;
	right: clamp(calc(207px * 0.6 / 2), calc(207 / var(--vw1920) * 1vw / 2), 207px / 2);
}
#seaward .period dl dt {
	font-size: clamp(calc(32px * 0.6), calc(32 / var(--vw1920) * 1vw), 32px);
	line-height: 1.4;
	font-weight: 500;
	color: #00AEEB;
	width: clamp(calc(207px * 0.6), calc(207 / var(--vw1920) * 1vw), 207px);
	height: clamp(calc(58px * 0.6), calc(58 / var(--vw1920) * 1vw), 58px);
	padding-bottom: clamp(calc(3px * 0.6), calc(3 / var(--vw1920) * 1vw), 3px);;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #00AEEB;
}
#seaward .period dl dd {
	font-size: clamp(calc(40px * 0.6), calc(40 / var(--vw1920) * 1vw), 40px);
	font-weight: bold;
	line-height: 1.4;
	margin-left: clamp(calc(40px * 0.6), calc(40 / var(--vw1920) * 1vw), 40px);
}
#seaward .sec01 {
	padding: 100px 40px;
}
#seaward .sec01 p {
	margin-top: 30px;
	font-size: 20px;
	line-height: 1.7;
}
#seaward .sec02 {
	background: #00AEEB;
	padding: 100px 0;
}
#seaward .sec02 h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	display: flex;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}
#seaward .sec02 h2 img {
	margin-right: 12px;
}
#seaward .sec02 p {
	margin-top: 20px;
	font-size: 20px;
	line-height: 1.7;
	color: #fff;
}
#seaward .sec03 {
	background: #F9F9F9;
	padding: 100px 0 90px;
}
#seaward .sec03 .wrap_flex01 {
	display: flex;
}
#seaward .sec03 .wrap_flex01 .left {
	width: 30.666%;
	padding-right: 40px;
}
#seaward .sec03 .wrap_flex01 h2 {
	font-size: 32px;
	font-weight: 500;
	padding: 17px 0 17px 40px;
	border-left: 1px solid #00AEEB;
}
#seaward .sec03 .wrap_flex01 .right {
	width: calc(100% - 30.666%);
	margin-top: 20px;
}
#seaward .sec03 .wrap_flex01 dl {
	display: flex;
	gap: 20px;
	padding: 14px 42px;
	background: #fff;
	margin-bottom: 10px;
}
#seaward .sec03 .wrap_flex01 dl:last-child {
	margin-bottom: 0;
}
#seaward .sec03 .wrap_flex01 dl dt {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.1em;
}
#seaward .sec03 .wrap_flex01 dl dd {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
}
#seaward .sec04 .wrap_flex02,
#seaward .sec04 .wrap_flex03 {
	max-width: 1200px;
	padding: 100px 0;
	display: flex;
	gap: 5.089%;
	width: calc(100% - 80px);
	margin: auto;
}
#seaward .sec04 .wrap_flex02 {
	border-bottom: 1px solid #ccc;
}
#seaward .sec04 .wrap_flex02 .left,
#seaward .sec04 .wrap_flex03 .right {
	width: 44.464%;
}
#seaward .sec04 ul.list_btn_department {
	display: flex;
	gap: 24px;
	width: 100%;
}
#seaward .sec04 ul.list_btn_department li {
	width: calc((100% - 12px) / 2);
}
#seaward .sec04 .wrap_flex02 .right,
#seaward .sec04 .wrap_flex03 .left {
	width: 50.535%;
}
#seaward .sec04 .wrap_flex02 .right a,
#seaward .sec04 .wrap_flex03 .left a {
	line-height: 0;
	display: block;
}
#seaward .sec04 h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
	padding: 11px 20px;
	color: #fff;
	display: flex;
	justify-content: center;
}
#seaward .sec04 .wrap_flex02 h2 {
	background: #000;
}
#seaward .sec04 .wrap_flex03 h2 {
	background: #013B8F;
}
#seaward .sec04 p {
	margin-top: 15px;
	margin-bottom: 45px;
}
.movie {
	position: relative;
}
.js-modal-btn {
	cursor: pointer;
	position: relative;
}
#seaward .sec04 .movie .icon_play {
	width: 101px;
	height: 99px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.btn01 {
	max-width: 237px;
	min-height: 62px;
	background: #00AEEB;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .3s ease-in-out;
}
.btn01:hover,
.btn03:hover {
	animation: shine01 2s;
}
@keyframes shine01 {
	0% {
		background: #00AEEB;
	}
	8% {
		background: #01F6FF;
	}
	100% {
		background: #00AEEB;
	}
}
.btn01::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #fff;
}
.btn02 {
	max-width: 237px;
	min-height: 62px;
	background: #fff;
	color: #00AEEB;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .5s ease-in-out;
	border: 1px solid #00AEEB;
}
.btn02:hover {
	background: #00AEEB;
	color: #fff;
}
.btn02::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #00AEEB;
}
.btn02:hover::before {
	border-color: transparent transparent transparent #fff;
}
footer {
  position: relative;
}
footer .txt_award {
	max-width: 338px;
}
footer .footer-menu {
	display: flex;
	column-gap: 75px;
	align-items: center;
	justify-content: center;
	max-width: 1120px;
	padding: 47px 0 49px;
	width: calc(100% - 80px);
	margin: 0 auto;
}
footer .txt_award a {
	line-height: 0;
}
footer .footer-menu ul {
	display: flex;
	column-gap: 30px
}
footer .footer-menu ul li a {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #9F9F9F;
	letter-spacing: 0.1em;
	transition: .3s ease-in-out;
}
footer .footer-menu ul li a:hover,
footer .footer-menu ul li a.current {
	color: #00AEEB;
}
footer .footer-menu ul li:not(:last-child) a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	margin: auto;
	height: 100%;
	width: 0.5px;
	background: #9F9F9F;
}
footer .logo_footer {
	width: 167px;
}
footer .copyright {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #333;
	padding: 0 20px 133px;
}
.fixmenu_none footer .copyright {
	padding-bottom: 18px;
}
footer .copyright small {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 1.75;
	margin-top: -10px;
}
.fadeIn {
	opacity: 0;
}
.fadeIn.add {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	transform: translateY(30px);
	opacity: 0;
}
@keyframes fadeIn {
	0% {}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.l3_seaward .main {
	height: clamp(calc(430px * 0.7), calc(430 / var(--vw1920) * 1vw), 430px);
}
.l3_seaward#logoanimation .main {
	background: #000;
	background-position: center;
	background-size: cover;
	width: 100%;
}
.l3_seaward#logoanimation .vimeo-inline{
  position: relative;
}
.l3_seaward#logoanimation .vimeo-inline iframe{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
}
.l3_seaward#logoanimation .vimeo-cover{
	position:absolute;
	inset:0;
	z-index:2;
	cursor:pointer;
}
.l3_seaward#logoanimation .vimeo-cover img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.l3_seaward#pictogramdesign .main {
	background: url(../images/seaward/pictogramdesign/main.svg) no-repeat;
	background-size: cover;
	background-position: center;
}
.l3_seaward .bg_gray {
	background: #F9F9F9;
}
.l3_seaward h1 {
	position: relative;
}
.l3_seaward h1 span {
	font-size: 40px;
	line-height: 1.4;
	font-weight: bold;
	background: #F9F9F9;
	position: relative;
	z-index: 2;
	padding-right: 20px;
}
.l3_seaward h1::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.l3_seaward .sec01 {
	padding: 100px 0 115px;
}
.l3_seaward section h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.45;
	padding-left: 25px;
	border-left: 1px solid #00AEEB;
	color: #00AEEB;
}
.l3_seaward .btn-download {
	margin-top: 30px;
}
.l3_seaward .btn-download a:hover {
	background: #00AEEB;
	color: #fff;
}
.l3_seaward .btn-download a span {
	background: url(../images/seaward/logoanimation/icon_download.svg) no-repeat;
	width: 14px;
	height: 18px;
	display: block;
	transition: .5s ease-in-out;
	margin-left: 16px;
}
.l3_seaward .btn-download a:hover span {
	background: url(../images/seaward/logoanimation/icon_download_hover.svg) no-repeat;
}
.l3_seaward .btn-download a {
	width: 100%;
	max-width: 320px;
	min-height: 62px;
	font-size: 16px;
	color: #00B9F2;
	border: 1px solid #00B9F2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px;
	position: relative;
	transition: .5s ease-in-out;
	height: 100%;
}
.l3_seaward section p.txt_period01 {
	font-size: 32px;
	line-height: 1.45;
	font-weight: bold;
}
.l3_seaward .box_period {
	background: #fff;
	padding: 50px;
}
.l3_seaward .box_period .item {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.l3_seaward .box_period h3 {
	padding: 3px 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	border: 1px solid #ccc;
	width: 118px;
	min-height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.l3_seaward .box_period .detail {
	width: calc(100% - 30px - 118px);
}
.l3_seaward .box_period .txt_period02,
.l3_seaward .box_period h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.l3_seaward .box_period h4 {
	margin-top: 20px;
}
.l3_seaward .box_period .txt_period02 {
	margin-top: 6px;
}
.l3_seaward .box_period .item:not(:last-of-type) {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.l3_seaward .box_period ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 3px;
	text-indent: -14px;
	padding-left: 14px;
}
.l3_seaward .sec02 {
	padding: 85px 0 100px;
}
.l3_seaward .sec02 .box_award {
	padding: 49px 50px;
	background: #EEF9FF;
	display: flex;
}
.l3_seaward .award_gold {
	display: flex;
	padding-right: 67px;
	border-right: 0.5px solid #9F9F9F;
}
.l3_seaward .award_gold .icon_award {
	display: flex;
	align-items: flex-start;
	margin-right: 13px;
	position: relative;
	min-width: 45px;
	width: 45px;
}
.l3_seaward .award_gold h3 {
	display: flex;
	position: relative;
	margin-top: 6px;
}
.l3_seaward .award_gold h3 .name_award {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	display: block;
	margin-bottom: 9px;
	white-space: nowrap;
}
.l3_seaward .award_gold h3 .quantity {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
}
.l3_seaward .award_gold .amount {
	display: flex;
	align-items: flex-end;
}
.l3_seaward .award_gold .price {
	font-size: 50px;
	font-weight: bold;
	line-height: 0.8;
	display: block;
}
.l3_seaward .award_gold .unit {
	font-size: 20px;
	font-weight: bold;
	line-height: 0.8;
	display: block;
	margin-left: 6px;
	white-space: nowrap;
}
.l3_seaward .award_etc {
	display: flex;
}
.l3_seaward .list_awards {
	display: flex;
}
.l3_seaward .list_awards .wrap_right {
	margin-top: 8px;
	margin-bottom: 4px;
}
.l3_seaward .list_awards .wrap_right h3 {
	display: flex;
}
.l3_seaward .list_awards .name_award {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	white-space: nowrap;
}
.l3_seaward .list_awards .quantity {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	display: block;
	white-space: nowrap;
}
.l3_seaward .list_awards .amount {
	display: flex;
	align-items: flex-end;
	margin-top: 7px;
	position: relative;
	top: 2px;
}
.l3_seaward .list_awards .each {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	display: block;
	margin-right: 5px;
}
.l3_seaward .list_awards .price {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	margin-right: 3px;
	display: block;
}
.l3_seaward .list_awards .unit {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
}
.l3_seaward .list_awards .icon_award {
	margin-top: 5px;
}
.l3_seaward .silver_awards .icon_award,
.l3_seaward .bronze_awards .icon_award {
	margin-right: 14px;
	min-width: 34px;
	width: 34px;
}
.l3_seaward .list_awards:not(:last-of-type) {
	padding-right: 72px;
	padding-left: 72px;
	border-right: 0.5px solid #9F9F9F;
}
.l3_seaward .finalist_awards {
	padding-left: 25px;
}
.l3_seaward .finalist_awards .icon_award {
	margin-right: 17px;
	min-width: 20px;
	width: 20px;
}
.l3_seaward .sec03 {
	padding: 100px 0;
	background: #F9F9F9;
}
.l3_seaward .box_judge {
	padding: 100px;
	background: #fff;
}
.l3_seaward .box_judge li {
	display: flex;
	column-gap: 50px;
}
.l3_seaward .box_judge li:not(:last-child) {
	padding-bottom: 100px;
	margin-bottom: 100px;
	border-bottom: 1px solid #ccc;
}
.l3_seaward .box_judge li .left {
	width: 33.5%;
}
.l3_seaward .box_judge li .left img {
	position: relative;
}
.l3_seaward .box_judge li .right {
	width: calc(100% - 33.5% - 50px);
}
.l3_seaward .box_judge h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.7;
}
.l3_seaward .box_judge .postion {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 2px;
}
.l3_seaward .box_judge .history p {
	text-indent: -68px;
	padding-left: 68px;
	text-align: left;
	line-height: 1.75;
}
.l3_seaward .box_judge .txt_name {
	line-height: 1.2;
	overflow-wrap: anywhere;
	margin-bottom: 11px;
}
.l3_seaward .box_judge .job {
	line-height: 1.75;
	margin-bottom: 16px;
}
.l3_seaward .box_judge .history {
	margin-bottom: 16px;
}
.l3_seaward .box_judge .introduction {
	line-height: 1.75;
}
.l3_seaward .sec04 {
	padding: 100px 0 0;
}
.l3_seaward .sec04 dl {
	padding: 50px clamp(calc(100px * 0.7), calc(100 / var(--vw374) * 1vw), 100px);
	border-top: 1px solid #ccc;
	display: flex;
	align-items: flex-start;
	column-gap: 30px;
}
.l3_seaward .sec04 dl dt {
	padding: 4px 8px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	border: 1px solid #ccc;
	width: 118px;
	min-height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.l3_seaward .sec04 dl dd {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	margin-top: 8px;
	width: calc(100% - 30px - 118px);
}
.l3_seaward .sec04 dl dd .indent03 {
	font-weight: 400;
	display: block;
}
.l3_seaward .sec04 dl dd .indent04 {
	font-weight: 400;
	display: block;
	text-indent: -166px;
	padding-left: 166px;
}
.l3_seaward .sec04 dl dd .indent05 {
	font-weight: 400;
	display: block;
	text-indent: -16px;
	padding-left: 16px;
}
.l3_seaward .sec04 dl dd .item_circle {
	color: #00AEEB;
}
.l3_seaward .sec04 dl dd .asterisk02 {
	font-size: 16px;
	font-weight: 400;
	display: block;
	text-indent: -16px;
	padding-left: 16px;
	line-height: 1.625;
}
.l3_seaward section .btn_apply {
	padding: 24px 17px;
	background: #00AEEB;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.45;
	width: calc(100% - 80px);
	max-width: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	color: #fff;
	margin-top: 60px;
}
.l3_seaward section .btn_apply:hover {
	animation: shine01 2s;
}
.l3_seaward .sec04 .box_gray {
	background: #F9F9F9;
	padding: 50px clamp(calc(100px * 0.7), calc(100 / var(--vw374) * 1vw), 100px);
}
.l3_seaward .sec04 .box_gray h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 15px;
}
.l3_seaward .sec04 .box_gray p {
	max-width: 1082px;
}
.contact {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.btn03 {
	max-width: 489px;
	width: calc(100% - 80px);
	margin-right: auto;
	margin-left: auto;
	min-height: 80px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #00AEEB;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact ul.sponsor {
	margin-top: 50px;
	display: flex;
	gap: 30px;
}
.contact ul.sponsor li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.indent06 {
	text-indent: -20px;
	padding-left: 20px;
	display: block;
	line-height: 1.7;
}
#link_more {
	font-size: 16px;
	color: #00AEEB;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-top: 28px;
	flex-direction: column;
}
#link_more .arrow_more {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid #00aeeb;
  border-bottom: 0;
	display: block;
	margin-top: 9px;
}
.l3_seaward_menu {
	padding: 14px 0 18px;
	background: #00AEEB;
	opacity: 0;
	transition: .5s ease-in-out;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
}
.l3_seaward_menu.add {
	opacity: 1;
}
.l3_seaward_menu .listl3_seaward {
	display: flex;
	gap: 24px;
	width: calc(100% - 80px);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.l3_seaward_menu a,
.l3_seaward_menu a span {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.44;
}
.l3_seaward_menu p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	margin-bottom: 8px;
}
.l3_seaward_menu .listl3_seaward > * {
	width: calc((100% - 48px) / 3);
}
.l3_seaward_menu .listl3_seaward a {
	min-height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.l3_seaward_menu .left a {
	color: #fff;
	background: #00AEEB;
	border: 1px solid #fff;
	transition: .5s ease-in-out;
}
.l3_seaward_menu .left a:hover {
	animation: 2s shine01;
}
.l3_seaward_menu .center a,
.l3_seaward_menu .right a {
	color: #00AEEB;
	background: #fff;
	border: 1px solid #00AEEB;
	transition: .5s ease-in-out;
}
.l3_seaward_menu .center a:hover,
.l3_seaward_menu .right a:hover {
	color: #fff;
	background: #00AEEB;
	border-color: #fff;
}

.mb0 {
	margin-bottom: 0 !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt2 {
	margin-top: 2px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt105 {
	margin-top: 105px !important;
}
.mt110 {
	margin-top: 110px !important;
}
.mt115 {
	margin-top: 115px !important;
}
.mt120 {
	margin-top: 120px !important;
}
.mt125 {
	margin-top: 125px !important;
}
.mt130 {
	margin-top: 130px !important;
}
.mt135 {
	margin-top: 135px !important;
}
.mt140 {
	margin-top: 140px !important;
}
.mt145 {
	margin-top: 145px !important;
}
.mt150 {
	margin-top: 150px !important;
}
.mt155 {
	margin-top: 155px !important;
}
.mt160 {
	margin-top: 160px !important;
}
.mt175 {
  margin-top: 175px !important;
}
.mt180 {
	margin-top: 180px !important;
}
.mt200 {
	margin-top: 200px !important;
}
.mt220 {
	margin-top: 220px !important;
}
.mr3 {
	margin-right: 3px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mr75 {
	margin-right: 75px !important;
}
.mr80 {
	margin-right: 80px !important;
}
.mr90 {
	margin-right: 90px !important;
}
.mr110 {
	margin-right: 110px !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb120 {
	margin-bottom: 120px !important;
}
.mb130 {
	margin-bottom: 130px !important;
}
.mb150 {
	margin-bottom: 150px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt55 {
	padding-top: 55px !important;
}
.pt60 {
	padding-top: 60px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pt75 {
	padding-top: 75px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt85 {
	padding-top: 85px !important;
}
.pt90 {
	padding-top: 90px !important;
}
.pt95 {
	padding-top: 95px !important;
}
.pt100 {
	padding-top: 100px !important;
}
.pt110 {
	padding-top: 110px !important;
}
.pt120 {
	padding-top: 120px !important;
}
.pt130 {
	padding-top: 130px !important;
}
.pt135 {
	padding-top: 135px !important;
}
.pt140 {
	padding-top: 140px !important;
}
.pt145 {
	padding-top: 145px !important;
}
.pt150 {
	padding-top: 150px !important;
}
.pt160 {
	padding-top: 160px !important;
}
.pt170 {
	padding-top: 170px !important;
}
.pt185 {
	padding-top: 180px !important;
}
.pr55 {
	padding-right: 55px !important;
}
.pr80 {
	padding-right: 80px !important;
}
.pr150 {
	padding-right: 150px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb55 {
	padding-bottom: 55px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pb65 {
	padding-bottom: 65px !important;
}
.pb70 {
	padding-bottom: 70px !important;
}
.pb75 {
	padding-bottom: 75px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.pb85 {
	padding-bottom: 85px !important;
}
.pb100 {
	padding-bottom: 100px !important;
}
.pb110 {
	padding-bottom: 110px !important;
}
.pb120 {
	padding-bottom: 120px !important;
}
.pb125 {
	padding-bottom: 125px !important;
}
.pb130 {
	padding-bottom: 130px !important;
}
.pb140 {
	padding-bottom: 140px !important;
}
.pb150 {
	padding-bottom: 150px !important;
}
.pb160 {
	padding-bottom: 160px !important;
}
.pb200 {
	padding-bottom: 200px !important;
}
.pb220 {
	padding-bottom: 220px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl80 {
	padding-left: 80px !important;
}
.pl150 {
	padding-left: 150px !important;
}
@media screen and (min-width: 1700px) {
	.wp_nowrapminw1700 {
		white-space: nowrap;
	}
}
@media screen and (min-width: 1600px) {
	.min1600none {
		display: none;
	}
	.wp_nowrapminw1600 {
		white-space: nowrap;
	}
}
@media screen and (max-width: 1599px) {
	.maxw1599none {
		display: none;
	}
}
@media screen and (min-width: 1367px) {
	.minw1367none {
		display: none;
	}
}
@media screen and (min-width: 1366px) {
	.minw1366none {
		display: none;
	}
}
@media screen and (max-width: 1366px) {
	.max1366none {
		display: none;
	}
}
@media screen and (max-width: 1366px) and (min-width: 1025px) {
	#growth .list_point h4 {
		min-height: 110px;
	}
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
	.maxw1366minw769none {
		display: none;
	}
}
@media screen and (max-width: 1366px) and (min-width: 768px) {
}
@media screen and (max-width: 1365px) {
	.maxw1365none {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.minw1200none {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	html,
	body {
		overflow-x: hidden;
	}
	.maxw1199none {
		display: none;
	}
	.scroll-box03 {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		position: relative;
	}
	.scroll-content03 {
		width: 1200px;
		margin: 0 auto;
	}
	.scroll-box03::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	.scroll-box03::-webkit-scrollbar-track {
		background: #C4C4C4;
	}
	.scroll-box03::-webkit-scrollbar-thumb {
		background: #00B9F2;
		border-radius: 5px;
	}
	header {
		height: 80px;
		padding-left: 26px;
	}
	header .nav-box {
		height: 80px;
		padding-bottom: 20px;
	}
	header .logo {
		max-width: 100px;
		margin-right: 20px;
	}
	main {
		padding-top: 80px;
	}
	header .nav-box nav {
		top: 6px;
	}
	header .nav-box h1, header .nav-box h2 {
		max-width: 252px;
	}
	header .nav-box nav ul li a {
		font-size: 15px;
	}
	.l3_seaward ul.list_btn-download li a {
		padding-left: 20px;
	}
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
	.maxw1599min1025none {
		display: none;
	}
}
@media screen and (max-width: 1279px) {
	.maxw1279none {
		display: none;
	}
	.l3_seaward .sec02 .box_award {
		padding: 24px;
		max-width: 885px;
	}
	.l3_seaward .award_gold {
		padding-right: 20px;
	}
	.l3_seaward .list_awards:not(:last-of-type) {
		padding-left: 20px;
		padding-right: 20px;
	}
	.l3_seaward .finalist_awards {
		padding-left: 15px;
	}
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
	.maxw1279minw768none {
		display: none;
	} 
}
@media screen and (min-width: 1025px) {
	.pcnone,
	.minw1025none,
	.hamburger,
	.globalMenuSp {
		display: none;
	}
	.wp_nowrapminw1025 {
		white-space: nowrap;
	}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
}
@media screen and (max-width: 1024px) {
	html {
		font-size: 60%;
	}
	p, .ft-16 {
		line-height: 2;
	}
	#js-mouse,
	header .nav-box nav {
		display: none;
	}
		/*ハンバーガーメニューボタン　*/
	.hamburger {
		display: block;
		position: fixed;
		z-index: 3;
		right: 15px;
		top: 15px;
		width: 50px;
		height: 50px;
		cursor: pointer;
		text-align: center;
		background: #00AEEB;
	}
	.hamburger span {
		display: block;
		position: absolute;
		width: 20px;
		height: 1px;
		right: 0;
		left: 0;
		margin: auto;
		background: #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#newgrads_body .hamburger span {
		background: #fff;
	}
	.hamburger span:nth-child(1) {
		top: 17px;
	}
	.hamburger span:nth-child(2) {
		top: 24px;
	}
	.hamburger span:nth-child(3) {
		top: 31px;
	}
	.hamburger.active {
		background: #fff;
		border: 1px solid #00AEEB;
	}
	.hamburger.active span {
		background: #00AEEB;
		height: 2px;
		width: 16px;
	}
	.hamburger.active span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 24px;
	}
	.hamburger.active span:nth-child(3) {
		top: 24px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.hamburger.active span:nth-child(2) {
		display: none;
	}
	nav.globalMenuSp {
		text-align: left;
		width: 82.666%;
		max-width: 600px;
		overflow-y: scroll;
		background: #F9F9F9;
		transition: right 0.5s ease;
		display: none;
		position: fixed;
		top: 80px;
		right: 0;
		z-index: 100;
		max-width: 500px;
		height: 100vh;
		height: 100dvh;
	}
	nav.globalMenuSp .wrap_menu {
		margin: 0 auto;
		padding: 20px 20px 0 40px;
		width: 100%;
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: .4s all;
	}
	nav.globalMenuSp ul li:last-child {
		border-bottom: none;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}
	nav.globalMenuSp ul li a {
		font-size: clamp(15px, 4vw, 18px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		color: #00AEEB;
		padding-left: 15px;
		text-decoration: none;
		min-height: 100px;
		position: relative;
		line-height: 1.75;
		font-weight: 500;
		transition: .3s ease-in-out;
	}
	nav.globalMenuSp ul li.entry_menu {
		margin-top: 33px;
		border: 1px solid #00AEEB;
		box-sizing: border-box;
	}
	nav.globalMenuSp ul li.entry_menu a {
		background: #00AEEB;
		color: #fff;
		min-height: 80px;
		padding: 18px 0 18px 50px;
	}
	nav.globalMenuSp ul li a:hover {
		color: #00AEEB;
	}
	nav.globalMenuSp ul li.entry_menu a:hover {
		color: #00AEEB;
		background: #fff;
		border-color: #00AEEB;
	}
	nav.globalMenuSp ul li a::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: #00AEEB;
		height: calc(100% - 40px);
		width: 3px;
	}
	nav.globalMenuSp ul li a::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		background: #BEBEBE;
	}
	nav.globalMenuSp ul li a span.sub_txt {
		display: block;
		font-family: "Montserrat", sans-serif;
		font-size: 12px;
		font-weight: 600;
		line-height: 1;
		color: #959595;
		transition: .3s ease-in-out;
	}
	nav.globalMenuSp ul li a:hover span.sub_txt {
		color: #F75821;
	}
	nav.globalMenuSp ul li a span.circle_arrow {
		width: 37px;
		height: 37px;
		border: 1px solid #F75821;
		position: absolute;
		right: 17px;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: .3s ease-in-out;
	}
	nav.globalMenuSp ul li.entry_menu a span.circle_arrow {
		border-color: #fff;
		background: #fff;
	}
	nav.globalMenuSp ul li a:hover span.circle_arrow {
		background: #F75821;
	}
	nav.globalMenuSp ul li a span.circle_arrow::before {
		content: '';
		position: absolute;
		width: 6px;
		height: 6px;
		border-top: solid 1px #F75821;
		border-right: solid 1px #F75821;
		position: absolute;
		left: 0;
		right: 4px;
		top: 0;
		bottom: 0;
		margin: auto;
		transform: rotate(45deg);
		transition: .3s ease-in-out;
	}
	nav.globalMenuSp ul li.entry_menu a span.circle_arrow::before {
		border-color: #F75821;
	}
	nav.globalMenuSp ul li a:hover span.circle_arrow::before {
		border-color: #fff;
		background: #F75821;
	}
	nav.globalMenuSp ul li.entry_menu a:hover span.circle_arrow::before {
		border-color: #fff;
	}
	nav.globalMenuSp ul li:last-child a {
		border-bottom: none;
	}
	.globalMenuSp .xmark {
		position: relative;
		margin-top: 31px;
		margin-right: 24px;
		width: 54px;
		height: 54px;
		margin-left: auto;
		cursor: pointer;
	}
	.globalMenuSp .xmark::before {
		content: "";
		position: absolute;
		width: 54px;
		height: 2px;
		transform: rotate(45deg);
		transform-origin: center center;
		background: #F75821;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	.globalMenuSp .xmark::after {
		content: "";
		position: absolute;
		width: 54px;
		height: 2px;
		transform: rotate(-45deg);
		transform-origin: center center;
		background: #F75821;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	.globalMenuSp .btn_corporate {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		display: block;
		padding: 16px;
		border-radius: 15px;
		background: #00B9F2;
		max-width: 260px;
		text-align: center;
		margin-top: 70px;
		transition: .3s ease-in-out;
	}
	.globalMenuSp .btn_corporate:hover {
		background: #46C8F1;
	}
	/*ここまで*/
	.scrollw1024 {
		display: block;
		position: absolute;
		top: 10%;
		left: 50%;
		width: 120px;
		padding: 5px;
		background: #444;
		border-radius: 4px;
		transform: translateX(-50%);
		z-index: 10;
	}
	.scrollw1024 img {
		max-width: 50px;
		margin: 5px auto 0;
		display: block;
	}
	.scrollw1024 p.scrolltxt {
		color: #fff;
		font-size: 11px !important;
		text-align: center;
	}
	.maxw1024none {
		display: none;
	}
	#seaward .period dl {
		right: auto;
	}
	#seaward .sec03 .wrap_flex01 .right {
		margin-top: 10px;
	}
	#seaward .sec04 .wrap_flex02,
	#seaward .sec04 .wrap_flex03 {
		width: 100%;
	}
	footer .copyright small {
		font-size: 13px;
	}
	footer .footer-menu {
		gap: 30px;
		padding: 26px 0 20px;
	}
	footer .txt_award {
		max-width: 254px;
	}
	footer .footer-menu ul li a {
		font-size: 13px;
	}
	footer .footer-menu ul {
		column-gap: 20px;
	}
	footer .footer-menu ul li:not(:last-child) a::after {
		right: -10px;
	}
	.l3_seaward ul.list_btn-download li {
		width: calc((100% - 20px) / 2);
	}
	.l3_seaward ul.list_btn-download {
		max-width: 600px;
	}
	.l3_seaward .sec01 {
		padding: 60px 0 40px;
	}
	.l3_seaward h1 span {
		font-size: 28px;
	}
	.l3_seaward section h2 {
		font-size: 23px;
		padding-left: 18px;
	}
	.ft-20 {
		font-size: 17px;
	}
	.l3_seaward section p.txt_period01 {
		font-size: 23px;
	}
	.l3_seaward .sec02 {
		padding: 60px 0 40px;
	}
	.l3_seaward .box_period h3 {
		font-size: 18px;
		width: 94px;
		min-height: 30px;
		padding: 2px 6px;
	}
	.l3_seaward .box_period .txt_period02,
	.l3_seaward .box_period h4 {
		font-size: 18px;
		line-height: 1.45;
	}
	.l3_seaward .box_period .txt_period02 {
		margin-top: 0;
	}
	.l3_seaward .box_period .detail {
		width: calc(100% - 30px - 94px);
	}
	.l3_seaward .sec03 {
		padding: 50px 0 40px;
	}
	.l3_seaward .box_judge {
		padding: 40px;
	}
	.l3_seaward .box_judge li .right {
		margin-top: 0;
	}
	.l3_seaward .box_judge li:not(:last-child) {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	.l3_seaward .sec04 {
		padding: 50px 0 20px;
	}
	.l3_seaward .sec04 dl dt {
		font-size: 18px;
		width: 94px;
		min-height: 30px;
		padding: 2px 6px;
	}
	.l3_seaward .sec04 dl dd {
		font-size: 16px;
		margin-top: 4px;
	}
	.mt15 {
		margin-top: 10px !important;
	}
	.mt20 {
		margin-top: 10px !important;
	}
	.mt25 {
		margin-top: 18px !important;
	}
	.mt30 {
		margin-top: 20px !important;
	}
	.mt35 {
		margin-top: 25px !important;
	}
	.mt40 {
		margin-top: 30px !important;
	}
	.mt45 {
		margin-top: 30px !important;
	}
	.mt50 {
		margin-top: 30px !important;
	}
	.mt55 {
		margin-top: 35px !important;
	}
	.mt60 {
		margin-top: 40px !important;
	}
	.mt65 {
		margin-top: 40px !important;
	}
	.mt70 {
		margin-top: 40px !important;
	}
	.mt75 {
		margin-top: 50px !important;
	}
	.mt80 {
		margin-top: 55px !important;
	}
	.mt95 {
		margin-top: 65px !important;
	}
	.mt100 {
		margin-top: 70px !important;
	}
	.mt105 {
		margin-top: 70px !important;
	}
	.mt110 {
		margin-top: 75px !important;
	}
	.mt115 {
		margin-top: 80px !important;
	}
	.mt120 {
		margin-top: 80px !important;
	}
	.mt125 {
		margin-top: 80px !important;
	}
	.mt130 {
		margin-top: 80px !important;
	}
	.mt135 {
		margin-top: 80px !important;
	}
	.mt140 {
		margin-top: 85px !important;
	}
	.mt145 {
		margin-top: 90px !important;
	}
	.mt150 {
		margin-top: 100px !important;
	}
	.mt155 {
		margin-top: 100px !important;
	}
	.mt160 {
		margin-top: 100px !important;
	}
  .mt175 {
    margin-top: 100px !important;
  }
	.mt180 {
		margin-top: 100px !important;
	}
	.mt200 {
		margin-top: 100px !important;
	}
	.mt85 {
		margin-top: 60px !important;
	}
	.mr55 {
		margin-right: 35px !important;
	}
	.mr70 {
		margin-right: 45px !important;
	}
	.mr90 {
		margin-right: 60px !important;
	}
	.mr110 {
		margin-right: 75px !important;
	}
	.mb40 {
		margin-bottom: 30px !important;
	}
	.mb60 {
		margin-bottom: 40px !important;
	}
	.mb80 {
		margin-bottom: 55px !important;
	}
	.ml20 {
		margin-left: 15px !important;
	}
	.pt50 {
		padding-top: 35px !important;
	}
	.pt55 {
		padding-top: 35px !important;
	}
	.pt60 {
		padding-top: 40px !important;
	}
	.pt70 {
		padding-top: 45px !important;
	}
	.pt75 {
		padding-top: 50px !important;
	}
	.pt80 {
		padding-top: 55px !important;
	}
	.pt85 {
		padding-top: 60px !important;
	}
	.pt90 {
		padding-top: 60px !important;
	}
	.pt95 {
		padding-top: 65px !important;
	}
	.pt100 {
		padding-top: 70px !important;
	}
	.pt110 {
		padding-top: 80px !important;
	}
	.pt120 {
		padding-top: 80px !important;
	}
	.pt130 {
		padding-top: 80px !important;
	}
	.pt135 {
		padding-top: 80px !important;
	}
	.pt140 {
		padding-top: 80px !important;
	}
	.pt145 {
		padding-top: 90px !important;
	}
	.pt150 {
		padding-top: 100px !important;
	}
	.pt160 {
		padding-top: 100px !important;
	}
	.pt170 {
		padding-top: 100px !important;
	}
	.pt185 {
		padding-top: 100px !important;
	}
	.pr80 {
		padding-right: 55px !important;
	}
	.pb15 {
		padding-bottom: 10px !important;
	}
	.pb20 {
		padding-bottom: 15px !important;
	}
	.pb25 {
		padding-bottom: 20px !important;
	}
	.pb50 {
		padding-bottom: 30px !important;
	}
	.pb55 {
		padding-bottom: 35px !important;
	}
	.pb60 {
		padding-bottom: 40px !important;
	}
	.pb65 {
		padding-bottom: 45px !important;
	}
	.pb70 {
		padding-bottom: 50px !important;
	}
	.pb75 {
		padding-bottom: 50px !important;
	}
	.pb40 {
		padding-bottom: 30px !important;
	}
	.pb80 {
		padding-bottom: 50px !important;
	}
	.pb85 {
		padding-bottom: 55px !important;
	}
	.pb100 {
		padding-bottom: 70px !important;
	}
	.pb110 {
		padding-bottom: 75px !important;
	}
	.pb120 {
		padding-bottom: 80px !important;
	}
	.pb125 {
		padding-bottom: 80px !important;
	}
	.pb130 {
		padding-bottom: 80px !important;
	}
	.pb140 {
		padding-bottom: 90px !important;
	}
	.pb150 {
		padding-bottom: 100px !important;
	}
	.pb160 {
		padding-bottom: 100px !important;
	}
	.pb200 {
		padding-bottom: 100px !important;		
	}
	.pb220 {
		padding-bottom: 100px !important;		
	}
	.pl80 {
		padding-left: 50px !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.minw769maxw1024none {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.minw768maxw1024none {
			display: none;
	}
	.l3_seaward .sec02 .box_award {
		padding: 20px;
		max-width: 678px;
	}
	.l3_seaward .award_gold .icon_award {
		min-width: 36px;
		width: 36px;
	}
	.l3_seaward .award_gold .price {
		font-size: 40px;
	}
	.l3_seaward .award_gold .unit {
		font-size: 16px;
	}
	.l3_seaward .award_gold h3 .quantity,
	.l3_seaward .list_awards .quantity {
		font-size: 14px;
	}
	.l3_seaward .list_awards .price {
		font-size: 32px;
	}
	.l3_seaward .silver_awards .icon_award,
	.l3_seaward .bronze_awards .icon_award {
		width: 27px;
		min-width: 27px;
	}
	.l3_seaward .finalist_awards .icon_award {
		margin-right: 8px;
		width: 16px;
		min-width: 16px;
	}
	.l3_seaward .list_awards .wrap_right h3,
	.l3_seaward .award_gold h3 {
		flex-direction: column;
	}
	.l3_seaward .award_gold h3 {
		margin-bottom: 4px;
	}
	.l3_seaward .list_awards .wrap_right h3 {
		margin-top: 4px;
	}
	.l3_seaward .award_gold h3 .name_award {
		margin-bottom: 2px;
	}
	.l3_seaward .list_awards .wrap_right {
		margin-top: 2px;
	}
	.l3_seaward .list_awards .amount {
		margin-top: 2px;
	}
}
@media screen and (min-width: 769px) {
	.minw769none {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.minw768none {
		display: none !important;
	}
	.wp-block-columns {
		flex-wrap: nowrap;
	}
	.scrollicon {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 50%;
	}
	.maxw768none {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.maxw767none {
		display: none !important;
	}
	.wrap01 {
		width: 100%;
	}
	.scrollicon {
		display: block;
		position: absolute;
		top: 10%;
		left: 50%;
		width: 120px;
		padding: 5px;
		background: #444;
		border-radius: 4px;
		transform: translateX(-50%);
		z-index: 5;
	}
	.scrollicon img {
		max-width: 50px;
		margin: 5px auto 0;
		display: block;
	}
	p.scrolltxt {
		color: #fff;
		font-size: 11px !important;
		text-align: center;
	}
	.scroll-box {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		position: relative;
	}
	.scroll-content {
		width: 767px;
		margin: 0 auto;
	}
	.scroll-box::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	.scroll-box::-webkit-scrollbar-track {
		background: #C4C4C4;
	}
	.scroll-box::-webkit-scrollbar-thumb {
		background: #00B9F2;
		border-radius: 5px;
	}
	.wp-block-table table {
		white-space: nowrap;
	}
	p, .ft-16 {
		line-height: 1.5;
		text-align: justify;
	}
	header {
		height: 60px;
		padding: 10px 10px 10px 13px;
	}
	header .nav-box {
		height: 100%;
		padding-right: 0;
		padding-bottom: 0;
		align-items: center;
	}
	header .logo {
		max-width: 77px;
		margin-right: 16px;
	}
	header .nav-box h1, header .nav-box h2 {
		max-width: 165px;
		top: 0;
	}
	.hamburger {
		width: 40px;
		height: 40px;
		top: 10px;
		right: 10px;
	}
	.hamburger span:nth-child(1) {
		top: 14px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 26px;
	}
	.hamburger.active span:nth-child(1) {
		top: 18px;
	}
	.hamburger.active span:nth-child(3) {
		top: 18px;
	}
	nav.globalMenuSp {
		top: 60px;
	}
	.globalMenuSp .xmark {
		width: 24px;
		height: 24px;
		margin-right: 15px;
		margin-top: 17px;
	}
	.globalMenuSp .xmark::before {
		width: 24px;
		height: 1px;
	}
	.globalMenuSp .xmark::after {
		width: 24px;
		height: 1px;
	}
	nav.globalMenuSp ul li a {
		min-height: 65px;
	}
	nav.globalMenuSp ul li a span.sub_txt {
		font-size: 10px;
    margin-top: 2px;
	}
	nav.globalMenuSp ul li a::before {
		height: calc(100% - 40px);
	}
  nav.globalMenuSp ul li.entry_menu a {
    padding: 16px 0 16px 26px;
    min-height: 62px;
  }
	.globalMenuSp .btn_corporate {
    margin-top: 25px;
		max-width: 234px;
    padding: 8px;
    border-radius: 8px;
	}
  nav.globalMenuSp ul li a span.circle_arrow {
    width: 30px;
    height: 30px;
  }
  nav.globalMenuSp ul li a span.circle_arrow::before {
    width: 5px;
    height: 5px;
  }
	main {
		padding-top: 60px;
	}
	#seaward .period {
		padding: 24px 0 18px;
	}
	#seaward .period dl {
		width: calc(100% - 40px);
		justify-content: center;
	}
	#seaward .period dl dt {
		font-size: 16px;
		width: 56px;
		height: 54px;
	}
	#seaward .period dl dd {
		margin-left: 15px;
		line-height: 1.5;
		width: auto;
		font-size: 20px;
		position: relative;
		bottom: 4px;
	}
	#seaward .sec01,
	#seaward .sec02,
	#seaward .sec03 {
		padding: 40px 20px;
	}
	#seaward .sec01 h2 {
		max-width: 335px;
		margin-left: auto;
		margin-right: auto;
	}
	#seaward .sec01 p {
		margin-top: 12px;
		font-size: 16px;
		text-align: left;
		line-height: 1.8125;
	}
	#seaward .sec02 h2 img {
		max-width: 286px;
		margin-right: 8px;
	}
	#seaward .sec02 h2 {
		font-size: 20px;
		padding-bottom: 10px;
		line-height: 1.2;
	}
	#seaward .sec02 p {
		font-size: 16px;
		margin-top: 10px;
		line-height: 1.5;
	}
	#seaward .sec03 .wrap_flex01 {
		flex-direction: column;
		gap: 20px;
	}
	#seaward .sec03 .wrap_flex01 .left,
	#seaward .sec03 .wrap_flex01 .right {
		width: 100%;
	}
	#seaward .sec03 .wrap_flex01 .right {
		margin-top: 0;
	}
	#seaward .sec03 .wrap_flex01 .left {
		padding-right: 0;
	}
	#seaward .sec03 .wrap_flex01 h2 {
		font-size: 20px;
		padding: 8px 0 8px 26px;
	}
	#seaward .sec03 .wrap_flex01 dl {
		flex-direction: column;
		padding: 10px 20px;
		gap: 4px;
	}
	#seaward .sec03 .wrap_flex01 dl dt,
	#seaward .sec03 .wrap_flex01 dl dd {
		line-height: 1.5;
	}
	#link_more {
		font-size: 14px;
		margin-top: 20px;
	}
	#link_more .arrow_more {
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-top: 6px solid #00AEEB;
		margin-top: 8px;
	}
	#seaward .sec04 .wrap_flex02,
	#seaward .sec04 .wrap_flex03 {
		flex-direction: column;
		gap: 16px;
		padding: 40px 0;
		width: calc(100% - 40px);
		max-width: 420px;
	}
	#seaward .sec04 .wrap_flex02 .left,
	#seaward .sec04 .wrap_flex03 .right,
	#seaward .sec04 .wrap_flex02 .right,
	#seaward .sec04 .wrap_flex03 .left {
		width: 100%;
	}
	#seaward .sec04 .wrap_flex02 .left {
		order: 2;
	}
	#seaward .sec04 .wrap_flex02 .right {
		order: 1;
	}
	#seaward .sec04 .wrap_flex03 .right {
		padding-bottom: 40px;
		border-bottom: 1px solid #ccc;
	}
	#seaward .sec04 h2 {
		font-size: 20px;
		padding: 6px 10px;
		margin-bottom: 20px;
	}
	#seaward .sec04 p {
		font-size: 16px;
		line-height: 2;
		margin: 0 0 20px;
	}
	.btn01,
	.btn02 {
		font-size: 16px;
		min-height: 50px;
	}
	.btn01::before,
	.btn02::before {
		right: 15px;
	}
	#seaward .sec04 ul.list_btn_department {
		gap: 15px;
	}
	.btn03 {
		width: calc(100% - 40px);
		min-height: 60px;
		font-size: 18px;
	}
	.contact ul.sponsor {
		flex-direction: column;
		gap: 0;
		margin-top: 40px;
	}
	.contact ul.sponsor li {
		text-align: center;
	}
	footer .logo_footer {
		max-width: 124px;
	}
	footer .copyright {
		padding: 5px 10px 80px;
	}
	footer .copyright small {
		font-size: 10px;
	}
	#topback {
		width: 40px;
		height: 40px;
	}
	#topback::after {
		width: 8px;
		height: 8px;
		top: 17px;
	}
	.topback_left #topback {
		left: 10px;
		bottom: 77px;
	}
	.topback_left #topback.add {
		bottom: 170px;
	}
	.fixmenu_none #topback.add {
		bottom: 110px
	}
	.l3_seaward .main {
		height: 240px;
	}
	.l3_seaward h1 span {
		font-size: 20px;
		padding-right: 10px;
	}
	.l3_seaward .sec01 {
		padding: 40px 20px 20px;
	}
	.l3_seaward section h2 {
		font-size: 20px;
		padding: 1px 0 1px 17px;
	}
	.ft-20 {
		font-size: 16px;
	}
	.l3_seaward .btn-download {
		margin-top: 20px;
	}
	.l3_seaward .btn-download a {
		max-width: 230px;
		min-height: 56px;
		margin-left: auto;
		margin-right: auto;
	}
	.l3_seaward .wrap_indent01 {
		padding-left: 20px;
	}
	.l3_seaward section p.txt_period01 {
		font-size: 20px;
	}
	.l3_seaward .box_period {
		padding: 20px;
	}
	.l3_seaward .box_period h3 {
		font-size: 16px;
		width: 84px;
		min-height: 28px;
	}
	.l3_seaward .box_period .item {
		flex-direction: column;
		gap: 10px;
	}
	.l3_seaward .box_period .detail {
		width: 100%;
	}
	.l3_seaward .box_period .detail .txt_link {
		margin: 5px 0 3px;
		display: block;
	}
	.l3_seaward .box_period .item:not(:last-of-type) {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.l3_seaward .box_period .txt_period02,
	.l3_seaward .box_period h4 {
		font-size: 16px;
	}
	.l3_seaward .box_period h4 {
		margin-top: 16px;
	}
	.l3_seaward .box_period .txt_period02 {
		margin-bottom: 5px;
	}
	.l3_seaward .sec02 {
		padding: 40px 20px;
	}
	.l3_seaward .sec02 .box_award,
	.l3_seaward .award_etc {
		flex-direction: column;
	}
	.l3_seaward .sec02 .box_award {
		padding: 28px 18px 30px;
		max-width: 375px;
	}
	.l3_seaward .award_gold {
		padding-right: 0;
		padding-bottom: 24px;
		border-right: none;
		border-bottom: 0.5px solid #9F9F9F;
	}
	.l3_seaward .award_gold .wrap_award {
		display: flex;
		width: calc(100% - 45px - 9px - 2px);
	}
	.l3_seaward .award_gold .unit {
		margin-left: 3px;
	}
	.l3_seaward .award_gold .amount {
		margin-left: 32px;
		margin-right: 12px;
	}
	.l3_seaward .award_gold .icon_award {
		margin-right: 9px;
		margin-left: 2px;
	}
	.l3_seaward .list_awards:not(:last-of-type) {
		padding: 20px 0;
		border-right: none;
		border-bottom: 0.5px solid #9F9F9F;
	}
	.l3_seaward .list_awards .wrap_right {
		display: flex;
		align-items: center;
		margin-top: 0;
		margin-bottom: 0;
	}
	.l3_seaward .list_awards.finalist_awards .wrap_right {
		align-items: flex-start;
	}
	.l3_seaward .list_awards .amount {
		margin-top: 0;
		top: 0;
	}
	.l3_seaward .silver_awards h3,
	.l3_seaward .bronze_awards h3 {
		margin-right: 44px;
	}
	.l3_seaward .silver_awards .icon_award,
	.l3_seaward .bronze_awards .icon_award {
		margin-left: 8px;
	}
	.l3_seaward .list_awards.finalist_awards .wrap_right h3 {
		flex-direction: column;
		margin-right: 24px;
	}
	.l3_seaward .finalist_awards {
		margin-top: 19px;
	}
	.l3_seaward .finalist_awards .icon_award {
		margin-top: 0;
		margin-right: 22px;
	}
	.l3_seaward .list_awards .each {
		margin-right: 4px;
	}
	.l3_seaward .box_judge {
		padding: 40px 20px;
	}
	.l3_seaward .box_judge .txt_name {
		text-align: center;
		line-height: 1.5;
	}
	.l3_seaward .box_judge h3 {
		line-height: 1.5;
	}
	.l3_seaward .box_judge .name_title {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.l3_seaward .box_judge .postion {
		margin-bottom: 0;
		line-height: 1.5;
	}
	.l3_seaward .box_judge .txt_name {
		font-size: 14px;
		margin-bottom: 16px;
	}
	.l3_seaward .box_judge li {
		flex-direction: column;
		gap: 20px;
	}
	.l3_seaward .box_judge li .right {
		width: 100%;
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	.l3_seaward .box_judge li .left {
		width: 100%;
		max-width: 214px;
		margin-left: auto;
		margin-right: auto;
	}
	.l3_seaward .box_judge li:not(:last-child) {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.l3_seaward .sec03 {
		padding: 40px 20px;
	}
	.l3_seaward .sec04 {
		padding: 40px 20px 0;
	}
	.l3_seaward .sec04 dl {
		flex-direction: column;
		gap: 10px;
	}
	.l3_seaward .sec04 dl {
		padding: 20px 10px 20px 0;
	}
	.l3_seaward .sec04 dl dt {
		font-size: 16px;
		line-height: 1.4;
		width: 84px;
		min-height: 28px;
	}
	.l3_seaward .sec04 dl dd {
		font-size: 16px;
		margin-top: 0;
		width: 100%;
		line-height: 1.5;
	}
	.l3_seaward .sec04 dl dd span {
		line-height: 1.5;
	}
	.l3_seaward .sec04 dl dd .indent03 {
		text-indent: -20px;
		padding-left: 20px;
	}
	.l3_seaward section .btn_apply {
		width: 100%;
		font-size: 20px;
		padding: 15px 10px;
		max-width: 400px;
		margin-top: 20px;
	}
	.l3_seaward .sec04 .box_gray {
		padding: 20px 24px 20px 20px;
	}
	.l3_seaward .sec04 .box_gray h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.l3_seaward .box_period ul li {
		line-height: 1.5;
	}
	.txt_indent01 {
		text-indent: -20px;
		padding-left: 20px;
	}
	.l3_seaward .asterisk01 {
		margin-top: 12px;
	}
	.l3_seaward .detail .asterisk01.sp_aste01 {
		margin-top: 4px;
	}
	.l3_seaward .sec04 dl dd .indent04 {
		text-indent: -20px;
		padding-left: 20px;
	}
	.l3_seaward .sec04 dl dd .asterisk02 {
		line-height: 1.5;
	}
	.l3_seaward .sec04 dl dd .asterisk02.spmt10 {
		margin-top: 10px;
	}
	.l3_seaward_menu {
		padding: 8px 0 7px;
	}
	.l3_seaward_menu .listl3_seaward {
		width: calc(100% - 16px);
		gap: 7px;
	}
	.l3_seaward_menu .listl3_seaward > * {
		width: calc((100% - 7px) / 2);
	}
	.l3_seaward_menu p {
		color: #00AEEB;
		width: 100%;
		min-height: 40px;
		background: #fff;
		display: flex;
		justify-content: center;
		padding-top: 6px;
		font-size: 13px;
		line-height: 1.46;
		font-weight: 500;
		margin-bottom: -13px;
	}
	.l3_seaward_menu .center a,
	.l3_seaward_menu .right a {
		width: 61.363%;
		min-height: 25px;
		background: #00AEEB;
		border: 1px solid #fff;
		color: #fff;
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.l3_seaward_menu .center a::after,
	.l3_seaward_menu .right a:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 12px;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		border-left: 4px solid #fff;
		border-right: 0;
	}
	.l3_seaward_menu .center a span,
	.l3_seaward_menu .right a span {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
	}
	.mail_contact {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: -8px;
		bottom: 52px;
		width: 75px;
		height: 75px;
		border: 3px solid #00AEEB;
		border-radius: 50%;
		background: #fff;
		z-index: 2;
		opacity: 0;
		transition: .5s ease-in-out;
	}
	.mail_contact.add {
		opacity: 1;
	}
	.mail_contact img {
		position: relative;
		bottom: 4px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.maxw1024minw768none {
		display: none;
	}
	#seaward .sec01 {
		padding: 70px 40px;
	}
	#seaward .sec01 h2 {
		max-width: 537px;
		margin-left: auto;
		margin-right: auto;
	}
	#seaward .sec01 p {
		font-size: 18px;
	}
	#seaward .sec02 {
		padding: 70px 0;
	}
	#seaward .sec02 h2 img {
		max-width: 341px;
	}
	#seaward .sec02 h2 {
		font-size: 26px;
	}
	#seaward .sec02 p {
		font-size: 18px;
	}
	#seaward .sec03 {
		padding: 70px 0;
	}
	#seaward .sec03 .wrap_flex01 dl {
		padding: 14px 20px;
	}
	#seaward .sec03 .wrap_flex01 h2 {
		font-size: 26px;
		padding: 14px 0 14px 32px;
	}
	#seaward .sec04 .wrap_flex02,
	#seaward .sec04 .wrap_flex03 {
		padding: 70px 0;
	}
	#seaward .sec04 p {
		margin-bottom: 20px;
	}
	#seaward .sec04 ul.list_btn_department {
		gap: 18px;
		flex-direction: column;
	}
	#seaward .sec04 ul.list_btn_department li {
		width: 100%;
		max-width: 230px;
	}
	.l3_seaward_menu .listl3_seaward {
		width: calc(100% - 40px);
		gap: 20px;
	}
	.l3_seaward .asterisk01 {
		text-indent: -16px;
		padding-left: 16px;
	}
	.btn01,
	.btn02 {
		min-height: 54px;
	}
	footer .footer-menu {
		width: calc(100% - 40px);
	}
	.l3_seaward_menu .listl3_seaward > * {
		width: calc((100% - 40px) / 3);
	}
	.l3_seaward .sec04 dl {
		padding: 40px;
	}
	.l3_seaward .sec04 .box_gray {
		padding: 40px;
	}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	.maxw768minw481none {
		display: none;
	}
}
@media screen and (max-width: 767px) and (min-width: 481px) {
  
}
@media screen and (max-width: 767px) and (min-width: 375px) {
	.maxw767minw375none {
		display: none;
	}
}
@media screen and (min-width: 481px) {
	.minw481none {
		display: none !important;
	}
}
@media screen and (max-width: 650px) {
}
@media screen and (max-width: 480px) {
	.maxw480none {
		display: none !important;
	}
	tbody {
		-webkit-text-size-adjust: 100%;
	}
  .scroll-box02 {
    width: 100% !important;
    overflow-x: scroll;
    position: relative;
  }
  .scroll-content02 {
    width: 480px;
    margin: 0 auto;
  }
  .scroll-box02::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .scroll-box02::-webkit-scrollbar-track {
    background: #C4C4C4;
  }
  .scroll-box02::-webkit-scrollbar-thumb {
    background: #00B9F2;
    border-radius: 5px;
  }
	.scrollw480 {
		display: block;
		position: absolute;
		top: 10%;
		left: 50%;
		width: 120px;
		padding: 5px;
		background: #444;
		border-radius: 4px;
		transform: translateX(-50%);
		z-index: 10;
	}
	.scrollw480 img {
		max-width: 50px;
		margin: 5px auto 0;
		display: block;
	}
	.scrollw480 p.scrolltxt {
		color: #fff;
		font-size: 11px !important;
		text-align: center;
	}
	.l3_seaward#logoanimation .main iframe {
		width: 100%;
		height: 100%;
	}
	.l3_seaward#pictogramdesign .main {
		background: url(../images/seaward/pictogramdesign/main_sp.svg) no-repeat;
		background-position: center;
		background-size: cover;
	}

	.mt10 {
		margin-top: 4px !important;
	}
	.mt12 {
		margin-top: 6px !important;
	}
	.mt15 {
		margin-top: 8px !important;
	}
	.mt20 {
		margin-top: 10px !important;
	}
	.mt25 {
		margin-top: 10px !important;
	}
	.mt30 {
		margin-top: 15px !important;
	}
	.mt35 {
		margin-top: 15px !important;
	}
	.mt40 {
		margin-top: 16px !important;
	}
	.mt45 {
		margin-top: 16px !important;
	}
	.mt50 {
		margin-top: 20px !important;
	}
	.mt55 {
		margin-top: 20px !important;
	}
	.mt60 {
		margin-top: 25px !important;
	}
	.mt65 {
		margin-top: 25px !important;
	}
	.mt70 {
		margin-top: 30px !important;
	}
	.mt75 {
		margin-top: 30px !important;
	}
	.mt80 {
		margin-top: 35px !important;
	}
	.mt85 {
		margin-top: 35px !important;
	}
	.mt90 {
		margin-top: 40px !important;
	}
	.mt95 {
		margin-top: 40px !important;
	}
	.mt100 {
		margin-top: 40px !important;
	}
	.mt105 {
		margin-top: 40px !important;
	}
	.mt110 {
		margin-top: 50px !important;
	}
	.mt115 {
		margin-top: 50px !important;
	}
	.mt120 {
		margin-top: 50px !important;
	}
	.mt125 {
		margin-top: 50px !important;
	}
	.mt130 {
		margin-top: 50px !important;
	}
	.mt135 {
		margin-top: 50px !important;
	}
	.mt140 {
		margin-top: 50px !important;
	}
	.mt150 {
		margin-top: 50px !important;
	}
	.mt155 {
		margin-top: 50px !important;
	}
	.mt160 {
		margin-top: 50px !important;
	}
  .mt175 {
    margin-top: 50px !important;
  }
	.mt180 {
		margin-top: 50px !important;
	}
	.mt200 {
		margin-top: 80px !important;
	}
	.mr55 {
		margin-right: 25px !important;
	}
	.mb10 {
		margin-bottom: 4px !important;
	}
	.mb20 {
		margin-bottom: 8px !important;
	}
	.mb30 {
		margin-bottom: 12px !important;
	}
	.mb40 {
		margin-bottom: 16px !important;
	}
	.mb50 {
		margin-bottom: 20px !important;
	}
	.mb60 {
		margin-bottom: 25px !important;
	}
	.mb70 {
		margin-bottom: 30px !important;
	}
	.mb80 {
		margin-bottom: 40px !important;
	}
	.mb90 {
		margin-bottom: 40px !important;
	}
	.mb100 {
		margin-bottom: 40px !important;
	}
	.mb120 {
		margin-bottom: 50px !important;
	}
	.mb150 {
		margin-bottom: 50px !important;
	}
	.ml20 {
		margin-left: 10px !important;
	}
	.ml100 {
		margin-left: 50px !important;
	}
	.pt50 {
		padding-top: 25px !important;
	}
	.pt55 {
		padding-top: 25px !important;
	}
	.pt60 {
		padding-top: 30px !important;
	}
	.pt70 {
		padding-top: 35px !important;
	}
	.pt75 {
		padding-top: 35px !important;
	}
	.pt80 {
		padding-top: 40px !important;
	}
	.pt90 {
		padding-top: 45px !important;
	}
	.pt100 {
		padding-top: 50px !important;
	}
	.pt110 {
		padding-top: 50px !important;
	}
	.pt120 {
		padding-top: 50px !important;
	}
	.pt130 {
		padding-top: 50px !important;
	}
	.pt135 {
		padding-top: 50px !important;
	}
	.pt140 {
		padding-top: 50px !important;
	}
	.pt145 {
		padding-top: 50px !important;
	}
	.pt150 {
		padding-top: 50px !important;
	}
	.pt160 {
		padding-top: 50px !important;
	}
	.pt185 {
		padding-top: 50px !important;
	}
	.pb15 {
		padding-bottom: 8px !important;
	}
	.pb20 {
		padding-bottom: 10px !important;
	}
	.pb25 {
		padding-bottom: 15px !important;
	}
	.pb30 {
		padding-bottom: 15px !important;
	}
	.pb40 {
		padding-bottom: 20px !important;
	}
	.pb55 {
		padding-bottom: 25px !important;
	}
	.pb50 {
		padding-bottom: 25px !important;
	}
	.pb60 {
		padding-bottom: 30px !important;
	}
	.pb65 {
		padding-bottom: 30px !important;
	}
	.pb70 {
		padding-bottom: 35px !important;
	}
	.pb75 {
		padding-bottom: 35px !important;
	}
	.pb80 {
		padding-bottom: 40px !important;
	}
	.pb85 {
		padding-bottom: 45px !important;
	}
	.pb100 {
		padding-bottom: 50px !important;
	}
	.pb110 {
		padding-bottom: 50px !important;
	}
	.pb120 {
		padding-bottom: 50px !important;
	}
	.pb125 {
		padding-bottom: 50px !important;
	}
	.pb130 {
		padding-bottom: 50px !important;
	}
	.pb140 {
		padding-bottom: 50px !important;
	}
	.pb150 {
		padding-bottom: 50px !important;
	}
	.pb160 {
		padding-bottom: 50px !important;
	}
	.pb200 {
		padding-bottom: 50px !important;
	}
	.pb220 {
		padding-bottom: 50px !important;
	}
	.sp_mt5 {
		margin-top: 5px !important;
	}
	.sp_mb0 {
		margin-bottom: 0 !important;
	}
}
@media screen and (min-width: 376px) {
	.minw376none {
		display: none;
	}
}
@media screen and (max-width: 375px) {
	.maxw375none {
		display: none;
	}
}
@media screen and (max-width: 374px) {
	.maxw374none {
		display: none;
	}
	#seaward .sec02 h2 img {
		max-width: clamp(calc(286px * 0.7), calc(286 / var(--vw374) * 1vw * 1.5 - 143px), 286px);
	}
	#seaward .sec02 h2 {
		font-size: clamp(calc(20px * 0.7), calc(20 / var(--vw374) * 1vw * 1.5 - 10px), 20px);
	}
	.l3_seaward .list_awards .amount {
		margin-right: 5px;
	}
	.l3_seaward .silver_awards .wrap_right,
	.l3_seaward .bronze_awards .wrap_right {
		width: calc(100% - 8px - 14px - 34px);
	}
	.l3_seaward .award_gold .amount {
		margin-left: auto;
		margin-right: 5px;
	}
	.l3_seaward .silver_awards h3,
	.l3_seaward .bronze_awards h3,
	.l3_seaward .list_awards.finalist_awards .wrap_right h3 {
		margin-right: auto;
	}
	.l3_seaward .list_awards.finalist_awards .wrap_right {
		width: calc(100% - 20px - 22px);
	}
}
@media screen and (min-width: 350px) {
  .minxw350none {
    display: none;
  }
}
@media screen and (max-width: 349px) {
	.maxw349none {
		display: none;
	}
	header .logo {
		margin-right: 8px;
		max-width: clamp(64px, 22.922vw, 80px);
	}
	header .nav-box h1, header .nav-box h2 {
		max-width: clamp(120px, 49.856vw, 174px);
	}
	.l3_seaward .award_gold .price {
		font-size: clamp(31.2px, 11.919vw, 41.6px);
	}
	.l3_seaward .list_awards .price {
		font-size: clamp(24px, 9.169vw, 32px);
	}
	.l3_seaward .award_gold .unit {
		font-size: clamp(12px, 4.584vw, 16px);
	}
	.l3_seaward .list_awards .unit,
	.l3_seaward .list_awards .each {
		font-size: clamp(11px, 3.667vw, 12.8px);
	}
	.l3_seaward .list_awards.finalist_awards .wrap_right {
		flex-direction: column;
	}
	.l3_seaward .list_awards.finalist_awards .amount {
		margin-left: auto;
		margin-top: -26px;
	}
	.l3_seaward .award_gold .icon_award {
		width: 27px;
		min-width: 27px;
		margin-right: 6px;
	}
	.l3_seaward .award_gold h3 {
		margin-top: 3px;
	}
	.l3_seaward .silver_awards .icon_award,
	.l3_seaward .bronze_awards .icon_award {
		margin-right: 9px;
		width: 24px;
		min-width: 24px;
		margin-top: 4px;
	}
	.l3_seaward .finalist_awards .icon_award {
		margin-right: 10px;
		min-width: 14px;
		width: 14px;
	}
	.l3_seaward .award_gold h3 .name_award {
		font-size: 18px;
		margin-bottom: 0;
	}
	.l3_seaward .award_gold h3 .quantity {
		font-size: 15px;
	}
	.l3_seaward .list_awards .name_award {
		font-size: 15px;
		line-height: 1.3;
	}
	.l3_seaward .list_awards .quantity {
		font-size: 14px
	}
	.l3_seaward .award_gold .wrap_award,
	.l3_seaward .silver_awards .wrap_right,
	.l3_seaward .bronze_awards .wrap_right,
	.l3_seaward .list_awards.finalist_awards .wrap_right {
		width: 100%;
		margin-right: 5px;
	}
	#seaward .sec04 ul.list_btn_department {
		flex-direction: column;
	}
	#seaward .sec04 ul.list_btn_department li {
		width: 100%;
		max-width: 180px;
	}
}
@media screen and (max-width: 320px) {
	.l3_seaward .main {
		height: 140px;
	}
}
@media screen and (max-width: 319px) {
	.l3_seaward h1::after {
		content: none;
	}
	#seaward .period dl dt {
		font-size: 12.8px;
		width: 44.8px;
		height: 43.2px;
	}
	#seaward .period dl dd {
		font-size: 16px;
	}
}