@charset "utf-8";
/* CSS Document */
html { font-size: 62.5%; margin: 0; }

* { box-sizing: border-box; }

body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Noto Sans JP', serif;
}

body .Wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

a {
	text-decoration: none;
	color: #333;
}

p {
	margin: 0;
	font-size: 1.6rem;
}

img {width: 100%; height: auto;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*iOSのフォーム独自デザインリセット*/
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: none;
	appearance: button;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

.font-gothic{
	font-family: sans-serif;
}

.sm-only{display: none;}
.pc-only{display: block;}
.sp-only{display: none;}
.pad-only{display: block;}

.dp-flex-column{
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	align-items: center;
}

.dp-flex{
	display: flex;
	display: -ms-flexbox;
}

/** font-size **/
.h1{font-size: 10rem; margin: 0;}
.h2{font-size: 4.8rem; margin: 0;}
.fs-36{font-size: 3.6rem;}
.fs-32{font-size: 3.2rem;}
.fs-24{font-size: 2.4rem;}
.fs-22{font-size: 2.2rem;}
.fs-20{font-size: 2.0rem;}
.fs-18{font-size: 1.8rem;}
.fs-14{font-size: 1.4rem;}

.fc-orange{color: #FB0101; }
.fc-red{color: #FB262A;}

.bg-white{background-color: #ffffff;}

/** btn-layout **/
.btn{
	padding: 10px;
	text-align: center;
	font-size: 2.0rem;
	width: 100%;
	margin: 20px 0;
}

.red-btn{
	background-color: #F52900;
	color: #ffffff;
}

.red-btn:hover,
.grey-btn:hover{
	color: #ffffff;
	opacity: 0.9;
}

.grey-btn{
	background-color: rgb(180, 180, 180);
	color: #ffffff;
}

.orange-btn{
	background-color: #F3880F;
	color: #000000;
	padding: 10px 0;
}

/** text-position **/
.text-center{text-align: center;}
.text-right{text-align: right;}

@media screen and (max-width: 997px){
	.h1{font-size: 10rem;}
	.h2{font-size: 4.8rem;}
}

@media screen and (max-width: 768px){
	.h1{font-size: 7rem;}
	.h2{font-size: 4.0rem;}
	.fs-36{font-size: 3.0rem;}
	.fs-32{font-size: 2.4rem;}
	.fs-24{font-size: 2.0rem;}	
	.fs-22{font-size: 1.8rem;}
	.fs-20{font-size: 1.8rem;}
	.fs-18{font-size: 1.6rem;}
	.fs-14{font-size: 1.4rem;}
	
	.pc-only{display: none;}
	.sm-only{display: block;}
}


@media screen and (max-width: 576px){
	.h1{font-size: 2.2rem;}
	.h2{font-size: 2.0rem;}
	.fs-36{font-size: 1.8rem;}
	.fs-32{font-size: 1.7rem;}
	.fs-24{font-size: 1.6rem;}
	.fs-22{font-size: 1.4rem;}
	.fs-20{font-size: 1.4rem;}
	.fs-18{font-size: 1.2rem;}
	.fs-14{font-size: 1.0rem;}
	
	p {font-size: 1.4rem;}
	
	.btn{
		font-size: 1.4rem;
	}

	.pad-only{display: none;}
	.sp-only{display: block;}
}