@charset "UTF-8";

/* ===========================================
	fee Page
   =========================================== */

.fe_head,
.fe_lead{
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px){
	.fe_head{
		max-width: 366px;
		margin-top: 35px;
		padding: 0 15px;
	}
	.fe_lead{
		max-width: 354px;
		margin-top: 35px;
		padding: 0 15px;
	}
}
@media (min-width: 768px){
	.fe_head{
		width: 550px;
		margin-top: 80px;
	}
	.fe_lead{
		width: 571px;
		margin-top: 77px;
	}
}

.fee_wap,
.fe_head2,
.fe_sec_table,
.fe_sec_note{
	max-width: 877px;
	margin-left: auto;
	margin-right: auto;
}
.fe_sec_note li{
	padding-left: .7em;
	text-indent: -.7em;
	font-size: 1.4rem;
}
.fe_bg .fe_head2{
	margin-top: 0;
}
.fe_bg{
	background-repeat: no-repeat;
	background-position: center 0;
}
.fee_wap{
	position: relative;
	max-width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	background-color: #fff;
	box-shadow: 5px 5px rgba(0, 0, 0, .26)
}
.fee_wap:after{
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: dashed 1px;
}
.fee_table{
	position: relative;
	z-index: 3;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
}
.fee_table thead{
	border-bottom: solid 2px;
}
.fee_table thead th:nth-child(2),
.fee_table tbody td:nth-of-type(1){
	background-color: #ffd296;
	border-left: solid 2px;
	border-right: solid 2px;
}
.table2 thead th:nth-child(2),
.table2 tbody td:nth-of-type(1){
	background-color: #cadced;
}
.fee_table th,
.fee_table td{
	padding: 12px;
}
.fee_table tbody th,
.fee_table tbody td{
	border-top: dashed 1px;
}
.fee_table tbody td{
	width: 36%;
	font-size: 1.4em;
}
.fee_table tbody .fee_yen{
	font-size: .6em;
}
@media (max-width: 767px){
	.fee_wap{
		margin: 0 10px;
		padding: 10px;
	}
	.fe_head2{
		margin: 70px 10px 20px;
	}
	.fee_table th,
	.fee_table td{
		padding: 10px 5px;
		font-size: 1.2rem;
		white-space: nowrap;
	}
	.fee_table tbody td{
		font-size: 1em;
	}
	.fee_table td .fee_table-note{
		font-size: 1.2rem;
	}
	.fe_sec_note{
		margin: 23px 25px 0;
	}
	.fe_bg{
		min-height: 210vw;
		margin-top: 28px;
		padding-top: 31.333vw;
		background-image: url(../sy_images/fee/fi_01_back_sp.png);
		background-size: 100% 100%;
	}
}
@media (min-width: 768px){
	.fe_sec_note{
		margin-top: 18px;
		padding: 0 .7em;
	}
	.fe_bg{
		min-height: 874px;
		margin-top: -60px;
		padding-top: 190px;
		background-image: url(../sy_images/fee/fi_01_back.png);
	}
	.fe_head2{
		margin-top: 75px;
		margin-bottom: 35px;
	}
	.fee_table thead th{
		padding: 17px 10px;
	}
	.fee_table td .fee_table-note{
		font-size: .7em;
	}
}
@media (min-width: 1441px){
	.fe_bg{
		height: 60.694vw;
		padding-top: 14vw;
		background-size: cover;
	}
}