@charset "utf-8";
* {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	line-height: 1.6;
	font-size: 1.5rem;
	color: #333333;
}
body, main, h1, h2, h3, p, ul, li, dl, dd, figure {
	margin: 0;
	padding: 0;
}
.headTitleBox {
	margin-bottom: 0;
}
.contentsWrap {
	width: 100%;
}
.oneContents .contentsWrap #main {
	width: 100%;
}
#main {
	padding: 0;
}
#footerLink {
	margin-top: 0;
}
/*=====main=====*/
.pcOnly {
	display: none;
}
main .bgWrap01 {
	background: url(../images/idx_bg02.jpg) no-repeat center top;	
	background-size: 100%;	
	}
main .bgWrap02 {
	background: url(../images/idx_bg03.jpg) no-repeat center top;	
	background-size: 100%;	
	}
section {
	margin: 0;
}
main .bgWrap01 {
	color: #ffffff;
}
main .bgWrap02 {
	color: #7c2901;	
}
.bgWrap01 .heading {
	padding: 7% 5%;
}
.bgWrap01 .linkBtn {
	padding: 22% 3% 0;
}
.contents01 .col01 {
	padding: 3% 0 22%;
}
.contents01 h2 {
	padding: 5% 10% 0;
}
.contents01 .col01 li{
    position: relative;
}
.contents01 .col01 li dl {
	position: absolute;
	line-height: 1.4;
}
.contents01 .col01 .second {
	margin: 14% 0 3%;
}
.contents01 .col01 li dl dt{
    width: 37%;
}
.contents01 .col01 .second dl dt{
    width: 72%;
}
.contents01 .col01 .first dl {
	top: 26%;
    left: 3%;
}
.contents01 .col01 .second dl {
	top: -4%;
	left: 60%;
}
.contents01 .col01 .third dl {
	top: 18%;
	left: 3%;
}
dl .tasteBtn {
	width: 52%;
    margin: 2% 0 0;
}
.contents02 h2 {
	padding: 0 10% 0;
}
.col02 li {
	padding: 0 0 3%;
}
.col02 li figure {
    width: 41%;
    float: right;
	padding: 0 3% 0 0;
}
.col02 li dl {
	float: left;
	padding: 3% 0 0 3%;
}
.col02 li dl dt {
	width: 39%;
}
.col02 li dl dd {
	line-height: 2.2rem;
}
.btnArea {
	padding: 184% 4% 12%;
}
.btnArea li:nth-child(2) {
	padding: 5% 4% 0;
}
/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
	.spOnly {
		display: none;
	}	
	.pcOnly {
		display: inline-block;
	}
	main h1 {
		text-align: center;
		background: url(../images/idx_bg01pc.jpg) no-repeat center top;
	}
	main .bgWrap01 {
		text-align: center;
		background: url(../images/idx_bg02pc.jpg) no-repeat center top;	
		background-size: auto;
		font-size: 2.0rem;
		}
	main .bgWrap02 {
		text-align: center;
		background: url(../images/idx_bg03pc.jpg) no-repeat center top;	
		background-size: auto;
		font-size: 2.0rem;
		}
	section {
		margin: 0;
	}
	.bgWrap01 .heading {
		padding: 0;
	}
	.bgWrap01 .linkBtn {
		padding: 180px 0 0;
	}
	.contents01 h2 {
		padding: 30px 0 0;
	}
	.contents01 .col01, .contents02 .col02 {
		width: 1000px;
		margin: 0 auto;
	}
	.contents01 .col01 {
		padding: 10px 0 154px;
	}
	.contents01 .col01 li dl {
    	text-align: left;
	}
	.contents01 .col01 li dl dt {
		width: inherit;
	}
	.contents01 .col01 .second {
		margin: -53px 0 -35px;
	}
	.contents01 .col01 .first dl {
		top: 82px;
		left: 45px;
	}
	.contents01 .col01 .third dl {
		top: 150px;
		left: 45px;
	}
	.contents01 .col01 .second dl {
		top: 90px;
		left: 586px;
	}
	dl .tasteBtn {
		width: inherit;
		margin: 10px 0 0;
	}
	.contents02 h2 {
		padding: 0 0 0;
	}
	.contents02 .col02 {
		padding: 25px 0;
	}
	.col02 li dl {
		text-align: left;
		padding: 36px 0 0 140px;
	}
	.col02 li dl dd {
		line-height: 2.6rem;
		padding: 5px 0 0;
	}
	.col02 li {
		padding: 0 0 27px;
	}
	.btnArea {
		padding: 940px 0 65px;
	}
	.btnArea li:nth-child(2) {
		padding: 20px 0 0;
	}
	.recomend p {
		text-align: center;
		background-color: #ff7004;
	}
	.recomend ul li {
		float: left;
		width: 33.3%;
	}	
}
/*=====clearFix=====*/
.col02 li:after,
.recomend ul:after {
	display: block;
	clear: both;
	content: ""
}