@charset "utf-8";



/*=============================================
	
	メインビジュアル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

@media print, screen and (min-width: 769px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

/*=============================================
	
	タイトル枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.top_title_wrap {
		padding: 3.2em 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 3.6em;
		margin: 0 0 0.6em;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 1.1em;
		margin: 0 0 1.6em;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 1.2em;
		margin: 0 0 0;
	}

}

@media print, screen and (min-width: 769px) {
	.top_title_wrap {
		padding: 60px 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 56px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 16px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 18px;
		margin: 0 0 0;
	}
}

/*=============================================
	
	1段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 3.6em 0;
	}
	#detail01_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail01_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail01_wrap ul.container li:last-child {
		margin: 0 auto 0;
	}
	#detail01_wrap ul.container li.pic01 {

	}
	#detail01_wrap ul.container li.pic02 {
	}
	#detail01_wrap ul.container li.pic03 {
	}
	#detail01_wrap ul.container li.pic04 {
		float: left;
		width: 49%;
	}
	#detail01_wrap ul.container li.pic05 {
		float: right;
		width: 49%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 60px 0;
	}
	#detail01_wrap ul.container {
		width: 100%;
		min-height: 813px;
	}
	#detail01_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail01_wrap ul.container li.pic01 {
		width: 520px;
		top: 0px;
		margin-left: -540px;
	}
	#detail01_wrap ul.container li.pic02 {
		width: 520px;
		top: 0px;
		margin-left: 24px;
	}
	#detail01_wrap ul.container li.pic03 {
		width: 280px;
		top: 402px;
		margin-left: -402px;
	}
	#detail01_wrap ul.container li.pic04 {
		width: 320px;
		top: 382px;
		margin-left: -80px;
	}
	#detail01_wrap ul.container li.pic05 {
		width: 320px;
		top: 560px;
		margin-left: 162px;
	}

}


/*=============================================
	
	2段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail02_wrap {
		background: #FFF;
		padding: 3.6em 0;
	}
	#detail02_wrap h3 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
	}
	#detail02_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail02_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail02_wrap ul.container li.pic01 {
	}
	#detail02_wrap ul.container li.pic02 {
		float: left;
		width: 49%;
	}
	#detail02_wrap ul.container li.pic03 {
		float: right;
		width: 49%;
	}
}

@media print, screen and (min-width: 769px) {
	#detail02_wrap {
		background: #FFF;
		padding: 70px 0;
	}
	#detail02_wrap h3 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 70px;
	}
	#detail02_wrap ul.container {
		width: 100%;
		min-height: 383px;
	}
	#detail02_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail02_wrap ul.container li.pic01 {
		width: 520px;
		top: 24pxpx;
		margin-left: -517px;
	}
	#detail02_wrap ul.container li.pic02 {
		width: 320px;
		top: 0px;
		margin-left: 28px;
	}
	#detail02_wrap ul.container li.pic03 {
		width: 320px;
		top: 162px;
		margin-left: 160px;
	}

}


/*=============================================
	
	おすすめポイント 3段目
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail03_wrap {
		padding: 1.6em 0 0;
	}
	#detail03_wrap h3 {
		font-size: 2.8em;
		text-align: center;
		line-height: 1.0em;
		margin: 0 0 1.0em;
		padding: 56px 0 0;
		background: url(/img/coordinate/no10.png) no-repeat center bottom;
		background-size: 120px auto;
	}
	
	#detail03_wrap .co_wrap {
		padding: 3.2em 0;
	}
	#detail03_wrap .co_wrap dl {
		width: 90%;
		margin: 0 auto 0.6em;
		position: relative;
	}
	#detail03_wrap .co_wrap dl dt {
		padding: 2.4em 0 2.4em;
		text-align: center;
		background: url(/img/coordinate/no01.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(even) {
		background-color: #EEEFE5;
	}	
	#detail03_wrap .co_wrap:nth-of-type(2) dl dt {
		background: url(/img/coordinate/no02.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(3) dl dt {
		background: url(/img/coordinate/no03.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(4) dl dt {
		background: url(/img/coordinate/no04.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(5) dl dt {
		background: url(/img/coordinate/no05.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(6) dl dt {
		background: url(/img/coordinate/no06.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(7) dl dt {
		background: url(/img/coordinate/no07.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(8) dl dt {
		background: url(/img/coordinate/no08.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(9) dl dt {
		background: url(/img/coordinate/no09.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(10) dl dt {
		background: url(/img/coordinate/no10.png) no-repeat center top;
		background-size: 90px auto;
	}
	#detail03_wrap .co_wrap dl dd {
	
	}

	#detail03_wrap .co_wrap dl dt h4 {
		font-size: 2.8em;
		line-height: 1.0em;
		margin: 0 0 0.3em;
	}
	#detail03_wrap .co_wrap dl dt p.text {
		font-size: 1.0em;	
	}
	#detail03_wrap .co_wrap ul.pics {
		width: 90%;
		margin: 0 auto;
	}
	#detail03_wrap .co_wrap ul.pics li {
		float: left;
		width: 32%;
		margin: 0 2% 0 0;
	}
	#detail03_wrap .co_wrap ul.pics li:last-child {
		margin: 0;
	}
}

@media print, screen and (min-width: 769px) {
	#detail03_wrap {
		padding: 30px 0 0;
	}
	#detail03_wrap h3 {
		font-size: 56px;
		text-align: center;
		line-height: 1.0em;
		margin: 0 0 10px;
		padding: 56px 0 0;
		background: url(/img/coordinate/no10.png) no-repeat center bottom;
		background-size: 160px auto;
	}
	
	#detail03_wrap .co_wrap {
		padding: 50px 0;
	}
	#detail03_wrap .co_wrap dl {
		width: 960px;
		margin: 0 auto 30px;
		position: relative;
	}
	#detail03_wrap .co_wrap dl dt {
		float: left;
		width: 300px;
		padding: 150px 0 110px;
		text-align: center;
		background: url(/img/coordinate/no01.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(even) {
		background-color: #EEEFE5;
	}	
	#detail03_wrap .co_wrap:nth-of-type(even) dl dt {
		float: right;
	}
	#detail03_wrap .co_wrap:nth-of-type(even) dl dd {
		float: left;
	}
	#detail03_wrap .co_wrap:nth-of-type(2) dl dt {
		background: url(/img/coordinate/no02.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(3) dl dt {
		background: url(/img/coordinate/no03.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(4) dl dt {
		background: url(/img/coordinate/no04.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(5) dl dt {
		background: url(/img/coordinate/no05.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(6) dl dt {
		background: url(/img/coordinate/no06.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(7) dl dt {
		background: url(/img/coordinate/no07.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(8) dl dt {
		background: url(/img/coordinate/no08.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(9) dl dt {
		background: url(/img/coordinate/no09.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap:nth-of-type(10) dl dt {
		background: url(/img/coordinate/no10.png) no-repeat center center;
		background-size: 120px auto;
	}
	#detail03_wrap .co_wrap dl dd {
		float: right;
		width: 630px;
	}

	#detail03_wrap .co_wrap dl dt h4 {
		font-size: 56px;
		line-height: 1.0em;
		margin: 0 0 10px;
	}
	#detail03_wrap .co_wrap dl dt p.text {
		font-size: 14px;	
	}
	#detail03_wrap .co_wrap ul.pics {
		width: 960px;
		margin: 0 auto;
	}
	#detail03_wrap .co_wrap ul.pics li {
		float: left;
		width: 300px;
		margin: 0 30px 0 0;
	}
	#detail03_wrap .co_wrap ul.pics li:last-child {
		margin: 0;
	}
}


/*=============================================
	
	4段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail04_wrap {
		background: #FFF;
		padding: 2.8em 0;
	}
	#detail04_wrap h3 {
		text-align: center;
		font-size: 1.3em;
		line-height: 2.0em;
		margin: 0 auto 1.8em;
	}
}

@media print, screen and (min-width: 769px) {
	#detail04_wrap {
		background: #FFF;
		padding: 50px 0;
	}
	#detail04_wrap h3 {
		text-align: center;
		font-size: 21px;
		line-height: 2.0em;
		margin: 0 0 70px;
	}

}


/*=============================================
	
	5段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail05_wrap {
		padding: 3.2em 0;
		background: #F7F7F7;
	}
	#detail05_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 0.3em;
		color: #000;
		text-align: center;
	}
	#detail05_wrap p.sub {
		font-size: 1.0em;
		margin: 0 0 2.0em;
		color: #000;
		text-align: center;
	}
	#detail05_wrap dl {
		width: 90%;
		margin: 0 auto;
	}
	#detail05_wrap dl dt {
		margin: 0 0 1.6em;
	}
	#detail05_wrap dl dd {
		font-size: 1.1em;
		line-height: 2.0em;
	}
	#detail05_wrap dl dd p {
		font-size: 1.5em;
	}
}

@media print, screen and (min-width: 769px) {
	#detail05_wrap {
		padding: 60px 0;
		background: #F7F7F7;
	}
	#detail05_wrap h3 {
		font-size: 56px;
		margin: 0 0 10px;
		color: #000;
		text-align: center;
	}
	#detail05_wrap p.sub {
		font-size: 12px;
		margin: 0 0 35px;
		color: #000;
		text-align: center;
	}
	#detail05_wrap dl {
		width: 960px;
		margin: 0 auto;
	}
	#detail05_wrap dl dt {
		float: left;
		width: 390px;
	}
	#detail05_wrap dl dd {
		float: right;
		width: 520px;
		padding: 20px 0 0;
		font-size: 13px;
		line-height: 2.0em;
	}
	#detail05_wrap dl dd p {
		font-size: 18px;
	}
}