@charset "utf-8";


/***************************************************************************
*
* CASE STYLE
*
***************************************************************************/
/*#main*/
#main {
	background-position: top center;
	padding: 25px 0 75px;
}
#main .mainWrap {
	margin-top: 5px;
	width: 100%;
/*	text-align: center;
*/}
#main .inner {
	padding: 0;
}
#main .title2 {
	font-size: 29px;
	line-height: 33px;
	margin-bottom: 15px;
}
#main .title3 {
	font-size: 69px;
}
/*#content*/
#content {
	margin-top: 31px;
}
/*areaIntro*/
.areaIntro .introItem + .introItem {
	margin-top: 2px;
}
.areaIntro .introItem .introDetail {
	float: left;
	width: 535px;
	margin-top: 21px;
}
.introTitle {
	display: inline-block;
	font-size: 24px;
	color: #0083C2;
}
.introTitle.big {
	font-size: 30px;
	border-bottom: 2px solid #0083C2;
	padding-bottom: 1px;
}
.introTitle span {
	font-size: 24px;
}
.areaIntro .introItem .introTxt {
	font-size: 16px;
	line-height: 28px;
	margin-top: 22px;
	text-align: justify;
}
.areaIntro .introItem:not(:first-child) .introTxt {
	margin-top: 14px;
}
.areaIntro .introItem .introTxt.indent{
	text-indent: 15px;
}
.areaIntro .introItem .introTxt span {
	display: inline-block;
	text-indent: 15px;
}
.areaIntro .introItem .introPhoto {
	position: relative;
	float: right;
	width: 341px;
}
.areaIntro .introItem:nth-child(2) .introPhoto {
	margin-top: 78px;
}
.areaIntro .introItem .subPhoto {
	text-align: center;
	margin-top: 6px;
}
.areaIntro .introItem:nth-child(3) {
	margin-top: 18px;
}
.areaIntro .introItem:nth-child(3) .introPhoto {
	margin-top: 78px;
}
.areaIntro .introItem:nth-child(4) {
	margin-top: 8px;
}
.areaIntro .introItem:nth-child(4) .introPhoto {
	margin-top: 76px;
}
.areaIntro .introItem .introPhoto .textPhoto {
	position: absolute;
	width: 281px;
	padding: 10px 0 8px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.73);
	font-size: 36px;

}
/*.areaIntro*/

.areaIntroDetail {
	margin-top: 30px;
	padding: 20px 0;
	background: #f5f5f5;
}
.areaIntroDetail .introName {
	margin-top: 12px;
}
.areaIntroDetail .introName .subIntro{
	display: inline-block;
	vertical-align: bottom;
	font-size: 18px;
	font-weight: bold;
}
.areaIntroDetail .introName .introTitle {
	display: inline-block;
	vertical-align: bottom;
}
.areaIntroDetail .introWrap {
	margin-top: 10px;
}
.areaIntroDetail .introTable {
	float: left;
	width: 641px;
}
.areaIntroDetail .introTable table {
	width: 100%;
}
.areaIntroDetail .introTable th {
	width: 100px;
	font-size: 16px;
	color: #fff;
	background: #0083C2;
	font-weight: normal;
	padding: 20px 0 19px;
	border-bottom: 1px solid #fff;
}
.areaIntroDetail .introTable td {
	font-size: 16px;
	background: #fff;
	text-align: left;
	padding: 20px 12px 19px;
	border-bottom: 1px solid #0083C2;
}
.areaIntroDetail .introTable tr:last-child th,
.areaIntroDetail .introTable tr:last-child td {
	border-bottom: none;
}
.areaIntroDetail .introPhoto {
	float: right;
	width: 241px;
}
.areaIntroDetail .note {
	text-align: right;
	margin-top: 10px;
}

/*SP STYLE*/
@media (max-width: 1150px) {
	#main {
		background-image: url(../img/index/main.jpg);
	}
	#main .inner {
		padding: 0 2.5%;
	}
	#main .mainWrap {
		margin-top: 0;
		width: 100%;
		text-align: left;
	}
	#main .title2 {
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 3px;
	}
	#main .title3 {
		font-size: 40px;
		margin-top: 10px;
	}
	/*#main*/

	/*#content*/
	#content {
		margin-top: -50px;
	}
	.introTitle.big {
		font-size: 22px;
		padding-bottom: 0;
	}
	.introTitle {
		font-size: 18px;
	}
	.introTitle span {
		font-size: 80%;
	}

	/*areaIntro*/
	.areaIntro .introItem + .introItem {
		margin-top: 20px;
	}
	.areaIntro .introItem .introTxt,
	.areaIntro .introItem:not(:first-child) .introTxt {
		font-size: 14px;
		margin-top: 10px;
	}
	.areaIntro .introItem .introDetail {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
	.areaIntro .introItem .introPhoto,
	.areaIntro .introItem:nth-child(2) .introPhoto,
	.areaIntro .introItem:nth-child(3) .introPhoto,
	.areaIntro .introItem:nth-child(4) .introPhoto {
		width: 100%;
		margin-top: 12px;
		text-align: center;
	}
	/*areaIntro*/

	/*.areaIntroDetail*/
	.areaIntroDetail {
		text-align: center;
	}
	.areaIntroDetail .introName .subIntro {
		font-size: 14px;
	}
	.areaIntroDetail .introName .introTitle {
		font-size: 14px;
	}
	.areaIntroDetail .introTable {
		width: 100%;
	}
	.areaIntroDetail .introTable table {
		box-shadow: 0 2px 10px rgba(94,94,94,0.15);
	}
	.areaIntroDetail .introPhoto {
		width: 100%;
		margin-top: 10px;
	}
	.areaIntroDetail .introTable th,
	.areaIntroDetail .introTable td {
		display: block;
		width: 100%;
		text-align: left;
		padding: 4px 10px;
	}
	.areaIntroDetail .introTable th {
		font-size: 14px;
		text-align: center;
	}
	.areaIntroDetail .introTable td {
		font-size: 14px;
		padding: 4px 10px 24px;
	}

	.areaIntroDetail .note {
		width: 100%;
		font-size: 14px;
		margin-top: 10px;
	}

	/*.areaIntroDetail*/
}