@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	第25回 新潟県老人福祉施設研究大会

//////////////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------------------------

	共通

------------------------------------------------------------------------------*/

main > section {
	margin-bottom: 80px;
}

/* 三角共通 */

/*main #program::after,*/
main #participation h2::after {
	content:"";
	display:block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px;
}

@media screen and (max-width: 767px){

main > section {
	margin-bottom: 15vw;
}	

main #program::after,
main #participation h2::after {
    border-width: 12vw;
}

}

/*------------------------------------------------------------------------------

	開催要旨

------------------------------------------------------------------------------*/

main #summary .group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

main #summary .group .text {
	width: 74%;
}

main #summary .group .text p {
	margin-bottom: 1em;
}

main #summary .group .text p:last-of-type {
	margin-bottom: 0;
}

main #summary .group figure {
	width: 22%;
}

@media screen and (max-width: 767px){
	
main #summary .group .text {
	width: 100%;
}
	
main #summary .group figure {
	width: 70%;
	margin: 8vw auto 0;
}
	
}


/*------------------------------------------------------------------------------

	開催方法

------------------------------------------------------------------------------*/

main #method .group {
	display: flex;
	justify-content: space-between;
}

main #method .group section {
	flex: 1;
	margin-right: 50px;
}

main #method .group section figure {
	width: 90%;
	margin-top: 2em;
}

main #method .group .map {
	width: 50%;
}

main #method .group .map iframe {
	width: 100%;
}


@media screen and (max-width: 767px){
	
main #method .group {
	width: 100%;
	flex-wrap: wrap;
}

main #method .group section {
	margin-right: 0;
}	
	
main #method .group .map {
	width: 100%;
	margin: 5vw auto 0;
}	

main #method .group section figure {
	width: 100%;
	margin-top: 5vw;
}	
	
}


/*------------------------------------------------------------------------------

	内容

------------------------------------------------------------------------------*/

main #program {
	position: relative;
	margin-bottom: 0; 
	padding: 70px 0 100px;
	background-color: rgba(234,234,234,1);
}

/*
main #program::after {
	top: 100%;
	border-color: rgba(234,234,234,1) transparent transparent transparent;
}
*/

main #program .site_column section  > .group {
	position: relative;
	padding: 50px 50px 30px;
	background-color: #FFF;
}

/*
main #program .group::after {
	position: absolute;
	top: 10%;
	right: 8%;
	content: "";
	width: 335px;
	height: 368px;
	background-image: url("../img/program_bg.svg");
	background-repeat: no-repeat;
	background-position: center;
}
*/

main #program .group > section {
	margin-bottom: 40px;
}

main #program .group > section:last-of-type {
	margin-bottom: 0;
}

main #program .sec1 h4,
main #program .sec2 h4 {
	margin-bottom: .5em;
}
 
main #program .sec2 > section:first-of-type {
	margin-bottom: 30px;
}

main #program ul li {
	margin-bottom: .3em;
}

main #program ul li > ul {
	list-style: circle;
}

@media screen and (max-width: 767px){

main #program {
	padding: 15vw 0;
}

main #program .site_column section > .group {
	padding: 5vw 3vw;
}

main #program .group::after {
	top: 13%;
	right: 5%;
	width: 30vw;
	height: 30vw;
	background-image: url("../img/program_bg.svg");
}
 
main #program .sec2 > section:first-of-type {
	margin-bottom: 5vw;
}
	
}


/*------------------------------------------------------------------------------

	参加方法

------------------------------------------------------------------------------*/

main #participation h2 {
	position: relative;
	margin-bottom: 90px;
	padding: 1.5em 0;
	background-color: rgba(var(--main-color),1);
	color: #FFF;
}

main #participation h2::after{
	top: 85%;
	border-color: rgba(var(--sub-color),1) transparent transparent transparent;
}

main #participation .site_column > section {
	margin-bottom: 52px;
	padding: 50px;
	border: 1px solid rgba(var(--main-color),1);
}

main #participation .site_column > section:last-of-type {
	margin-bottom: 0;
}

main #participation .site_column > section ol li {	
	position: relative;
	list-style-type: none;
	counter-increment: cnt;
}

main #participation .site_column > section ol li::before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	content: "(" counter(cnt) ")";
	margin-left: -3.2em;
	width: 3em;
	text-align: right;
}


main #participation .site_column > section ol li::before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	content: "（" counter(cnt) "）";
	margin-left: -3.2em;
	width: 3em;
	text-align: right;
}

main #participation .group {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

main #participation .group ol {
	flex: 1;
}

main #participation .group section {
	position: relative;
	width: 40%;
	margin-left: 20px;
	padding: 35px 35px 30px;
	background-color: rgba(234,234,234,1);
	font-size: 0.875em;
}

main #participation .group section h4 {
	position: absolute;
	top: -1.2em;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: .5em 2em;
	background-color: rgba(var(--main-color),1);
	color: #FFF;
}

main #participation .fee .group section dl {
	display: flex;
	flex-wrap: wrap;
}

main #participation .fee .group section dt {
	width: 5em;
}

main #participation .fee .group section dd {
	flex: 1;
}

main #participation .button {
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 1024px){
	
main #participation .site_column > section {
	padding: 3vw;
}

main #participation .group section {
	width: 44%;
    padding: 3vw 2vw 2vw;
}
	
main #participation .fee .group section dt {
	width: 100%;
}

main #participation .fee .group section dd {
	margin: 0 0 .5em 1em;
}
	
}

@media screen and (max-width: 767px){

main #participation h2 {
	margin-bottom: 20vw;
	padding: 10vw 0;
}

main #participation .site_column > section {
    margin-bottom: 5vw;
    padding: 8vw 7vw 8vw;
}

main #participation .group ol,
main #participation .group section {
	width: 100%;
}

main #participation .group ol {
	margin-bottom: 8vw;
}

main #participation .group section {
	margin-left: 0;
    padding: 10vw 7vw 7vw;
}
	
main #participation .fee .group section dt {
	width: 5em;
}

main #participation .fee .group section dd {
	margin: 0 0 .5em 1em;
}

main #participation .fee .group section dd span {
	display: block;
}

main #participation .button {
	margin-top: 5vw;
}	

}


/*------------------------------------------------------------------------------

	特別協賛企業

------------------------------------------------------------------------------*/

main #sponsorship ul {
	display: flex;
	flex-wrap: wrap;
}

main #sponsorship ul li {
	width: 30.6%;
	margin: 1% 4% 0 0;
}

main #sponsorship ul li:nth-child(-n+3) {
	margin-top: 0;
}

main #sponsorship ul li:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width: 900px){
	
main #sponsorship ul li {
	width: 47%;
	margin-right: 6%;
}

main #sponsorship ul li:nth-child(3n) {
	margin-top: 2%;
	margin-right: 6%;
}	
	
main #sponsorship ul li:nth-child(2n) {
	margin-right: 0;
}	
	
}

@media screen and (max-width: 767px){
	
main #sponsorship ul li {
	width: 100%;
	margin-right: 0;
}
	
}


/*------------------------------------------------------------------------------

	attention

------------------------------------------------------------------------------*/

main #attention p {
	text-align: center;
}

@media screen and (max-width: 767px){

main #attention p {
	text-align: left;
}
	
}