@charset "Shift-JIS";

/*------------------------------------*\
	Responsive
\*------------------------------------*/

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width:767px) {
	/**
	 * Base
	 */
	/* body {
		font-size: 15px;
	}

	input,select,textarea {
		font-size: 16px;
	} */

	/**
	 * Layout
	 */
	.logo {
		width: 170px;
		height: auto;
	}

	.l-container {
		width: 95%;
	}

	.l-main {
		padding-top: 30px;
	}

	/**
	 * Headings
	 */
	/* .h1 {
		font-size: 142%;
	} */

	.h2 {
		border-right: 1px solid #d4dde4;
	}

	/**
	 * Table
	 */
	.table:not(.-no-rwd),
	.table:not(.-no-rwd) > tbody,
	.table:not(.-no-rwd) > thead,
	.table:not(.-no-rwd) > tbody > tr,
	.table:not(.-no-rwd) > tbody > tr > th,
	.table:not(.-no-rwd) > tbody > tr > td {
		display: block;
	}

	.table:not(.-no-rwd) {
		border-bottom: none;
	}

	.table:not(.-no-rwd) > tbody > tr > th {
		border-bottom-width: 0;
	}

	.table:not(.-no-rwd) > tbody > tr > td {
		border-top: 1px solid #c5d3dd;
		border-left: none;
	}

	.table.-no-rwd > thead > tr > th,
	.table.-no-rwd > tbody > tr > th,
	.table.-no-rwd > tbody > tr > td {
		padding: 8px 10px;
	}

	.th-item {
		display: inline-block;
	}

	.th-item:first-child {
		width: auto;
		padding-right: 10px;
	}

	/**
	 * Form
	 */
	.form-indent {
		margin-right: 0;
		margin-left: 0;
	}

	.radio,
	.checkbox {
		display: block;
	}

	.radio + br,
	.checkbox + br {
		display: none;
	}

	br + .radio,
	br + .checkbox {
		margin-top: 5px;
	}

	/**
	 * Submit area
	 */
	.submit-confirm ul,
	.submit-confirm li {
		position: static;
		float: none;
	}

	.submit-confirm li:first-child {
		margin-bottom: 10px;
	}

	/**
	 * hidden
	 */
	.hidden-sm {
		display: none !important;
	}
}

@media screen and (max-width:520px) {
	/**
	 * Layout
	 */
	.copyright {
		margin-top: 10px;
	}
}

@media screen and (max-width:480px) {
	/**
	 * Form
	 */
	.form-hint {
		display: block;
		margin-top: 5px;
		margin-left: 0;
	}

	/**
	 * Size
	 */
	[class*="u-w"] {
		width: 100%;
	}
}