@charset "utf-8";

@media only screen and (min-width:769px){
	/* ----- about ----- */
	#about_wrap{
		padding: 80px 0 40px 0;
		overflow: hidden;
	}
	#about{
		width: 980px;
		margin: 0 auto;
		text-align: center;
		background-image: url(../images/point1.png), url(../images/point2.png), url(../images/point3.png), url(../images/point4.png);
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
		background-position: 60px 20px, 800px 20px, 40px 260px, 860px 160px;
	}
	#about h2{
		width: 630px;
		display: inline-block;
		color: #ff6969;
		font-size: 2.1rem;
		font-weight: bold;
		text-indent: 1px;
		letter-spacing: 1px;
	}
	#about p{
		width: 630px;
		display: inline-block;
		font-size: 1.4rem;
		line-height: 200%;
		text-align: left;
		padding: 40px 0 40px;
		margin: 0 auto;
	}
	#about .btn a{
		display: inline-block;
		text-align: center;
		line-height: 36px;
		font-size: 1.3rem;
		color: #ffffff;
		background-color: #0b2265;
		border: 1px solid #0b2265;
		letter-spacing: 1px;
		padding: 0 20px;
		margin: 0 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	#about .btn a:hover{
		color: #0b2265;
		background-color: #ffffff;
	}
	/* ----- list ----- */
	#list_wrap{
		margin: 40px 0 40px 0;
		background-image: url(../images/bg_img.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#list{
		width: 980px;
		padding: 40px 0;
		margin: 0 auto;
		text-align: center;
	}
	#list h2{
		color: #fff103;
		font-size: 2.1rem;
		font-weight: bold;
		text-indent: 1px;
		letter-spacing: 1px;
	}
	#list ul{
		display: inline-block;
		padding: 30px 0 0 20px;
	}
	#list ul li{
		color: #ffffff;
		background-image: url(../images/check.png);
		background-position: left 3px;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 1.4rem;
		padding: 0 0 0 25px;
		margin: 0 0 5px 0;
	}
	/* ----- col3 ----- */
	#col3_wrap{
		padding: 0 0 40px 0;
	}
	#col3{
		width: 980px;
		margin: 0 auto;
	}
	#col3_box{
		padding: 30px 0;
		text-align: center;
		display:-webkit-box; 
		display:-moz-box; 
		display:-ms-box; 
		display:-webkit-flexbox; 
		display:-moz-flexbox; 
		display:-ms-flexbox; 
		display:-webkit-flex; 
		display:-moz-flex; 
		display:-ms-flex; 
		display:flex; 
		-webkit-box-lines:multiple; 
		-moz-box-lines:multiple; 
		-webkit-flex-wrap:wrap; 
		-moz-flex-wrap:wrap; 
		-ms-flex-wrap:wrap; 
		-moz-box-align: center;
		-webkit-box-align: center;
		-moz-box-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		flex-wrap:wrap; 
		flex-direction: row;
		overflow: hidden;
	}
	.col3_item{
		background-color: #ffffff;
		width: 28%;
		margin: 0 2%;
	}
	.col3_item figure{
		padding: 4px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col3_item figure img{
		width: 100%;
	}
	.col3_item p{
		font-size: 1.3rem;
		line-height: 180%;
		text-align: left;
		padding: 5px 5px;
	}
	/* ----- col2 ----- */
	#col2_wrap{
		padding: 0 0 40px 0;
	}
	#col2{
		width: 980px;
		margin: 0 auto;
	}
	#col2_box{
		width: 100%;
		display: table;
		table-layout: fixed;
	}
	.col2_cell{
		display: table-cell;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col2_cell h2{
		display: inline-block;
		color: #666666;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		text-indent: 2px;
		letter-spacing: 2px;
		line-height: 50px;
		padding: 0 0 0 50px;
		margin: 0 0 0 30px;
	}
	#col2_box .col2_cell:first-child h2{
		background-image: url(../images/top_title1.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 40px 40px;
	}
	#col2_box .col2_cell:nth-child(2) h2{
		background-image: url(../images/top_title2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 40px 40px;
	}
	.col2_cell .news, .col2_cell .info{
		height: 222px;
		border: 1px solid #0b2265;
		margin: 0 20px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col2_cell .btn{
		text-align: center;
		margin: 12px auto;
	}
	.col2_cell .btn a{
		display: inline-block;
		text-align: center;
		width: 160px;
		line-height: 32px;
		font-size: 1.2rem;
		color: #ffffff;
		background-color: #0b2265;
		border: 1px solid #0b2265;
		letter-spacing: 1px;
		margin: 0 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	.col2_cell .btn a:hover{
		color: #0b2265;
		background-color: #ffffff;
	}
	/* ----- newsの中身 ----- */
	.col2_cell .news dl{
		padding: 15px 15px 0;
	}
	.col2_cell .news dl dt{
		font-size: 1.3rem;
		padding: 0 0 3px 0;
	}
	.col2_cell .news dl dd{
		font-size: 1.3rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 0 0 8px 0;
	}
	.col2_cell .news dl dd a{
		color: #231815;
	}
	.col2_cell .news dl dd a:hover{
		text-decoration: underline;
	}
	/* ----- infoの中身 ----- */
	.col2_cell .info .table{
		padding: 15px 15px 0;
	}
	.cate_box{
		width: 100%;
		display: table;
		table-layout: fixed;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cate_box p{
		display: table-cell;
		vertical-align: top;
		text-align: left;
		font-size: 1.3rem;
		line-height: 175%;
		padding: 3px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cate_box p:first-child{
		width: 26%;
		color: #0b2265;
		font-size: 1.5rem;
		font-weight: bold;
		border-right: 2px solid #cccccc;
	}	
}

@media only screen and (max-width : 768px ){
	/* ----- about ----- */
	#about_wrap{
		padding: 40px 0 20px 0;
		overflow: hidden;
	}
	#about{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#about h2{
		max-width: 530px;
		width: 90%;
		display: inline-block;
		color: #ff6969;
		font-size: 1.7rem;
		font-weight: bold;
		text-indent: 1px;
		letter-spacing: 1px;
	}
	#about p{
		max-width: 530px;
		width: 90%;
		display: inline-block;
		font-size: 1.3rem;
		line-height: 180%;
		text-align: left;
		padding: 20px 0;
		margin: 0 auto;
	}
	#about .btn a{
		display: inline-block;
		text-align: center;
		line-height: 36px;
		font-size: 1.3rem;
		color: #ffffff;
		background-color: #0b2265;
		border: 1px solid #0b2265;
		letter-spacing: 1px;
		padding: 0 20px;
		margin: 0 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	/* ----- list ----- */
	#list_wrap{
		margin: 20px 0 20px 0;
		background-image: url(../images/bg_img.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#list{
		width: 100%;
		padding: 40px 0;
		margin: 0 auto;
		text-align: center;
	}
	#list h2{
		color: #fff103;
		font-size: 1.7rem;
		font-weight: bold;
		text-indent: 1px;
		letter-spacing: 1px;
	}
	#list ul{
		display: inline-block;
		padding: 30px 10px 0 20px;
	}
	#list ul li{
		color: #ffffff;
		background-image: url(../images/check.png);
		background-position: left 3px;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 1.3rem;
		padding: 0 0 0 25px;
		margin: 0 0 5px 0;
	}
	/* ----- col3 ----- */
	#col3_wrap{
		padding: 0 0 20px 0;
	}
	#col3{
		width: 100%;
		margin: 0 auto;
	}
	#col3_box{
		font-size: 0;
		padding: 30px 0 0;
		text-align: center;
	}
	.col3_item{
		display: inline-block;
		max-width: 420px;
		width: 80%;
		background-color: #ffffff;
		margin: 0 10px 20px;
	}
	.col3_item figure{
		padding: 4px;
		border: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col3_item figure img{
		width: 100%;
	}
	.col3_item p{
		font-size: 1.3rem;
		line-height: 180%;
		text-align: left;
		padding: 5px 5px;
	}
	/* ----- col2 ----- */
	#col2_wrap{
		padding: 0 0 20px 0;
	}
	#col2{
		width: 100%;
		margin: 0 auto;
	}
	#col2_box{
		display: block;
		max-width: 560px;
		width: 100%;
		margin: 0 auto;
	}
	.col2_cell{
		margin: 0 0 20px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col2_cell h2{
		display: inline-block;
		color: #666666;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		text-indent: 2px;
		letter-spacing: 2px;
		line-height: 50px;
		padding: 0 0 0 50px;
		margin: 0 0 0 30px;
	}
	#col2_box .col2_cell:first-child h2{
		background-image: url(../images/top_title1.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 34px 34px;
	}
	#col2_box .col2_cell:nth-child(2) h2{
		background-image: url(../images/top_title2.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 34px 34px;
	}
	.col2_cell .news, .col2_cell .info{
		border: 1px solid #0b2265;
		margin: 0 20px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col2_cell .btn{
		text-align: center;
		margin: 12px auto;
	}
	.col2_cell .btn a{
		display: inline-block;
		text-align: center;
		width: 160px;
		line-height: 30px;
		font-size: 1.2rem;
		color: #ffffff;
		background-color: #0b2265;
		border: 1px solid #0b2265;
		letter-spacing: 1px;
		margin: 0 5px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	/* ----- newsの中身 ----- */
	.col2_cell .news dl{
		padding: 15px 15px 0;
	}
	.col2_cell .news dl dt{
		font-size: 1.3rem;
		padding: 0 0 3px 0;
	}
	.col2_cell .news dl dd{
		font-size: 1.3rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 0 0 8px 0;
	}
	.col2_cell .news dl dd a{
		color: #231815;
	}
	/* ----- infoの中身 ----- */
	.col2_cell .info .table{
		padding: 15px 15px 0;
	}
	.cate_box{
		width: 100%;
		display: table;
		table-layout: fixed;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cate_box p{
		display: table-cell;
		vertical-align: top;
		text-align: left;
		font-size: 1.3rem;
		line-height: 175%;
		padding: 3px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.cate_box p:first-child{
		width: 32%;
		color: #0b2265;
		font-size: 1.4rem;
		border-right: 2px solid #cccccc;
	}
}

@media only screen and (max-width : 420px ){
	
}