/*============ 共通項目 ==============*/


/*============ トップページ 調整用　==============*/

main article.tWrap {
	width: 100vw;
	overflow: hidden;
}

main article.tWrap .accessPoint{position:relative; top:max(-20vw , -160px);}
main article.tWrap section.content {
	width: 100%;
	position: relative;
}

main article.tWrap section.content.content01 {
	padding: 30rem 0 20rem;
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_01.jpg) center / cover;
}
main article.tWrap section.content.content01 .slick-initialized .slick-slide {
	display: block;
	margin: 0;
	cursor: pointer;
	width: 100vw !important;
	overflow: hidden;
	height: 90rem;
	background: no-repeat center / min(90% , 1154px);
}
main article.tWrap section.content.content01 h2 {
	position: absolute;
	top: 36rem;
	right: max(-140rem , -930px);
	line-height: 1.8;
	margin: auto;
	width: min(17rem , 110px);
	z-index: 11;
	text-align: end;
	left: 0;
}
main article.tWrap section.content.content01 h2::before {
	content: "";
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/h-icon_01.png) center / cover;
	top: -12rem;
	right: 0;
	margin: auto;
	position: absolute;
	width: 5rem;
	height: 10rem;
}



@media only screen and (max-height:800px) and (min-width:1000px){

header h1 {
	position: absolute;
	width: 90rem;
	top: 15rem;
	left: 10rem;
}

main article.tWrap section.content.content01 {
	padding: 20rem 0 20rem;
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_01.jpg) center / cover;
}
main article.tWrap section.content.content01 h2 {
	position: absolute;
	top: 26rem;
	right: -130rem;
	line-height: 1.8;
	margin: auto;
	z-index: 11;
	text-align: end;
}

main article.tWrap section.content.content01 .slick-initialized .slick-slide {
	cursor: pointer;
	overflow: hidden;
	height: 80rem;
	background-size: auto 100%;
}


}

main article.tWrap section.content.content02 {
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_02.jpg) center / cover;
	padding: 10rem 0 20rem;
	text-align: center;
}
main article.tWrap section.content.content02 h2 {
	width: 35rem;
	display: inline-block;
}
main article.tWrap section.content.content02 ul {
	width: min(94% , 170rem);
	margin: 15rem auto 0;
}
main article.tWrap section.content.content02 ul li{}
main article.tWrap section.content.content02 ul li + li {margin-top: 15rem;}
main article.tWrap section.content.content02 ul li dl {
	align-items: center;
}
main article.tWrap section.content.content02 ul li dl dt {
	width: 65rem;
}
main article.tWrap section.content.content02 ul li dl dt figure{}
main article.tWrap section.content.content02 ul li dl dt figure img{}
main article.tWrap section.content.content02 ul li dl dd {
	width: 100rem;
	padding: 2rem 0 2rem 30rem;
	position: relative;
}
main article.tWrap section.content.content02 ul li dl dd::before {
	content: "";
	width: 18rem;
	height: 18rem;
	background: no-repeat center center / 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
main article.tWrap section.content.content02 ul li:nth-of-type(1) dl dd:before{background-image: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/t-icon_01.png);}
main article.tWrap section.content.content02 ul li:nth-of-type(2) dl dd:before{background-image: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/t-icon_02.png);}
main article.tWrap section.content.content02 ul li dl dd::after {
	content: "";
	width: .7rem;
	background: #792e41;
	height: 100%;
	position: absolute;
	left: 24rem;
	top: 0;
}
main article.tWrap section.content.content02 ul li dl dd h3 {
	font-size: 4rem;
	text-align: left;
	margin-bottom: 2rem;
}
main article.tWrap section.content.content02 ul li dl dd p {
	text-align: left;
}

main article.tWrap section.content.content02 ul li:nth-of-type(1) dl dt{order: 2;}
main article.tWrap section.content.content02 ul li:nth-of-type(2) dl dt{order: 1;}
main article.tWrap section.content.content02 ul li:nth-of-type(1) dl dd{order: 1;}
main article.tWrap section.content.content02 ul li:nth-of-type(2) dl dd{order: 2;}

main article.tWrap section.content.content03 {
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_02.jpg) center / cover;
	padding: 10rem 0 20rem;
	text-align: center;
}
main article.tWrap section.content.content03 h2{
	width: 35rem;
	display: inline-block;
	}
main article.tWrap section.content.content03 ul{
	width: min(94% , 170rem);
	margin: 15rem auto 0;
	}
main article.tWrap section.content.content03 ul li{}
main article.tWrap section.content.content03 ul li + li {margin-top: 15rem;}
main article.tWrap section.content.content03 ul li dl {
	align-items: center;
	justify-content: space-around;
}
main article.tWrap section.content.content03 ul li dl dt {
	width: 65rem;
	position: relative;
}
main article.tWrap section.content.content03 ul li dl dt figure{}
main article.tWrap section.content.content03 ul li dl dt figure::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
}
main article.tWrap section.content.content03 ul li:nth-of-type(odd) dl dt figure::before {left: -3rem; top: 3rem;}
main article.tWrap section.content.content03 ul li:nth-of-type(even) dl dt figure::before {right: -3rem; top: 3rem;}
main article.tWrap section.content.content03 ul li dl dt figure img{}
main article.tWrap section.content.content03 ul li dl dd {
	width: 77rem;
	padding: 2rem 0 2rem 0;
	position: relative;
}
main article.tWrap section.content.content03 ul li dl dd h3 {
	font-size: 4rem;
	text-align: left;
	margin-bottom: 2rem;
}
main article.tWrap section.content.content03 ul li dl dd p {
	text-align: left;
}

main article.tWrap section.content.content03 ul li:nth-of-type(odd) dl dt{order: 2;}
main article.tWrap section.content.content03 ul li:nth-of-type(even) dl dt{order: 1;}
main article.tWrap section.content.content03 ul li:nth-of-type(odd) dl dd{order: 1;}
main article.tWrap section.content.content03 ul li:nth-of-type(even) dl dd{order: 2;}

main article.tWrap section.content.content04 {}
main article.tWrap section.content.content04 div.contentWrap {
	width: min(94% , 170rem);
	margin: 15rem auto 0;
	position: relative;
	padding-left: 40rem;
	min-height: 30rem;
}
main article.tWrap section.content.content04 div.contentWrap > h2 {
	width: 20rem;
	position: absolute;
	left: 0;
	top: 0;
}

main article.tWrap section.content.content05 {
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_02.jpg) center / cover;
	padding: 10rem 0 20rem;
	text-align: center;
}
main article.tWrap section.content.content05 div.contentWrap {
	width: min(94% , 170rem);
	margin: 15rem auto 0;
	position: relative;
	padding-left: 40rem;
}
main article.tWrap section.content.content05 div.contentWrap > h2 {
	width: 20rem;
	position: absolute;
	left: 0;
	top: 0;
}
main article.tWrap section.content.content05 div.contentWrap figure {
	width: min(90rem , 599px);
	margin: auto;
}
main article.tWrap section.content.content05 div.contentWrap dl {
	width: min(100rem , 666px);
	margin: 10rem auto 0;
	align-items: center;
}
main article.tWrap section.content.content05 div.contentWrap dl dd {
	width: 25rem;
}
main article.tWrap section.content.content05 div.contentWrap dl dd h1{}
main article.tWrap section.content.content05 div.contentWrap dl dt {
	width: calc(100% - 25rem);
	position: relative;
	padding-left: 10rem;
	text-align: left;
}
main article.tWrap section.content.content05 div.contentWrap dl dt::before {
	content: "";
	width: .3rem;
	background: #231815;
	height: 100%;
	position: absolute;
	left: 5rem;
	top: 0;
}
main article.tWrap section.content.content05 div.contentWrap dl dt h2 {
	font-size: 4rem;
}
main article.tWrap section.content.content05 div.contentWrap dl dt address{}
main article.tWrap section.content.content05 div.contentWrap dl dt address + h3{}
main article.tWrap section.content.content05 div.contentWrap dl dt p{}
main article.tWrap section.content.content05 div.contentWrap dl dt a{}


/*============ スマホページ 調整用　==============*/

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

main article.tWrap section.content.content01 {
	padding: 30vw 0 12vw;
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_01.jpg) center / cover;
}

main article.tWrap section.content.content01 h2 {
	position: absolute;
	top: 34vw;
	right: -62vw;
	line-height: 1.8;
	margin: auto;
	width: 14rem;
	z-index: 11;
	text-align: end;
}

main article.tWrap section.content.content01 .slick-initialized .slick-slide {
	display: block;
	margin: 0 10vw;
	cursor: pointer;
	border-radius: 0;
	overflow: hidden;
	background-size: 140%;
	height: 60vw;
	width: 80vw !important;
}

main article.tWrap section.content.content02 h2 {
	width: 40vw;
}
main article.tWrap section.content.content02 ul li dl dt {
	width: 80vw;
}
main article.tWrap section.content.content02 ul li dl dd {
	width: 100%;
	padding: 2rem 0 2rem 30rem;
	position: relative;
	margin-top: 5vw;
}
main article.tWrap section.content.content02 ul li:nth-of-type(1) dl dt {order: 1;}
main article.tWrap section.content.content02 ul li:nth-of-type(2) dl dt {order: 1;}
main article.tWrap section.content.content02 ul li:nth-of-type(1) dl dd {order: 2;}
main article.tWrap section.content.content02 ul li:nth-of-type(2) dl dd {order: 2;}

main article.tWrap section.content.content03 h2 {
	width: 40vw;
	display: inline-block;
}
main article.tWrap section.content.content03 ul li dl dt {
	width: 80vw;
	position: relative;
}
main article.tWrap section.content.content03 ul li dl dd {
	width: 90%;
	padding: 2rem 0 2rem 0;
	position: relative;
	margin-top: 5vw;
}
main article.tWrap section.content.content03 ul li:nth-of-type(odd) dl dt{order: 1;}
main article.tWrap section.content.content03 ul li:nth-of-type(even) dl dt{order: 1;}
main article.tWrap section.content.content03 ul li:nth-of-type(odd) dl dd{order: 2;}
main article.tWrap section.content.content03 ul li:nth-of-type(even) dl dd{order: 2;}
main article.tWrap section.content.content05 {
	background: url(https://waonflat.com/wp-content/themes/waon-flat/assets/images/bg_02.jpg) center / cover;
	padding: 10rem 0 10rem;
	text-align: center;
}
main article.tWrap section.content.content05 div.contentWrap > h2 {
	width: 30vw;
	position: absolute;
	left: 0;
	top: -22vw;
	margin: auto;
}
main article.tWrap section.content.content05 div.contentWrap {
	width: min(94% , 170rem);
	margin: 25rem auto 0;
	position: relative;
	padding-left: 0;
}
main article.tWrap section.content.content05 div.contentWrap figure {
	width: min(100% , 600px);
	margin: auto;
}
main article.tWrap section.content.content05 div.contentWrap dl {
	width: 100%;
	margin: 10rem auto 0;
	align-items: center;
}


}