@charset "utf-8";
/* CSS Document */


.ta-l { text-align: left !important; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }

.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 30px !important; }

.fw-b { font-weight: bold; }

.fc-brown { color: #785b38; }
.fc-blue { color: #110d5e; }
.fc-red { color: #e60617; }
.fc-main { color: #c7a956; }
.fc-sub { color: #59c3e1; }

.bg_orange01 { background: #ffebd1;}
.bg_orange02 { background: #fecb89;}
.bg_orange03 { background: #fe6349;}

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-100 { margin-bottom: 100px !important; }

.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }

.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }

.m-c { margin: 0 auto; }

.w_490 { width: 490px !important; }
.w_475 { width: 475px !important; }
.w_450 { width: 450px !important; }
.w_100p img { width: 100% !important; }

.img_l img {
	width: 700px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.clear:after {
	content: "";
	clear: both;
    display: block;
}

@media screen and (min-width: 769px){
	.w_40pc { width: 40%; }
	.w_45pc { width: 45%; }
	.w_48pc { width: 48%; }
	.w_50pc { width: 50%; }
	.w_150px_i img { width: 150px; }
	.w_250px_i img { width: 250px; }
	.w_270px_i img { width: 270px; }
	.w_300px_i img { width: 300px; }
	.w_50_i { width: 50%; }
	.w_50_i img { width: 50%; }
}

@media screen and (max-width: 768px){
	.img_l img {
		width: 680px;
	}
}

@media screen and (max-width: 419px){
	.clear p {
		margin-top: 15px !important;
	}
}

@media screen and (min-width: 420px){
	.float-r {
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	.float-l {
		float: right;
	}
	.pc_flex {
		display: flex;
		justify-content: space-between;
	}
}