@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@500;700;900&display=swap');

.font_t {
    font-family: 'Fjalla One', sans-serif;
    color: #687293;
}

.font_jp {
    font-family: 'Noto Sans';
}



.blue {
    color: #687293;
}

.blue_background {
    background-color:#687293;
}

.white {
    background-color: cadetblue;
}

.font_n {
    font-family: 'Fjalla One', sans-serif;
    color: #807568;
    text-align: right;
    margin-bottom: 0px;
/*    text-decoration: underline;*/
    font-size: 2.5em;
}

html,
body {
    font-size: 14px;
    font-family: 'Manrope', sans-serif;

}


.font_jp {
   font-weight: bolder;
}



p {

    line-height: 1.6;

}


.p2 {
    line-height: 2;
}


.big {
    line-height: 0.9;
    letter-spacing: -2px;
    font-size: min(max(16px, 14vw), 100vw);
}


.big2 {
    line-height: 0.9;
    letter-spacing: -2px;
    font-size: clamp(50px, 15vw, 160px);
}

.big3 {
    line-height: 1.2;
    letter-spacing: -1px;
    font-size: clamp(11px, 7vw, 50px);
}

.big4 {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(30px, 9vw, 100px);
}

.big4_2{
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(16px, 10vw, 90px);
}

.big4_3{
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(12px, 8vw, 90px);
}

.big4_4{
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(18px, 11vw, 70px);
}

.big5 {
    font-size: 6.5vw;
    line-height: 1;
    letter-spacing: -1px;
}

.big6 {
    font-size: 3em;
    line-height: 1em;
    letter-spacing: -1px;
}

.big7 {

    max-width:8em;
    font-size: 4em;
    line-height: 1em;
    letter-spacing: -1px;
}




.big4size {
    width:6vw;
}

.big3size {
    width:3vw;
}

.offset {
    margin-top:-9em;

}


.part2text {
    font-size: 4vw;
    line-height: 1;
    letter-spacing: -1px;
}

/*
.textedite {
        line-height: 2;
}
*/



.quation {
    width:7vw;
}

.question_offset{
    margin-left:-3em;

}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 0px solid transparent;
  border-right: 5vw solid transparent;
  border-top: 5vw solid #687293;
  margin-right: 1vw;

}

.arrow-down_jp {
  width: 0; 
  height: 0; 
  border-left: 0px solid transparent;
  border-right: 4vw solid transparent;
  border-top: 4vw solid #687293;
  margin-right: 1vw;

}

.arrow-down2 {
  width: 0; 
  height: 0; 
  border-left: 1.5em solid transparent;
  border-right: 0vw solid transparent;
  border-top: 1.5em solid #807568;
}


.h1 {}

.hr_white {
    border: 2px solid #ffffff;
    width: 80%;
    text-align: left;
    margin-left: 0;
    background-color: #ffffff;
}

.hr_n {
    border: 2px solid #807568;
    width: 25px;
    background-color: #807568;
    padding: 0px;
    margin-top: 0px;
}


.triangle {
    width: 50;
    height: 50;
    border-top: 50px solid #687293;
    border-right: 50px solid transparent;

}

.vl1 {
    border-right: 2px solid #807568;
    height: 17vw;
    margin: 0.6em;

}

.vl2 {
    border-right: 2px solid #807568;
    height: 20vw;
    margin: 0.6em;
}

.vl3 {
    border-right: 2px solid #807568;
    margin-right: 5vw;
    
}


/*------------------------test---------------*/

.test {
    margin: 10px 10px 10px 10px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s; /* Safari */
    width: 200px;
    height: 200px;
    }

.test:hover {
	cursor: pointer;
	-webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s; /* Safari */
    z-index: 1;
    }


.test2 {
    margin: 10px 10px 10px 10px;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.8, 0.8);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s; /* Safari */
    width: 200px;
    height: 200px;
    }

.test2:hover {
	cursor: pointer;
	-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s; /* Safari */
    z-index: 1;
    }

.broder_top {
    border-top: 1px solid rgba(104, 114, 147, 1);
    z-index: 3;
}

.broder_left {
    border-left: 1px solid rgba(104, 114, 147, 1);
    z-index: 3;
}

.border_bottom {
    border-bottom: 1px solid rgba(104, 114, 147, 1);
    z-index: 3;
}

.border_right {
    border-right: 1px solid rgba(104, 114, 147, 1);
    z-index: 3;
}

.bg_white {
    background-color: rgb(247, 247, 247);
    border: 20px solid rgb(247, 247, 247);
}


/*-------------image--------------------------------*/

.bk {
    background-image: url(img/bk.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.small_text {
    font-size: 5vw;
}



.no_text {
    font-size: 5vw;
    font-size: 52px;
}

.text-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24);
}

.h1-shadow {

    background-color: #7e7e7e;
    color: #ffffff;
}


.box-shadow {
    text-shadow: 2px 2px rgb(206, 63, 63);
}

.bk_color1 {
    background-color: rgb(111, 163, 198);
    color: aliceblue;

}

.bk_color2 {
    background-color: #ba759b;
    color: aliceblue;

}

.bk_color3 {
    background-color: #c6b839;
    color: aliceblue;

}

.margin5 {
    margin: 5erm;
}


.color_important {
    color: #ffffff;
}

.zlayer {
    z-index: 1;
    margin-top: 10%;
}

.zlayer2 {
    z-index: -2;
    margin-top: -10%;
}

.zlayer4 {
    z-index: -2;
    margin-top: -20%;
}

.zlayer3 {
    z-index: -2;
    margin-bottom: -15%;
}


.hr_white {
    background-color: #ffffff;

    box-sizing: content-box;
    height: 3px;
    overflow: visible;
}

.mt-6 {
    margin-top: 10% !important;
}

.mb-6 {
    margin-bottom: 16% !important;
}

.pb-7 {
    padding-bottom: 10% !important;
}

.shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.59);
}

.w500 {
    max-width: 500PX;
}

.col-sm > img {
    width: 100%;
    padding: 3%;
}


.content_form {
    background-color: #96A1A6;
    padding: 3%;
}


.footer {
    background-color: #212529;
    color: #ffffff;
}

/*-------------menu--------------------------------*/



/*-------------jp--------------------------------*/


.big_jp {
    line-height: 1.1;
    letter-spacing: -5px;
    font-size: clamp(45px, 10vw, 150px);
}


.big2_jp {
    line-height: 1.1;
    letter-spacing: -5px;
    font-size: clamp(45px, 10vw, 150px);
}

.big3_jp {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(11px, 7vw, 50px);
}

.big4_jp {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(22px, 3vw, 70px);
}

.big4_2_jp {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(16px, 10vw, 90px);
}

.big4_3_jp {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(16px, 10vw, 90px);
}

.big4_4_jp {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(18px, 11vw, 70px);
}

.big4_5_jp {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(30px, 4vw, 45px);
}

.big5_jp {
   line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(30px, 4vw, 55px);
}

.big6_jp {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(30px, 4vw, 35px);
}

.big7_jp {

    max-width:8em;
    font-size: 4em;
    line-height: 1em;
    letter-spacing: -1px;
}

.hr_white_jp {
    border: 0.7vw solid #ffffff;
    width: 80%;
    text-align: left;
    margin-left: 0;
    background-color: #ffffff;
}


.big_fr {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(16px, 10vw, 70px);
}


.big2_fr {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(40px, 8vw, 700px);
}

.big3_fr {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(28px, 6vw, 85px);
}

.big4_fr {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(33px, 6vw, 60px);
}



.big5_fr {
    line-height: 1.1;
    letter-spacing: -2px;
    font-size: clamp(45px, 5vw, 85px);
}

.big6_fr {
   font-size: 3em;
    line-height: 1em;
    letter-spacing: -1px;
}


.big4_4_es {
    line-height: 1;
    letter-spacing: -1px;
    font-size: clamp(18px, 11vw, 55px);
}