@charset "UTF-8";

/*bg top image
--------------------------------------*/
main .inner {
	margin-left: 20px;
	
} 

.main_theme_area {
	padding-top: 30px;
	text-align: center;
	margin-left:35px;
}

.main_theme_area h2{
	width:100%;
}
.main_content_area {
	width:100%;
	position:relative;
	display: flex;
	flex-flow: column;
}

.main_theme_area h2 .text02 {
	padding-top: 20px;
    width: 80%;
    margin: 0 auto;
}

.main_title {
	padding-top:80px;
}

.top_overview_area {
	margin-top: 330px;
	margin-left:35px;
	padding-left:50px;
}
.top_overview_area .date {
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-end;
}
.top_overview_area .date p {
	width: 60%;
}


.top_overview_area .overview_text {
	color: #000;
}

.top_overview_area .event_date {
	color: #000;
	align-items: end;
}

.top_overview_area .event_date .event_date_left .overview_title{
	width:60px;
	padding-bottom: 6px;
}

.top_overview_area .event_date .year{
	font-size:2.5em;
	margin-top: 3px;
	font-weight: 600;
	padding-left: 0.1em;
}

.top_overview_area .event_date .event_date_right {
	width: 344px;
	margin-left: 16px;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.top_overview_area .event_date .days {
	font-size: 2.4rem;
	
}

.top_overview_area .event_date .days span {
	font-size: 5.5rem;
	font-weight: 600;
	padding: 0 0.1em;
	color: #2d986b;
}
.top_overview_area .event_date .days span.week {
	padding: 0.2em 0.2em;
	margin-left:3px;
	font-size: 1.7rem;
	color: #fff;
	background:  #2d986b;
	border-radius: 45%;
	font-weight: 300;
}

.top_overview_area .event_date .before {
	margin-top: -5px;
}

.top_overview_area .event_date .after {
	margin-top: 3px;
}
.top_overview_area .place {
	align-items: start;
}
.top_overview_area .place ,.top_overview_area .president ,.top_overview_area .secretariat {
	margin-top: 30px;
} 

.top_overview_area .overview_text_left .overview_title {
	width:60px;
}

.top_overview_area .overview_text_right {
	margin-left: 22px;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	width:338px;
}

.top_overview_area .overview_text_bottom {
	
}

.top_overview_area .place .overview_text {
	font-size: 3.5rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.top_overview_area .place .overview_text span {
	padding-top: 0.5rem;
	display:block;
	font-size: 1.7rem;
	font-weight:400;
}
.top_overview_area .president {
	display: flex;
}
.top_overview_area .president .overview_text_left .overview_title {
	width: 60px;
}
.top_overview_area .president .overview_text_bottom {
	margin-left: 22px;
	width: 338px;
}
.top_overview_area .president .overview_text .overview_name {
	font-size:3.5em;
	font-weight: 600;
}
.top_overview_area .president .overview_text .overview_div {
	padding-top: 5px;
	font-size:1.6em;
	font-weight: 400;
}
.top_overview_area .president span {
	display: block;
	font-size:1.8rem;
	margin-top:3px;
	letter-spacing: 0;
}

.secretariat .overview_title {
	background: none;
	padding: 0;
	text-shadow: 2px 2px 3px #333;
	margin-bottom: 3px;
}

.secretariat .overview_text {
	font-size: 1.4em;
}

.secretariat .overview_text span {
	font-size: 1em;
	padding-right: 5px;
	font-weight: 300;
	letter-spacing: 0.05em;
}
.secretariat .overview_text span.name {
	font-size: 1.8rem;
}

.content_area {
	margin-top: 30px;
	margin-bottom: 50px;
}

.content_area .content_left {
	width: calc(100% - 20px);
	margin-left: 20px;	
}

.content_left .entry_information {
	margin-top: 20px;
	border: solid 1px rgba(44, 93, 165, 1);
	display: flex;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	align-items:stretch;
}

.entry_information .entry_information_title {
	background: #3775BB;
	color: #fff;
	padding: 4% 20px;
	width: 25%;
	text-align: center;
}

.entry_information .entry_information_title p {
	padding: 5px 0 5px 5px;
	font-size: 1.8em;
	letter-spacing: 0.05em;
}

.entry_information .entry_information_content {
	width: 75%;
	padding: 10px 20px;
	background:#fff;
	display:flex;
	align-items:center;
}

.entry_information .entry_information_content p {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	vertical-align:baseline;
}
.entry_information .entry_information_content p .date_start {
	position:relative;
	padding-right:30px;
}
.entry_information .entry_information_content p .date_start::after {
	counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid rgba(44, 93, 165, 1);
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.entry_information .entry_information_content p span.date {
	font-size: 1.5em;
	font-weight: 600;
	padding: 0 8px;
}
.entry_information .entry_information_content p span.week {
	letter-spacing:-0.1em;
}

/*新着情報
-----------------------------------*/

.information_wrap {
	margin-top: 20px;
	border-radius: 5px;
	border: solid 1px rgba(44, 93, 165, 1);
	background: #fff;
}

.information .information_title_area{
	border-bottom: solid 1px #3775BB;
	background: #3775BB;
	padding: 5px;
}

.information_title_area .information_title {
	font-size:2em;
	color: #fff;
	font-weight: 600;
}
.information_title_area .information_new {
	margin-left: 10px;
}
.information_title_area .information_new p {
	display: inline-block;
	padding: 2px 5px;
	color: #fff;
	background: #E381B1;
	border-radius: 3px;
	letter-spacing: 0.05em;
	font-size: 1.5em;
}

.information_content {
	max-height: 220px;
	overflow: hidden;
	overflow-y: scroll;
	padding: 10px 5px 10px;
	border-radius: 0 0 5px 5px;
	background: #fff;
}

.information_content li {
	font-size: 1.4em;
	border-bottom: 1px dotted #0090C1;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: top: 10px;
}

.information_content li a {
	color:#15ACA9;
	text-decoration: underline;
	font-weight: 600;
}

.information_content li .info_date {
	margin-right: 10px;
	color: #0090C1;
	font-weight: 600;
}
.thank {
	font-size:16px;
	margin-top:70px;
	border: solid 2px #0090C1;
	border-radius: 5px;
	padding: 1em;
	background: #fff;
}
.thank .title{
	text-align:center;
	font-size:20px;
	font-weight:600;
	margin-bottom:10px;
}
.thank .note {
	line-height:1.5;
}
.thank .author {
	margin-top:10px;
	text-align:right;
}

@media screen and (max-width: 999px) {
	/* 999px以下に適用されるCSS（スモールPC用） */
	main .inner {
		margin-left: 0;
	}
	.main_theme_area {
		width:100%;
	}
	.main_title img {
		width: 100%;
	}
	.main_theme_area h2 {
		margin-left:0;
	}
	.main_content_area {
		width: 100%
	}
	.content_area .content_left {
		padding-right:20px;
	}
	.top_overview_area .event_date .event_date_right {
		width: calc( 100% - 72px );
	}
	.main_theme_area h2 {
		
	}
	.top_overview_area {
		margin-left:0;
	}
	.top_overview_area .overview_text_right {
		width: calc( 100% - 82px );
	}
	.top_overview_area .president .overview_text_bottom {
		width: calc( 100% - 82px );
	}
	.top_overview_area .place .overview_text {
		font-size: 2.4vw;
	}
	.top_overview_area .president .overview_text .overview_name {
		font-size:3vw;
	}
	.top_overview_area .president .overview_text .overview_div {
		font-size:1.6vw;
	}
	.content_area .content_left {
		width: 100%;
	}
	.content_left .entry_information {
		margin-right: 10px;
	}
	.information_wrap {
		margin-right: 10px;
	}
}
@media screen and (max-width: 900px) {
	.main_theme_area {
		
	}
	.main_theme_area h2 {
		width: 100%;
		margin-left: 0;
	}
	.top_overview_area .event_date .days span {
		font-size: 4rem;
	}
}

@media screen and (max-width: 820px) {
	/* 820px以下に適用されるCSS（タブレット用） */
	sidebar {
		width: 220px;
	}
	main {
        width: calc(98% - 260px);
		padding-right:2%;
    }
	.main_theme_area {
		margin: 0;
		
	}
	.main_theme_area img {
		width: 100%;
	}
	.main_content_area {
		width: 100%;
		margin: 0;
	}
	.main_title {
		padding-top: 110px;
		padding-left: 10px;
	}
	.top_overview_area .flex {
		flex-flow:column;
	}
	.top_overview_area .event_date {
		align-items: start;
	}
	.top_overview_area .event_date .event_date_right {
        width: calc(100% - 16px);
    }
	.top_overview_area .place .overview_text_left {
		margin-bottom: 5px;
	}
	.top_overview_area .place .overview_text {
		font-size: 3rem;
	}
	.top_overview_area .president {
		flex-flow: column;
	}
	.top_overview_area .president .overview_text_bottom {
		width: auto;
	}
	.top_overview_area .president .overview_text .overview_name {
		font-size:3.5em;
	}
	.top_overview_area .president .overview_text .overview_div {
		font-size: 1.6em;
	}
	.information_wrap {
		margin-right: 0px;
	}
	.content_left .entry_information {
		margin-right: 0px;
	}
	.content_area .content_left {
		margin-left:0;
	}
	.content_left .entry_information {
		flex-flow:column;
	}
	.entry_information .entry_information_title {
		width: 100%;
	}
	.entry_information .entry_information_content {
		width: 100%;
	}
}

@media screen and (max-width: 680px) {
	.main_theme_area {
		width:100%;
	}
	.main_theme_area h2 {
		padding-top:10px;
		margin: 0 5%;
		width: 90%;
	}
	.main_title {
		padding-top:170px;
	}
	.main_theme_area h2 .sp{
			display:none;
	}
	.main_theme_area h2 .pc{
			display:block;
	}
	.main_theme_area h2 {
		margin-right: 0;
	}
	.main_theme_area h2 .text02 {
		padding-top: 20px;
		width: 80%;
		margin: 0 auto;
	}
	main .content_area .content_left {
		width:100%;
	}
	.top_overview_area {
		padding: 1%;
		margin-left:1%;
		margin-right:1%;
		border-radius:5px;
	}
	
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.container {
		display: flex;
		flex-flow: column-reverse;
		
	}
	.bg_main {
		background-size: auto 27%;
	}
	main .inner {
		margin: 0;
		padding: 0px 10px 0;
	}
	.bg_content {
		margin-bottom: 30px;
	}
	.main_theme_area {
		padding-top: 15px;
		margin-left: 0;
		width:auto;
	}
	.main_theme_area h2 {
		width: auto;
		margin-left: 0;
		margin-top: 30px;
	}
	.main_title {
		padding-top:155px;
		margin-bottom:50px;
	}
	.main_theme_area h2 .sp{
			display:block;
	}
	.main_theme_area h2 .pc{
			display:none;
	}
	.top_overview_area {
		margin-top: 230px;
	}
	.event_date.flex {
		flex-flow: column;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color:rgba(255, 255, 255, 0.6);
	}
	.top_overview_area .event_date .event_date_right{
		width: 100%;
	}
	.top_overview_area .event_date .days {
		font-size:1.6rem;
	}
	.top_overview_area .event_date .days span {
		font-size:3rem;
	}
	.top_overview_area .overview_text_right {
		width: 100%;
	}
	.top_overview_area .place .overview_text {
		font-size:3rem;
	}
	.top_overview_area .president .overview_text_bottom {
		margin-left: 0;
	}
	.top_overview_area .place, .top_overview_area .president, .top_overview_area .secretariat {
		margin: 0;
	}
	.top_overview_area .event_date .event_date_left .overview_title {
		width:auto;
	}
	.top_overview_area .event_date .event_date_right {
		margin: 0;
	}
	.place ,.president{
		
	}
	.top_overview_area .place.flex {
		padding-top: 15px;
		flex-flow: column;
		
	}
	.top_overview_area .overview_text_left .overview_title {
		width: auto;
	}
	.top_overview_area .president {
		margin: 0;
		padding: 30px 0 30px;
		
	}
	.top_overview_area .president .overview_text_left {
		
		width:100%;
	}
	.top_overview_area .president .overview_text_left .overview_title{
		width:auto;
		
	}
	.top_overview_area .president .overview_text_left .overview_title img {
		display: inline;
	}
	
	.top_overview_area .overview_text_right {
		margin: 0;
	}
	.top_overview_area .overview_text {
		
		text-shadow: none;
	}
	.secretariat .overview_title {
		font-size: 1.4em;
		color: #333;
		text-shadow: none;
	}
	.top_overview_area .president .overview_text {
		flex-flow:column;
	}
	.top_overview_area .president .overview_text .overview_name {
		margin: 0 0 5px 0;
	}

	.content_area {
		flex-flow: column-reverse;
		margin-top: 30px;
	}
	.content_area .content_left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.content_area .entry_information {
		margin-top: 20px;
	}
	.content_right_wrap {
		display: flex;
	}
	.content_right_wrap div {
		box-shadow: none;
	}
	.content_left .entry_information {
		align-items: stretch;
	}
	.entry_information .entry_information_title {
		padding: 5% 1%;
	}
	.entry_information .entry_information_content p {
		font-size:1.5rem;
	}
	.entry_information .entry_information_content {
		padding: 3%;
	}
	sidebar {
		
	}
}