@charset "UTF-8";
@media screen and (max-width:1340px) {
	.l-footer {
		min-width: auto;
	}
}
@media screen and (max-width:1024px) {
	/*******footer***************/
	.l-footer .l-footer__inner {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		padding: 20px;
		max-width: 340px;
		margin: auto;
	}
	.l-footer .l-footer__primary {
		-webkit-box-flex: 0;
			-ms-flex: 0 1 100%;
				flex: 0 1 100%;
		-webkit-box-ordinal-group: 3;
			-ms-flex-order: 2;
				order: 2;
	}
	.l-footer .l-footer__secondary {
		-webkit-box-flex: 0;
			-ms-flex: 0 1 100%;
				flex: 0 1 100%;
		-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
				order: 1;
		margin-bottom: 40px;
	}
	.l-footer .footer-logo {
		text-align: center;
		margin-bottom: 40px;
	}
	.l-footer .footer-sitemap {
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.l-footer .footer-sitemap .footer-sitemap__primary {
		-webkit-box-flex: 0;
			-ms-flex: 0 1 49%;
				flex: 0 1 49%;
	}
	.l-footer .footer-sitemap .footer-sitemap__secondary {
		-webkit-box-flex: 0;
			-ms-flex: 0 1 49%;
				flex: 0 1 49%;
	}
	.l-footer .footer-sitemap .sitemap-item {
		margin-bottom: 10px;
	}
	.l-footer .footer-sitemap .sitemap-item:not(:last-of-type) {
		margin-right: 0;
	}
	.l-footer .copyright {
		text-align: center;
	}
}
@media screen and (max-width:520px) {
	html {
		font-size: 2.5vw; /*window400px*/
	}
	body {
		font-size: 1.6rem;
	}
	input, select {
		height: 9.5vw;
		border-radius: 1.25vw;
		padding: 0.5vw 2.5vw;
	}
	option {
		height: 10vw;
	}
	/*****form独自装飾用******/
	.radio {
		padding: 1.25vw 7.5vw;
	}
	.radio::before {
		height: 4vw;
		left: 1.25vw;
		margin-top: -2vw;
		width: 4vw;
	}
	.radio::after {
		height: 2.5vw;
		left: 2.25vw;
		margin-top: -1vw;
		width: 2.5vw;
	}
	.c-selectbox::after {
		right: 2.25vw;
	}
	/**************header**************/


	/**************l-main**************/
	.l-main {
		padding: 16vw 0 0;
	}
	.l-mainWrap {
		padding: 0 4%;
	}

	/**************l-footer**************/
	.l-footer .l-footer__inner {
		padding: 5vw;
		max-width: 85vw;
	}
	.l-footer .l-footer__secondary {
		margin-bottom: 10vw;
	}
	.l-footer .footer-logo {
		margin-bottom: 10vw;
	}
	.l-footer .footer-sitemap {
		margin-bottom: 10vw;
	}
	.l-footer .footer-sitemap .sitemap-item {
		margin-bottom: 2.5vw;
	}
	/**************Utility**************/
	.u-sp-bold {
		font-weight: bold;
	}
	.u-dispPc {
		display: none;
	}
	.u-dispMb {
		display: inline-block;
	}
	.u-row-rightbutton {
		margin: 2vw 0 0 0;
		display: block;
	}
	/**************component**************/
	.c-pankuzu {}
	.c-modal {
		padding: 10vw 5vw;
		width: 80%;
	}
	.c-modal__btnClose {
		top: 2.5vw;
		right: 2.5vw;
	}
	.c-btn__pass {
		width: 6.25vw;
		height: 3.25vw;
		right: 2.5vw;
	}
	/*Btn*/
	.c-btn__solid {
		border-radius: 2.5vw;
		height: 15vw;
		/* padding: 3.75vw 7.5vw; */
	}
	.c-btn__solidInner {
		padding: 3.75vw 7.5vw;
	}
	.c-btn__solid.next::before, .c-btn__solid.back::before {
		content: '';
		width: 5vw;
		height: 5vw;	
	}
	.c-btn__solid.next::after, .c-btn__solid.back::after {
		border-top: 1vw solid transparent;
		border-bottom: 1vw solid transparent;
	}
	.c-btn__solid.next::before {
		right: 2.5vw;
	}
	.c-btn__solid.back::before {
		left: 2.5vw;
	}
	.c-btn__solid.color-blue.next::after,
	.c-btn__solid.color-gold.next::after,
	.c-btn__solid.color-gray.next::after {
		right: 4vw;
	}
	.c-btn__solid.color-blue.back::after,
	.c-btn__solid.color-gold.back::after,
	.c-btn__solid.color-gray.back::after {
		left: 4vw;
	}
	.c-btn__solid.color-blue.next::after {
		border-left: 1.5vw solid #00A2E9;
	}
	.c-btn__solid.color-blue.back::after {
		border-right: 1.5vw solid #00A2E9;
	}
	.c-btn__solid.color-gold.next::after {
		border-left: 1.5vw solid #B9A05C;
	}
	.c-btn__solid.color-gold.back::after {
		border-right: 1.5vw solid #B9A05C;
	}
	.c-btn__solid.color-gray.next::after {
		border-left: 1.5vw solid #848484;
	}
	.c-btn__solid.color-gray.back::after {
		border-right: 1.5vw solid #848484;
	}
	.c-btn_lightGray {
		padding: 1.25vw 2.5vw;
	}
	.c-btn__rowPuls , .c-btn__rowDel {
		width: 7.5vw;
		height: 7.5vw;
		padding: 1.25vw;
		margin: 0 0 0 2.5vw;
	}
	.c-btn__rowPuls:before, .c-btn__rowPuls:after ,.c-btn__rowDel:before {
		width: 2.5vw;
		height: 0.5vw;
	}
	.c-btn__rowPuls:before {
		width: 0.5vw;
		height: 2.5vw;
	}
	.c-btn-type-1 {
		max-width: 75vw;
		width: 100%;
		height: 18vw;
		padding: 2.5vw;
	}
	.c-btn-type-4 {
		max-width: 75vw;
		width: 100%;
		height: 25vw;
		padding: 2.5vw;
	}
	.c-btn-type-5 {
		max-width: 75vw;
		width: 100%;
		height: 25vw;
		padding: 2.5vw;
	}
	.c-form__required {
		margin-left: 1.25vw;
		padding: 0.25vw 0 0;
	}
	/*c-form*/
	.c-formWrap {
		padding:7.5vw 0 0;
	}
	.c-formWrap__hedding {
		font-size: 2.6rem;
		margin-bottom: 3.75vw;
	}
	.c-formWrap__txt {
		margin-top: 5vw;
	}
	.c-form {
		mwidth: auto;
		border-radius: 1.25vw;
		margin: 5vw auto 15vw;
		padding: 5vw;
	}
	.c-form__inner {
		max-width: 125vw;
	}
	.c-form__row {
		display: block;
		margin-bottom: 5vw;
		padding-bottom: 0;
		border-bottom: none;
	}
	.c-form__row .row-hedding {
		width: 100%;
		margin-right: 0;
		padding: 0;
		padding-bottom: 1.25vw;
	}
	.c-form__confirm .c-form__row .row-hedding {
		padding: 0 ;
	}
	.c-form__required {
		margin-left: 1.25vw;
		padding: 0.25vw 0 0;
	}
	.c-form__row .row-val {
		max-width: auto;
		width: 100%;
		max-width:auto;
		padding: 0;
	}
	.c-form__row .row-valCol2 {
		display: block;
	}
	.c-form__row .row-valCol2 .row-valCol2__item {
		width: 100%;
	}
	.c-form__row .row-valCol2 .row-valCol2__item:first-child {
		margin-bottom: 2vw;
	}
	.c-form__row .row-val .row-val__note {
		padding-top: 1.25vw;
	}
	.c-form__noticeBox {
		max-width: auto;
		width: 100%;
		margin: 10vw auto 5vw;
		padding: 5vw;
	}
	.noticeBox-text {
		margin-bottom: 5vw;
	}
	.c-form__Agree {
		max-width: auto;
		margin: 2.5vw auto 5vw;
	}
	.c-form__btnArea {
		max-width: auto;
		margin: 5vw auto 2.5vw;
	}
	.c-form__btnArea.btnArea_col2 {
		display: block;
	}
	.c-form__btnArea.btnArea_col2 .c-btn__solid{
		max-width: 100%;
		width: 100%;
	}
	.c-form__btnArea.btnArea_col2 .c-btn__solid:first-child {
		margin-bottom: 2vw;
	}
}
@media screen and (max-width:375px) {
	html{
		font-size: 2.667vw; /*window375px*/
	}
}