@charset "utf-8";

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

	outline

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


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

	image replacement & clearfix

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

#aaa {
	display: block;
	overflow: hidden;
	outline: none;
	clear: both;
	text-indent: -9999px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: contain;
}

#main .sec1:after,
#main .sec2:after,
#main .sec1 > section:after {
	content : '';
	display : block;
	clear : both;
}


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

	main

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



#main .sec1 figure,
#main .sec2 figure {
	float: right;
	width: 380px;
}

#main .sec1 img,
#main .sec2 img,
#main .sec3 img {
	width: 100%;
}


/*	sec1
------------------------------------------------------------------------------*/

#main .sec1 h3 {
	margin-bottom: 20px;
	font-size: 1.4em;
	color: #004C66;
}

#main .sec1 h3 .area {
	display: inline-block;
	margin-bottom: 20px;
	padding: .3em .5em;
	background-color: #FFFF7F;
	font-size: 0.71em;
}

#main .sec1 h3 .title {
	display: block;
}

#main .sec1 > section {
	margin: 20px 0;
	padding: 40px;
	background-color: #F7F7F7;
}

#main .sec1 > section ul {
	list-style: inside;
	padding-left: 0;
}

#main .sec1 > section .pdf_sugoroku {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
	margin-bottom: 0;
	flex-wrap: wrap;
	list-style: none;
}



#main .sec1 > section .pdf_sugoroku li {
	width: 48%;
}

#main .sec1 > section .pdf_sugoroku li a {
	display: block;
	padding-left: 0;
	background-image: none;
	text-align: center;
}

#main .sec1 > section .pdf_sugoroku li span {
	padding-left: 1.3em;
    background: url("../../common/img/icon_pdf.png") no-repeat left center;
    background-size: 1em;
}


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

#main .sec1 > section .pdf_sugoroku li {
	width: 100%;
	margin-bottom: 2em;
}

#main .sec1 > section .pdf_sugoroku li:last-child {
	margin-bottom: 0;
}
	
#main .sec1 .text,
#main .sec2 .text,
#main .sec1 .text {
	margin-bottom: 1em;
}

#main .sec1 > section {
	padding: 25px;
}

#main .sec1 h3 {
	font-size: 1.2em;
}

}

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



}