.title_area{
	text-align: center;
	padding: 50px 30px;
	margin: 0;
}

html.sp .title_area img{
	width:175px !important;
}


ul.type_list{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	margin: 0 auto;
	width: 70%;
}

html.sp ul.type_list{
	display: block !important;
	padding: 0;
	margin: 0;
	width: 100% !important;
}

.title_area h1{
	font-size: 190%;
	margin: 0;
}

html.sp .title_area h1{
	font-size:90% ! important;
}

.title_area p{
	margin:16px 0 16px 0;
	font-size:125%;
}

html.sp .title_area p{
	font-size:100% !important;
}

ul{
	list-style:none;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    padding:0;
}

ul.type_list li{
	width: 32%;
    display: flex;
    align-items: stretch;
}

html.sp ul.type_list li{
	width: 100% !important;
    display: block !important;
}

ul.type_list li a{
	font-size: 180% ! important;
	width: 100%;
	text-align: center;
	border:3px solid #00008b;
	border-radius: 5px;
	color:#00008b;
	background:#ffffff;
	text-decoration:none;
	line-height: 3;
	font-weight:600;
	padding: 70px 0;
}

html.sp ul.type_list li a{
	font-size:100% ! important;
	width:70%;
	display: inline-block;
	color:#00008b;
	background:#ffffff;
	text-decoration:none;
	padding:20px 0 !important;
}

ul.type_list li a:hover{
	color:#ffffff;
	background:#00008b;
}