@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* =================== */
/*       pubulic       */
/* =================== */
html {
	overflow-x:hidden;
	scroll-padding-top:150px !important;
}
html,body {
  /*font-size:clamp(10px, 10.35vw, 22px); clamp(10px, 1.33vw, 20px)*/
  font-size:clamp(10px, 1.38vw, 20px);
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight:400;
	position:relative;
  /*-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;*/
  overflow-x:hidden;
}

.en-font {
	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.grecaptcha-badge { visibility:hidden; }


img {
  width:100%;
  height:auto;
}
.sp-on { display:none; }
a { transition:0.3s ease all; }


.flex-box {
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  align-items:center;
}

.in-w66 {
	width:66rem;
	margin:0 auto;
	position:relative;
}
.in-w56 {
	width:56rem;
	margin:0 auto;
	position:relative;
}

.fadein {
	opacity:0;
	transform:translate(0, 15%);
	transition:1s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}



/* =================== */
/*       #header       */
/* =================== */
#header {
	height:5rem;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}
#header.fixed { background:#004384; }
#header .head-main-box {
	height:100%;
}
#header #site-logo { width:12.75rem; }
#header #site-logo a:hover { opacity:.5; }
#header #main-nav ul li {
	margin-left:1.5rem;
	font-size:.75rem;
	color:#fff;
	position:relative;
	padding:1.5rem 0;
}
#header #main-nav ul li a { font-weight:bold; }
#header #main-nav ul li a:hover { opacity:.5; }
#header #main-nav ul li .child {
	position:absolute;
	width:10rem;
	background:#fff;
	overflow:hidden;
	border-radius:.9rem;
	top:3rem;
	left:-3.2rem;
	display:none;
}
#header #main-nav ul > li:hover .child { display:block; }
#header #main-nav ul li .child li { margin-left:0; padding:0; }
#header #main-nav ul li .child li a {
	font-size:.65rem;
	color:#004384;
	padding:.8rem 1rem;
	display:block;
}
#header #main-nav ul li .child li a::before {
	content:"\f105";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.5rem;
}
#header #main-nav ul li .child li a:hover {
	background:#ff323c;
	color:#fff;
	opacity:1;
}



/* =================== */
/*       #footer       */
/* =================== */
#footer {
	background:url(/img/foot_bk.jpg) no-repeat left;
	background-size:cover;
	padding:5rem 0 2rem;
}
#footer .foot-logo {
	width:18.225rem;
	margin:0 auto 4rem;
}
#footer .lr-box { align-items:flex-end; }
#footer .lr-box .l-box .name {
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.5;
}
#footer .lr-box .l-box address {
	font-size:0.825rem;
	font-weight:bold;
	letter-spacing:.05em;
	line-height:1.8;
	color:#fff;
	margin-bottom:.5rem;
}
#footer .lr-box .l-box .site-link a {
	background:#fff;
	border-radius:100vmax;
	display:block;
	line-height:1.5rem;
	width:6rem;
	color:#004384;
	font-size:.7rem;
	text-align:center;
	font-weight:bold;
}
#footer .lr-box .r-box .privacy-link a {
	border-radius:100vmax;
	display:block;
	line-height:1.5rem;
	width:9.25rem;
	color:#fff;
	font-size:.7rem;
	border:1px solid #fff;
	text-align:center;
	font-weight:bold;
	margin-left:calc(100% - 9.25rem);
}
#footer .lr-box .r-box .sns-link {
	justify-content:flex-end;
	margin-bottom:2rem;
}
#footer .lr-box .r-box .sns-link li {
	font-size:1rem;
	color:#fff;
	margin-left:1rem;
}
#footer .lr-box a:hover { opacity:.5; }
#footer .lr-box .r-box small {
	display:block;
	font-size:.75rem;
	margin-top:1rem;
	color:#fff;
}







/* =================== */
/*       body.index       */
/* =================== */
body.index #kv-box {
	padding:5.5rem 0 3rem;
	height:100vh;
	color:#fff;
	position:relative;
	background:#004384;
}
body.index #kv-box::before {
	content:"";
	width:100%;
	height:0;
	padding-top:10.56%;
	background:url(/img/kv_bk1.jpg) no-repeat top;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}
body.index #kv-box::after {
	content:"";
	width:100%;
	height:0;
	padding-top:20.47%;
	background:url(/img/kv_bk2.jpg) no-repeat bottom;
	background-size:cover;
	position:absolute;
	bottom:0;
	left:0;
}
body.index #kv-box .flex-box {
	/*align-items:flex-start;*/
	align-items:center;
	position:relative;
	z-index:1;
	height:100%;
}
body.index #kv-box .txt-box {
	width:30rem;
	margin-left:2.5rem;
	/*margin-top:6.5rem;*/
	margin-top:-7rem;
	order:1;
}
body.index #kv-box .pic {
	width:35.25rem;
	margin-right:-2rem;
	order:2;
}
body.index #kv-box .txt-box .copy {
	font-size:1.75rem;
	font-weight:bold;
	text-align:center;
}
body.index #kv-box .txt-box .kv-logo { margin:1.5rem 0; }
body.index #kv-box .txt-box .txt {
	font-size:1rem;
	line-height:1.625;
	font-weight:bold;
}
body.index #we-sec { margin:4.5rem 0; }
body.index #we-sec h2 span {
	font-size:2rem;
	color:#ff323c;
	display:block;
	text-align:center;
	margin-bottom:1.5rem;
	font-weight:bold;
}
body.index #we-sec h2 img {
	width:22.825rem;
	display:block;
	margin:0 auto;
}
body.index #we-sec .txt {
	font-size:.825rem;
	line-height:1.88;
	font-weight:bold;
	text-align:center;
	margin:3.5rem 0 2rem;
}
body.index #we-sec .movie-box {
	width:37.5rem;
	aspect-ratio:5.6 / 3.15;
	margin:0 auto 2.5rem;
}
body.index #we-sec .movie-box iframe {
	width:100%;
	height:100%;
}
body.index #we-sec ul {
	width:37.5rem;
	margin:0 auto;
}
body.index #we-sec ul li { width:calc((100% - 2rem) / 3); }
body.index #we-sec ul li a {
	font-size:.875rem;
	color:#004384;
	font-weight:bold;
	display:block;
	border-radius:100vmax;
	border:1px solid #004384;
	text-align:center;
	line-height:2.5rem;
}
body.index #we-sec ul li a:hover {
	background:#004384;
	color:#fff;
}
body.index section h3 { text-align:center; margin-bottom:3rem; }
body.index section h3 .jp {
	font-size:2.25rem;
	display:block;
	font-weight:bold;
}
body.index section h3 .en {
	font-size:1.5rem;
	font-weight:bold;
	display:block;
	margin-top:1rem;
}
body.index #features-sec h3 .jp { color:#fff; }
body.index #features-sec h3 .en { color:#004384; }
body.index #sceans-sec h3 .jp { color:#004384; }
body.index #sceans-sec h3 .en { color:#99bbd0; }
body.index #chosen-sec h3 .jp { color:#fff; }
body.index #chosen-sec h3 .en { color:#ff323c; }
body.index #idea-sec h3 .jp { color:#004384; }
body.index #idea-sec h3 .en { color:#fff; }

body.index #features-sec {
	background:#99bbd0;
	position:relative;
	padding:4.5rem 0 5.5rem;
}
body.index #features-sec::before {
	content:"";
	width:100%;
	height:0;
	padding-top:19.236%;
	background:url(/img/features_bk1.jpg) no-repeat top;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}
body.index #features-sec::after {
	content:"";
	width:100%;
	height:0;
	padding-top:7.2569%;
	background:url(/img/features_bk2.jpg) no-repeat bottom;
	background-size:cover;
	position:absolute;
	bottom:0;
	left:0;
}
body.index #features-sec > .in-w56 {
	position:relative;
	z-index:1;
}
body.index #features-sec ol { align-items:initial; }
body.index #features-sec li { width:calc((100% - 6rem) / 3); }
body.index #features-sec li .num {
	width:12.5rem;
	background:#fff;
	border-radius:1.25rem;
	padding:1rem 2rem 1.5rem;
	font-size:3.75rem;
	font-weight:bold;
}
body.index #features-sec li:nth-child(1) .num { color:#2eabf8; }
body.index #features-sec li:nth-child(2) .num { color:#ff323c; }
body.index #features-sec li:nth-child(3) .num { color:#ffc635; }
body.index #features-sec li .txt-box {
	background:#fff;
	border-radius:1.25rem;
	padding:2.5rem 1rem 1.5rem;
	margin-top:-3.5rem;
}
body.index #features-sec li .copy {
	font-size:1.05rem;
	text-align:center;
	line-height:1.45;
	color:#004384;
	font-weight:bold;
}
body.index #features-sec li h4 {
	font-size:2rem;
	line-height:1.4;
	color:#004384;
	font-weight:bold;
	text-align:center;
	margin:1rem 0;
}
body.index #features-sec li:nth-child(1) .illust {
	width:13.05rem;
	margin:2rem auto;
}
body.index #features-sec li:nth-child(2) .illust {
	width:13rem;
	margin:2rem auto;
}
body.index #features-sec li:nth-child(3) .illust {
	width:12.75rem;
	margin:2rem auto;
}
body.index #features-sec li .txt {
	font-size:.825rem;
	font-weight:bold;
	line-height:1.8;
	margin:0 .5rem;
}

body.index #sceans-sec { padding:4.5rem 0 2.5rem; }
body.index #sceans-sec ol {
	flex-wrap:wrap;
	align-items:initial;
}
body.index #sceans-sec ol li {
	width:calc((100% - 3rem) / 2);
	margin-bottom:3rem;
	display:flex;
	align-items:flex-end;
}
body.index #sceans-sec ol li .l-box {
	border:.25rem #004384 solid;
	border-radius:1.25rem 1.25rem 0 1.25rem;
	background:#fff;
	padding:2.5rem 0 2rem;
	width:12.75rem;
	box-sizing:border-box;
	position:relative;
}
body.index #sceans-sec ol li .l-box::before {
	content:"";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	height:.85rem;
	width:.725rem;
	background:#fff;
	display:block;
	position:absolute;
	right:-.725rem;
	bottom:3rem;
}
body.index #sceans-sec ol li .l-box .num {
	font-size:1.5rem;
	text-align:center;
	font-weight:bold;
	margin-bottom:2rem;
}
body.index #sceans-sec ol li:nth-child(1) .l-box .num { color:#ff323c; }
body.index #sceans-sec ol li:nth-child(2) .l-box .num { color:#ffc635; }
body.index #sceans-sec ol li:nth-child(3) .l-box .num { color:#2eabf8; }
body.index #sceans-sec ol li:nth-child(4) .l-box .num { color:#ff323c; }
body.index #sceans-sec ol li .l-box .txt {
	font-size:1.05rem;
	text-align:center;
	line-height:1.45;
	color:#004384;
	font-weight:bold;
	height:4.35em;
	margin-bottom:2rem;
}
body.index #sceans-sec ol li .l-box .illust {
	width:3rem;
	margin:0 auto;
}
body.index #sceans-sec ol li .r-box {
	width:calc(100% - 12.75rem);
	background:#004384;
	border-radius:0 1.25rem 1.25rem 0;
	padding:1.5rem 1.5rem 2rem;
	box-sizing:border-box;
}
body.index #sceans-sec ol li .r-box .txt {
	font-size:.825rem;
	font-weight:bold;
	line-height:1.8;
	margin-bottom:1rem;
	color:#fff;
}
body.index #sceans-sec ol li .r-box .illust {
	width:3rem;
	margin:0 auto;
}

body.index #chosen-sec {
	background:url(/img/chosen_bk.jpg) no-repeat top right;
	background-size:cover;
	padding:4.5rem 0 5.5rem;
}
body.index #chosen-sec .slider { position:relative; }
body.index #chosen-sec .slick-track { display:flex; }
body.index #chosen-sec li {
	margin:0 .75rem;
	background:#fff;
	border-radius:1.25rem;
	padding:2.5rem 0 1.5rem;
	height:auto !important;
}
body.index #chosen-sec li .name {
	font-size:.7rem;
	text-align:center;
	margin-top:1rem;
	font-weight:bold;
	line-height:1.4;
}
body.index #chosen-sec .slick-arrow {
	width:3.75rem;
	position:absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:1;
  cursor:pointer;
}
body.index #chosen-sec .slick-arrow:hover { opacity:.5; }
body.index #chosen-sec .prev-arrow { left:11.5%; }
body.index #chosen-sec .next-arrow { right:11.5%; }

body.index #idea-sec {
	background:#ffc635;
	padding:4.5rem 0 5.5rem;
	position:relative;
}
body.index #idea-sec::before {
	content:"";
	width:100%;
	height:0;
	padding-top:12.743%;
	background:url(/img/idea_bk1.jpg) no-repeat top;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}
body.index #idea-sec::after {
	content:"";
	width:100%;
	height:0;
	padding-top:18.82%;
	background:url(/img/idea_bk2.jpg) no-repeat bottom;
	background-size:cover;
	position:absolute;
	bottom:0;
	left:0;
}
body.index #idea-sec > .in-w56 {
	position:relative;
	z-index:1;
}
body.index #idea-sec ul { align-items:initial; }
body.index #idea-sec ul li {
	width:calc((100% - 6rem) / 3);
	background:#fff;
	border-radius:1.25rem;
	text-align:center;
	padding:1.5rem;
}
body.index #idea-sec ul li .ttl {
	font-size:1.05rem;
  line-height:1.45;
  color:#004384;
  font-weight:bold;
  padding-bottom:1rem;
  margin-bottom:1rem;
  border-bottom:.15rem solid #004384;
}
body.index #idea-sec ul li .txt {
  font-size:.825rem;
  font-weight:bold;
  line-height:1.8;
}
body.index #idea-sec .movie-wrap {
	align-items:flex-end;
	padding:2.5rem 4rem;
	border-radius:1.25rem;
	border:1px solid #fff;
	margin:2.5rem auto;
}
body.index #idea-sec .movie-wrap .movie-box {
	width:37.5rem;
  aspect-ratio:5.6 / 3.15;
}
body.index #idea-sec .movie-wrap .movie-box iframe { width:100%; height:100%; }
body.index #idea-sec .movie-wrap .illust { width:7.275rem; }
body.index #idea-sec .btn a {
	width:20rem;
	line-height:2.5rem;
	border-radius:100vmax;
	background:#004384;
	color:#fff;
	display:block;
	text-align:center;
	font-size:.875rem;
	font-weight:bold;
	margin:0 auto;
}
body.index #idea-sec .btn a:hover { opacity:.5; }

body.index #news-sec { padding:5rem 0 5.5rem; }
body.index #news-sec > .flex-box { align-items:flex-start; }
body.index #news-sec h3 { margin-bottom:1.5rem; }
body.index #news-sec h3 .en {
	font-size:3rem;
	color:#004384;
	margin-top:0;
}
body.index #news-sec .btn a {
	width:6rem;
	line-height:2rem;
	border-radius:100vmax;
	border:1px solid #004384;
	color:#004384;
	display:block;
	text-align:center;
	font-size:.875rem;
	font-weight:bold;
}
body.index #news-sec .btn a:hover {
	background:#004384;
	color:#fff;
}
body.index #news-sec ul { width:43.5rem; }
body.index #news-sec ul li {
	border-bottom:1px dotted #000;
	font-size:.8rem;
	padding:1.2rem 1rem;
}
body.index #news-sec ul li a {
	display:flex;
	width:100%;
}
body.index #news-sec ul li time { width:10em; }
body.index #news-sec ul li .post-ttl {
	width:calc(100% - 10em);
	overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
body.index #news-sec ul li a:hover { opacity:.5; }







@media screen and (max-width: 960px) {
	.in-w66 { width:95%; max-width:750px; }
}

@media screen and (max-width: 750px) {
	html { scroll-padding-top:80px !important; }
	.pc-on { display:none; }
	.sp-on { display:initial; }

	body.open { height:100svh; overflow:hidden; }

	.in-w66 { width:86.6%; }
	.in-w56 { width:86.6%; }

	body.index #kv-box { padding-bottom:45px; height:auto; }
	body.index #kv-box .flex-box { display:block; width:100%; }
	body.index #kv-box .pic { width:110%; margin-left:5%; margin-right:0; margin-top:90px; }
	body.index #kv-box .txt-box { width:86.6%; margin:20px auto 0; }
	body.index #kv-box .txt-box .copy { font-size:20px; }
	body.index #kv-box .txt-box .txt { font-size:17px; }
	body.index #kv-box::after { display:none; }
	body.index #kv-box::before {
		padding-top:64.34%;
    background:url(/img/kv_bk_sp.jpg) no-repeat top;
    background-size:cover;
	}

	body.index section h3 .jp { font-size:25px; line-height:1.4; }
	body.index section h3 .en { font-size:17px; }

	body.index #we-sec h2 span { font-size:25px; }
	body.index #we-sec h2 img { width:300px; }
	body.index #we-sec .txt { font-size:15px; text-align:left; }
	body.index #we-sec .movie-box { width:100%; }
	body.index #we-sec ul { width:100%; display:block; }
	body.index #we-sec ul li { width:200px; margin:0 auto 15px; }
	body.index #we-sec ul li a { font-size:15px; line-height:35px; }
	body.index #features-sec ol { display:block; }
	body.index #features-sec li { width:100%; margin-bottom:30px; }
	body.index #features-sec li .txt-box { padding:30px 20px 30px; }
	body.index #features-sec li .copy { font-size:17px; }
	body.index #features-sec li .copy br { display:none; }
	body.index #features-sec li h4 { font-size:25px; }
	body.index #features-sec li h4 br { display:none; }
	body.index #features-sec li .txt { font-size:15px; }
	body.index #features-sec li .num { font-size:47px; }
	body.index #features-sec li:nth-child(1) .illust { width:20.05rem; margin:10px auto; }
	body.index #features-sec li:nth-child(2) .illust { width:20rem; margin:10px auto; }
	body.index #features-sec li:nth-child(3) .illust { width:19.75rem; margin:10px auto; }
	body.index #features-sec::before { width:200%; padding-top:38.472%; background:url(/img/features_bk1.jpg) no-repeat top; }
	body.index #features-sec::after { left:initial; right:0; padding-top:14.5138%; width:200%; }
	body.index #sceans-sec ol { display:block; }
	body.index #sceans-sec ol li { width:100%; display:block; }
	body.index #sceans-sec ol li .l-box { width:100%; border-radius:1.25rem 1.25rem 0 0; padding:20px; }
	body.index #sceans-sec ol li .l-box .num { font-size:20px; }
	body.index #sceans-sec ol li .l-box .txt { font-size:20px; height:auto; }
	body.index #sceans-sec ol li .l-box .illust { width:50px; }
	body.index #sceans-sec ol li .r-box { width:100%; border-radius:0 0 1.25rem 1.25rem; padding:20px; }
	body.index #sceans-sec ol li .r-box .txt { font-size:15px; }
	body.index #sceans-sec ol li .r-box .illust { width:50px; }
	body.index #sceans-sec ol li .l-box::before { right:0; left:0; margin:0 auto; clip-path:polygon(0 0, 100% 0, 50% 100%); height:12px; width:20px; bottom:-11px; }
	body.index #chosen-sec li .name { font-size:13px; }
	body.index #chosen-sec .prev-arrow { left:9.5%; }
	body.index #chosen-sec .next-arrow { right:9.5%; }
	body.index #idea-sec ul { display:block; }
	body.index #idea-sec ul li { width:100%; margin-bottom:15px; }
	body.index #idea-sec ul li .ttl { font-size:17px; }
	body.index #idea-sec ul li .txt { font-size:15px; }
	body.index #idea-sec .movie-wrap { padding:15px; }
	body.index #idea-sec .movie-wrap .illust { width:50px; }
	body.index #idea-sec .movie-wrap .movie-box { width:calc(100% - 60px); }
	body.index #idea-sec .btn a { font-size:15px; line-height:35px; width:250px; }
	body.index #idea-sec::before { width:200%; padding-top:25.486%; }
	body.index #idea-sec::after { width:200%; padding-top:37.64%; }
	body.index #news-sec > .flex-box { display:block; }
	body.index #news-sec h3 .en { font-size:35px; }
	body.index #news-sec ul { width:100%; }
	body.index #news-sec ul li { font-size:15px; }
	body.index #news-sec ul li a { display:block; }
	body.index #news-sec ul li .post-ttl { width:100%; margin-top:5px; }
	body.index #news-sec .btn.sp-on { display:block; }
	body.index #news-sec .btn a { width:120px; line-height:35px; margin:15px auto 0; font-size:15px; }

	#footer { padding-bottom:25px; }
	#footer .foot-logo { width:220px; margin-bottom:30px; }
	#footer .lr-box { display:block; }
	#footer .lr-box .l-box .name { font-size:16px; }
	#footer .lr-box .l-box address { font-size:14px; text-align:center; margin-bottom:20px; }
	#footer .lr-box .l-box .site-link a { width:190px; line-height:25px; font-size:14px; margin:10px auto; }
	#footer .lr-box .r-box .privacy-link a { width:190px; line-height:25px; font-size:14px; margin:10px auto; }
	#footer .lr-box .r-box small { font-size:11px; text-align:center; margin-top:30px; }
	#footer .lr-box .r-box .sns-link { justify-content:center; margin-top:30px; margin-bottom:20px; }
	#footer .lr-box .r-box .sns-link li { font-size:20px; margin:0 7px; }

	#header { height:60px; }
	#header #hamburger { position:fixed; top:13px; right:24px; }
	#header #hamburger::before {
		content:"\f0c9";
		font-weight:900;
		font-family: "Font Awesome 5 Free";
		display:block;
		font-size:35px;
		color:#fff;
	}
	#header #hamburger.open::before { content:"\f00d"; }
	#header #site-logo { width:200px; }
	#header #main-nav {
		position:fixed;
		top:0;
		left:0;
		background:rgba(0,67,132,.9);
		width:100%;
		height:100vh;
		animation:close .5s linear forwards;
		display:none;
	}
	#header.open #main-nav { display:block; animation:open .5s linear forwards; }
	@keyframes open{
    0% { opacity:0; }
    100% { opacity:1; }
	}
	@keyframes close{
    0% { opacity:1; }
    100% { opacity:0; display:none; }
	}
	#header #main-nav ul { display:block; width:86.6%; margin:70px auto 0; }
	#header #main-nav ul li { font-size:15px; margin-left:0; border-bottom:1px solid rgba(255,255,255,.9); padding:0; }
	#header #main-nav ul li .parent { position:relative; padding:0 15px; }
	#header #main-nav ul li .parent a { position:relative; width:100%; display:block; padding:20px 0; }
	#header #main-nav ul li .parent a::after {
		content:"\f105";
		font-weight:900;
		font-family:"Font Awesome 5 Free";
		position:absolute;
		right:0;
	}
	#header #main-nav ul li:nth-child(1) .parent a,
	#header #main-nav ul li:nth-child(6) .parent a { width:calc(100% - 30px); }
	#header #main-nav ul li:nth-child(1) .parent a::after,
	#header #main-nav ul li:nth-child(6) .parent a::after { display:none; }
	#header #main-nav ul li:nth-child(1) .parent::after,
	#header #main-nav ul li:nth-child(6) .parent::after {
		content:"＋";
		font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
		font-weight:700;
		z-index:10;
		width:40px;
		right:0;
		top:0;
		text-align:center;
		position:absolute;
		padding:20px 0;
	}
	#header #main-nav ul li:nth-child(1).open .parent::after,
	#header #main-nav ul li:nth-child(6).open .parent::after { content:"−"; 	}
	#header #main-nav ul > li:hover .child { display:none; }
	#header #main-nav ul li a:hover { opacity:1; }
	#header #main-nav ul > li.open .child { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0; position:initial; width:100%; background:none; border-radius:0; }
	#header #main-nav ul li .child li { width:calc((100% - 20px) / 2); margin-bottom:15px; border-bottom:0; }
	#header #main-nav ul li .child li a { font-size:12px; color:#fff; border:1px solid #fff; border-radius:.9rem; padding:20px 0; text-align:center; }
	#header #main-nav ul li .child li a::before { display:none; }
}