html, body, div, h1, h2, h3, h4, h5, h6, h7, p, th, td, ol, ul, li, caption, span, sub, sup   { font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans }
.copylight     { color: #fff; font-size: 10px; margin-right: 2mm; margin-left: 2mm }
.text  { color: #5c5b5a; font-size: 10pt; line-height: 14pt }
.text2 { color: #5f5f5f; font-size: 12px }
form, input { margin: 0; padding: 0 }
sub { font-size: 8px; vertical-align: baseline }
sup { font-size: 8px; vertical-align: text-top }
a, a:link, a:hover, a:active, a:visited { text-decoration: none }
a.link1:link, a.link1:visited  { color: #fff }
a.link1:hover   {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a.link2:link, a.link2:visited  { color: #e495cc; text-decoration: underline }
a.link2:hover     { color: #e495cc; font-weight: bold }
a.link3:link,  a.link3:visited { color: #d90071; text-decoration: underline }
a.link3:hover { font-weight: bold }
h1    { color: #d90071; font-size: 10pt; font-weight: bold }
h2    { color: #b6005f; font-size: 10pt; font-weight: normal }
h3   { color: #d90071; font-size: 9pt; font-weight: normal }
h4 { color: #5c5b5a; font-size: 9pt }
h5 { font-size: 9pt }
.had_text   { color: #000; font-size: 7pt }
.news     {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding-left: 5px
}
.text3 { color: #000; font-size: 10px; line-height: 12px; padding-right: 2mm; padding-left: 2mm }
.text6 { font-size: 12px; line-height: 18px }
.text7 { font-size: 14px; line-height: 20px }
.text8 { font-size: 12px; line-height: 24px }
.text4   { color: #de2284; font-size: 12px; line-height: 14px; padding: 2mm }
.text5 { color: #5c5b5a; font-size: 10pt; line-height: 14pt; padding-left: 12mm }
.office_body  { color: #6a6869; font-size: 13px; line-height: 18px; padding-right: 10px; padding-left: 10px }
.h_text  { color: #000; font-size: 12px; line-height: 14px }
.school_text { color: #c90d49; font-size: 12px; line-height: 18px }
.profile_text { font-size: 12px; line-height: 18px }
viewer {
    margin: 0 auto;
    width: 732px;
    height: 345px;
    text-align: left;
    overflow: hidden;
}
 
.viewer ul {
	width: 732px;
	height: 345px;
	left: 0;
	text-align: left;
	overflow: hidden;
	position: relative;
}
 
.viewer ul li {
    top: 0;
    left: 0;
    width: 732px;
    height: 345px;
    display: none;
    position: absolute;
}

body, ul {
	padding: 0;
	margin: 0;
}

body {
	background-color: black;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

header .title {
	width: 75%;
	height: auto;
	padding: 40px 0 40px 5%;
}

header .logo {
	position: absolute;
	top: 30px;
}

.wrapper {
	width: 98%;
	margin: 0 auto;
}

.hero {
	height: 570px;
	margin-bottom: 30px !important;
	text-align: center;
}

.hero img {
	height: 100%;
}

main {
	width: 70%;
	float: left;
	padding: 0 3.5% 0 1.5%;
}

main .menu ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

main .menu ul li {
	font-family: 'Arial Black', sans-serif;
	border: 1px solid white;
	color: white;
	border-radius: 10px;
	display: inline-block;
	padding: 5px 30px;
	margin: 10px 0px;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 2px;
}

main .menu ul li:hover {
	border: 1px solid #97203D;
	background-color: #F29EC2;
	color: #E50081;
}

main .title {
	text-align: center;
	margin-top: 10px;
	height: 92px;
}

main .title img {
	height: 100%;
}

main p {
	color: white;
	font-size: 12px;
	text-align: center;
}

aside {
	float: left;
	width: 25%;
}

aside a {
	display: block;
	margin-top: -90px;
}

footer {
	height: 35px;
	background-color: #424242;
	width: 100%;
	margin-top: 93px;
	margin-bottom: 93px;
}

footer ul {
	list-style-type: none;
	height: 100%;
	padding-left: 15px;
}

footer ul li {
	color: white;
	position: relative;
	display: inline-block;
	font-size: 8px;
	padding: 11px 0;
	margin-right: 10px; 
}

footer ul a {
	display: inline-block;
}

footer ul a li::before {
background-color: white;
display: block;
content: "";
width: 1px;
height: 12px;
color: white;
position: absolute;
top: 12px;
left: -7px;
}

footer ul a:nth-child(2) li::after {
	background-color: white;
	display: block;
	content: "";
	width: 1px;
	height: 12px;
	color: white;
	position: absolute;
	top: 12px;
	right: -7px;
}

.swiper-container2 {
	width: 100%;
}