/*タブレットサイズ*/
@media screen and (max-width: 1024px){
	.pagetop a {
		font-size: 2em;
	}
	#animate {
		padding: 0 0 0 0.5em;
	}
	h2 {
		font-size: 1.7em;
	}
	div.head {
		height: 576px;
	}
	.head-br1 {
		display: inline-block;
	}
	.head-image1,
	.head-image2{
		width: 360px;
	}
	.head div .middle {
		font-size: 1.7em;
	}
	.head div .small {
		font-size: 1.5em;
	}
	.head div .large {
		font-size: 3.7em;
	}
	a.purchase {
		font-size: 1em;
		margin-left: 1.5em;
		padding: 0.5em 2em;
	}
	.purchase::after {
		top: 0;
	}
	.head-content > div > p {
		margin-left: 1em;
	}
	.slanting > img {
		width: 70%;
	}
	.border {
		margin: 0 1.5em;
		padding: 2em 1.5em 1.5em;
	}
	#point1::before {
		left: 5%;
		top: 5.5%;
	}
	#point1 .flex > p {
		padding: 0 0.5em;
	}
	img.point1-image {
		padding-left: 1em;
	}
	.point small {
		margin: 0 1em;
	}
	#point2::before,
	#point3::before,
	#point4::before{
		left: 5%;
		top: 5.8%;
	}
	#point4 .border div {
		padding: 1.5em 0;
	}
	.center-parent {
		font-size: 0.8em;
		height: 5.5em;
		margin: 3.4em 1em 1em;
		padding: 1em 0 0 2em !important;
		width: 170px;
	}
	.point4-image, .point5-image {
		margin: 0 auto;
	}
	section.prom2 {
		display: none;
	}
	section.prom2-wp {
		background: #b6f1ff;
		color: #000;
		display: block;
	}
	img.prom2-image {
        padding: 3em 0 0;
	}
	span.prom2-small::before {
		right: 35%;
	}
	a.btn-tel {
		margin: 0 auto;
		max-width: 300px;
	}
	a.btn-cart {
		margin: 1em auto 1em;
		max-width: 221px;
	}
	.prom2-wp div {
		margin: 0 1em;
	}
	section.approach {
		padding: 0 1em;
	}
	section.question {
		padding: 0 1em;
	}
	section.detail {
		padding: 0 1em;
	}
	section.footer {
		padding: 0 1em;
	}
	.contactForm div > h1 {
		font-size: 1.7em;
	}
	.contactForm div.contactForm-wrap,
	.purchaseForm div.purchaseForm-wrap {
		padding: 3em 1em;
	}
	.bath-wrap > p.bathC {
		font-size: 1.3em;
	}
	div.bath-wrap .bath-video > h2 {
		font-size: 1.5em;
	}
    .sizuku::before {
        width: 148px;
        height: 210px;
        top: -63px;
        left: -21px;
    }
    .yellow-text {
        margin: 1em auto 0.5em;
    }
}
/*タブレットサイズ(END)*/

/*タブレットサイズ(S)*/
@media screen and (max-width: 768px){
	img.head-logo {
		width: 53%;
	}
	div.head {
		height: 464px;
	}
	.head-image1,
	.head-image2{
		width: 290px;
	}
	.head div .middle {
		font-size: 1.2em;
	}
	.head div .small {
		font-size: 1em;
	}
	.head div .large {
		font-size: 2.8em;
	}
	a.purchase {
		display: block;
		font-size: 0.9em;
		margin: 0 auto;
		width: 164px;
	}
	.purchase::after {
		top: 5px;
	}
	.head-content > div > p {
		font-size: 0.8em;
	}
	ul.check-list {
		box-sizing: border-box;
		padding: 1em;
		width: 90%;
	}
	ul.check-list > li {
		display: block;
		float: unset;
		width: unset;
		white-space: unset;
	}
	ul.check-list::before {
		left: 34%;
	}
	ul.check-list {
		padding: 2em 1em 1em;
	}
	.check div > p:last-child {
		font-size: 1.5em;
	}
	.slanting > img {
		min-width: 350px;
	}
	.slanting > p {
		line-height: 2.2;
		padding:  0 1em;
	}
	.prom-br {
		display: inline-block;
	}
	.point div h3 {
		display: inline;
		font-size: 1.7em;
	}
	.reason-br {
		display: inline-block;
	}
	.border {
		margin: 0 1em;
		padding: 2em 1em 1.5em;
	}
	.point {
		padding: 2em 0;
	}
	#point1::before {
		left: 8%;
		top: 2%;
	}
	.flex {
		display: block;
	}
	#point1 .flex > p {
		height: 4em;
		line-height: 1.5;
		margin: 1.7em 0 0.5em;
		width: 160px;
	}
	#point1 .flex > p::before {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #919191;
		left: 12%;
		padding: unset;
		top: 53%;
	}
	img.point1-image {
		max-width: 100%;
		padding: 0;
	}
	#point2 .border div, #point3 .border div {
		display: block;
	}
	#point2::before,
	#point3::before{
		left: 8%;
		top: 1.7%;
	}
	#point4::before {
		left: 8%;
		top: 1.5%;
	}
	.point2-image,
	.point3-image{
		display: block;
		height: 100%;
		margin: 1.5em auto 0;
		min-height: 206px;
		min-width: 216px;
		width: 100%;
	}
	#point4 .border div {
		display: block;
		margin: 2em auto;
	}
	.point4-image, .point5-image {
		height: 100%;
		max-width: 622px;
		max-height: 404px;
		width: 100%;
	}
	.center-parent {
		box-sizing: content-box;
		font-size: 1.1em;
		height: 4.5em;
		max-width: 280px;
		padding: 1em 0 0 0 !important;
		width: 80%;
	}
	.center-parent::before {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #919191;
		left: 10%;
		padding: initial;
		top: 66%;
	}
	img.prom2-image {
		height: 100%;
		max-width: 300px;
		max-height: 300px;
		width: 100%;
	}
	.prom2-text span.dot {
		font-size: 1.5em;
	}
	div.approach-flex {
		display: block;
	}
	.approach-image {
		display: block;
		height: 100%;
		width: 100%;
	}
	.approach-flex > p {
		padding: 0;
	}
	.fotter-br {
		display: inline-block;
	}
	span.prom2-large {
		font-size: 3em;
	}
	span.prom2-small {
		font-size: 2em;
	}
	span.prom2-small::before {
		right: 46%;
	}
	a.prom2-btn {
		padding: 0.8em 2em 0.2em 3.5em;
	}
	a.btn-tel {
		min-width: 300px;
	}
	a.btn-cart {
		min-width: 257px;
		padding-bottom: 2%;
	}
	a.btn-tel::before {
		left: 6%;
		top: 26%;
	}
	.off-text {
		text-align: center;
	}
	.parent {
		border: none;
		display: block;
		padding: 2em 0;
	}
	.parent:last-child {
		border: none;
	}
	.left {
		background-color: unset;
		padding: 0 0 1em;
	}
	.right {
		display: unset;
		margin-left: auto;
		padding-left: auto;
	} 
	.parent > textarea.right {
		margin-left: auto;
		font-size: 1em;
	} 
	.contactForm div .radio > p {
		margin: 0;
		padding: 0.5em 0;
	}
	.bath-flex {
		padding-top: 0;
	}
	.bath-video > div.bath-flex {
		display: block;
	}
	.bath-flex > div.video {
		padding-bottom: 33.25%;
	}
	.bath-flex > div.video iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.bath-video > div.bath-flex iframe:last-child {
		margin-left: auto;
	}
	div.shower > .left {
		display: block;
		white-space: nowrap;
	}
	ul > .faxList {
		margin-bottom: 1.2em;
	}
	ul > .faxList > a {
		word-break: keep-all;
	}
	ul > .faxList > span {
		display: block;
	}
	.ec-headerNaviRole__nav {
		padding: 0;
	}
	.dot::before {
		top: -30px;
	}
    .sizuku::before {
		width: 104px;
		height: 148px;
		top: -38px;
		left: -10px;
    }
}
/*タブレットサイズ(END)*/

/*スマホサイズ(L)*/
@media screen and (max-width: 550px){
	div.head div.head-wrap {
		justify-content: unset;
	}
	a.btn-tel {
		white-space: nowrap;
	}
	span.prom2-br {
		display: inherit;
	}
	.yellow-text {
		line-height: 1.2;
	}
	.question div h2::before {
		content: "";
	}
	div.slanting::before {
		content: "";
	}
	.check div > p:last-child::after {
		content: "";
	}
	div.bath-video {
		padding: 3em 1em 0;
	}
	h2 {
		font-size: 1.22em;
	}
}
/*スマホサイズ(END)*/

/*スマホサイズ(S)*/
@media screen and (max-width: 460px){
	div.head {
		height: 386px;
	}
	.head-image1,
	.head-image2{
		width: 241px;
	}
	.head div .middle {
		font-size: 0.8em;
	}
	.head div .small {
		font-size: 0.7em;
	}
	.head div .large {
		font-size: 1.8em;
	}
	a.purchase {
		font-size: 0.85em;
		padding: 0.5em 0.8em 0.5em 0.2em;
	}
	.purchase::after {
		top: 3px;
	}
	.head-content > div > p {
		letter-spacing: initial;
	}
	h2 {
		letter-spacing: 0.05em;
	}
	div.bath-wrap > img {
		top: -30px;
	}
	ul.check-list::before {
		left: 5%;
	}
	.check div > p {
		padding: 0 1em;
	}
	.check-br1 {
		display: inherit;
	}
	.check-br2 {
		display: inline-block;
	}
	#point4 div > p {
		font-size: 1.1em;
	}
	#point4::before {
		top: 1.5%;
	}
	#point4 div > p {
		font-size: 14px;
	}

	.point div h3 {
		font-size: 1.6em;
	}
	a.prom2-btn {
		font-size: 0.8em;
		padding: 0.8em 1em 0.2em;
		white-space: pre;
	}
	a.btn-tel{
		min-width: 262px;
	}
	a.btn-cart{
		max-width: 292px;
		font-size: 1.2em;
		padding: 0.8em 0.8em 0.5em 0.8em;
	}
	a.btn-cart::before {
		top: 12%;
		left: 3%;
	}
	a.btn-cart::after {
		bottom: -5px;
	}
	a.btn-tel::before {
		left: 3%;
	}
	.video {
		margin: 1.5em 0;
	}
	.slanting > img {
		min-width: 250px;
	}
	span.head-br {
		display: grid;
	}
	.contactForm div > h1 {
		font-size: 1.3em;
	}
	div.following {
		bottom: 0;
		display: flex;
		position: fixed;
		width: 100%;
		text-align: center;
	}
	.following a {
		background-color: #34bcea;
		color: #fff;
		display: block;
		max-width: 100%;
		opacity: 0.9;
		padding:0.8em 1em;
		width: 100%;
	}
	.following a:first-child {
		border-right: 1px #fff solid;
	}
	section.footer {
		box-sizing: border-box;
		padding: 0 1em 2em;
	}
	div.head-content {
		min-width: 60%;
		width: 100%;
	}
	.ec-halfInput input[type='text'] {
		width: 45% !important;
	}
	.contactForm div > h1.bathTitle {
		letter-spacing: 0.1em;
	}
	.sizuku::before {
		width: 75px;
		height: 106px;
		top: -33px;
		left: -12px;
	}
	a[href^="tel:"] {
		pointer-events: inherit;
	}
}
/*スマホサイズ(END)*/