@charset "UTF-8";

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/NotoSansJP-Light.woff") format("woff"), url("../fonts/NotoSansJP-Light.woff2") format("woff2"), url("../fonts/NotoSansJP-Light.otf") format("otf");
	font-display: swap;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansJP-Regular.woff") format("woff"), url("../fonts/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/NotoSansJP-Regular.otf") format("otf");
	font-display: swap;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/NotoSansJP-Medium.woff") format("woff"), url("../fonts/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP-Medium.otf") format("otf");
	font-display: swap;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "jost";
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/Jost-SemiBold.woff") format("woff"), url("/fonts/Jost-SemiBold.ttf") format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "jost-italic";
	font-style: italic;
	font-weight: 500;
	src: url("../fonts/Jost-MediumItalic.woff") format("woff"), url("/fonts/Jost-MediumItalic.ttf") format("ttf");
	font-display: swap;
}

a,
a:link,
a:visited {
	text-decoration: none;
	color: #222;
	transition: all 0.3s ease;
}

a:hover,
a:link:hover,
a:visited:hover {
	color: #363A8B;
	text-decoration: none;
}

.container {
	max-width: 1128px;
	padding-right: 18px;
	padding-left: 18px;
}

body {
	font-family: "Noto Sans JP";
	color: #222222;
	font-size: 14px;
}

img {
	max-width: 100%;
	height: auto;
}

ul {
	margin-left: 0;
	padding-left: 0;
}

.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

br.sp {
	display: none;
}

@media screen and (max-width: 768px) {
	br.sp {
		display: block;
	}
}

br.pc {
	display: block;
}

@media screen and (max-width: 768px) {
	br.pc {
		display: none;
	}
}

.mt40 {
	margin-top: 40px;
}

/*---------header---------------------------------*/
header {
	height: 60px;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

header .header-in {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .header-in .logo {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 250px;
	padding-left: 16px;
}

@media screen and (max-width: 360px) {
	header .header-in .logo {
		width: 170px;
	}
}

header .header-in .logo span {
	font-size: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	letter-spacing: 0.05em;
}

header .header-in .logo img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	header .header-in .gnavi {
		position: absolute;
		top: 60px;
		width: 100%;
		background: #fff;
	}
}

header .header-in .gnavi nav ul {
	display: flex;
	height: 60px;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	header .header-in .gnavi nav ul {
		justify-content: center;
	}
}
header .header-in .gnavi nav ul li {
	width: auto;
	height: 100%;
	list-style: none;
}

@media screen and (max-width: 768px) {
	header .header-in .gnavi nav ul li {
		width: auto;
	}
}

header .header-in .gnavi nav ul li:not(:last-child) {
	margin-right: 22px;
}

@media screen and (max-width: 768px) {
	header .header-in .gnavi nav ul li:not(:last-child) {
		margin-right: 10px;
	}
}

header .header-in .gnavi nav ul li a,
header .header-in .gnavi nav ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 17px;
	position: relative;
	font-size: 16px;
	font-size: clamp(12px, 3.4vw, 16px);
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	header .header-in .gnavi nav ul li a {
		padding: 0;
	}
}
@media screen and (max-width: 360px) {

	header .header-in .gnavi nav ul li a,
	header .header-in .gnavi nav ul li span {
		padding: 12px;
		font-size: 4vw;
	}
}

header .header-in .gnavi nav ul li a::before,
header .header-in .gnavi nav ul li span::before {
	content: url("../images/header-arrow.svg");
	margin-right: 10px;
}

header .header-in .gnavi nav ul li a::after,
header .header-in .gnavi nav ul li span::after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.3s ease;
}

header .header-in .gnavi nav ul li a {
	text-decoration: none;
	color: #222;
}

header .header-in .gnavi nav ul li a:hover {
	color: #363A8B;
}

header .header-in .gnavi nav ul li a:hover::before {
	content: url("../images/header-arrow-on.svg");
	margin-right: 10px;
}

header .header-in .gnavi nav ul li span.current {
	color: #363A8B;
}

header .header-in .gnavi nav ul li span.current::before {
	content: url("../images/header-arrow-on.svg");
	margin-right: 10px;
}

header .header-in .gnavi nav ul li a:hover::after,
header .header-in .gnavi nav ul li span.current::after {
	background: #363A8B;
}

header .btns {
	background: #3EB7AE;
}

@media screen and (max-width: 768px) {
	header .btns {
		position: relative;
		right: 60px;
	}
}

header .btns ul {
	margin-bottom: 0;
	padding-left: 0;
}

header .btns ul li {
	list-style: none;
}

header .btns ul li a {
	display: flex;
	background: #3EB7AE;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	height: 60px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.01em;
}

header .btns ul li a:hover {
	background: #8DEDD3;
	color: #fff;
}

header .btns ul li.pc {
	display: block;
}

@media screen and (max-width: 768px) {
	header .btns ul li.pc {
		display: none;
	}
}

header .btns ul li.sp {
	display: none;
}

@media screen and (max-width: 768px) {
	header .btns ul li.sp {
		display: block;
	}
	header .btns ul li.sp>a {
		padding: 1.3em 1em;
		height: auto;
	}
	header .btns ul li.sp>a>img {
		width: 1.4em;
	}
}

/*-------mv-----------------------------------*/
.mv {
	background: url("../images/mv.jpg") no-repeat top left;
	position: relative;
	height: 668px;
	background-size: cover;
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
	.mv {
		height: auto;
		margin-top: 120px !important;
	}
}

.mv::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(54, 58, 139, 0.5);
	width: 100%;
	height: 100%;
}

.mv .mv-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner {
		padding-right: 15px;
		padding-left: 15px;
		box-sizing: border-box;
		padding-bottom: 30px;
		padding-top: 30px;
	}
}

.mv .mv-inner .mv-inner-top {
	background: rgba(255, 255, 255, 0.8);
	padding: 18px 12px;
	border-radius: 10px;
	width: 600px;
	height: 98px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .mv-inner-top {
		width: 100%;
		height: auto;
	}
}

.mv .mv-inner .mv-inner-top .img {
	position: relative;
	top: -44px;
	float: left;
	width: 200px;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .mv-inner-top .img {
		float: none;
		top: 0;
		position: static;
		text-align: center;
		width: 100%;
	}
}

.mv .mv-inner .mv-inner-top .text {
	float: left;
	width: calc(100% - 200px);
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .mv-inner-top .text {
		float: none;
		width: 100%;
	}
}

.mv .mv-inner .mv-inner-top .text p {
	margin-bottom: 0;
}

.mv .mv-inner .mv-inner-top .text p:nth-child(1) {
	font-size: 14px;
	font-weight: bold;
}

.mv .mv-inner .mv-inner-top .text p:nth-child(2) {
	font-size: 28px;
	font-weight: bold;
	color: #363A8B;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .mv-inner-top .text p:nth-child(2) {
		font-size: 24px;
		font-weight: bold;
		color: #363A8B;
		text-align: center;
	}
}

.mv .mv-inner h1 {
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 24px;
}

.mv .mv-inner h1+p {
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 68px;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner h1 {
		font-size: 30px;
	}
}

.mv .mv-inner .dlbtn {
	background: #3EB7AE;
	max-width: 473px;
	width: 100%;
	height: 103px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border: 1px solid #3EB7AE;
	transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .dlbtn {
		flex-wrap: wrap;
		height: auto;
		width: 100%;
		max-width: 100%;
		padding: 10px 0;
	}
}

.mv .mv-inner .dlbtn .img {
	width: 241px;
	position: absolute;
	left: -40px;
	top: -45px;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .dlbtn .img {
		width: 100%;
		position: static;
		text-align: center;
	}
}

.mv .mv-inner .dlbtn .text {
	width: calc(100% - 241px);
	margin-left: 201px;
}

@media screen and (max-width: 768px) {
	.mv .mv-inner .dlbtn .text {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
}

.mv .mv-inner .dlbtn .text p:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	transition: all 0.3s ease;
}

.mv .mv-inner .dlbtn .text p:nth-child(2) span {
	background: #fff;
	padding: 9px 41px;
	border-radius: 100vh;
	color: #3EB7AE;
	font-weight: bold;
	font-size: 16px;
	transition: all 0.3s ease;
}

.mv .mv-inner .dlbtn:hover {
	background: #fff;
}

.mv .mv-inner .dlbtn:hover .text p:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
	color: #3EB7AE;
	text-align: center;
	text-decoration: none;
}

.mv .mv-inner .dlbtn:hover .text p:nth-child(2) span {
	background: #3EB7AE;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

/*-----------.pagelink -------------------------------*/
.pagelink {
	padding-top: 50px;
}

.pagelink nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pagelink nav ul {
		flex-wrap: wrap;
	}
}

.pagelink nav ul li {
	background: rgba(229, 231, 250, 0.4);
	width: calc((100% - 55px) / 6);
	list-style: none;
}

@media screen and (max-width: 768px) {
	.pagelink nav ul li {
		width: 48%;
		margin: 1%;
	}
}

.pagelink nav ul li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	height: 68px;
	padding-left: 15px;
	font-size: 13px;
	color: #363A8B;
}

.pagelink nav ul li a::after {
	content: url("../images/pagelink-arrow.svg");
	position: absolute;
	right: 10px;
}

.pagelink nav ul li a:hover {
	background: #363A8B;
	color: #fff;
}

.pagelink nav ul li a:hover::after {
	content: url("../images/pagelink-arrow-on.svg");
}

/*----section--------------------------------------*/
section {
	padding: 60px 0;
}

section .title {
	padding-bottom: 40px;
}

section .title h2 {
	font-family: "jost-italic";
	font-size: 40px;
	color: #363A8B;
	text-align: center;
	position: relative;
	padding-bottom: 19px;
	display: inline-block;
	font-weight: 500;
	margin: 0 auto 25px;
	font-style: italic;
}

section .title h2::after {
	content: "";
	width: 58px;
	height: 2px;
	background: #363A8B;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

section .title h2::before {
	content: "";
	background: url("../images/titlebg.svg") no-repeat top left;
	position: absolute;
	top: -32px;
	left: -36px;
	width: 57px;
	height: 57px;
	z-index: -1;
}

section .title p {
	font-size: 27px;
	font-weight: 500;
}

@media screen and (max-width: 360px) {
	section .title p {
		font-size: 7vw;
	}
}

section p.catch {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
}

/*--------main----------------------------------*/
main {
	padding-top: 120px;
}

@media screen and (max-width: 768px) {
	main {
		padding-top: 40px;
	}
}

/*----#about--------------------------------------*/
#about {
	background: url("../images/bg1.jpg") no-repeat bottom left;
	background-size: 100%;
	padding-bottom: 97px;
}

.about-items {
	padding-top: 80px;
}

.about-items ul {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
}

@media screen and (max-width: 768px) {
	.about-items ul {
		flex-wrap: wrap;
	}
}

.about-items ul li {
	width: calc((100% - 58px) / 3);
	list-style: none;
}

@media screen and (max-width: 768px) {
	.about-items ul li {
		width: 100%;
		margin-bottom: 30px;
	}
}

.about-items ul li .about-inner {
	display: block;
	background: #fff;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
	position: relative;
	text-align: center;
}

.about-items ul li .about-inner::before {
	content: "";
	display: block;
	position: absolute;
	width: 21px;
	height: 21px;
	background: #3EB7AE;
	top: 0;
	left: 0;
}

.about-items ul li .about-inner .text {
	padding: 30px 36px 40px;
}

.about-items ul li .about-inner .text .num {
	display: block;
	font-family: "jost-italic";
	font-style: italic;
	color: #363A8B;
	font-size: 53px;
	letter-spacing: 0.05em;
	font-weight: 500;
}

.about-items ul li .about-inner .text .title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin-bottom: 28px;
}

.about-items ul li .about-inner .text span.innertext {
	display: block;
	text-align: left;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
	.about-items ul li .about-inner .pic img {
		width: 100%;
	}
}

/*-------#training-----------------------------------*/
#training {
	padding-top: 120px;
	border-bottom: 1px solid #D5D5D5;
}

@media screen and (max-width: 768px) {
	#training {
		padding-top: 80px;
	}
}

#training .title {
	margin-bottom: 0;
	padding-bottom: 0;
}

#training .training-item {
	display: flex;
	margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
	#training .training-item {
		flex-wrap: wrap;
	}
}

#training .training-item .text {
	width: 50%;
	padding-right: 54px;
}

@media screen and (max-width: 768px) {
	#training .training-item .text {
		width: 100%;
		padding-right: 0;
	}
}

#training .training-item .text h3 {
	letter-spacing: 0.01em;
	line-height: 1.7;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 35px;
}

@media screen and (max-width: 360px) {
	#training .training-item .text h3 {
		font-size: 7vw;
	}
}

#training .training-item .text p {
	line-height: 2;
}

#training .training-item .pic {
	width: 50%;
}

@media screen and (max-width: 768px) {
	#training .training-item .pic {
		width: 100%;
	}
}

#training .training-movie {
	width: 592px;
	height: 336px;
	margin: 0 auto 114px;
}

@media screen and (max-width: 768px) {
	#training .training-movie {
		width: 100%;
		height: 52vw;
		margin-bottom: 60px;
	}
}

#training .training-movie p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 21px;
}

#training .training-movie .movie-wrap {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

#training .training-movie .movie-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/*-------#streaming -----------------------------------*/
#streaming {
	padding: 120px 0;
	border-bottom: 1px solid #D5D5D5;
}

@media screen and (max-width: 768px) {
	#streaming {
		padding: 80px 0 40px;
	}
}

#streaming .bg {
	background: url("../images/bg2.jpg") no-repeat top 23px left;
	background-size: 1134px 100%;
	padding-bottom: 90px;
}

#streaming .bg h3 {
	text-align: center;
	font-size: 27px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.7;
	margin-bottom: 33px;
}

@media screen and (max-width: 360px) {
	#streaming .bg h3 {
		font-size: 7vw;
	}
}

#streaming .streaming-items {
	margin-top: 80px;
}

#streaming .streaming-items .streaming-item {
	display: flex;
	position: relative;
	margin-bottom: 120px;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item {
		flex-wrap: wrap;
	}
}

#streaming .streaming-items .streaming-item .text {
	width: 439px;
	margin-right: 60px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item .text {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

#streaming .streaming-items .streaming-item .text h4 {
	font-size: 23px;
	font-weight: bold;
	padding-bottom: 12px;
	border-bottom: 1px solid #2A2D76;
	color: #363A8B;
	margin-bottom: 24px;
}

#streaming .streaming-items .streaming-item .text .arrow {
	margin: 0 auto 18px;
}

#streaming .streaming-items .streaming-item .text .bold {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 40px;
}

#streaming .streaming-items .streaming-item .text .bold+p {
	line-height: 2;
}

#streaming .streaming-items .streaming-item .text a {
	color: #363A8B;
	text-decoration: underline;
}

#streaming .streaming-items .streaming-item .text .small {
	font-size: 12px;
}

#streaming .streaming-items .streaming-item .img {
	width: calc(100% - 499px);
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item .img {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-item .img .plan {
	display: flex;
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-item .img .plan {
		flex-wrap: wrap;
	}
}

#streaming .streaming-items .streaming-item .img .plan .plan-item {
	padding: 46px 26px 52px;
	border-radius: 5px;
	display: block;
	width: calc((100% - 19px) / 2);
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-item .img .plan .plan-item {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-item .img .plan .plan-item p {
	color: #fff;
	text-align: center;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item p.plantitle {
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item p.plantext {
	font-size: 18px;
	margin-bottom: 2px;
	position: relative;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item p.plantext::after {
	content: url("../images/table-arrow-w.svg");
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:nth-child(1) {
	background: #363A8B;
	border: 1px solid #363A8B;
	margin-right: 19px;
	position: relative;
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-item .img .plan .plan-item:nth-child(1) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:nth-child(1)::before {
	content: "";
	width: 103px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #4D98D0;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:nth-child(2) {
	background: #3EB7AE;
	border: 1px solid #3EB7AE;
	position: relative;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:nth-child(2)::before {
	content: "";
	width: 103px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #8DEDD3;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(1) {
	background: #fff;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(1) p {
	color: #363A8B;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(1) p.plantext {
	font-size: 18px;
	margin-bottom: 2px;
	position: relative;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(1) p.plantext::after {
	content: url("../images/table-arrow-blue.svg");
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(1) p.plantitle {
	border-color: #363A8B;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(2) {
	background: #fff;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(2) p {
	color: #3EB7AE;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(2) p.plantext {
	font-size: 18px;
	margin-bottom: 2px;
	position: relative;
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(2) p.plantext::after {
	content: url("../images/table-arrow-gr.svg");
}

#streaming .streaming-items .streaming-item .img .plan .plan-item:hover:nth-child(2) p.plantitle {
	border-color: #3EB7AE;
}

#streaming .streaming-items .streaming-item::after {
	content: "";
	font-size: 100px;
	letter-spacing: 0.1em;
	color: #DFE0F8;
	position: absolute;
	left: -70px;
	top: -80px;
	font-family: "Jost";
	font-style: italic;
	z-index: 0;
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-item::after {
		font-size: 30px;
		left: 0;
		top: -30px;
	}
}

#streaming .streaming-items .streaming-item:nth-child(n+2) .text {
	width: 559px;
	margin-right: 0;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item:nth-child(n+2) .text {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-item:nth-child(n+2) .img {
	width: calc(100% - 499px);
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item:nth-child(n+2) .img {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-item.reverse .text {
	margin-right: 0;
	margin-left: 0;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item.reverse .text {
		margin-left: 0;
	}
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item.reverse {
		flex-direction: column-reverse;
	}
}

#streaming .streaming-items .streaming-item.reverse .img {
	width: calc(100% - 559px);
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item.reverse .img {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-item.reverse .wbg {
	margin-right: auto;
	margin-left: 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item.reverse .wbg {
		margin-left: auto;
	}
}

#streaming .streaming-items .streaming-item .wbg {
	background: #fff;
	width: 459px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
	text-align: center;
	padding-top: 45px;
	margin-left: auto;
	margin-right: 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item .wbg {
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-item .wbg {
		width: 100%;
		padding-bottom: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

#streaming .streaming-items .streaming-item .wbg p {
	background: rgba(255, 218, 93, 0.4);
	padding: 12px 32px;
	display: inline-block;
	width: auto;
	border-radius: 5px;
	position: relative;
	font-weight: bold;
	font-size: 19px;
}

#streaming .streaming-items .streaming-item .wbg p::after {
	content: url("../images/hukidashi-arrow.svg");
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -17px;
}

#streaming .streaming-items .streaming-item .wbg img {
	display: inline-block;
	margin: 12px auto;
}

#streaming .streaming-items .streaming-item .wbg .image-wrap {
	align-items: baseline;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item .wbg .image-item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

#streaming .streaming-items .streaming-item .wbg .image-item p {
	font-weight: bold;
	font-size: 16px;
	background: none;
	text-align: center;
}

#streaming .streaming-items .streaming-item .wbg .image-item p::after {
	display: none;
}

#streaming .streaming-items .streaming-item.reverse::after {
	left: auto;
	right: -70px;
}

@media screen and (max-width: 1200px) {
	#streaming .streaming-items .streaming-item.reverse::after {
		right: 0;
	}
}

#streaming .streaming-items .streaming-item:nth-child(1)::after {
	content: "01";
}

#streaming .streaming-items .streaming-item:nth-child(2)::after {
	content: "02";
}

#streaming .streaming-items .streaming-item:nth-child(3)::after {
	content: "03";
}

#streaming .streaming-items .streaming-item:nth-child(4)::after {
	content: "04";
}

#streaming .streaming-items .streaming-item:nth-child(5)::after {
	content: "05";
}

#streaming .streaming-items .streaming-movie-wrap {
	display: flex;
}

#streaming .streaming-items .streaming-movie-wrap .movie {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

#streaming .streaming-items .streaming-movie-wrap .movie iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-movie-wrap {
		flex-wrap: wrap;
	}
}

#streaming .streaming-items .streaming-movie-wrap .streaming-movie {
	width: calc((100% - 44px) / 2);
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-movie-wrap .streaming-movie {
		width: 100%;
	}
}

#streaming .streaming-items .streaming-movie-wrap .streaming-movie:nth-child(1) {
	margin-right: 44px;
}

@media screen and (max-width: 768px) {
	#streaming .streaming-items .streaming-movie-wrap .streaming-movie:nth-child(1) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

#streaming .streaming-items .streaming-movie-wrap .streaming-movie p.movietitle {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 19px;
}

/*--------#usage ----------------------------------*/
#usage {
	background: url("../images/bg3.jpg") no-repeat top 230px right;
	background-size: 1116px auto;
	padding: 120px 0;
}

@media screen and (max-width: 768px) {
	#usage {
		padding: 40px 0;
	}
}

#usage .scene-items {
	display: flex;
	flex-wrap: wrap;
}

#usage .scene-items .scene-item {
	width: calc((100% - 40px) / 3);
	background: #fff;
	text-align: center;
	margin-bottom: 15px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 768px) {
	#usage .scene-items .scene-item {
		width: 100%;
	}
}

#usage .scene-items .scene-item a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.04);
}

#usage .scene-items .scene-item:not(:nth-child(3n)) {
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	#usage .scene-items .scene-item:not(:nth-child(3n)) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

#usage .scene-items .scene-item .tag span {
	font-family: "jost-italic";
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.05em;
	padding: 4px 20px;
	border-radius: 100vh;
	background: rgba(54, 58, 139, 0.62);
	color: #fff;
}

#usage .scene-items .scene-item .tag+p {
	font-size: 18px;
	font-weight: bold;
}

#usage .scene-items .scene-item .tag+p span {
	color: #363A8B;
	text-decoration: underline;
}

#usage .usage-item {
	background: #fff;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
	text-align: center;
	padding: 44px 75px 63px;
	margin-top: 45px;
}

@media screen and (max-width: 360px) {
	#usage .usage-item {
		padding: 20px 15px;
	}
}

#usage .usage-item h3 {
	font-size: 27px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-bottom: 55px;
}

@media screen and (max-width: 360px) {
	#usage .usage-item h3 {
		font-size: 7vw;
	}
}

/*-------#flow-----------------------------------*/
#flow {
	background: #F7F7F7;
	padding: 120px 0;
}

@media screen and (max-width: 768px) {
	#flow {
		padding: 120px 0 40px;
	}
}

#flow .title {
	position: relative;
	z-index: 0;
}

#flow .table-wrap {
	margin-top: 80px;
}

#flow .table-wrap table.flow-table {
	width: 100%;
}

@media screen and (max-width: 1200px) {
	#flow .table-wrap table.flow-table {
		width: 1092px;
	}
}

#flow .table-wrap table.flow-table thead tr th.arrow {
	background: url("../images/arrow.svg") no-repeat top right;
	background-size: cover;
	width: 149px;
	padding: 13px 7px 13px 0;
}

#flow .table-wrap table.flow-table thead tr th.rect {
	background: url("../images/rect.svg") no-repeat top left;
	background-size: cover;
	width: 145px;
	padding-top: 13px;
}

#flow .table-wrap table.flow-table thead tr th {
	text-align: center;
	vertical-align: top;
	border-bottom: 5px solid #fff;
}

#flow .table-wrap table.flow-table thead tr th .step {
	margin-bottom: 13px;
}

#flow .table-wrap table.flow-table thead tr th .step span {
	font-family: "jost-italic";
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px 2px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100vh;
}

#flow .table-wrap table.flow-table thead tr th p {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 16px;
	height: 47px;
	justify-content: center;
	display: flex;
	align-items: center;
}

#flow .table-wrap table.flow-table tbody tr th.blue {
	width: 194px;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title {
	display: flex;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a {
	padding: 18px 10px;
	background: #363A8B;
	color: #fff;
	width: 174px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px solid #363A8B;
	margin-right: 3px;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a::after {
	content: url("../images/table-arrow-w.svg");
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a .plan-title-title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a .plan-title-text {
	font-size: 14px;
	text-align: center;
	margin: 10px auto 20px;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a:hover {
	background: #fff;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a:hover .plan-title-title,
#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a:hover .plan-title-text {
	color: #363A8B;
	border-color: #363A8B;
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title a:hover::after {
	content: url("../images/table-arrow-blue.svg");
}

#flow .table-wrap table.flow-table tbody tr th.blue .plan-title span {
	background: rgba(54, 58, 139, 0.7);
	width: 21px;
	color: #fff;
	font-size: 14px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: normal;
}

#flow .table-wrap table.flow-table tbody tr th.gr {
	width: 194px;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title {
	display: flex;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a {
	padding: 18px 10px;
	background: #3EB7AE;
	color: #fff;
	width: 174px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px solid #3EB7AE;
	margin-right: 3px;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a::after {
	content: url("../images/table-arrow-w.svg");
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a .plan-title-title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a .plan-title-text {
	font-size: 14px;
	text-align: center;
	margin: 10px auto 20px;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a:hover {
	background: #fff;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a:hover .plan-title-title,
#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a:hover .plan-title-text {
	color: #3EB7AE;
	border-color: #3EB7AE;
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title a:hover::after {
	content: url("../images/table-arrow-gr.svg");
}

#flow .table-wrap table.flow-table tbody tr th.gr .plan-title span {
	background: rgba(62, 183, 174, 0.7);
	width: 21px;
	color: #fff;
	font-size: 14px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: normal;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(1) td {
	background: rgba(54, 58, 139, 0.08);
	vertical-align: middle;
	text-align: center;
	border-left: 3px solid #fff;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(1) td p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(1) td p.small {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 4px;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td {
	background: rgba(62, 183, 174, 0.08);
	vertical-align: middle;
	text-align: center;
	border-left: 3px solid #fff;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td p.small {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 4px;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td a.btn {
	background: #363A8B;
	color: #fff;
	font-size: 12px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 0;
	width: 206px;
	border-radius: 5px;
	margin: 0 auto;
	border: 1px solid #363A8B;
	margin-top: 4px;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td a.btn::after {
	content: url("../images/table-link-arrow.svg");
	right: 9px;
	position: absolute;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td a.btn:hover {
	background: #fff;
	color: #363A8B;
}

#flow .table-wrap table.flow-table tbody tr:nth-child(2) td a.btn:hover::after {
	content: url("../images/table-link-arrow-on.svg");
}

/*-------#price-----------------------------------*/
#price {
	padding: 120px 0;
}

@media screen and (max-width: 768px) {
	#price {
		padding: 40px 0;
	}
}

#price table.price-table {
	margin: 80px auto;
	border-collapse: separate;
	border: #fff;
	border-spacing: 2px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	#price table.price-table {
		width: 800px;
		margin: 0 auto;
	}
}

#price table.price-table thead th {
	background: #363A8B;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	padding: 16px 0;
}

#price table.price-table thead th:nth-child(1) {
	width: 311px;
}

@media screen and (max-width: 768px) {
	#price table.price-table thead th:nth-child(1) {
		width: 180px;
	}
}

#price table.price-table thead th:nth-child(2) {
	width: 215px;
}

@media screen and (max-width: 768px) {
	#price table.price-table thead th:nth-child(2) {
		width: 100px;
	}
}

#price table.price-table thead th:nth-child(3) {
	width: 282px;
}

@media screen and (max-width: 768px) {
	#price table.price-table thead th:nth-child(3) {
		width: 100px;
	}
}

#price table.price-table thead th:nth-child(4) {
	width: 281px;
}

@media screen and (max-width: 768px) {
	#price table.price-table thead th:nth-child(4) {
		width: 100px;
	}
}

#price table.price-table tbody td {
	background: #F5F5F5;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

#price table.price-table tbody td:nth-child(1) img {
	width: 144px;
	height: auto;
}

#price table.price-table tbody td:nth-child(1) p {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
}

#price table.price-table tbody td.price {
	font-size: 22px;
	font-weight: bold;
	color: #363A8B;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
	#price .env {
		margin-top: 30px;
	}
}

#price .env h3 {
	text-align: left;
	font-size: 18px;
	display: flex;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid #707070;
	margin-bottom: 16px;
}

#price .env h3 span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 24px;
}

#price .env h3:nth-child(n+2) {
	margin-top: 45px;
}

#price .env h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}

#price .env ul,
#price .env ol {
	padding-left: 1em;
	margin-left: 0;
	list-style-position: inside;
	line-height: 1.7;
	text-indent: -1em;
}

/*-------#faq-----------------------------------*/
#faq {
	padding: 120px 0;
	background: #F7F7F7;
}

@media screen and (max-width: 768px) {
	#faq {
		padding: 40px 0;
	}
}

#faq .title {
	position: relative;
	z-index: 0;
}

#faq dl {
	border-bottom: 1px solid #C7C7C7;
	margin-bottom: 24px;
}

#faq dl dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

#faq dl dt::before {
	content: "Q";
	color: #fff;
	background: #363A8B;
	width: 40px;
	height: 40px;
	font-family: "jost-italic";
	font-style: italic;
	font-size: 27px;
	display: block;
	text-align: center;
	margin-right: 20px;
}

#faq dl dd {
	font-size: 16px;
	padding-bottom: 24px;
	display: flex;
	align-items: center;
}

#faq dl dd::before {
	content: "A";
	color: #fff;
	background: #222222;
	width: 40px;
	height: 40px;
	font-family: "jost-italic";
	font-style: italic;
	font-size: 27px;
	display: block;
	text-align: center;
	margin-right: 20px;
	flex: 0 0 40px;
}

/*-------#download-----------------------------------*/
#download {
	background: url("../images/bg4.jpg") no-repeat top left;
	width: 100%;
	height: 429px;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	#download {
		height: auto;
		background-position: center;
	}
}

#download h2 {
	text-align: center;
	margin-bottom: 37px;
}

#download h2 span {
	font-size: 29px;
	font-weight: 500;
	color: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
}

#download h2 span::before {
	content: "";
	display: block;
	width: 29px;
	height: 2px;
	background: #3EB7AE;
	position: absolute;
	left: -40px;
}

#download h2 span::after {
	content: "";
	display: block;
	width: 29px;
	height: 2px;
	background: #3EB7AE;
	position: absolute;
	right: -40px;
}

#download .d-md-flex {
	justify-content: space-around;
	align-items: center;
}

#download .d-md-flex .text {
	width: 520px;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#download .d-md-flex .text {
		width: 100%;
	}
}

#download .d-md-flex .text h3 {
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-bottom: 20px;
}

#download .d-md-flex .text p {
	margin-bottom: 30px;
}

#download .d-md-flex .text .border-box {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	padding: 18px 33px;
	text-align: left;
	color: #fff;
}

#download .d-md-flex .pic {
	width: 404px;
}

@media screen and (max-width: 768px) {
	#download .d-md-flex .pic {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
}

footer {
	background: #EEF3F8;
	padding: 50px 0 16px;
}

footer dl {
	display: flex;
	margin-bottom: 96px;
}

@media screen and (max-width: 768px) {
	footer dl {
		flex-wrap: wrap;
	}
}

footer dl dt {
	border: 1px solid #707070;
	width: 155px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	footer dl dt {
		width: 100%;
		margin-bottom: 20px;
	}
}

footer dl dd {
	padding-left: 36px;
	line-height: 1.8;
	letter-spacing: 0.03em;
}

@media screen and (max-width: 768px) {
	footer dl dd {
		padding-left: 0;
	}
}

footer dl dd a {
	color: #363A8B !important;
	text-decoration: underline !important;
}

footer .copyright {
	font-size: 10px;
	text-align: center;
	margin-bottom: 0;
}

.totop {
	position: fixed;
	right: 0;
	bottom: 10px;
	background: #363A8B;
	border: 1px solid #fff;
	width: 98px;
	height: 100px;
}

@media screen and (max-width: 768px) {
	.totop {
		width: 50px;
		height: 50px;
	}
}

.totop a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.totop a img {
	width: 18px;
}

.totop a span {
	font-size: 15px;
	margin-top: 6px;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.totop a span {
		display: none;
	}
}

.totop a:hover {
	opacity: 0.8;
}

.right-fix {
	width: 180px;
	position: fixed;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: calc(100% - 30px);
	transition: all 0.3s ease;
	cursor: pointer;
}

.right-fix:hover {
	left: calc(100% - 180px);
}

.right-fix dl {
	display: flex;
	border-radius: 3px 0px 0px 3px;
	border: 1px solid #fff;
	overflow: hidden;
}

.right-fix dl dt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	background: #3EB7AE;
}

.right-fix dl dd {
	background: #9CDAD5;
	padding: 17px 11px;
	margin-bottom: 0;
}

.right-fix dl dd a {
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	flex-direction: column;
}

.right-fix dl dd a p {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #222;
}

.right-fix dl dd a span {
	background: #363A8B;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 30px;
	border-radius: 100vh;
	font-size: 12px;
}

@media screen and (max-width: 768px) {
	.right-fix {
		display: none;
	}
}

.spmenu {
	display: none;
}

@media screen and (max-width: 768px) {
	.spmenu {
		display: block;
	}
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
	display: block;
	position: fixed;
	z-index: 3;
	right: 10px;
	top: 10px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}

.hamburger span {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 6px;
	background: #BBBBBB;
	transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 10px;
}

.hamburger span:nth-child(2) {
	top: 20px;
}

.hamburger span:nth-child(3) {
	top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top: 16px;
	left: 6px;
	background: #fff;
	transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 16px;
	background: #fff;
	transform: rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	color: #fff;
	background: rgba(71, 70, 73, 0.6);
	text-align: center;
	width: 100%;
	transform: translateX(100%);
	transition: all 0.6s;
}

nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: 0.4s all;
}

nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}

nav.globalMenuSp ul li:hover {
	background: #ddd;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration: none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
	opacity: 100;
	display: block;
	transform: translateX(0%);
}

a.under {
	text-decoration: underline;
	color: #363A8B;
}


#contact {
	margin: 100px 0;
}