/* HTML5 Media CSS - MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media all and (max-width: 1605px) {
	html, body {
		font-size: 0.9vw;
	}
	div.tel {
		font-size: 1.02rem;
		letter-spacing: 0.1em;
	}
	div.slogan {
		font-size: 1.91rem;
		letter-spacing: 0.07em;
	}
	div.logotype {
		font-size: 1.35rem;
		letter-spacing: 0.58em;
	}
	article.pagetitle {
		font-size: 1.12vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.83rem;
	}
	div.logo {
		top: 15.57%;
		left: 3.97%;
		max-width: 21%;
	}
}
@media all and (max-width: 1555px) {
	html, body {
		font-size: 0.93vw;
	}
	div.tel {
		font-size: 1.01rem;
		letter-spacing: 0.09em;
	}
	div.slogan {
		font-size: 1.89rem;
		letter-spacing: 0.07em;
	}
	div.logotype {
		font-size: 1.33rem;
		letter-spacing: 0.56em;
	}
	article.pagetitle {
		font-size: 1.16vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.82rem;
	}
	div.logo {
		top: 16.13%;
		left: 3.93%;
		max-width: 21%;
	}
}
@media all and (max-width: 1505px) {
	html, body {
		font-size: 0.96vw;
	}
	div.tel {
		font-size: 1rem;
		letter-spacing: 0.09em;
	}
	div.slogan {
		font-size: 1.88rem;
		letter-spacing: 0.06em;
	}
	div.logotype {
		font-size: 1.3rem;
		letter-spacing: 0.54em;
	}
	article.pagetitle {
		font-size: 1.2vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.82rem;
	}
	div.logo {
		top: 16.7%;
		left: 3.9%;
		max-width: 21%;
	}
}
@media all and (max-width: 1455px) {
	html, body {
		font-size: 1vw;
	}
	div.tel {
		font-size: 0.99rem;
		letter-spacing: 0.09em;
	}
	div.slogan {
		font-size: 1.86rem;
		letter-spacing: 0.06em;
	}
	div.logotype {
		font-size: 1.28rem;
		letter-spacing: 0.52em;
	}
	article.pagetitle {
		font-size: 1.24vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.82rem;
	}
	div.logo {
		top: 17.27%;
		left: 3.87%;
		max-width: 21%;
	}
}
@media all and (max-width: 1405px) {
	html, body {
		font-size: 1.03vw;
	}
	div.tel {
		font-size: 0.98rem;
		letter-spacing: 0.09em;
	}
	div.slogan {
		font-size: 1.84rem;
		letter-spacing: 0.06em;
	}
	div.logotype {
		font-size: 1.25rem;
		letter-spacing: 0.5em;
	}
	article.pagetitle {
		font-size: 1.28vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.82rem;
	}
	div.logo {
		top: 17.83%;
		left: 3.83%;
		max-width: 21%;
	}
}
@media all and (max-width: 1355px) {
	html, body {
		font-size: 1.07vw;
	}
	div.tel {
		font-size: 0.97rem;
		letter-spacing: 0.08em;
	}
	div.slogan {
		font-size: 1.82rem;
		letter-spacing: 0.06em;
	}
	div.logotype {
		font-size: 1.23rem;
		letter-spacing: 0.48em;
	}
	article.pagetitle {
		font-size: 1.33vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.81rem;
	}
	div.logo {
		top: 18.4%;
		left: 3.8%;
		max-width: 21%;
	}
}
@media all and (max-width: 1305px) {
	html, body {
		font-size: 1.11vw;
	}
	div.tel {
		font-size: 0.95rem;
		letter-spacing: 0.08em;
	}
	div.slogan {
		font-size: 1.8rem;
		letter-spacing: 0.06em;
	}
	div.logotype {
		font-size: 1.2rem;
		letter-spacing: 0.46em;
	}
	article.pagetitle {
		font-size: 1.38vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.81rem;
	}
	div.logo {
		top: 18.97%;
		left: 3.77%;
		max-width: 21%;
	}
}
@media all and (max-width: 1255px) {
	html, body {
		font-size: 1.16vw;
	}
	div.tel {
		font-size: 0.94rem;
		letter-spacing: 0.08em;
	}
	div.slogan {
		font-size: 1.78rem;
		letter-spacing: 0.05em;
	}
	div.logotype {
		font-size: 1.18rem;
		letter-spacing: 0.44em;
	}
	article.pagetitle {
		font-size: 1.43vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.81rem;
	}
	div.logo {
		top: 19.53%;
		left: 3.73%;
		max-width: 21%;
	}
}
@media all and (max-width: 1205px) {
	html, body {
		font-size: 1.2vw;
	}
	div.tel {
		font-size: 0.93rem;
		letter-spacing: 0.07em;
	}
	div.slogan {
		font-size: 1.77rem;
		letter-spacing: 0.05em;
	}
	div.logotype {
		font-size: 1.15rem;
		letter-spacing: 0.42em;
	}
	article.pagetitle {
		font-size: 1.49vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.81rem;
	}
	div.logo {
		top: 20.1%;
		left: 3.7%;
		max-width: 21%;
	}
}
@media all and (max-width: 1155px) {
	html, body {
		font-size: 1.26vw;
	}
	div.tel {
		font-size: 0.92rem;
		letter-spacing: 0.07em;
	}
	div.slogan {
		font-size: 1.75rem;
		letter-spacing: 0.05em;
	}
	div.logotype {
		font-size: 1.13rem;
		letter-spacing: 0.4em;
	}
	article.pagetitle {
		font-size: 1.56vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.8rem;
	}
	div.logo {
		top: 20.67%;
		left: 3.67%;
		max-width: 21%;
	}
}
@media all and (max-width: 1105px) {
	html, body {
		font-size: 1.31vw;
	}
	div.tel {
		font-size: 0.91rem;
		letter-spacing: 0.07em;
	}
	div.slogan {
		font-size: 1.73rem;
		letter-spacing: 0.05em;
	}
	div.logotype {
		font-size: 1.1rem;
		letter-spacing: 0.38em;
	}
	article.pagetitle {
		font-size: 1.63vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.8rem;
	}
	div.logo {
		top: 21.23%;
		left: 3.63%;
		max-width: 21%;
	}
}
@media all and (max-width: 1055px) {
	html, body {
		font-size: 1.37vw;
	}
	div.tel {
		font-size: 0.9rem;
		letter-spacing: 0.06em;
	}
	div.slogan {
		font-size: 1.71rem;
		letter-spacing: 0.05em;
	}
	div.logotype {
		font-size: 1.08rem;
		letter-spacing: 0.36em;
	}
	article.pagetitle {
		font-size: 1.71vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.8rem;
	}
	div.logo {
		top: 21.8%;
		left: 3.6%;
		max-width: 21%;
	}
}
@media all and (max-width: 1005px) {
	html, body {
		font-size: 1.44vw;
	}
	div.tel {
		font-size: 0.89rem;
		letter-spacing: 0.06em;
	}
	div.slogan {
		font-size: 1.69rem;
		letter-spacing: 0.04em;
	}
	div.logotype {
		font-size: 1.05rem;
		letter-spacing: 0.34em;
	}
	article.pagetitle {
		font-size: 1.79vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.8rem;
	}
	div.logo {
		top: 22.37%;
		left: 3.57%;
		max-width: 21%;
	}
}
@media all and (max-width: 955px) {
	html, body {
		font-size: 1.52vw;
	}
	div.tel {
		font-size: 0.87rem;
		letter-spacing: 0.06em;
	}
	div.slogan {
		font-size: 1.67rem;
		letter-spacing: 0.04em;
	}
	div.logotype {
		font-size: 1.03rem;
		letter-spacing: 0.32em;
	}
	article.pagetitle {
		font-size: 1.88vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.8rem;
	}
	div.logo {
		top: 22.93%;
		left: 3.53%;
		max-width: 21%;
	}
}
@media all and (max-width: 905px) {
	html, body {
		font-size: 1.6vw;
	}
	div.tel {
		font-size: 0.86rem;
		letter-spacing: 0.06em;
	}
	div.slogan {
		font-size: 1.66rem;
		letter-spacing: 0.04em;
	}
	div.logotype {
		font-size: 1rem;
		letter-spacing: 0.3em;
	}
	article.pagetitle {
		font-size: 1.99vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.79rem;
	}
	div.logo {
		top: 23.5%;
		left: 3.5%;
		max-width: 21%;
	}
}
@media all and (max-width: 855px) {
	html, body {
		font-size: 1.7vw;
	}
	div.tel {
		font-size: 0.85rem;
		letter-spacing: 0.05em;
	}
	div.slogan {
		font-size: 1.64rem;
		letter-spacing: 0.04em;
	}
	div.logotype {
		font-size: 0.97rem;
		letter-spacing: 0.28em;
	}
	article.pagetitle {
		font-size: 2.11vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.79rem;
	}
	div.logo {
		top: 24.07%;
		left: 3.47%;
		max-width: 21%;
	}
}
@media all and (max-width: 805px) {
	html, body {
		font-size: 1.8vw;
	}
	div.tel {
		font-size: 0.84rem;
		letter-spacing: 0.05em;
	}
	div.slogan {
		font-size: 1.62rem;
		letter-spacing: 0.04em;
	}
	div.logotype {
		font-size: 0.95rem;
		letter-spacing: 0.26em;
	}
	article.pagetitle {
		font-size: 2.24vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.79rem;
	}
	div.logo {
		top: 24.63%;
		left: 3.43%;
		max-width: 21%;
	}
}
@media all and (max-width: 755px) {
	html, body {
		font-size: 1.92vw;
	}
	div.tel {
		font-size: 0.83rem;
		letter-spacing: 0.05em;
	}
	div.slogan {
		font-size: 1.6rem;
		letter-spacing: 0.03em;
	}
	div.logotype {
		font-size: 0.92rem;
		letter-spacing: 0.24em;
	}
	article.pagetitle {
		font-size: 2.38vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.79rem;
	}
	div.logo {
		top: 25.2%;
		left: 3.4%;
		max-width: 21%;
	}
}
@media all and (max-width: 705px) {
	html, body {
		font-size: 2.06vw;
	}
	div.tel {
		font-size: 0.82rem;
		letter-spacing: 0.04em;
	}
	div.slogan {
		font-size: 1.58rem;
		letter-spacing: 0.03em;
	}
	div.logotype {
		font-size: 0.9rem;
		letter-spacing: 0.22em;
	}
	article.pagetitle {
		font-size: 2.55vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.78rem;
	}
	div.logo {
		top: 25.77%;
		left: 3.37%;
		max-width: 21%;
	}
}
@media all and (max-width: 655px) {
	html, body {
		font-size: 2.21vw;
	}
	div.tel {
		font-size: 0.8rem;
		letter-spacing: 0.04em;
	}
	div.slogan {
		font-size: 1.56rem;
		letter-spacing: 0.03em;
	}
	div.logotype {
		font-size: 0.87rem;
		letter-spacing: 0.2em;
	}
	article.pagetitle {
		font-size: 2.75vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.78rem;
	}
	div.logo {
		top: 26.33%;
		left: 3.33%;
		max-width: 21%;
	}
}
@media all and (max-width: 605px) {
	html, body {
		font-size: 2.4vw;
	}
	div.tel {
		font-size: 0.79rem;
		letter-spacing: 0.04em;
	}
	div.slogan {
		font-size: 1.54rem;
		letter-spacing: 0.03em;
	}
	div.logotype {
		font-size: 0.85rem;
		letter-spacing: 0.18em;
	}
	article.pagetitle {
		font-size: 2.98vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.78rem;
	}
	div.logo {
		top: 26.9%;
		left: 3.3%;
		max-width: 21%;
	}
}
@media all and (max-width: 555px) {
	html, body {
		font-size: 2.61vw;
	}
	div.tel {
		font-size: 0.78rem;
		letter-spacing: 0.03em;
	}
	div.slogan {
		font-size: 1.53rem;
		letter-spacing: 0.03em;
	}
	div.logotype {
		font-size: 0.82rem;
		letter-spacing: 0.16em;
	}
	article.pagetitle {
		font-size: 3.24vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.78rem;
	}
	div.logo {
		top: 27.47%;
		left: 3.27%;
		max-width: 21%;
	}
}
@media all and (max-width: 505px) {
	html, body {
		font-size: 2.87vw;
	}
	div.tel {
		font-size: 0.77rem;
		letter-spacing: 0.03em;
	}
	div.slogan {
		font-size: 1.51rem;
		letter-spacing: 0.02em;
	}
	div.logotype {
		font-size: 0.8rem;
		letter-spacing: 0.14em;
	}
	article.pagetitle {
		font-size: 3.56vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.77rem;
	}
	div.logo {
		top: 28.03%;
		left: 3.23%;
		max-width: 21%;
	}
}
@media all and (max-width: 455px) {
	html, body {
		font-size: 3.19vw;
	}
	div.tel {
		font-size: 0.76rem;
		letter-spacing: 0.03em;
	}
	div.slogan {
		font-size: 1.49rem;
		letter-spacing: 0.02em;
	}
	div.logotype {
		font-size: 0.77rem;
		letter-spacing: 0.12em;
	}
	article.pagetitle {
		font-size: 3.96vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.77rem;
	}
	div.logo {
		top: 28.6%;
		left: 3.2%;
		max-width: 21%;
	}
}
@media all and (max-width: 405px) {
	html, body {
		font-size: 3.58vw;
	}
	div.tel {
		font-size: 0.75rem;
		letter-spacing: 0.03em;
	}
	div.slogan {
		font-size: 1.47rem;
		letter-spacing: 0.02em;
	}
	div.logotype {
		font-size: 0.75rem;
		letter-spacing: 0.1em;
	}
	article.pagetitle {
		font-size: 4.44vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.77rem;
	}
	div.logo {
		top: 29.17%;
		left: 3.17%;
		max-width: 21%;
	}
}
@media all and (max-width: 355px) {
	html, body {
		font-size: 4.08vw;
	}
	div.tel {
		font-size: 0.74rem;
		letter-spacing: 0.02em;
	}
	div.slogan {
		font-size: 1.45rem;
		letter-spacing: 0.02em;
	}
	div.logotype {
		font-size: 0.72rem;
		letter-spacing: 0.08em;
	}
	article.pagetitle {
		font-size: 5.07vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.77rem;
	}
	div.logo {
		top: 29.73%;
		left: 3.13%;
		max-width: 21%;
	}
}
@media all and (max-width: 305px) {
	html, body {
		font-size: 4.75vw;
	}
	div.tel {
		font-size: 0.72rem;
		letter-spacing: 0.02em;
	}
	div.slogan {
		font-size: 1.43rem;
		letter-spacing: 0.02em;
	}
	div.logotype {
		font-size: 0.7rem;
		letter-spacing: 0.06em;
	}
	article.pagetitle {
		font-size: 5.9vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.77rem;
	}
	div.logo {
		top: 30.3%;
		left: 3.1%;
		max-width: 21%;
	}
}
@media all and (max-width: 255px) {
	html, body {
		font-size: 5.69vw;
	}
	div.tel {
		font-size: 0.71rem;
		letter-spacing: 0.02em;
	}
	div.slogan {
		font-size: 1.42rem;
		letter-spacing: 0.01em;
	}
	div.logotype {
		font-size: 0.67rem;
		letter-spacing: 0.04em;
	}
	article.pagetitle {
		font-size: 7.06vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.76rem;
	}
	div.logo {
		top: 30.87%;
		left: 3.07%;
		max-width: 21%;
	}
}
@media all and (max-width: 205px) {
	html, body {
		font-size: 7.07vw;
	}
	div.tel {
		font-size: 0.7rem;
		letter-spacing: 0.01em;
	}
	div.slogan {
		font-size: 1.4rem;
		letter-spacing: 0.01em;
	}
	div.logotype {
		font-size: 0.65rem;
		letter-spacing: 0.02em;
	}
	article.pagetitle {
		font-size: 8.78vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.76rem;
	}
	div.logo {
		top: 31.43%;
		left: 3.03%;
		max-width: 21%;
	}
}
@media all and (max-width: 155px) {
	html, body {
		font-size: 9.35vw;
	}
	div.tel {
		font-size: 0.69rem;
		letter-spacing: 0.01em;
	}
	div.slogan {
		font-size: 1.38rem;
		letter-spacing: 0.01em;
	}
	div.logotype {
		font-size: 0.62rem;
		letter-spacing: 0em;
	}
	article.pagetitle {
		font-size: 11.61vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.76rem;
	}
	div.logo {
		top: 32%;
		left: 3%;
		max-width: 21%;
	}
}
@media all and (max-width: 105px) {
	html, body {
		font-size: 13.81vw;
	}
	div.tel {
		font-size: 0.68rem;
		letter-spacing: 0.01em;
	}
	div.slogan {
		font-size: 1.36rem;
		letter-spacing: 0.01em;
	}
	div.logotype {
		font-size: 0.6rem;
		letter-spacing: -0.02em;
	}
	article.pagetitle {
		font-size: 17.14vw;
	}
	section.copyright, section.cms, figcaption, .note, .footnote {
		font-size: 0.76rem;
	}
	div.logo {
		top: 32.57%;
		left: 2.97%;
		max-width: 21%;
	}
}
@media all and (max-width: 905px) {
	/* sections */
		/* 4 column sections */
			article.sec4_art1, article.sec4_art2, article.sec4_art3, article.sec4_art4 {
			width: 50%;
			}
		/* 3 column sections */
			article.sec3_art1, article.sec3_art2 {
				width: 50%;
			}		
			article.sec3_art3 {
				width: 100%;
			}
			/* 3 column sections left small (1/4, 1/4 & 1/2) */
				article.sec3l_art1, article.sec3l_art2 {
					width: 50%;
				}
				article.sec3l_art3 {
					width: 100%;
				}
			/* 3 column sections right small (1/2, 1/4 & 1/4) */
				article.sec3r_art1 {
					width: 100%;
				}
				article.sec3r_art2, article.sec3r_art3 {
					width: 50%;
				}
			/* 3 column sections center big (1/4, 1/2 & 1/4) */
				article.sec3c_art1, article.sec3c_art2 {
					width: 50%;
				}
				article.sec3c_art3 {
					width: 100%;
				}
				div.slogan { text-align: right; }
				div.social { text-align: center; }
		/* 2 column sections */
			/* 2 column sections left small (1/3 & 2/3) & (1/4 & 3/4) */
				article.sec2l_art1, article.sec2l_art2, article.sec2l25_art1, article.sec2l25_art2 {
					width: 100%;
				}
			/* 2 column sections right small (2/3 & 1/3) & (3/4 & 1/4) */
				article.sec2r_art1, article.sec2r_art2, article.sec2r25_art1, article.sec2r25_art2 {
					width: 100%;
				}
		/* Footer 3 column sections */
			article.copy_art1, article.copy_art2, article.copy_art3 {
				width: 100%;
				text-align: center;
			}
}
@media all and (max-width: 550px) {
	/* sections - all 100% */		
		article.sec2_art1, article.sec2_art2, article.sec2l_art1, article.sec2l_art2, article.sec2r_art1, article.sec2r_art2, article.sec2l25_art1, article.sec2l25_art2, article.sec2r25_art1, article.sec2r25_art2, article.sec3_art1, article.sec3_art2, article.sec3_art3, article.sec3l_art1, article.sec3l_art2, article.sec3l_art3, article.sec3r_art1, article.sec3r_art2, article.sec3r_art3, article.sec3c_art1, article.sec3c_art2, article.sec3c_art3, article.sec4_art1, article.sec4_art2, article.sec4_art3, article.sec4_art4 {
			width: 100%;
		}
		div.slogan { text-align: center; }
		div.logotype { text-align: center; }
		div.social { padding-top: 2.0%; }
}
@media screen and (max-width: 520px) {
	.tel { top: 1.75em; }
}