@charset "UTF-8";
/* CSS Document */

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
body{
	-webkit-text-size-adjust: 100%;
}
.titleWrap {
    background: none;
    padding: 0;
}
body#aujua_new main {
    padding-top: 80px;
}
.pad15{
	padding: 0 15px;
}

/* 導入 */
.intro{
	text-align:center;
	padding:70px 0;
}
.intro dt.ti01{
	font-size:58px;
	color:#bdb3de;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:6px;
	margin-bottom: 30px;
}
.intro dt.ti02{
	font-size:34px;
	color:#bdb3de;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:5px;
	line-height:1.6em;
	margin-bottom:30px;
}
.intro dd{
	font-size:19px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:2px;
	line-height:2em;
}
.introBtn a{
	display: block;
	max-width: 200px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 1px solid #000;
	padding: 10px 0;
	margin: 40px auto 80px;
}
.introTi{
	margin-bottom: 60px;
}

/* オージュアラインナップ */
.productArea{
	padding: 100px 15px;
	background: #fef5f4;
	border-top: 13px solid #40210f;
	border-bottom: 13px solid #40210f;
}
.productArea .ph{
	margin-bottom: 100px;
}
.productArea .base{
	max-width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.productArea .base > div{
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 80px;
}
.productArea .base > div:last-child{
	margin-bottom: 0;
}
.productArea .base p{
	float: left;
	width: 25%;
}
.productArea .base dl{
	float: left;
	width: 75%;
}
.productArea .base dl dt{
	font-size: 30px;
	color: #40210f;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.productArea .base dl dd{
	font-size: 14px;
	color: #40210f;
	max-width: 210px;
}

/* 今までとの違い */
.chigaiArea{
	padding: 100px 15px;
}
.chigaiArea .ti{
	font-size: 43px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 40px;
}
.chigaiArea .cap01{
	font-size: 34px;
	color: #bdb3de;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 30px;
}
.chigaiArea .cap02{
	font-size: 21px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 30px;
}

/* 2つの効果 */
.koukaArea{
	padding: 100px 15px;
	background: #fffdea;
}
.koukaArea .ti{
	font-size: 43px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 30px;
}
.koukaArea .base{
	max-width: 840px;
	margin: 0 auto;
	overflow: hidden;
}
.koukaArea .base dl{
	float: left;
	width: 50%;
}
.koukaArea .base dl dt{
	margin-bottom: 25px;
}
.koukaArea .base dl dd{
	font-size: 18px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	letter-spacing: 1px;
}

/* iDTコンプレックス */
.complexArea{
	padding: 100px 15px 200px;
}
.complexArea .ti{
	margin-bottom: 100px;
}
.complexArea dl.cap{
	margin: 80px 0 150px;
}
.complexArea dl.cap dt{
	font-size: 21px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.complexArea dl.cap dd{
	font-size: 15px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	line-height: 2em;
}
.complexArea .icBox{
	margin-bottom: 100px;
}
.complexArea .icBox dl{
	max-width: 860px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 50px;
}
.complexArea .icBox dl dt{
	float: left;
}
.complexArea .icBox dl dd{
	float: left;
	font-size: 36px;
	color: #40210f;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 60px 0 0 30px;
}
.complexArea dl.phcp{
	margin-top: 80px;
}
.complexArea dl.phcp dt{
	margin-bottom: 80px;
}
.complexArea dl.phcp dd{
	font-size: 19px;
	color: #595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	letter-spacing: 2px;
}




#contents{
	margin-top: 0 !important;
}

@media screen and (max-width: 1079px) {
	body#aujua_new main {
    padding-top: 50px;
}
}

@media screen and (min-width: 750px) {
	.pc_display{
		display: block !important;
	}
	.sp_display{
		display: none !important;
	}
}

@media screen and (max-width: 749px) {
	.pc_display{
		display: none !important;
	}
	.sp_display{
		display: block !important;
	}
	
	/* 導入 */
.intro{
	text-align:center;
	padding:50px 0;
}
.intro dt.ti01{
	font-size:26px;
	letter-spacing:3px;
}
.intro dt.ti02{
	font-size:24px;
	letter-spacing:3px;
	margin-bottom: 15px;
}
.intro dd{
	font-size:16px;
	letter-spacing:1px;
}
.introBtn a{
	margin: 40px auto 60px;
}
.introTi{
	margin-bottom: 40px;
}

	/* オージュアラインナップ */
.productArea{
	padding: 50px 15px;
	border-top: 6px solid #40210f;
	border-bottom: 6px solid #40210f;
}
.productArea .ph{
	margin-bottom: 50px;
}
.productArea .base > div{
	float: none;
	width: 100%;
	margin-bottom: 40px;
}
.productArea .base p{
	float: left;
	width: 25%;
	padding-right: 15px;
}
.productArea .base dl{
	float: left;
	width: 75%;
}
.productArea .base dl dt{
	font-size: 18px;
	margin-bottom: 5px;
}
.productArea .base dl dd{
	font-size: 14px;
	max-width: 100%;
	width: 100%;
}
	
	/* 今までとの違い */
.chigaiArea{
	padding: 50px 15px;
}
.chigaiArea .ti{
	font-size: 24px;
	margin-bottom: 20px;
}
.chigaiArea .cap01{
	font-size: 18px;
	margin-bottom: 20px;
}
.chigaiArea .cap02{
	font-size: 14px;
	margin-top: 20px;
}
	
	/* 2つの効果 */
.koukaArea{
	padding: 50px 15px;
}
.koukaArea .ti{
	font-size: 20px;
	margin-bottom: 20px;
}
.koukaArea .base dl{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.koukaArea .base dl dt{
	margin-bottom: 15px;
}
	.koukaArea .base dl dt img{
		width: 150px;
	}
.koukaArea .base dl dd{
	font-size: 14px;
}
	
	/* iDTコンプレックス */
.complexArea{
	padding: 50px 15px 100px;
}
.complexArea .ti{
	margin-bottom: 50px;
}
.complexArea dl.cap{
	margin: 40px 0 70px;
}
.complexArea dl.cap dt{
	font-size: 18px;
}
.complexArea dl.cap dd{
	font-size: 14px;
}
.complexArea .icBox{
	margin-bottom: 50px;
}
.complexArea .icBox dl{
	margin-bottom: 30px;
}
.complexArea .icBox dl dt{
	float: none;
}
	.complexArea .icBox dl dt img{
		width: 150px;
		display: block;
		margin: 0 auto;
	}
.complexArea .icBox dl dd{
	float: none;
	font-size: 18px;
	padding: 20px 0 0 0;
	text-align: center;
}
.complexArea dl.phcp{
	margin-top: 40px;
}
.complexArea dl.phcp dt{
	margin-bottom: 40px;
}
.complexArea dl.phcp dd{
	font-size: 14px;
}
	
}