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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

/*url(../common/img/bg.jpg)*/

.border {border-bottom:solid 1px #e6e6e6;}

#main{
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-size:cover;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	#wrapper {
		padding-bottom: 0px;
		
	}
	
	.h2_wrap{
		margin-top:25px;
		border-bottom:solid 1px #e6e6e6;
		padding-bottom:60px;
		}
		.h2_wrap h2{
			text-align:center;
			color:#274A78;
			font-size:24px;
			}
		
	#main{
		padding:100px 0  160px;
		}
		
		#main ul{
			margin-left: -2.33333%;
			}
			#main ul li{
				width:31%;
				float:left;
				margin-left: 2.33333%;
				margin-top:30px;
				background-color:#fff;
				}
			#main ul li a{
				display:block;
				background-color:#fff;
				padding:30px 15px 30px 50px;
				font-weight:bold;
				background:url(../images/arrow.jpg) no-repeat 15px center;
				}
				
				#main .h4_wrap{
					}
				#main .h4_wrap h4{
					position: relative;
					margin-bottom: 60px;
					font-size: 20px;
					}
				#main .h4_wrap h4::after{
					content: "";
					position: absolute;
					width: 83px;
					height: 3px;
					background-color: #000;
					left: 0;
					bottom: -30px;
					}
		
		
}









/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	#wrapper {
		padding-bottom: 0px;
		
	}
	
	.h2_wrap{
		margin-top:25px;
		border-bottom:solid 1px #e6e6e6;
		padding-bottom:40px;
		}
		.h2_wrap h2{
			text-align:center;
			color:#274A78;
			font-size:24px;
			}
		
	#main{
		padding:5%;
		}
		
		#main ul{
			}
			#main ul li{
				width: 100%;
				background-color:#fff;
				display:table;
				margin-bottom: 3%;
				}
			#main ul li a{
				display: block;
				vertical-align:middle;
				height:100%;
				width:100%;
				background-color:#fff;
				padding:20px 10px 20px 35px;
				line-height:1.5em;
				box-sizing:border-box;
				font-weight:bold;
				background:url(../images/arrow.jpg) no-repeat 10px center;
				background-size:15px;
				}
				
				#main .h4_wrap h4{
					position: relative;
					font-size:1.2em;
					margin-bottom: 50px;
					}
				#main .h4_wrap h4::after{
					content: "";
					position: absolute;
					width: 83px;
					height: 3px;
					background-color: #000;
					left: 0;
					bottom: -20px;
					}


}