@charset "UTF-8";
/* CSS Document */

.page_title_costom{
	background-color: #12245a;
}


/* モバイルファースト ======================================================================================================== */

.top_title{
	border: solid 5px #112258;
	text-align: center;
	padding: 10px;
}
.top_title em{
	display: block;
	font-size: 5vw;
	font-weight: bold;
	color: #ff3300;
}
.top_title .btn{
}
.top_title .btn a{
	display: block;
	font-weight: bold;
	text-decoration: none;
	background-color: #f2f506;
	text-align: center;
	padding: 10px 0;
}
.top_title .btn a p{
	display: inline-block;
	vertical-align: middle;
}
.top_title .btn a .icon{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-right: 5px;
}
.top_title .btn a .icon img{
	display: block;
	vertical-align: top;
}



#list .article{
	margin-top: 20px;
}
#list .article:first-child{
	margin-top: 0px;
}
#list .article:nth-child(4n-3){ background-color: #fcf9e2; }
#list .article:nth-child(4n-2){ background-color: #e0f5f8; }
#list .article:nth-child(4n-1){ background-color: #ffe6e6; }
#list .article:nth-child(4n){ background-color: #ecfbe5; }
#list .article .photo{
}
#list .article .text{
	padding: 20px;
}
#list .article .text .logo{
	text-align: center;
}
#list .article .text .logo img{
	height: 25px;
}
#list .article .text h3{
	font-size: 5vw;
	font-weight: bold;
	text-align: center;
}
#list .article .text em{
	display: block;
	font-size: 4vw;
	text-align: center;
	border-top: solid 1px #111;
	border-bottom: solid 1px #111;
}
#list .article .text table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
#list .article .text th,
#list .article .text td{
	padding-top: 10px;
}
#list .article .text th{
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
	width: 2em;
}
#list .article .text th p{
	line-height: 1;
	padding: 5px;
	border: solid 1px #111;
	background-color: #FFF;
}
#list .article .text td{
	padding-left: 10px;
}





/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

.top_title{
	padding: 20px 0;
}
.top_title em{
	font-size: 40px;
}
.top_title .btn{
	text-align: center;
}
.top_title .btn a{
	display: inline-block;
	font-size: 20px;
	padding: 10px 50px;
}
.top_title .btn a .icon{
	width: auto;
}


#list .article{
	margin-top: 60px;
	display: flex;
	flex-direction: row-reverse;
}
#list .article .photo{
	width: 510px;
	height: 340px;
	text-align: center;
}
#list .article .photo img{
	max-width: 510px;
	max-height: 340px;
}
#list .article .text{
	padding: 20px 20px 0;
	width: 100%;
}
#list .article .text h3{
	font-size: 24px;
	margin: 10px 0;
}
#list .article .text em{
	font-size: 18px;
	padding: 10px 0;
}


}