/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
    scroll-behavior: smooth;
}

body {
    line-height:1.7;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.row {
	width: 100%;
	max-width: 1200px;
	padding: 0 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto;
}
.navi {
	list-style: none;
}
.navi a {
	text-decoration: none;
	font-size: 0.9em;
	padding: 0 10px;
}
.navi li:last-child a {
	padding-right: 0;
}
.navi a:hover {
	text-decoration: underline;
}
.red {
	color: #F00;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}


/************************************
 HEADER
************************************/
header {
	background-color: rgba(255,255,255,0.85);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
header .row {
	padding: 0;
	display: flex;
	justify-content: space-between;
}
header .site_id {
	background-color: #4B8445;
	padding: 15px 15px 10px 65px;
	color: #FFF;
	background-image: url(../images/header_logo@2x.png);
	background-repeat: no-repeat;
	background-position: left 15px top 15px;
	background-size: 44px 59px;
	line-height: 1.4em;
}
header .site_title {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: -0.2em;
	margin-bottom: 3px;
	white-space: nowrap;
}
header .site_title span {
	display: block;
	font-size: 0.6em;
}
header .site_id .together {
	font-size: 0.8em;
}
header .navi_block {
	padding: 0 15px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	flex-direction: column;
}
header .navi_block .howto {
	display: flex;
	align-items: center;
}
header .eng_title {
	text-align: right;
	font-size: 0.7em;
	color: #4B8445;
	margin-bottom: 10px;
}
header .navi_block .howto a.manual {
	text-align: left;
    margin: 0 1em 10px;
    text-decoration: none;
    background-color: #d60101;
	color: #fdfceb;
    padding: 5px 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 1.1em;
    font-weight: bold;
}
header .navi_block .howto a.manual:hover {
	background-color: #4B8445;
}
header .navi_block .howto a.twitter {
	background-color: #55acee;
	color: #FFF;
	padding: 2px 8px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	font-size: 1.2em;
	margin-bottom: 10px;
	
}
header .navi_block .howto a.twitter:hover {
	background-color: #FFF;
	color: #55acee;
}
header .navi {
	display: flex;
	justify-content: space-between;
	padding: 7px 25px;
	background-color: #4B8445;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
header .navi a {
	color: #F0E8C2;
	font-size: 1.1em;
	font-weight: bold;
}
@media screen and (max-width: 1120px) {
	header .navi a {
		font-size: 1em;
	}
}
@media screen and (max-width: 1069px) {
	header .navi a {
		font-size: 0.8em;
		padding: 3px;
	}
}


/************************************
 FOOTER
************************************/
footer {
	background-color: #4B8445;
}
footer .row {
	display: flex;
	justify-content: flex-start;
}
.secretariat {
	background-color: #F0E8C2;
	padding-bottom: 30px;
}
.secretariat p {
	color: #4B8445;
	padding-left: 25px;
	padding-right: 25px;
}
.secretariat p:first-child {
	border-bottom: 1px solid #4B8445;
	padding-top: 40px;
	padding-bottom: 7px;
	font-size: 0.8em;
	margin-bottom: 15px;
}
.secretariat p:nth-child(2) {
	font-size: 1.6em;
	font-weight: bold;
	white-space: nowrap;
}
.secretariat p:nth-child(3) {
	font-size: 0.9em;
	white-space: nowrap;
	margin-bottom: 1em;
}
.secretariat p:nth-child(4) {
	text-align: center;
}
.secretariat p:nth-child(4) img {
	width: 28%;
	height: auto;
}
.secretariat p:last-child {
	text-align: center;
	color: #000;
	font-weight: bold;
}
footer .other {
	padding: 40px 15px 45px 65px;
}
footer #each_contact {
	padding-left: 1em;
	margin-bottom: 30px;
}
footer #each_contact li {
	color: #FFF;
}
footer #each_contact li:last-child {
	list-style-type: none;
	padding-top: 10px;
	line-height: 1.4em;
	font-size: 0.9em;
}
footer #each_contact li a {
	font-weight: bold;
	color: #FFF;
}
footer .navi {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
footer .navi li {
	width: 25%;
}
footer .navi li a {
	color: #FFF;
	white-space: nowrap;
}
footer .navi li:first-child {
	width: 100%;
}
footer .banners {
	margin-bottom: 10px;
}
footer .copyright {
	font-size: 0.8em;
	color: #FFF;
	text-align: center;
}

/************************************
 COMMON
************************************/
.headline_block {
	/*position: relative;*/
	margin-bottom: 50px;
}
.headline_block img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.headline_block h2 {
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	color: #FFF;
	font-size: 2em;
	letter-spacing: 0.2em;
	background-color: #000;
	text-align: center;
	padding: 0.4em 0;
}
.page #headline {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	margin-bottom: 50px;
	position: relative;
}
.page #headline::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}
.page #headline h1 {
	padding-top: 90px;
	font-family: 'Alata', sans-serif;
	font-size: 3em;
	text-align: center;
	color: #FFF;
	z-index: 1;
}
.page #headline h1 span {
	font-family: "Noto Sans JP";
	font-size: 0.6em;
	display: block;
}
.emergency {
	font-weight: bold;
	color: #F00;
	text-align: center;
}
@media (max-width:810px) {
	.emergency {
		text-align: left;
	}
}

/************************************
 HOME
************************************/

/***** #HEADLINE *****/
.flexslider::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.35);
	display: block;
	width: 100%;
	height: 100%;
	z-index: 8;
}
.home #headline {
	position: relative;
	display: block;
}
.home #headline .row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	text-align: center;
}
/*
#headline .row .theme {
	line-height: 1.1;
}
*/
.home #headline .row .theme span {
	font-size: 3.2em;
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.home #headline .row .sub_theme {
	color: #FFF;
	margin-bottom: 20px;
}
.home #headline .row .taikai_overview {
	display: inline-block;
}
.home #headline .row .white,
.home #headline .row .green {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.home #headline .row .white {
	background-color: #FFF;
	color: #4B8445;
	padding: 20px 20px 15px 20px;
}
.home #headline .row .green {
	position: relative;
}
.home #headline .row .green::before {
	content:'';
	position: absolute;
	bottom: -39px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 200px 0 0px;
	border-color: #FFF transparent transparent transparent;
}
.home #headline .row .green::after {
	content:'';
	position: absolute;
	bottom: -39px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 0 200px;
	border-color: #FFF transparent transparent transparent;
}
.home #headline .row .green {
	background-color: #4B8445;
	color: #FFF;
	padding: 10px 20px 15px 20px;
}
.home #headline .row h1 {
	font-size: 1.4em;
	text-align: center;
	line-height: 1.3;
}
.home #headline .row h1 span {
	display: block;
	font-size: 0.8em;
}
.home #headline .row .h1_eng {
	font-size: 0.8em;
	margin-bottom: 10px;
}
.home #headline .row .taikaicho {
	font-size: 1.2em;
}
.home #headline .row .white:first-child p:last-child {
	line-height: 1.4;
}
.home #headline .row .green p:first-child {
	font-size: 1.8em;
}
.home #headline .row .green p:first-child span {
	font-size: 0.6em;
}
.home #headline .row .green p:last-child {
	font-size: 1.4em;
	font-weight: bold;
	background-color: #b40331;
	color: #f2e9b4;
	letter-spacing: 0.1em;
	border-radius: 35px;
}
.home #headline .row .green p:last-child span {
	display: block;
	font-size: 0.9em;
}

/***** .TOGETHER LINE *****/
.together_line {
	background-color: #F0E8C2;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
.together_line p {
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1.2em;
	font-weight: bold;
}
.together_line p:first-child {
	background-color: #FFF;
	position: relative;
	padding: 0 10px;
}
.together_line p:first-child::before {
	content: '';
	position: absolute;
	top: 0;
	left: -60px;
	border: 30px solid transparent;
	border-right: 30px solid #fff;
}
.together_line p:first-child::after {
	content: '';
	position: absolute;
	top: 0;
	right: -60px;
	border: 30px solid transparent;
	border-left: 30px solid #fff;
}
.together_line p:nth-child(2) {
	order: -1;
	padding-right: 50px;
	width: 300px;
	justify-content: flex-end;
}
.together_line p:last-child {
	order: 1;
	padding-left: 50px;
}

/***** .PURPOSE *****/
.purpose {
	background-color: #4B8445;
	overflow: hidden;
}
.purpose ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	transform: rotate(-3deg);
}
.purpose ul li {
	width: 50%;
	color: #F0E8C2;
	height: 110px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.purpose ul li:first-child,
.purpose ul li:nth-child(2) {
	border-bottom: 1px solid #F0E8C2;
}
.purpose ul li:nth-child(odd) {
	border-right: 1px solid #F0E8C2;
	justify-content: flex-end;
}

/***** #YOUTUBE *****/
#youtube {
	background-image: url(../images/youtube_sec_bg@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #F0E8C2;
	margin-bottom: 100px;
}
#youtube .row {
	padding: 35px 0;
	text-align: center;
}

/***** #GREETING *****/
#completion .row {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	width: 80%;
	max-width: 960px;
}
#completion h2 {
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 1.8em;
}
#completion h2 span {
	padding: 0 1em 0.4em;
	border-bottom: 1px solid #000;
}
#completion p {
	text-align: justify;
	line-height: 2em;
	margin-bottom: 2em;
}
#completion a {
	display: block;
	width: 350px;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto 5em;
	font-size: 1.6em;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #000;
	border-radius: 7px;er
	background: rgb(176,163,26);
	background: linear-gradient(135deg, rgba(176,163,26,1) 0%, rgba(255,243,115,1) 29%, rgba(168,161,40,1) 29%, rgba(255,243,115,1) 100%);
}
#completion a:hover {
	background-color: #ad0101;
	color: #fdf8bd;
}

/***** #GREETING *****/
#greeting {
	background-image: url(../images/greeting_sec_bg@2x.png);
	background-repeat: no-repeat;
	background-position: -150px bottom;
	background-size: 643px 643px;
	padding-bottom: 80px;
	/*margin-bottom: 80px;*/
}
#greeting .row::after {
	content: '';
	display: block;
	clear: both;
}
.greeting_block {
	padding-left: 260px;
	background-image: url(../images/fujishiro_fall@2x.png);
	background-size: 244px 913px;
	background-repeat: no-repeat;
	background-position: left top;
}
.kaicho_img {
	float: right;
	margin-left: 20px;
}
.greeting_block > p {
	margin-bottom: 25px;
}
.by_covid {
	border: 1px solid #000;
	padding: 35px;
	font-size: 0.9em;
	position: relative;
}
.by_covid h4 {
	display: inline-block;
	background-color: #FFF;
	position: absolute;
	top: -0.9em;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 1.4em;
	padding: 0 20px;
}
.by_covid p {
	margin-bottom: 1em;
}
.greeting_headline {
	padding-bottom: 25px;
	margin-bottom: 35px;
	border-bottom: 1px solid #000;
	width: calc(100% - 246px);
}
.greeting_headline p:first-child {
	font-size: 0.9em;
}
.greeting_headline p:last-child {
	font-size: 1.4em;
}
.greeting_headline p:last-child span {
	display: block;
	font-size: 0.6em;
}
.classroom_chairman {
	text-align: center;
}
.classroom_chairman img {
	width: 150px;
	height: auto;
	vertical-align: bottom;
}
.classroom_chairman a {
	text-align: center;
	font-size: 1.4em;
	display: inline-block;
	text-decoration: none;
	color: #4B8445;
	font-weight: bold;
}
.classroom_chairman a:hover {
	color: #03138b;
	text-decoration: underline;
}
.classroom_chairman a span {
	display: block;
}

/***** #TOPICS *****/
#topics {
	margin-bottom: 100px;
}
#topics dl {
	display: flex;
	width: 100%;
	border-bottom: 1px dashed #000;
	margin-bottom: 15px;
}
#topics dt {
	white-space: nowrap;
	padding-right: 20px;
}


.flexslider .slides > li::before {
	content: '';
	padding-top: 63%;
}
.flexslider .slides > li {
	overflow: hidden;
}


/***** #SPECIAL EVENT *****/
#sp_event {
	margin-bottom: 50px;
}
#sp_event .row img {
	width: 100%;
	height: auto;
}

/***** #syuisho *****/

#syuisho{
	margin-bottom: 100px;
}

#syuisho h2,
#sponsor h2 {
	line-height: 0.7em;
	text-align: center;
}

#syuisho h2 span,
#sponsor h2 span {
	font-size: 20px;
	letter-spacing: 0;
}

#syuisho h2 span::before,
#sponsor h2 span::before {
	content: "\A" ;
	white-space: pre ;
}

#syuisho p {
	text-align: center;
}

#syuisho a {
	width: 400px;
	margin: 25px auto 0;
}
a.linkbtn1 {
	display: block;
	font-size: 22px;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	background-color: #4B8445;
	letter-spacing: 0.2em;
	text-decoration: none;
	transition: 0.5s ;
	border: solid 1px #4B8445;
}

a.linkbtn1:hover {
	background-color: #F0E8C2;
	border: solid 1px #4B8445;
	color: #4B8445;
}
/***** .SPONSOR *****/
#sponsor h3 {
	text-align: center;
	border-bottom: 1px solid #666;
	font-size: 1.4em;
	margin-bottom: 2em;
}
#sponsor ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 50px;
}
#sponsor ul li {
	width: calc(92% / 4);
	padding: 0 1%;
	margin: 0 1% 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #999;
	display: flex;
	align-items: center;
}
#sponsor ul li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
#sponsor ul li a img {
	height: auto;
	width: 70%;
}
#sponsor ul li a span {
	display: block;
	font-size: 0.8em;
}
#sponsor .separate {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sponsor .separate .part:first-child {
	width: 60%;
}
#sponsor .separate .part:last-child {
	width: 30%;
}
#sponsor .separate .part ul {
	display: flex;
	flex-wrap: wrap;
}
#sponsor .separate .part li {
	border: 0;
	margin: 0;
}
#sponsor .separate .part:first-child li {
	width: 50%;
	padding: 0.6em 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
@media screen and (max-width:855px) {
	#sponsor .separate .part:first-child,
	#sponsor .separate .part:last-child {
		width: 100%;
	}
}
#sponsor .separate .part:last-child li {
	width: 100%;
	padding: 0.6em 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/***** #MUTUAL LINK *****/
#mutual_link {
	margin-bottom: 150px;
	padding-top: 50px;
	border-top: 1px dotted #999;
}
#mutual_link ul {
	display: flex;
	list-style: none;
	/*justify-content: space-between;*/
}
#mutual_link ul li {
	border: 1px solid #999;
	width: 30%;
	align-self: flex-start;
}
#mutual_link ul li:nth-child(3n+2) {
	margin-right: 5%;
	margin-left: 5%;
}
#mutual_link ul li a {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	color: #000;
	text-decoration: none;
}
#mutual_link ul li a:hover {
	background-color: #e4e4e4;
}
#mutual_link ul li a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
#mutual_link ul li a p {
	font-size: 0.85em;
	text-align: justify;
}
#mutual_link ul li a p:nth-child(2) {
	padding-top: 10px;
}



/************************************
 PROGRAM
************************************/
.program.page #headline {
	background-image: url(../images/program_headline_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#programs {
	margin-bottom: 50px;
}
#programs ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
#programs ul li {
	width: 50%;
	padding: 0 15px;
	margin-bottom: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#programs ul li:first-child {
	width: 100%;
	margin-bottom: 50px;
}
#programs ul li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #4B8445;
	color: #F0E8C2;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
}
.program #special_lecture,
#about_participation,
#content {
	background-color: #F0E8C2;
	padding: 50px 0;
}
.program #special_lecture .row,
#about_participation .row,
#content .row {
	width: 90%;
	margin: 0 auto;
	background-color: #FFF;
	padding: 50px 5%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.program #special_lecture .row h3,
.participation #about_participation .row h3,
.announcement #about_participation .row h3,
#content .row h3 {
	background-color: #4B8445;
	color: #FFF;
	font-size: 1.6em;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding: 5px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
}
.program #special_lecture article {
	padding: 0 15px;
	margin-bottom: 35px;
}
.program #special_lecture article .f_h_t {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px dashed #4B8445;
	margin-bottom: 10px;
}
.program #special_lecture article .f_h_t span {
	font-size: 1em;
	font-weight: normal;
}
.program #special_lecture article .f_h_t span.hall::before {
	content: '：';
	display: inline;
}
.program #special_lecture article .f_h_t span.time {
	padding-left: 2em;
}
.program #special_lecture article .with_flyer {
	display: flex;
	justify-content: space-between;
}
.program #special_lecture article .with_flyer a {
	height: 250px;
}.program #special_lecture article .with_flyer a img {
	height: 100%;
	width: auto;
}
.program #special_lecture article h4 {
	font-size: 1.5em;
	color: #4B8445;
	margin-bottom: 10px;
}
.program #special_lecture article h4 span::after {
	content: ':';
	display: inline;
	padding: 0 10px;
}
.program #special_lecture article dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.program #special_lecture article dt {
	width: 12em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8em;
	border: 1px solid #4B8445;
	border-radius: 5px;
	background-color: #e6f9e4;
	margin-bottom: 15px;
}
.program #special_lecture article dd {
	width: calc(100% - 12em);
	margin-bottom: 15px;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.program #program_info {
	background-color: #F0E8C2;
	padding-bottom: 200px;
}
.program #program_info .row {
	width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 50px 5%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.program #program_info h3 {
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	margin-bottom: 20px;
}
.program #program_info h3 span {
	font-weight: normal;
	font-size: 0.9em;
}
program #program_info p {
	text-align: justify;
}
.program #sp_news li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: 5px 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #56635e;
	color: #FFF;
}
.program #sp_news li:first-child a {
	font-size: 1.4em;
	font-weight: bold;
	background-color: #01aa80;
}
.program #sp_news a:hover {
	background-color: #b40331;
}


/************************************
 演題募集
************************************/
.headline_block + p {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 50px;
}
#content p {
	padding: 0 2%;
	margin-bottom: 40px;
}
#content p.no-margin-bottom {
	margin-bottom: 0;
}
.cf-abstract #headline {
	background-image: url(../images/cf-abstract_headline_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.lecture_field_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto 50px;
}
.lecture_field_list li {
	width: 20%;
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.lecture_field_list li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #4B8445;
}
.youkou {
	width: 96%;
	margin: 0 auto 25px;
}
.youkou tr {
	border-bottom: 1px dashed #333;
}
.youkou tr:last-child {
	border-bottom: 0;
}
.youkou tr:nth-child(odd) {
	background-color: #e6f9e4;
}
.youkou th, .youkou td {
	padding: 10px;
}
.youkou th {
	text-align: left;
	color: #4B8445;
}
.entry_abstract {
	width: 96%;
	margin: 0 auto 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 1.2em;
	padding-top: 10px;
}
.cf-abstract #content p.note, .program p.note {
	font-size: 0.9em;
}
.program p.note {
	padding: 0 15px;
	margin-bottom: 35px;
	margin-top: -15px;
}
.cf-abstract #content p.note::before, .program p.note::before {
	content: '※';
	display: inline;
	padding-right: 5px;
}
.cf-abstract #content .hope_join {
	width: 96%;
	margin: 0 auto 50px;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #000;
}
.cf-abstract #content .hope_join p {
	padding: 0;
	margin-bottom: 0;
}
.cf-abstract #content h4 {
	font-size: 1.2em;
	border-bottom: 1px dashed #4B8445;
	margin-bottom: 15px;
	color: #4B8445;
}
.slide_example {
	width: 96%;
	margin: 0 auto;
}
.slide_example h5 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.slide_example ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 50px;
}
.slide_example li {
	width: 45%;
	background-color: #806c01;
}
.slide_example li a {
	display: block;
	width: 100%;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
.slide_example li:hover {
	background-color: #F0E8C2;
}
.slide_example li:hover a {
	color: #4B8445;
}
a.abstract_btn {
	display: block;
    width: 50%;
    text-align: center;
    padding: 15px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #4B8445;
    color: #F0E8C2;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
	margin: 0 auto 50px;
}
a.abstract_btn:hover {
	background-color: #F0E8C2;
	color: #4B8445;
}
.cf-abstract #content .row p:last-child span {
	display: block;
}


/************************************
 参加登録のご案内
************************************/
.participation #headline {
    background-image: url(../images/participation_headline_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.participation .headline_block + p {
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	padding: 0 4%;
	margin-bottom: 2em;
}
.participation .headline_block + p span {
	display: block;
	text-align: right;
	padding-top: 10px;
}
#about_participation ol {
	list-style-type: none;
}
#about_participation ol > li {
	counter-increment: cnt;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 2.4em;
}
#about_participation ol > li::before {
	content: counter(cnt) ") ";
	display: inline;
}
#about_participation .row > ol,
#about_participation .row > p {
	padding: 0 2%;
}
#about_participation .row > p {
	margin-bottom: 2em;
}
#about_participation .row > h4 {
	color: #4B8445;
	border-bottom: 1px solid #4B8445;
	margin: 0 2% 15px;
	font-size: 1.3em;
}
.indent_inside_lv2 {
	padding-left: 6em;
}
#about_participation ol > li li,
#about_participation ol > li p {
	text-indent: 0;
}
#about_participation ol > li:first-child .indent_inside_lv2 {
	padding-top: 15px;
	margin-bottom: 15px;
}
#about_participation ol > li:first-child .indent_inside_lv2 ul {
	margin-bottom: 1em;
}
#about_participation ol > li:first-child .indent_inside_lv2 p {
	text-indent: -1.3em;
}
#about_participation table {
	border-collapse: collapse;
	margin-top: -20px;
	margin-left: 2%;
	margin-bottom: 0.5em;
}
#about_participation table th,
#about_participation table td {
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	padding: 7px 10px;
	white-space: nowrap;
}
#about_participation table th {
	background-color: #dfe5f2;
}
#about_participation table tr td:first-child {
	text-align: left;
}
.chuu {
	font-size: 0.2em;
	vertical-align: top;
}
#about_participation .row > p.table_notice {
	font-size: 0.8em;
	text-indent: -0.5em;
	padding-left: 2.2em;
	margin-bottom: 0;
}
#about_participation .row > p.table_notice::before {
	content: '※';
	display: inline-block;
}
#about_participation .row > p.table_notice.red {
	color: #F00;
	margin-bottom: 3em;
}
#about_participation .row > p.table_notice.red::before {
	content: '注1：';
	display: inline-block;
}
#about_participation .row .list-style_unnone {
	padding:  0 2% 0 2.6em;
	margin-bottom: 50px;
}
#about_participation .row .button {
	display: flex;
	justify-content: center;
	list-style: none;
	margin-bottom: 3em;
}
#about_participation .row .button li {
	width: 40%;
	margin: 0 3%;
}
#about_participation .row .button a {
	display: block;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #e71b85;
	color: #f2e9b4;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-decoration: none;
	letter-spacing: 0.3em;
	text-align: center;
	width: 100%;
}
#about_participation .row .button li:last-child a {
	background-color: #007f9a;
}
#about_participation .row .button a:hover,
#about_participation .row .button li:last-child a:hover {
	background-color: #4B8445;
}
#about_participation .row .heed {
	margin: 0 2% 2em;
}
#about_participation .row .attri_button {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#about_participation .row .attri_button li {
	width: 30%;
	text-align: center;
}
#about_participation .row .attri_button li img {
	width: 241px;
	height: auto;
}
#about_participation .row .attri_button li p {
	text-align: justify;
}
#about_participation .row .attri_button li p span {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}

/************************************
 発表について
************************************/
.announcement #headline {
	background-image: url(../images/announs_headline_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.announcement .headline_block h2 {
	letter-spacing: 0;
}
.announcement .headline_block + p {
	text-align: left;
    font-weight: normal;
    font-size: 1.1em;
    padding: 0 4%;
    margin-bottom: 2em;
}
.announcement .headline_block + p span {
	display: block;
    text-align: right;
    padding-top: 10px;
}
.announcement .headline_block + p span.bold.underline {
	display: inline;
    text-align: left;
    padding-top: 0;
}
.announcement .indent_inside_lv2 {
	padding-left: 3em;
}
.announcement #about_participation ol > li li {
	margin-bottom: 0.4em;
}
.announcement #about_participation ol > li li span {
	display: block;
	padding-left: 3em;
	text-indent: -1em;
}
.announcement #about_participation ol > li li span::before {
	content: '・';
	display: inline;
}
.announcement #about_participation ol > li li:nth-child(3) span:last-child::before {
	content: '＊';
	display: inline;
}
.hapyou_list {
	padding: 0 3em;
}
.hapyou_list li {
	margin-bottom: 0.4em;
}
.line_round {
	padding: 20px 25px;
	border: 1px solid #000;
	margin: 0 2% 4em;
}
.to_zacho {
	padding: 0 3em;
	margin-bottom: 2em;
}
.to_zacho + .hapyou_list {
	margin-bottom: 3em;
}
.announcement #about_participation h5 {
	margin: 2em 2% 0.6em;
}
.announcement #about_participation .line_round h5 {
	margin: 0 0 0.5em;
}
.detachment {
	margin-top: 100px;
}
.line_round.detachment {
	padding-top: 25px;
}
.posit_relative {
	position: relative;
}
.announcement #about_participation .detachment.posit_relative h5 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 0.5em;
	background-color: #FFF;
	font-size: 1.4em;
}


footer {
	position: absolute;
	width: 100%;
}
#sp_news {
	background-color: rgba(180,3,49,0.9);
	width: 100%;
	padding: 15px 0;
	z-index: 10;
}
.program #sp_news {
	background-color: transparent;
	padding-bottom: 0;
}
#sp_news div {
	display: flex;
	justify-content: center;
	align-items: center;
}
footer #sp_news a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
.program #sp_news ul {
	list-style: none;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.program #sp_news li {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 0.6em;
}
.program #sp_news li:first-child {
	width: 99%;
}
.program #sp_news li:nth-child(n+2):nth-child(-n+4) {
	width: 31%;
}
.program #sp_news li a {
	height: 100%;
}
.program #sp_news li a i {
	margin-left: 10px;
}
#sp_news h3 {
	white-space: nowrap;
	color: #F0E8C2;
	font-size: 1.4em;
	padding-right: 15px;
}
#sp_news p {
	font-size: 0.9em;
	color: #F0E8C2;
	border-left: 2px solid #F0E8C2;
	padding-left: 15px;
	line-height: 1.5em;
	font-weight: bold;
}