@charset "utf-8";
/* CSS Document */
/*==============================================================================
■Auther：
■Content：
■Note：
■Outline-----------------------------------------------------------------------



==============================================================================*/


/* config
------------------------------------------------------------------------------ */
.mainContent img {
	vertical-align: middle;
	line-height: 1;
}
/* micro clearfix */
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/* content
------------------------------------------------------------------------------ */
/* common =================== */
/* hover img alpha */
a img.alpha {
	transition: all 0.2s ease 0s;
}
a:hover img.alpha {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mainContent .float-box {
	overflow: hidden;
}
/* header =================== */
.mainContent .header {
	position: relative;
}
.mainContent .header p {
	position: absolute;
	top: 240px;
	left: 35px;
	width: 27em;
	color: #fff !important;
}
.mainContent .header .button {
	position: absolute;
	top: 322px;
	left: 644px;
	width: 294px;
	height: 147px;
	overflow: hidden;
}
.mainContent .header .button a {
	display: block;
	width: 294px;
	height: 147px;
	background-image: url(img1605/head_btn01.png);
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-left: 114px;
}
/* left box =================== */
.mainContent .mainframe {
	background-color: #f5e029;
}
.mainContent .mainframe > .left-box {
	width: 680px;
	float: left;
	background-image: url(img1605/bg01.png);
}
.mainContent .pos-box {
	position: relative;
}
/* sec1 ----------------------- */
.mainContent .sec1 .text1 {
	position: absolute;
	bottom: 12px;
	left: 16px;
	width: 21em;
}
.mainContent .sec1 .text2 {
	position: absolute;
	bottom: 14px;
	right: 40px;
	width: 13em;
}
.mainContent .sec1 .text1, .mainContent .sec1 .text2 {
	font-size: 92.8571%; /* 14 -> 13px */
}
.mainContent .sec1 .text1 span, .mainContent .sec1 .text2 span {
	font-size: 115.3846%; /* 13 -> 15px */
}
/* 1 */
.mainContent .sec1 .text3 {
	position: absolute;
	top: 372px;
	left: 0px;
	width: 41em;
}
.mainContent .sec1 .text3 span {
	font-size: 85.7142%; /* 14 -> 12px */
}
/* 2 */
.mainContent .sec1 .text4 {
	position: absolute;
	top: 80px;
	left: 324px;
	width: 19em;
}
.mainContent .sec1 .text5 {
	position: absolute;
	top: 290px;
	left: 336px;
	width: 8em;
}
.mainContent .sec1 .text6 {
	position: absolute;
	top: 420px;
	left: 290px;
	width: 21em;
}
/* 3 */
.mainContent .sec1 .text7 {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 23em;
}
/* 4 */
.mainContent .sec1 .text8 {
	position: absolute;
	top: 60px;
	left: 0px;
	padding-right: 96px;
}
.mainContent .sec1 .text9 {
	position: absolute;
	top: 488px;
	left: 48px;
	font-size: 85.7142%; /* 14 -> 12px */
	width: 14em;
}
.mainContent .sec1 .text10 {
	position: absolute;
	top: 248px;
	left: 248px;
	width: 23em;
	color: #5c271e;
}
.mainContent .sec1 .text10 .photo-margin-height {
	width: 1px;
	height: 13.5em;
	float: right;
	display: block;
}
.mainContent .sec1 .text10 .photo-margin {
	clear: both;
	float: right;
	display: block;
	width: 180px;
	height: 200px;
	content: " ";
}
/* 5 */
.mainContent .sec1 .text11 {
	position: absolute;
	top: 120px;
	left: 264px;
	width: 23em;
}
/* 6 */
.mainContent .sec1 .text12 {
	position: absolute;
	top: 164px;
	left: 540px;
	width: 30em;
}
/* sec2 ----------------------- */
.mainContent .sec2 .line-box {
	border-width: 0px 1px 1px 1px;
	border-color: #5c271e;
	border-style: solid;
	padding: 16px 48px 48px;
	overflow: hidden;
}
/* 2-1 */
.mainContent .sec2 .text1 {
	position: absolute;
	top: 148px;
	left: 0px;
	width: 32em;
}
/* 2-2 */
.mainContent .sec2 .sec2-2 .left {
	float: left;
	width: 650px;
}
.mainContent .sec2 .sec2-2 .left h2 {
	margin-bottom: 20px;
}
.mainContent .sec2 .sec2-2 .img {
	float: right;
	margin-left: 4%;
}
/* 2-3 */
.mainContent .sec2 .sec2-3 .right {
	float: right;
	width: 530px;
}
.mainContent .sec2 .sec2-3 .right h2 {
	margin-bottom: 20px;
}
/* 2-4 */
.mainContent .sec2 .sec2-4 {
	text-align: right;
}
.mainContent .sec2 .sec2-4 .text {
	position: absolute;
	top: 88px;
	right: 240px;
	width: 23em;
	color: #fff;
	text-align: left;
}
/* sec3 ----------------------- */
.mainContent .sec3 {
	background-image: url(img1605/bg01.png);
	padding-top: 40px;
}
.mainContent .sec3 .line-box {
	border-width: 0px 1px 1px 1px;
	border-color: #5c271e;
	border-style: solid;
	padding: 16px 48px 48px;
	overflow: hidden;
	background-color: #fff;
}
.mainContent .sec3 .lead {
	color: #5c271e;
	font-size: 128.5714%; /* 14 -> 18px */
	padding-bottom: 2%;
	border-bottom: 1px solid #000000;
	margin-bottom: 2%;
}
/* 3-1 */
.mainContent .sec3 .sec3-1 {
	padding-bottom: 4%;
	border-bottom: 1px solid #000000;
	margin-bottom: 4%;
}
.mainContent .sec3 .sec3-1 h2 {
	float: left;
	margin-right: 4%;
}
.mainContent .sec3 .sec3-1 .text {
	margin-top: 164px;
}
/* 3-2 */
.mainContent .sec3 .sec3-2 {
	padding-bottom: 4%;
	border-bottom: 1px solid #000000;
	margin-bottom: 4%;
}
.mainContent .sec3 .sec3-2 h2 {
	margin-bottom: 2%;
}
/* 3-3 */
.mainContent .sec3 .sec3-3 .limit {
	font-size: 142.8571%; /* 14 -> 20px */
	text-indent: -.75em;
	margin-left: .75em;
}
.mainContent .sec3 .sec3-3 .limit span {
	font-size: 75%; /* 20 -> 15px */
	color: #cf6433;
}
.mainContent .sec3 .sec3-3 .note {
	font-size: 128.5714%; /* 14 -> 18px */
	margin-bottom: 2%;
}
.mainContent .sec3 .sec3-3 .button {
	position: relative;
	left: -10px;
}
/* sec4 ----------------------- */
.mainContent .sec4 {
	padding: 8% 0;
	background-image: url(img1605/bg01.png);
}
.mainContent .sec4 .float-box {
	padding: 4% 8% 0;
}
.mainContent .sec4 .img {
	float: left;
	margin-right: 4%;
}
.mainContent .sec4 .text {
	padding-top: 40px;
}
.mainContent .sec4 .text .lead {
	margin-bottom: 2%;
}
/* offer */
.mainContent .offer {
	padding-top: 4%;
}
/* staff */
.mainContent .staff {
	padding: 4% 0;
	text-align: right;
	font-size: 85.7142%; /* 14 -> 12px */
}
/* right box =================== */
.mainContent .mainframe > .right-box {
	width: 289px;
	float: right;
}
.mainContent .mainframe > .right-box .text1 {
	padding: 0 16px;
	height: 320px;
}
.mainContent .mainframe > .right-box .text2 {
	padding: 0 16px;
	height: 350px;
}
.mainContent .mainframe > .right-box .right10 {
	position: relative;
}
.mainContent .mainframe > .right-box .right10 .message {
	position: absolute;
	top: 16px;
	left: -56px;
}
/* for iphone */
body {
	-webkit-text-size-adjust: 100%; /* iphone 自動調整対策 */
}
/* for android ---------- */
.sec1 div p, .sec2 div p, .sec3 div p, .sec4 div p {
	background-image: url(img1605/androidfix.png);
}

@media print {
.mainContent .header p {
	color: #fff !important;
}
}