@charset "utf-8";

.br_sp {display: none}
.br_pc {display: block}

@media screen and (orientation: portrait) and (max-width: 767px){
.br_sp {display: block}
.br_pc {display: none}
}

/* digest_link */

figure.digest_link {
	margin: 2rem 0 5rem;
	text-align: center;
}

figure.digest_link img {
	width: 420px;
	border: 1px solid #003461;
}

@media screen and (orientation: portrait) and (max-width: 767px){
	
	figure.digest_link {
	margin: 0rem 0 3rem;
	text-align: center;
}

figure.digest_link img {
	width: 92%;
}
	
}

/* thumbnail */
figure.thumbnail {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 3rem;
	column-gap: 3rem;
	margin-bottom: 5rem;
}


@media screen and (orientation: portrait) and (max-width: 767px){
	figure.thumbnail {
	row-gap: 1rem;
	column-gap: 1rem;
}
	
}

/* finished */

.finished {
	letter-spacing: .15rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3.9rem;
	margin: 3rem 0;
	padding: 3rem 2rem;
	text-align: center;
	background-color: #fff5d2;
}


/* fukidashi */

.col-sm-4 {
	position: relative;
    margin-top: 0rem;
}

.col-sm-4 figure {
	position: absolute;
	top: -11.2rem;
	right: 0;
	width: 100%;
	text-align: center;
}

figure.fukidashi_l {
	display: block;
}

figure.fukidashi_s {
	display: none;
}

.col-sm-4 figure img {
	width: 180px;
	margin: 0 auto;
}

.col-sm-8 p.asta {
	margin-top: 2rem;
}


@media screen and (orientation: portrait) and (max-width: 767px){
	
	.col-sm-4 {
	margin-top: 10rem;
}
	
figure.fukidashi_l {
	display: none;
}
	
	figure.fukidashi_s {
	display: block;
		text-align: center;
}
	
figure.fukidashi_s img {
		width: 180px;
	}
	
}


/* w_button */

section.w_application {
	padding: 3rem 0 2rem;
}

section.w_application .w_button {
	display: flex;
	justify-content: center;
	margin: 2rem 0 3rem;
}

section.w_application .w_button p.btn-1 {
	margin: 0 2rem;
}


section.w_application ul {
	width: fit-content;
	margin: 1rem auto;
	font-size: 1.2rem;
}

@media screen and (orientation: portrait) and (max-width: 767px){
	
	section.w_application .w_button {
	display: block;
}
	
	section.w_application .w_button div {
		margin-bottom: 3rem;
	}
	
	section.w_application ul {
	width: 90%;
}
	
}


/* event_list */

section.event_list p {
	text-align: justify;
}

section.event_list figure.grid {
	margin-top: 3rem;
	display: grid;
	grid-template-columns: 50% 50%;
	row-gap: 3rem;
	column-gap: 3rem;
}



@media screen and (orientation: portrait) and (max-width: 767px){
	
section.event_list figure.grid {
	display: grid;
	justify-content: center;
	grid-template-columns: 85%;
	row-gap: 2rem;
	column-gap: 0rem;
}
	
	
}