@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 <= 899px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:899px) {
/* less 899 */
}

/* ---------------------------------
 width <= 640px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:640px) {
#request th, #request td,
.step .tb th, .step .tb td {
	display: block;
	width: 100%;
	padding: 20px 10px;
}
.required {
	display: inline-block;
	margin: 0 10px 0;
}
.sp-breake {
	display: block;
}
/* less 640 */
}

/* ---------------------------------
 width <= 539px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:539px) {
.flexbox-centerline {
	display: block;
}
.coreContents .flexbox-centerline figure {
	margin: 0 0 5px;
}
.coreContents .flexbox-centerline figure img {
	margin: 0;
}
/* less 539 */
}

/* ---------------------------------
 width <= 480px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:480px) {
.cx #pageTitle {
	letter-spacing: 2px;
	font-size: 32px;
}
.step .flow td .act {
	padding: 0 0 0 7px;
	text-align: center;
	letter-spacing: 0;
	font-weight: 700;
	font-size: 13px;
}
/* less 480 */
}

/* ---------------------------------
 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 */