@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* Reset */
*,:after,:before{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif, system-ui;
	font-size: 62.5%; /* 1rem = 10px */
	overflow-y: scroll;
}

ul, ol, li {
	list-style: none;
}

body {
	background: #fff;
	color: #1b1818;
	cursor: default;
	font-size: 1.6rem;
	line-height: 1.5;
}

a {
	text-decoration: none;
}

.container {
	box-sizing: border-box;
	margin: 0 auto;
	width: 1020px;
}

@media screen and (max-width:1100px) {
	.container {
		width: 100%;
	}
}

header {
	width: 100%;
}

.top_links {
	background: #000;
	border-bottom: 2px solid #caa1ff;
	padding: .6rem 2rem;
	font-size: 1.2rem;
}

.top_links .center_hold {
	display: flex;
	align-items: center;
}

.site_title {
	color: #fff;
	display: flex;
	align-items: center;
}

.site_title a {
	color: #fff;
}

.site_title a:hover, .site_title a.disabled:hover {
	color: #ba84e6;
	background-color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.member_links {
	margin-left: auto;
}

.member_links ul {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.member_links li {
	padding: 0 2rem 0 0;
	color: #fff;
}


.member_links a {
	color: #ffffff;
	background-color: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	line-height: 30px;
	display: block;
	margin: 0 -20px 0 0;
	border-radius: 15px;
	padding: 0 15px;
}

.member_links a:hover, .member_links a.disabled:hover {
	background-color: #ba84e6;
	color: #fff;
}




nav {
	background-color: #edeff2;
	border-top: 1px solid #d9e0e6;
	border-bottom: 1px solid #d9e0e6;
}

.navigation {
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.navigation ul {
	height: 48px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.navigation li {
	flex: 1;
}

.navigation a {
	color: #3B3D40;
	vertical-align: middle;
	overflow: hidden;
	box-sizing: border-box;
}

.navigation a:hover {
	border-bottom: 2px solid #bb84e2;
}











@media screen and (max-width:1100px) {
	.top_main section {
		padding: 0 10px;
	}
}



.title {
	font-size: 2.6rem;
	font-weight: normal;
	padding: 0 0 10px;
}

.top_main .row_title_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_main .row_title_list .title {
	display: flex;
	align-items: center;
}

.top_main .row_title_list a {
    font-size: 1.4rem;
}



header .container {
}

header img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

header .logo {
	margin: 0 auto;
}

.hero {
	padding: 60px 0;
	text-align: center;
}

.hero h1 {
	font-family: 'Noto Sans JP';
	font-size: 3.0rem;
	font-weight: 400;
	margin-bottom: 10px;
}

.hero p {
	font-size: 1.6rem;
	line-height: 1.5;
}