@charset "UTF-8";

/*メインビジュアル
-----------------------------------------*/

.mv_wrap {
	padding-top:230px;
}
.mv {
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding: 4rem 0;
	display:flex;
	justify-content:flex-end;
}
.mv_image {
	width: 45%;
}
.mv_text {
	width:55%;
	padding:0.5rem;
	color:#fff;
	background: rgb(88, 16, 24, 0.2);
	backdrop-filter: blur(3px);
	border-radius:16px;
}
h2 {
	font-size:32px;
	margin:0 0 2rem;
}
.mv_text p {
	line-height: 1.5;
	font-size:20px;
}
.mv_text .align-right {
	margin: 1rem 0;
	text-align:right;
}
.mv_text .notes {
	font-size:18px;
	padding:1rem 0 0;
}
/*コンテンツ　お知らせ
-----------------------------------------*/
.content {
	padding: 3rem 0;
}
.content_wrap {
	width:100%;
	max-width:1120px;
	margin: 0 auto;
}
.content_flex {
	padding:1rem;
	display:flex;
	justify-content:space-between;
}
.information {
	width: 65%;
}
.information_wrap {
	box-shadow:0 0 32px rgb(0,0,0,0.16);
}
.info_title_wrap {
	background:#E2D4D4;
	padding:2rem 1.5rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.information_title {
	display:flex;
	align-items:center;
}
h3 {
	font-size:24px;
	font-weight:400;
	padding-right:1rem;
	border-right:solid 2px #000;
}
.information_title p {
	font-size:24px;
	font-weight:500;
	padding-left:1rem;
	color:#932929;
}
.information_wrap .btn {
	
}
.information_wrap .btn_more {
	font-size:18px;
}
.information_wrap .btn_more a {
	color:#424D7A;
	position:relative;
	padding-right:10px;
	margin-right:20px;
}
.information_wrap .btn_more a::after {
	position:absolute;
	content:"";
	top:50%;
	right:-20px;
	width: 6px;
    height: 6px;
    border-top: 2px solid #424D7A;
    border-right: 2px solid #424D7A;
    transform: rotate(45deg) translatey(-50%);
    transition: 0.5s;
}
.info_content {
	padding:1rem 1.5rem;
}
.info_content ul{
	height:380px;
	overflow-y:auto;
}

.info_content li {
	padding: 1rem 1rem 1rem 0;
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	border-bottom: solid 1px #010101;
}
.info_content .date {
	width: 20%;
	font-size:16px;
}
.info_content .title{
	width:80%;
	font-size:16px;
	font-weight:500;
}
.info_content .title a {
	color:#000;
}
.side {
	width: 33%;
}
.side_wrap {
	display:flex;
	align-items:center;
	flex-flow:column;
}
.side_content {
	width: 100%;
	box-shadow:0 0 32px rgb(0,0,0,0.16);
	padding:1rem;
}
.side_title {
	background:#E2D4D4;
	padding:1.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.side_title::before {
	position:absolute;
	content:"";
	top:100%;
	left:50%;
	transform:translatex(-50%);
	border: 15px solid transparent;
    border-top: 15px solid #E2D4D4;
}
.side_title p {
	font-size:18px;
}
.side_content .btn_area{
	margin-top:2rem;
	padding:0.5rem;
}
.side_content .btn_area a {
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.5s;
	font-size:24px;
	color:#fff;
	width:100%;
	height:100px;
	transition:0.1s;
}
.submit_regist a {
	border-top: solid 6px #DB4242;
	background:#DB4242;
	border-bottom:solid 6px rgb(167,41,41,0.66);
}
.submit_mypage a {
	border-top: solid 6px #3F61A0;
	background:#3F61A0;
	border-bottom:solid 6px rgb(63,97,160,0.66);
}
.side_content .btn_area a:hover {
	border-top: solid 6px #fff;
	height:100px;
	border-bottom:none;
}
.submit_regist a:hover{
	background:#F27979;
}
.submit_mypage a:hover {
	background:#5D6EC1;
}
@media(max-width: 1200px){
	.mv_wrap {
		padding-top:150px;
		padding-left:1rem;
		padding-right:1rem;
	}
	.mv_image {
		width:40%;
	}
	.mv_text {
		width:60%;
	}
}
@media(max-width: 1027px){
	.mv_wrap {
		padding-top:140px;
	}
	.mv {
		padding:2rem 0;
	}
	.mv_image {
		width:43%;
	}
	.mv_text {
		width:57%;
	}
	h2 {
		font-size:28px;
	}
	.mv_text p {
		font-size:18px;
	}
	.mv_text .align-right {
		margin: 0.7rem 0;
	}
	.info_content .date {
		width:25%;
		font-size:14px;
	}
	.info_content .title {
		width:75%;
		font-size:14px;
	}
	.info_content ul {
		height:369px;
	}
	.side_title {
		padding:1rem;
	}
	.side_title p {
		font-size:16px;
	}
}

@media(max-width: 768px){
	.mv_wrap {
		padding-top:100px;
	}
	.mv {
		padding: 1rem 0;
	}
	.mv_image {
		width: 0;
	}
	.mv_text {
		width:100%;
	}
	.content_flex {
		flex-flow:column;
	}
	.information {
		width:100%;
		margin-bottom:2rem;
	}
	.side {
		width: 100%;
	}
	.side_wrap {
		flex-flow:row;
		justify-content:space-between;
	}
	.side_content {
		width: 48%;
	}
}
@media(max-width: 600px) {
	.mv_wrap {
		padding-top:50px;
	}
	.side_wrap {
		flex-flow:column;
	}
	.side_content {
		margin-bottom:2rem;
		width:100%;
		max-width:330px;
	}
}
@media(max-width: 480px){
	h2 {
		font-size:24px;
	}
	.mv {
		backdrop-filter: blur(1px);
	}
	.mv_text p {
		font-size:16px;
	}
	.mv_text .notes {
		font-size:14px;
	}
	.info_title_wrap {
		flex-flow:column;
	}
	.information_title {
		margin-bottom:0.5rem;
	}
	.info_content li {
		flex-flow:column;
	}
	.info_content .date{
		width:100%;
		color:#6676bc;
		font-weight:500;
	}
	.info_content .title {
		width:100%;
	}
	
}
@media(max-width: 375px){
	.mv_wrap {
		padding-top:70px;
	}
}