@charset "utf-8";

/*
		g-mark
	 1. heading
	 2. header
	 3. contentBox

———————————————————- */

/* heading */

h2{
	width: 280px;
	height: 55px;
	background: url(../img/g-mark/title.png) no-repeat;
}

/* header */

header{
	background: #ffc527 url(../img/g-mark/headBack.jpg) no-repeat center top;
}

/* contentBox */

.contentBox>p{
	margin-bottom: 2em;
}

.contentBox>dl{
	margin-bottom: 25px;
}

.contentBox>dl>dt,
.contentBox>dl>dd{
	width: 100%;
}

.contentBox>dl>dt{
	font-size: 18px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #000;
}

.contentBox>dl>dd{
	padding-left: 23px;
}

.contentBox>dl>dd>p{
	margin-bottom: 1em;
}

/* imgWrap */

.imgWrap{
	width: 70%;
	margin: 0 auto;
}

.imgWrap>div>img{
	margin-bottom: 10px;
}

.imgWrap>div>p{
	font-size: 12px;
}

.imgWrap>div:last-child{
	padding-top: 160px;
}
.imgWrap>div.pt0 {padding-top: 0;}

@media screen and (max-width: 1000px) {
	h2{
		width: 80%;
		height:50px;
		background: url(../img/g-mark/spTitle.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	header{
		background: #ffc527;
	}
	
	.headInner{
		height: 55px;
	}
	
	.imgWrap{
		margin-bottom: 20px;
	}
	
	.linkWrap{display: none;}
}

/* 縦長の場合 */
@media only screen and (max-width: 1000px) and (orientation : portrait) {
	.imgWrap>div:last-child{
		padding-top: 10px;
	}
}

/* 横長の場合 */
@media only screen and (max-width: 1000px) and (orientation : landscape) {
	.imgWrap{
		width: 100%;
	}
}