@charset "UTF-8";

/* ---------------------------------
 width <= 1366px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1360px) {
/* less 1334 */
}

/* ---------------------------------
 width <= 1280px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1280px) {
/* under 1280 */
}

/* ---------------------------------
 width <= 1024px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1024px) {
#mainColumn .flexbox-2 {
	display: block;
}
	/* under 1024 */
}

/* ---------------------------------
 width <= 899px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:899px) {
#outerColumn {
	display: block;
}
#sideColumn {
	display: none;
}
#mainColumn img {
	max-width: 100%;
	height: auto;
}
/* less 899 */
}

/* ---------------------------------
 width <= 640px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:640px) {
.pc-contents {
	display: none;
}
.sp-contents {
	display: block;
}
/* less 640 */
}

/* ---------------------------------
 width <= 480px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:480px) {
#pageTitle__outer {
	height: 240px;
	color: #fff;
}
#pageTitle {
	letter-spacing: 2px;
	font-size: 32px;
}
.breadcrumbs {
	letter-spacing: 0;
	font-size: 12px;
}
.coreContents h3 {
	margin: 0 0 50px;
	letter-spacing: 1px;
	font-size: 27px;
}
.coreContents h4 {
	letter-spacing: 1px;
	font-size: 24px;
}
.numbered-h4 h4 span::before {
	width: 32px;
	height: 32px;
	margin: 0 5px 0 0;
	line-height: 32px;
	font-size: 92%;
}
.coreContents p { 
	line-height: 1.9;
	font-size: 16px;
}
.coreContents ul {
	font-size: 16px;
}
/* less 480 */
}

/* ---------------------------------
 width <= 540px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:540px) {
.round-button {
	min-width: 320px;
	padding: 10px 10px;
}
.navy-button {
	width: 100%;
	height: 72px;
	font-size: 17px;
}
.help-desk span {
	display: block;
}
.contact-point .tel-number {
	letter-spacing: 2px;
	font-size: 30px;
}
.contact-point .tel-number::before {
	width: 24px;
	height: 24px;
	margin-right: 6px;
	vertical-align: -1px;
}
/* less 540 */
}

/* ---------------------------------
 width <= 360px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:360px) {
/* less 360 */
}

/* ---------------------------------
 width <= 320px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:320px) {
/* less 320 */
}

/* End of css */