@charset "UTF-8";
/* ==============================
　style
============================== */
html {
	overflow-x:hidden;
}
body {
	overflow-x:hidden;
}
/* ----------------------------
*  mv slider
* ---------------------------- */
.cd-fixed-bg {
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('../assets/fee/fee-top.jpg');
height:100vh;
width:100%;
position: fixed;
z-index: -1;
}

.inna-kago{
max-width: 65%;
margin:0 auto;
}

.sanka-eria {
  height: 80vh;
  width: 100%;
  position: relative;
}

.sanka-eria .mame {
  position: absolute;
  top: 45%;
  left: 10%;
  width: 26vw;
  height: auto;
}

.mame10 {
position: relative;
}
h2.mame10 {
  position: relative;
  z-index: 5;
  letter-spacing: 0.6vw;
  font-size: 1.4vw;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mame10::before{
position: absolute;
  content: '';
  display: inline-block;
  width: 26vw;
  height: 15vw;
  background-image: url('../assets/fee/name.svg');
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
z-index: -1;
margin-top: -1vw;
}


.main-visual-logo {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.main-visual-logo img {
  max-width: 200px;
}

.icon {
  max-width: 25px;
  display: block;
}

.marker {
background: linear-gradient(
  transparent 60%,
  rgba(255, 235, 59, 0.6) 60%
);
}

/* ----------------------------
* contents - top
* ---------------------------- */
.contents {
  background: #E3E8E1;
}
/*=================================
 page original style
==================================*/
.page.contents._fee {
}
.page.contents._fee:nth-child(3) {
  background: #fff;
}
.page-head-txt {
  font-size: 1.1vw;
  line-height: 1.7em;
  font-weight: 400;
}
.price-txt {
  font-size: 0.9vw;
  font-weight: 400;
  padding: 1vw 0;
}
._fee table {
  width: 100%;
  font-size: 1vw;
  text-align: center;
  margin: 0 auto 1.5vw;
}
._fee table tr {
  border-bottom: 1px solid;
}
._fee table tr td {
  vertical-align: middle;
  width: 19%;
  padding: 20px 0;
}
._fee table th {
  padding: 1vw 0;
  width: 25%;
}
._fee table tr:nth-child(2) td, ._fee table tr:nth-child(3) td {
  font-weight: 300;
}


._fee table tr:nth-child(1) td:nth-child(2){
  font-size: 1vw;
  font-weight: 700;
    color: #FF8FB1;
    background-color: #fff4f7;    
}

._fee table tr:nth-child(2) td:nth-child(2), ._fee table tr:nth-child(3) td:nth-child(2) {
  font-size: 1.5vw;
  font-weight: 700;
    color: #FF8FB1;
    background-color: #fff4f7;
}


._fee table tr:nth-child(2) td:nth-child(3), ._fee table tr:nth-child(2) td:nth-child(4) {
  font-size: 1.3vw;
  font-weight: 500;
}

._fee table tr:nth-child(3) td:nth-child(3), ._fee table tr:nth-child(3) td:nth-child(4) {
  font-size: 1.3vw;
  font-weight: 500;
}



.content01 .txt {
  font-size: 0.9vw;
  font-weight: 400;
}
.page.contents._fee:nth-child(2) {
  background: #dfe5f4;
}
.content02 .wrap {
  background: #fff;
  padding: 1.5vw 3vw;
  margin-bottom: 1.3vw;
}
.content02 .wrap .heading {
margin: 0 auto 1.5vw;
}
.content02 .box .title {
  margin: 0 auto 0.5vw;
}
.content02 .wrap .txt {
  font-size: 0.9vw;
  font-weight: 400;
  letter-spacing: 0.03rem;
}
.content02 .wrap .txt:nth-child(2) {
  padding: 0.5vw 0;
}
.content02 .wrap .txt:nth-child(3) {
  font-weight: 500;
}
.content02 .wrap .creditimg {
  width: 60%;
}
.content02 .button-item .button {
  width: 32%;
  min-width: 270px;
  margin: 1vw auto 0.5vw;
}
.content02 .button-item .button .Btn01 {
  border: 1px solid #99a88d;
  color: #99a88d;
  background: transparent;
  font-size: 100%;
  width: 100%;
  padding-bottom: 3px;
}
.content02 .button-item .button .Btn01::before {
  background: url("../assets/images/icon_arrow.svg") no-repeat;
  width: 0.7vw;
  height: 0.7vw;
  top: 36%;
}

.content02 .button-item02 .button {
  width: 32%;
  min-width: 270px;
}

.content02 .button-item02 .button .Btn01 {
  width: 100%;
  height: 2.3vw;
  padding-bottom: 3px;
}
.content02 .button-item02 .button .Btn01::before {
  width: 0.7vw;
  height: 0.7vw;
  top: 33%;
}

.content02 .title {
  font-size: 1.05vw;
  letter-spacing: 0.03rem;
}
.content02 .wrap .box {
  border-bottom: 1px dotted #000;
  padding: 1vw 0 0.7vw;
}
.content02 .wrap .box.bordernone {
  border: none;
}














/* ==============================
 window size - sp
============================== */
@media (max-width: 767px) {


.mame10::before{
position: absolute;
  content: '';
  display: inline-block;
  width: 70vw;
  height: 40vw;
  background-image: url('../assets/fee/name.svg');
  background-size: contain;
  vertical-align: middle;
background-repeat: no-repeat;
z-index: -1;
top: 0;
left: 0;
}
.mame p{
display:none;
}

.inna-kago {
    max-width: 95%;
    margin: 0 auto;
}
h2.mame10 {
  position: relative;
  z-index: 5;
  letter-spacing: 1vw;
  font-size: 6.5vw;
  padding: 8.5vw 0;
  padding-left: 20%;
}
.sanka-eria {
  height: 65vh;;
}
.sanka-eria .mame {
  position: absolute;
  top: 35%;
  width: 70vw;
  height: auto;
  right: 0;
  left: -70%;
  margin: auto;
}

.cd-fixed-bg {
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('../assets/fee/fee-top_sp.jpg');
height:70vh;
width:100%;
position: fixed;
z-index: -1;
}




/*=================================
 page original style
==================================*/
.page-head-txt {
  font-size: 4vw;
}
._fee table {
  font-size: 3.6vw;
}
._fee table tr {
  border-bottom: 1px solid;
}
._fee table th {
  padding: 2vw 0;
}

._fee table tr:nth-child(1) td:nth-child(2){
  font-size: 3.8vw;   
}
    
._fee table tr:nth-child(2) td:nth-child(2), ._fee table tr:nth-child(3) td:nth-child(2) {
  font-size: 4.5vw;
}

._fee table tr:nth-child(2) td:nth-child(3), ._fee table tr:nth-child(2) td:nth-child(4) {
  font-size: 4vw;
}

._fee table tr:nth-child(3) td:nth-child(3), ._fee table tr:nth-child(3) td:nth-child(4) {
  font-size: 4vw;
}
._fee table tr:nth-child(1) td {
  padding: 1vw;
}
.content01 .txt {
font-size: 3.8vw;
padding: 2vw 0;
}
.content02 .wrap {
padding: 5vw;
margin-bottom: 5vw;
}
.content02 .wrap .heading {
font-size: 5vw;
}
.content02 .wrap .txt {
font-size: 4vw;
}
.content02 .wrap .creditimg {
width: 100%;
}  
.content02 .button-item .button .Btn01 {
height: 10vw;

}
.content02 .button-item {
margin: 5vw auto auto;
}
.content02 .button-item .button {
min-width: auto;
width: 85%;
}
.content02 .button-item .button .Btn01::before {
width: 3.4vw;
height: 3.4vw;
}
.content02 .title {
font-size: 4.5vw;
padding: 1vw 0;
}
.content02 .wrap .box {
padding: 3vw 0 3.7vw;
}

.content02 .button-item02 .button {
min-width: auto;
width: 75%;
}

.content02 .button-item02 .button .Btn01 {
height: 10vw;
font-size: 3.5vw;
}
.content02 .button-item02 .button .Btn01::before {
width: 3.4vw;
height: 3.4vw;
}
















}