@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.nav-home a {
	background-color: #36368f;
}

/* ==========================================================================
	MAIN
	========================================================================== */

.main {
	background: url("../images/index-images/main-bg.gif") 50% 50% no-repeat;
	margin-bottom: 80px;
}
.main dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.main dl dt {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	padding: 0 0 0 70px;
}
.main dl dt img {
	display: block;
	margin: 0 0 10px 40px;
}
.main dl dt span {
	color: #a1385a;
	font-size: 150%;
}
.main dl dd {
	display: table-cell;
	width: 30%;
	vertical-align: bottom;
	padding: 40px 0 0 0;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */



/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.main {
	background: url("../images/index-images/main-bg02.gif") 50% 50px no-repeat;
	background-size: 1050px;
	padding-top: 70px;
	margin-bottom: 60px;
}
.main dl {
	display: block;
}
.main dl dt {
	display: block;
	width: 100%;
	padding: 20px 0 0 0;
}
.main dl dt h1 {
	font-size: 120%;
	text-align: center;
}
.main dl dt img {
	margin: 0 auto 10px auto;
}
.main dl dd {
	display: block;
	width: 100%;
	padding: 20px 0 0 0;
}
.main dl dd img {
	display: block;
	width: 280px;
	margin: 0 auto;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.main {
	background: url("../images/index-images/main-bg02.gif") 40% 0 no-repeat;
	background-size: 1200px;
	padding-top: 40px;
	margin-bottom: 40px;
}
.main dl dt img {
	width: 60%;
}
.main dl dt h1 {
	font-size: 110%;
}
.main dl dd img {
	width: 180px;
}

}