@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi01 a:before {
	display: block;
}

.pageTitle {
	margin-bottom: 63px;
	background-image: url(../image/common/page_title_bg06.jpg);
}

#main {
	margin-bottom: 136px;
}

#main .title {
	margin-bottom: 35px;
	text-align: center;
}

#main .bgBox {
	padding: 44px 0 223px;
	background: url(../image/about/bg01.jpg) no-repeat left top, url(../image/about/bg02.jpg) no-repeat right bottom;
}

#main .bgBox .headLine01 {
	margin-bottom: 52px;
}

#main .headLine01:before {
	bottom: -16px;
}

#main .bgBox .headLine01 sup {
	margin: 3px 0 0;
	font-size: 16px;
}

#main .bgBox p {
	margin-bottom: 61px;
	font-size: 14px;
	line-height: 2.85;
	text-align: center;
}

#main .bgBox .textImg img {
	width: 326px;
}

#main .area {
	margin: -231px -1px 109px 0;
}

#main .linkList {
	width: 555px;
	float: left;
}

#main .linkList:nth-child(2n) {
	width: 556px;
	background-color: #6C9BD2;
}

#main .linkList li {
	float: left;
}

#main .linkList li a {
	display: block;
}

#main .linkList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .linkList:nth-child(2n) li {
	width: 278px;
}

#main .linkList:nth-child(2n) li img {
	width: 100%;
}

#main .linkList .bgCor09 {
	background-color: #6C9BD2;
}

#main .headLine01 {
	margin-bottom: 56px;
}

#main p {
	margin-bottom: 56px;
	font-size: 14px;
	line-height: 2;
}

#main p sup {
	font-size: 8px;
}

#main .photo {
	margin-bottom: 58px;
	text-align: center;
}

#main .photo01 {
	margin-bottom: 83px;
	padding: 8px 13px 0 0;
}

#main .photo02 {
	margin-bottom: 155px;
}

#main .photo03 {
	margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
	.pageTitle {
		margin-bottom: 40px;
		background-image: url(../image/common/sp_page_title_bg06.jpg);
	}
	
	.pageTitle h1 img {
		height: 34px;
	}

	#main {
		margin-bottom: 220px;
	}
	
	#main .title {
		margin-bottom: 30px;
		text-align: center;
	}
		
	#main .title img {
		margin: 0 auto;
		width: 320px;
	}

	#main .bgBox {
		padding: 32px 0 50px;
		background: url(../image/about/sp_bg01.jpg) no-repeat left top, url(../image/about/sp_bg02.jpg) no-repeat right bottom;
		background-size: 109px auto, 74px auto;
	}
	
	#main .bgBox .headLine01 {
		margin-bottom: 37px;
	}
	
	#main .headLine01:before {
		bottom: -5px;
	}
	
	#main .bgBox .headLine01 sup {
		margin: 2px 0 0;
		font-size: 11px;
	}
	
	#main .bgBox p {
		margin-bottom: 36px;
		font-size: 13px;
		line-height: 2.23;
		text-align: center;
	}
	
	#main .bgBox .textImg img {
		width: 196px;
	}

	#main .area {
		margin: -39px 0 100px;
	}
	
	#main .linkList {
		width: auto;
		float: none;
	}
	
	#main .linkList:nth-child(2n) {
		width: auto;
	}
	
	#main .linkList li {
		width: 100% !important;
	}
	
	#main .linkList .wid01 {
		width: 50% !important;
	}
	
	#main .linkList li a {
		display: block;
		position: relative;
		background-color: #F0845D;
	}
	
	#main .linkList li a:before {
		margin-top: -7px;
		width: 10px;
		height: 24px;
		position: absolute;
		right: 12px;
		top: 50%;
		background: url(../image/common/icon07.png) no-repeat;
		background-size: 8px auto;
		
		content: "";
	}
	
	#main .linkList .bgCor01 a {
		background-color: #F6AE6A;
	}
	
	#main .linkList .bgCor02 a {
		background-color: #EE858C;
	}
	
	#main .linkList .bgCor03 a {
		background-color: #54C3F1;
	}
	
	#main .linkList .bgCor04 a {
		background-color: #A675B0;
	}
	
	#main .linkList .bgCor05 a {
		background-color: #00AEBB;
	}
	
	#main .linkList .bgCor06 a {
		background-color: #A8D182;
	}
	
	#main .linkList .bgCor07 a {
		background-color: #6C9BD2;
	}
	
	#main .linkList .bgCor08 a {
		background-color: #718CC7;
	}
	
	#main .linkList .bgCor09 a {
		background-color: #69BD83;
	}
	
	#main .linkList .bgCor10 a {
		background-color: #EE87B4;
	}
	
	#main .linkList li img {
		margin: 0 auto;
		width: auto !important;
		height: 159px;
	}

	#main .headLine01 {
		margin-bottom: 40px;
	}

	#main p {
		margin-bottom: 28px;
		font-size: 13px;
		line-height: 1.76;
	}

	#main .photo {
		margin-bottom: 34px;
	}
	
	#main .photo img {
		width: 100%;
	}
	
	#main .photo01 {
		margin-bottom: 71px;
		padding: 23px 0 0;
	}

	#main .photo02 {
		margin-bottom: 111px;
	}
	
	#main .photo03 {
		margin-bottom: 50px;
	}		
}
@media (min-width: 320px) and (max-width: 374px) {		
	#main .title img {
		width: 280px;
	}
	
	#main .linkList li img {
		margin: 0 auto;
		width: 100% !important;
		height: auto;
	}

}