a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tbody,
tfoot,
thead,
tr,
tt,
ul,
var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline
}

button,
figure,
input,
table {
	margin: 0;
	padding: 0;
	border: 0
}

caption,
table,
td,
th {
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle
}

table {
	font-weight: inherit;
	border-collapse: separate;
	border-spacing: 0
}

caption,
td,
th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: left;
	font-weight: 400
}

body {
	line-height: 1;
	color: #000;
	background: #fff;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: initial;
	-webkit-font-smoothing: antialiased;
	zoom: .8
}

ol,
ul {
	list-style: none
}

a img {
	border: 0
}

html {
	overflow-x: hidden
}

button,
figure,
input {
	outline: 0
}

button {
	cursor: pointer
}

select,
table {
	outline: 0
}

a {
	text-decoration: none
}

a,
input {
	box-sizing: border-box
}

main {
	margin-top: 0
}

.page-header,
.page-header p {
	display: flex;
	flex-flow: column;
	align-items: center
}

.page-header {
	justify-content: center;
	height: 400px;
	background: linear-gradient(102deg, #61d9ff 0, #00b1ff 100%)
}

.page-header h1,
.page-header small {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	color: #fff;
	font-weight: 700
}

.page-header h1 {
	font-size: 43px;
	letter-spacing: .86px;
	margin-bottom: 40px
}

.page-header p {
	justify-content: space-between;
	height: 68px
}

.page-header small {
	font-size: 20px;
	letter-spacing: 1.28px
}

.header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 2;
	background-color: #fff
}

.header nav {
	display: grid;
	grid-template-rows: 25px 5px 44px 1px 25px;
	grid-template-columns: 34px 158px 1fr auto 27px
}

.header nav>a {
	grid-row: 3;
	grid-column: 2;
	width: 158px;
	height: 44px
}

.header div {
	grid-row: 2/5;
	grid-column: 4;
	display: grid;
	grid-template-rows: initial;
	grid-template-columns: minmax(auto, 70px) minmax(auto, 671px) minmax(auto, 70px) 522px
}

.header ul:first-child {
	grid-column: 2;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: space-between
}

.header ul:first-child a {
	position: relative;
	top: 18px;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	color: #565656;
	font-weight: 700;
	white-space: nowrap
}

.header ul:last-child {
	grid-column: 4;
	display: grid;
	grid-template-rows: initial;
	grid-template-columns: 250px;
	grid-column-gap: 22px
}

.header ul:last-child li {
	grid-row: 1
}

.header ul:last-child a,
.header ul:last-child label {
	height: 100%;
	border-radius: 42px;
	box-sizing: border-box;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 17px;
	letter-spacing: 1.53px;
	color: initial;
	font-weight: 700
}

.header ul:last-child li:first-child a {
	background: linear-gradient(99deg, #0de6ff 0, #51b4ff 100%) 0 0;
	color: #fff
}

.header ul:last-child li:last-child label {
	border: 2px solid #00b1ff;
	background-color: #fff;
	color: #00b1ff
}

.register {
	padding-top: 80px;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.register nav {
	display: grid;
	grid-template-rows: 30px 49px 130px 25px 84px 21px auto 18px auto 28px 20px;
	grid-template-columns: minmax(auto, 258px) 461px 41px 892px minmax(auto, 268px)
}

.register figure:first-child {
	grid-row: 1/11;
	grid-column: 2
}

.register figure:nth-child(2),
.register small,
.register ul:nth-child(3),
.register ul:nth-child(4),
.register ul:nth-child(5) {
	grid-column: 4
}

.register figure:nth-child(2) {
	grid-row: 1/4;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.register figcaption {
	position: relative;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 30px;
	letter-spacing: 2.1px;
	color: #000;
	font-weight: 700
}

.register figcaption:before {
	position: absolute;
	top: 19px;
	z-index: -1;
	width: 100%;
	height: 18px;
	content: '';
	background: linear-gradient(transparent 0, #ffd9e1 0)
}

.register ul:nth-child(3) {
	grid-row: 5;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: space-between
}

.register ul:nth-child(3) li a {
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
	height: 84px;
	border-radius: 42px;
	box-sizing: border-box
}

.register ul:nth-child(3) li:first-child a {
	width: 580px;
	background: linear-gradient(91deg, #31d6f8 0, #238be6 100%);
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 28px;
	letter-spacing: 1.48px;
	color: #fff;
	font-weight: 700
}

.register ul:nth-child(3) li:last-child a {
	width: 271px;
	border: 4px solid #00d3ff;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 23px;
	letter-spacing: 0;
	color: #00d3ff;
	font-weight: 700
}

.register ul:nth-child(5) {
	grid-row: 9;
	background-color: #f2fbff;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center
}

.register ul:nth-child(5) li:nth-child(2) {
	margin-left: 35px
}

.register small {
	grid-row: 7;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 20px;
	letter-spacing: 1.26px;
	color: #7a7a7a;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.4;
	margin: auto;
}

.footer {
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center;
	position: relative;
	background-color: #3dbdff
}

.footer nav {
	display: grid;
	grid-template-rows: 112px 20px 45px 20px 24px 45px 83px 22px 26px;
	grid-template-columns: minmax(auto, 206px) 306px minmax(auto, 87px) auto minmax(auto, 226px)
}

.footer nav>a {
	grid-row: 2/5;
	grid-column: 2
}

.footer nav>p:nth-child(2) {
	grid-row: 6;
	grid-column: 2;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.footer nav>p:nth-child(2) small {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 14px;
	letter-spacing: .88px;
	color: #fff;
	font-weight: initial
}

.footer ul {
	grid-row: 3;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff
}

.footer ul a,
.footer ul label {
	font-size: 21px;
	letter-spacing: 1.32px;
	color: #fff
}

.footer nav>div,
.footer>a>span {
	display: flex;
	align-items: initial;
	justify-content: space-between
}

.footer nav>div,
.footer ul {
	grid-column: 4;
	flex-flow: initial
}

.footer nav>div {
	grid-row: 6;
	overflow: hidden
}

.footer nav>div p {
	width: 100%
}

.footer nav>div small,
.footer ul a,
.footer ul label,
.footer>a {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700;
	white-space: nowrap
}

.footer nav>div small {
	display: block;
	font-size: 20px;
	letter-spacing: 1.26px;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden
}

.footer nav>div div {
	position: relative;
	top: -50%;
	min-width: 200px;
	height: 65px
}

.footer>a {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 65px;
	background-color: #fff;
	font-size: 12px;
	letter-spacing: .73px;
	color: #64c92a
}

.footer>a>span {
	flex-flow: column;
	height: 33px
}

.footer p:last-child {
	grid-row: 8;
	grid-column: 1/6;
	height: 22px;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 20px;
	letter-spacing: 1.26px;
	color: #fff;
	font-weight: 700;
	text-align: center
}

.footer p:last-child a {
	color: #fff
}

#login:checked~.login {
	display: flex
}

.login {
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 3;
	background-color: rgba(86, 86, 86, .7)
}

.login-content {
	position: relative;
	width: 820px;
	height: 960px;
	background-color: #fff;
	border-radius: 49px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .161);
	display: grid;
	grid-template-rows: 60px 30px 40px 19px 20px 18px 50px 65px 40px 65px 30px 37px 40px 70px 66px 47px 30px 148px 34px 18px 33px;
	grid-template-columns: initial
}

.login-content label {
	position: absolute;
	top: 43.04px;
	left: 46.04px;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 24px;
	letter-spacing: initial;
	color: #3c3c3c;
	font-weight: 700;
	cursor: pointer
}

.login-content div:nth-child(1) {
	grid-row: 2;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.login-content div:nth-child(1) p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 30px;
	letter-spacing: .6px;
	color: #00b1ff;
	font-weight: 700
}

.login-content div:nth-child(2),
.login-content div:nth-child(3),
.login-content div:nth-child(4) {
	grid-row: 4;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.login-content div:nth-child(2) p,
.login-content div:nth-child(3) p,
.login-content div:nth-child(4) input,
.login-content div:nth-child(5) input {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 18px;
	letter-spacing: .9px;
	color: #3e3e3e;
	font-weight: 700
}

.login-content div:nth-child(3),
.login-content div:nth-child(4) {
	grid-row: 6
}

.login-content div:nth-child(3) p,
.login-content div:nth-child(4) input,
.login-content div:nth-child(5) input {
	letter-spacing: 1.44px;
	color: #ff6580
}

.login-content div:nth-child(4) {
	grid-row: 8
}

.login-content div:nth-child(4) input,
.login-content div:nth-child(5) input {
	width: 620px;
	height: 100%;
	border: 1px solid #c1c1c1;
	background-color: #fff;
	border-radius: 33px;
	font-size: 20px;
	color: #565656;
	padding: 0 35px
}

.login-content div:nth-child(4) input::placeholder,
.login-content div:nth-child(5) input::placeholder {
	color: #d5d5d5;
	font-weight: initial
}

.login-content div:nth-child(5) {
	grid-row: 10;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.login-content div:nth-child(6) {
	grid-row: 12;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.login-content div:nth-child(6) p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 13px;
	letter-spacing: .39px;
	color: #3e3e3e;
	font-weight: initial
}

.login-content div:nth-child(7) {
	grid-row: 14;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.login-content div:nth-child(10) p,
.login-content div:nth-child(7) button,
.login-content div:nth-child(8) p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700
}

.login-content div:nth-child(7) button {
	width: 460px;
	height: 100%;
	background-color: #23cbee;
	border-radius: 35px;
	font-size: 20px;
	letter-spacing: 1.44px;
	color: #fff
}

.login-content div:nth-child(8) {
	grid-row: 16;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.login-content div:nth-child(10) p,
.login-content div:nth-child(8) p {
	font-size: 17px;
	letter-spacing: .51px;
	color: #3e3e3e
}

.login-content div:nth-child(10),
.login-content div:nth-child(9) {
	grid-row: 18;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.login-content div:nth-child(9) img {
	width: 148px;
	height: 148px
}

.login-content div:nth-child(10) {
	grid-row: 20
}

.login-content div:nth-child(10) p {
	letter-spacing: 1.38px
}

.header {
	background-color: rgba(255, 255, 255, .86)
}

.hero {
	position: relative;
	background-color: #454554;
	width: 100%;
	height: 56.25vw
}

.hero>div {
	position: absolute;
	top: 8.020833333333334vw;
	left: 7.03125vw;
	z-index: 1;
	width: 33.85416666666667vw;
	height: 43.75vw;
	background-color: #fff;
	display: grid;
	grid-template-rows: 2.604166666666667vw 5.78125vw 4.427083333333334vw 4.375vw .364583333333333vw 1.510416666666667vw 1.041666666666667vw 3.177083333333333vw 3.125vw 1.354166666666667vw 1.041666666666667vw 4.6875vw 1.5625vw 3.333333333333333vw 1.302083333333333vw 2.5vw 1fr;
	grid-template-columns: initial
}

.hero div[data-id='1'] {
	grid-row: 2;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.hero div[data-id='1'] h1,
.hero div[data-id='1'] p,
.hero div[data-id='3'] p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700
}

.hero div[data-id='1'] h1,
.hero div[data-id='1'] p {
	position: relative;
	font-size: 1.822916666666667vw;
	letter-spacing: .13125vw;
	color: #000
}

.hero div[data-id='1'] h1:before,
.hero div[data-id='1'] p:before {
	position: absolute;
	top: 1.40625vw;
	z-index: -1;
	width: 100%;
	height: .9375vw;
	content: '';
	background: linear-gradient(transparent 0, #ffd9e1 0)
}

.hero div[data-id='2'],
.hero div[data-id='3'],
.hero div[data-id='4'] {
	grid-row: 4;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.hero div[data-id='2'] div {
	width: 20.625vw;
	height: 4.375vw;
	background: #000
}

.hero div[data-id='3'],
.hero div[data-id='4'] {
	grid-row: 6;
	align-items: flex-end
}

.hero div[data-id='3'] p {
	font-size: 1.041666666666667vw;
	letter-spacing: .047916666666667vw;
	color: #354851
}

.hero div[data-id='4'] {
	grid-row: 8;
	align-items: initial
}

.hero div[data-id='4'] a:nth-child(1) {
	width: 8.59375vw;
	height: 3.177083333333333vw;
	background: #000;
	margin-right: 1.216666666666667vw
}

.hero div[data-id='4'] a:nth-child(2) {
	width: 10.729166666666666vw;
	height: 3.177083333333333vw;
	background: #000
}

.hero div[data-id='5'] {
	grid-row: 10;
	display: flex;
	flex-flow: initial;
	align-items: flex-end;
	justify-content: center
}

.hero div[data-id='5'] p,
.hero div[data-id='6'] a {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: .9375vw;
	letter-spacing: .058854166666667vw;
	color: #7a7a7a;
	font-weight: initial
}

.hero div[data-id='6'] {
	grid-row: 12;
	align-items: initial
}

.hero div[data-id='6'] a {
	align-items: center;
	width: 27.604166666666668vw;
	background: linear-gradient(98deg, #0de6ff 0, #51b4ff 100%);
	border-radius: 58px;
	font-size: 1.458333333333333vw;
	letter-spacing: .148958333333333vw;
	color: #fff;
	font-weight: 700
}

.hero div[data-id='6'],
.hero div[data-id='6'] a,
.hero div[data-id='7'],
.hero div[data-id='7'] label {
	display: flex;
	flex-flow: initial;
	justify-content: center
}

.hero div[data-id='7'] {
	grid-row: 14;
	align-items: initial
}

.hero div[data-id='7'] label {
	align-items: center;
	width: 27.604166666666668vw;
	background-color: #fff;
	border-radius: 36px;
	border: .260416666666667vw solid #4193ff;
	font-size: 1.09375vw;
	letter-spacing: .111458333333333vw;
	color: #4193ff;
	font-weight: 700
}

.content[data-id='1'] .texts,
.hero div[data-id='8'] {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.hero div[data-id='8'] {
	grid-row: 16
}

.content[data-id='1'] h3,
.content[data-id='1'] p,
.hero div[data-id='7'] label,
.hero div[data-id='8'] p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif
}

.hero div[data-id='8'] p {
	font-size: .78125vw;
	letter-spacing: .0625vw;
	color: #7a7a7a;
	font-weight: initial
}

.content[data-id='1'] {
	background-color: #bff8ff;
	display: grid;
	grid-template-rows: 30px auto 30px;
	grid-template-columns: 1fr minmax(auto, 1890px) 1fr
}

.content[data-id='1'] h3,
.content[data-id='1'] p {
	font-size: 36px;
	letter-spacing: 1.44;
	color: #238be6;
	font-weight: 700;
	white-space: nowrap
}

.content[data-id='1'] p {
	font-size: 21px;
	letter-spacing: 2.06px;
	color: #707070
}

.content[data-id='1'] .texts {
	height: 236px
}

.content[data-id='1'] .border {
	width: 111px;
	height: 6px;
	background-color: #707070;
	margin-top: 52px;
	margin-bottom: 52px
}

.content[data-id='1']>div {
	grid-row: 2;
	grid-column: 2;
	background-color: #fff;
	display: grid;
	grid-template-rows: 180px 48px 196px auto 133.81px;
	grid-template-columns: 1fr 1fr 1fr
}

.content[data-id='1']>div>div:nth-child(1) {
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center;
	grid-row: 2;
	grid-column: 1/4
}

.content[data-id='1']>div>div:nth-child(1) h2 {
	position: relative;
	z-index: 1;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 48px;
	letter-spacing: 3.65px;
	color: #4d4d4d;
	font-weight: 700
}

.content[data-id='1']>div>div:nth-child(1) h2:before,
.content[data-id='1']>div>div:nth-child(1) p:before {
	position: absolute;
	top: 30px;
	z-index: -1;
	width: 100%;
	height: 28px;
	content: '';
	background-color: #bff8ff
}

.content[data-id='1']>div>div:nth-child(2) {
	grid-row: 4;
	grid-column: 1;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: initial
}

.content[data-id='1']>div div:nth-child(4),
.content[data-id='1']>div>div:nth-child(3) {
	grid-row: 4;
	grid-column: 2;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: initial
}

.content[data-id='1']>div div:nth-child(4) {
	grid-column: 3
}

.content[data-id='2'] {
	background: linear-gradient(180deg, #4babff 0, #6e95ff 100%);
	padding-bottom: 160px
}

.content[data-id='2'] h2 {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 48px;
	letter-spacing: 5.76px;
	color: #4d4d4d;
	font-weight: 700;
	position: relative;
	z-index: 1
}

.content[data-id='2'] h2:before,
.content[data-id='2'] p:before {
	position: absolute;
	top: 38px;
	z-index: -1;
	width: 100%;
	height: 28px;
	content: '';
	background-color: #bff8ff
}

.content[data-id='2'] h3,
.content[data-id='2'] p,
.content[data-id='2'] small,
.content[data-id='2'] span {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 36px;
	letter-spacing: 5.04px;
	color: #fff;
	font-weight: 700
}

.content[data-id='2'] p,
.content[data-id='2'] small,
.content[data-id='2'] span {
	font-size: 48px;
	letter-spacing: 2.02px;
	color: #238be6
}

.content[data-id='2'] p,
.content[data-id='2'] small {
	font-size: 10px;
	letter-spacing: 0;
	color: #fff
}

.content[data-id='2'] p {
	font-size: 22px;
	letter-spacing: 2.38px
}

.content[data-id='2']>div:nth-child(1) {
	display: grid;
	grid-template-rows: 100px 214px 195px auto;
	grid-template-columns: 1fr minmax(auto, 1520px) 1fr
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(1) {
	grid-row: 2;
	grid-column: 2;
	background-color: #fff;
	border-radius: 30px;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2) {
	grid-row: 4;
	grid-column: 2;
	display: grid;
	grid-template-rows: initial;
	grid-template-columns: 1fr 1fr 1fr
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div:after {
	position: absolute;
	top: 278px;
	left: -78px;
	content: '';
	width: 151px;
	height: 16px;
	background-color: #fff
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div:nth-child(1):after {
	content: none
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div {
	position: relative;
	display: grid;
	grid-template-rows: 586px 15px 47px 104px 48px 36px 32px 74px;
	grid-template-columns: initial
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div>div:nth-child(1) {
	grid-row: 1;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div>div:nth-child(2) {
	grid-row: 2;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center;
	margin-top: 1px
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div>div:nth-child(3) {
	width: 104px;
	height: 104px;
	background-color: #fff;
	grid-row: 4;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
	margin: 0 auto
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div>div:nth-child(4) {
	grid-row: 6;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.content[data-id='2']>div:nth-child(1)>div:nth-child(2)>div>div:nth-child(5) {
	grid-row: 8;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.content[data-id='3'] {
	background-color: #fff;
	margin-bottom: 217px
}

.content[data-id='3'] h2,
.content[data-id='3'] h3,
.content[data-id='3'] p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700
}

.content[data-id='3'] h2 {
	font-size: 48px;
	letter-spacing: 6.72px;
	color: #5d5d5d;
	position: relative;
	z-index: 1
}

.content[data-id='3'] h2:before {
	position: absolute;
	top: 36px;
	z-index: -1;
	width: 100%;
	height: 28px;
	content: '';
	background-color: #bff8ff
}

.content[data-id='3'] h3,
.content[data-id='3'] p {
	font-size: 32px;
	letter-spacing: 4.48px;
	color: #238be6
}

.content[data-id='3'] p {
	font-size: 20px;
	letter-spacing: .4px;
	color: #717171;
	white-space: nowrap
}

.content[data-id='3']>div {
	display: grid;
	grid-template-rows: 156px 48px 190px auto;
	grid-template-columns: minmax(auto, 161px) 1fr minmax(auto, 161px)
}

.content[data-id='3']>div>div:nth-child(1) {
	grid-row: 2;
	grid-column: 2;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center
}

.content[data-id='3']>div>div:nth-child(2) {
	grid-row: 4;
	grid-column: 2;
	display: grid;
	grid-template-rows: initial;
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 128px
}

.content[data-id='3']>div>div:nth-child(2)>div {
	display: grid;
	grid-template-rows: auto 64px 32px 45px 90px;
	grid-template-columns: initial
}

.content[data-id='3']>div>div:nth-child(2)>div>div:nth-child(1) {
	grid-row: 1;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center
}

.content[data-id='3']>div>div:nth-child(2)>div>div:nth-child(2) {
	grid-row: 3;
	display: flex;
	flex-flow: initial;
	align-items: initial;
	justify-content: center
}

.content[data-id='3']>div>div:nth-child(2)>div>div:nth-child(3) {
	grid-row: 5;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between
}

.content[data-id='4'] {
	background: linear-gradient(180deg, #23cbee 0, #489dff 100%);
	/* margin-bottom: 130px */
}

.content[data-id='4'] h2,
.content[data-id='4'] p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium',
		'游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700
}

.content[data-id='4'] h2 {
	font-size: 48px;
	letter-spacing: 3.17;
	color: #4d4d4d;
	position: relative;
	z-index: 1
}

.content[data-id='4'] h2:before,
.content[data-id='4'] p:before {
	position: absolute;
	top: 31px;
	z-index: -1;
	width: 100%;
	height: 28px;
	content: '';
	background-color: #bff8ff
}

.content[data-id='4'] p {
	font-size: 40px;
	letter-spacing: 5.6px;
	color: #fff
}

.content[data-id='4']>div {
	display: grid;
	grid-template-rows: 137px 214px 130px auto;
	grid-template-columns: 1fr minmax(auto, 1520px) 1fr
}

.content[data-id='4']>div>div:nth-child(1) {
	grid-row: 2;
	grid-column: 2;
	background-color: #fff;
	border-radius: 30px;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center
}

.content[data-id='4']>div>div:nth-child(2) {
	grid-row: 4;
	grid-column: 2
}

.content[data-id='4']>div>div:nth-child(2)>div {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: initial
}

.content[data-id='4']>div>div:nth-child(2)>div>div {
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 90px
}

.content[data-id='4']>div>div:nth-child(2)>div>div>div:nth-child(2) {
	margin-left: 83.27px;
	width: 812px
}

.content[data-id='4']>div>div:nth-child(2)>div>div>div:nth-child(2) p+p {
	margin-top: 23px
}

/* 2204add */
.content-topics {
	margin-bottom: 130px;
	padding-bottom: 130px;
	background-color: #f2fbff;
	border-bottom: solid 30px #bff8ff;
}

.content-topics>div {
	display: grid;
	grid-template-rows: 140px auto 148px;
	grid-template-columns: minmax(auto, 201px) 1fr minmax(auto, 201px);
}

.content-topics>div>div:nth-child(1) {
	grid-row: 2;
	grid-column: 2;
	border-radius: 30px;
	display: flex;
	flex-flow: initial;
	align-items: center;
	justify-content: center;
}

.content-topics h2 {
	font-size: 48px;
	letter-spacing: 6.72px;
	color: #5d5d5d;
	position: relative;
	z-index: 1;
}

.content-topics h2:before {
	position: absolute;
	top: 36px;
	z-index: -1;
	width: 100%;
	height: 28px;
	content: '';
	background-color: #bff8ff;
}

.content-topics h2,
.content-topics p {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 700;
}

.content-topics>div>div:nth-child(2) {
	grid-row: 4;
	grid-column: 2;
	display: grid;
	grid-template-rows: initial;
	grid-row-gap: 128px;
	color: #5d5d5d;
	font-size: 1.3em;
	line-height: 2;
	max-height: calc((7em + 2.6em + .25rem + 1px) * 4 + 2px);
    overflow-y: scroll;
}

.content-topics>div>div:nth-child(2)::-webkit-scrollbar {
	width: 8px;
	background-color: #f6f6f6;
}

.content-topics>div>div:nth-child(2)::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 4px;
}

.content-topics>div>div:nth-child(2)>div {
	background-color: #fff;
}

.content-topics>div>div:nth-child(2)>div>div {
	flex: 1;
	margin: auto;
	padding: 2.5em 3.5em;
	border-bottom: dashed 1px #ccc;
}

.content-topics>div>div:nth-child(2)>div>div:first-child {
	border-top: dashed 1px #ccc;
}

.content-topics>div>div:nth-child(2)>div>div>p:nth-child(2) {
	margin-bottom: .25rem;
	font-size: 1.3em;
}