@charset "Shift-JIS";

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

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

/**
 * show
 */
.show-md,
.show-sm {
	display: none !important;
}

@media screen and (max-width:767px) {

	/**
	 * Layout
	 */
	.l-header {
		padding-block: 20px;
	}

	.logo {
		max-width: 130px;
		height: auto;
	}

	.l-container {
		width: 95%;
	}

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

	.l-footer > .l-container {
		width: auto;
		padding-inline: 20px;
	}

	.footer-links {
		flex-wrap: wrap;
		column-gap: 0;
	}

	.footer-links li {
		width: 50%;
	}

	.copyright {
		margin-top: 40px;
	}

	#form {
		margin-top: 20px;
	}

	/**
	 * Headings
	 */
	.h1 {
		margin-bottom: 40px;
		font-size: 2.2rem;
	}

	.h2 {
		margin-top: 40px;
		margin-bottom: 30px;
		font-size: 2rem;
	}

	.h3 {
		margin-top: 40px;
		margin-bottom: 30px;
		font-size: 1.8rem;
	}

	.h2 + .h3 {
		margin-top: 40px;
	}

	/**
	 * 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 #000;
		border-left: none;
	}

	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tbody > tr > td {
		padding-right: 10px;
		padding-left: 10px;
	}

	.th-wrapper {
		justify-content: normal;
	}

	/**
	 * Form
	 */
	.form-group {
		margin-top: 30px;
	}

	.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;
	}

	.radio.u-mb0 + .radio.u-mb0 {
		margin-top: 5px;
	}

	/**
	 * Submit area
	 */
	.submit {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.submit-confirm ul,
	.submit-confirm li {
		position: static;
		float: none;
	}

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

	/**
	 * Progressbar
	 */
	.progressbar {
		margin-bottom: 40px;
	}

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

	/**
	 * show
	 */
	.show-md {
		display: block !important;
	}
}

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

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

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

	/**
	 * show
	 */
	.show-sm {
		display: block !important;
	}
}