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

/*------------ 初期設定 ------------*/
p {
	color: #fff;
	line-height: 1.7;	
}

/*------------ 全体 ------------*/
html {
}

body {
	background: url(../images/bg_2.png);
  font-family:  "メイリオ", sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}



.header{
	background: url(../images/bg_3.png) center 0 repeat-x;
	text-align: center;
	margin-bottom: 30px;
}

.header h1{
	margin-bottom: 60px;
}
.header h2{
	/*margin-bottom: 30px;*/
}
.header p{
	font-size: 22px;
}


.content{
		max-width: 1040px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		border-bottom: #d1d1d1 2px solid;
		margin-bottom: 75px;
		padding-bottom: 4px;
}
.contentInner{
		background: url(../images/bg_1.png);
		border-bottom: #d1d1d1 1px solid;
		padding-bottom: 40px;
}
.content .contentTxt1{
	padding-top: 20px;
}
.content .contentTxt2{
	margin-bottom: 40px;
}
.content .contentTit1{
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
}
.content ul{
	max-width: 890px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.content ul li{
	position: relative;
	padding-left: 20px;
	color: #d1d1d1;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.content ul li:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.entryBox{
	text-align: center;
	margin-bottom: 60px;
}
.snsBox{
	margin-bottom: 30px;
}
.snsBox ul{
	display: flex;
	justify-content: center;
}
.snsBox ul li{
	margin-right: 3px;
	margin-left: 3px;
}
.snsBox ul li img{
	width: 58px;
}
.copyright{
	text-align: center;
	color: #c7c7c7;
}
.pagetop{
	text-align: right;
}
.pagetop img{
	width: 141px;
}
.is-pc{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.is-sp{
	display: none;
	margin-right: auto;
	margin-left: auto;
}

.card{
	padding: 50px;
	column-count: 3;
	column-gap: 20px;
}

.cardItem{
	border-top: #fff 4px solid;
	padding: 20px;
	margin-bottom: 20px;
	text-align: left;
	background-color: #063b7c;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.cardPhoto{
	margin-bottom: 20px;	
	text-align: center;
}
.cardPhoto img{
}
.cardTit{
	font-weight: bold;
	color: #fffc00;
}
.cardTxt{
	color: #d2d2d2;
}



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

.header{
	background: none;
}
.contentInner{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .contentTit1{
	font-size: 16px;
}
.content .contentTxt1{
	margin-bottom: 30px;
}
.content .contentTxt2{
	margin-bottom: 20px;
}
.content ul li{
	font-size: 14px;
}
.entryBox{
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
}
.snsBox ul li img{
	width: 43px;
}
.pagetop img{
	width: 99px;
}
.card{
	padding: 15px;
	column-count: 2;
	column-gap: 15px;
}
.cardItem{
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.is-sp{
	display: block;
}
.is-pc{
	display: none;
}
.mt-8per{
	margin-top:-8%;
}

}



/*-----padding------*/

.pt5per{
	padding-top:5%;
}