#tax_free{
	padding:2em 0 1em;
}


#tax_free h2{
	font-size:170%;
	line-height:140%;
	text-align:center;
	margin-bottom:1em;
	position:relative;
	z-index:1;
}

#tax_free h2 span{
	display:block;
	font-size:110%;
	color:#95CEDB;
 color:#ADDEF8;
	color:#7DCEF4;

font-family: 'Noto Serif JP', serif;
font-weight:500;
}


#tax_free .color_f{
	color: #EA5D97;
}

#tax_free .tax_f{
	margin-bottom:1em;
	color: #EA5D97;
}


@media only screen and (min-width: 769px) { /*pc*/
#tax_free h2{
	font-size:220%;
	line-height:190%;
	text-align:center;
	margin-bottom:2em;
	position:relative;
	z-index:1;
}

#tax_free h2 span{
	display:block;
	font-size:130%;
	color:#7DCEF4;
	font-family: 'Noto Serif JP', serif;
font-weight:500;
}

}



#tax_free picture img,
#tax_free figure img{
	width:100%;
	height:auto;
}


@media only screen and (max-width: 768px) { /*sp*/
#tax_free h2 span{
	font-size:130%;
	line-height:120%;
}

#tax_free picture,
#tax_free figure{
	margin:2em 0;
	display:block;
}

#tax_free .tcenter{
	text-align:left;
}


}

@media only screen and (min-width: 769px) { /*pc*/
#tax_free picture,
#tax_free figure{
	margin:4em 0;
	display:block;
}

}

#fee_tb{
	text-align:center;
}


#fee_tb h3{
	text-align:left;
	font-size:130%;
	position:relative;
}

@media only screen and (min-width: 769px) { /*pc*/
#fee_tb h3{
	font-size:150%;
}
}


#fee_tb h3::after{
	content:"";
	height:1px;
	border-top:1px solid #0C7396;
}


#fee_tb .kojin h3::after{
	width: calc(100% - 7em);
	position:absolute;
	top:1em;
	left:7em;
}


#fee_tb .houjin h3::after{
	width: calc(100% - 4em);
	position:absolute;
	top:1em;
	left:4em;
}

#fee_tb .tb_c h3::after{
	width: calc(100% - 3em);
	position:absolute;
	top:1em;
	left:3em;
}






#fee_tb > p{
	margin:1em auto 2em;
	padding:0 1em;
	background:#FC6;
	max-width:1000px;
}



#fee_tb input{
	display:none;
}

#fee_tb label{
	padding:0.5em;
	background:#fff;
	border:1px solid #0C7396;
	border-radius:5px;
	margin:3px;
	cursor:pointer;
	color:#0C7396;
	transition: .3s;
	display:inline-block;
}

#fee_tb label:hover{
	background:rgba(255,204,0,0.5);
}


#fee_tb input:checked + label{
	background:#FC6;
	border:1px solid #0C7396;
	color:#000;

}


.bg1{
	margin:2em 0 3em;
	background:url(/img/bg_sakura_w.png) no-repeat rgba(173,222,248,0.4);
	background-position:0 10px;
	padding:3em 0;
}

.houjin{
		background:url(/img/bg_sakura2_spmenu.png) right top no-repeat;

}

.tb_c{
		background:url(/img/bg_sakura2-2.png)  left bottom no-repeat rgba(173,222,248,0.4);

}

#fee_tb table td{
	width:24%;
}

#fee_tb table.komon td{
	width:18%;
}

#fee_tb table td:first-child {
/*  background: #e9727e;
		color:#fff;*/
		width:auto;
}


#fee_tb table th.sakura{
	background:#0B7394;
	color:#fff;
}


#fee_tb table th:last-child{
	background:#F3B3C9;
	color:#fff;
}


#fee_tb table.komon th:nth-last-child(-n+2){
	background:#F3B3C9;
	color:#fff;
}


#fee_tb table th:last-child {
/*	background:#FDBEAC;
	color:#fff;*/
	font-size:80%;
	width:18%;
}






#fee_tb table{
	position:relative;
	width:100%;
	margin:1em 0 2em;
	background:#fff;
}



#fee_tb table caption{
	text-align:left;
	padding:0.5em 0;
	font-weight:bold;
	font-size:110%;
	line-height:140%;
}

#fee_tb table caption span{
	background:#fff;
	border-left:2px solid #999;
	border-right:2px solid #999;
	color:#F90;
	padding:0em 0.5em;
	border-radius:1em;
	margin-left:0.5em;
	font-weight:500;
	font-size:90%;
	display:inline-block;
}



#fee_tb table th,
#fee_tb table td{
	padding:0.8em 0.6em;
	text-align:center;
	font-weight:normal;

}

#fee_tb table td{
	border-bottom:1px solid #fff;
}

#fee_tb table tr:last-child td{
	border-bottom:1px solid #F2F2F2;
}
#fee_tb table tr{
	transition: .3s;
}

#fee_tb table tr.thead{
position:relative;
background:#ADDEF8;
/*opacity:1;*/
}

#fee_tb input[id="u1k"]:checked ~ .bg table tr.u1k,
#fee_tb input[id="u2k"]:checked ~ .bg table tr.u2k,
#fee_tb input[id="u3k"]:checked ~ .bg table tr.u3k,
#fee_tb input[id="u5k"]:checked ~ .bg table tr.u5k,
#fee_tb input[id="u10k"]:checked ~ .bg table tr.u10k,
#fee_tb input[id="u20k"]:checked ~ .bg table tr.u20k,
#fee_tb input[id="u30k"]:checked ~ .bg table tr.u30k,
#fee_tb input[id="u50k"]:checked ~ .bg table tr.u50k,
#fee_tb input[id="o50k"]:checked ~ .bg table tr.o50k{
	background:#FC6;
}







@media screen and (min-width: 769px) {

#fee_tb table tr:nth-of-type(even){
	background:#F2F2F2;}
	
#fee_tb .tb_c table td{
/*	width:20%;*/
}

#fee_tb table.other br{
	display:none;
	
}


}

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

#fee_tb table {
 width: 100%;

}
#fee_tb table tr.thead{
	display:none;
}

#fee_tb table .thead {
	display: none;
}
#fee_tb table tr {
	width: 100%;
}
#fee_tb table td,
#fee_tb table.komon td {
    display: block;
    text-align: right;
    width: 100%;
				border-bottom:1px solid #ccc;
}
#fee_tb table td:first-child {
    background: #0C7396;
    color: #fff;
    text-align: right;
				
}

#fee_tb table.other td:first-child {
    background: #fff;
    color: #333;
    text-align: left;
				
}

#fee_tb table td:before {
    content: attr(data-label);
    float: left;
    margin-right: 10px;
				color:#0C7396;
}

#fee_tb table td:first-child:before {
				color:#fff;
}

#fee_tb table td:last-child:before {
	color:#EA5D97;
}

#fee_tb table.komon td:nth-last-child(-n+2):before {
	color:#EA5D97;
}




#fee_tb input[id="u1k"]:checked ~ .bg table tr.u1k td,
#fee_tb input[id="u2k"]:checked ~ .bg table tr.u2k td,
#fee_tb input[id="u3k"]:checked ~ .bg table tr.u3k td,
#fee_tb input[id="u5k"]:checked ~ .bg table tr.u5k td,
#fee_tb input[id="u10k"]:checked ~ .bg table tr.u10k td,
#fee_tb input[id="u20k"]:checked ~ .bg table tr.u20k td,
#fee_tb input[id="u30k"]:checked ~ .bg table tr.u30k td,
#fee_tb input[id="u50k"]:checked ~ .bg table tr.u50k td,
#fee_tb input[id="o50k"]:checked ~ .bg table tr.o50k td{
				border-bottom:1px solid #fff;
}

}