@charset "utf-8";

/*画面幅が780pxまでの時ースマホ用*/
@media screen and (max-width:750px){
body {
margin: 0%;
display: none;
}
#container {
max-width: 750px;
}
img {
width: 100%;
vertical-align: bottom;
}
p {
margin: 0%;
font-weight: 400;
font-style: normal;
}
.fvheader {
position: fixed;
top: 0%;
width: 100%;
margin: 0%;
z-index: 9999;
}
.fv {
    position: relative;
    margin-top: 18%;
    margin-bottom: 30%;
    height: 200vw;
}
.staffinterview {
    position: absolute;
    top: 12vw;
    left: 10vw;
    font-size: 3vw;
    color: #AF967B;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.4vw;
}
.ikikata {
position: absolute;
top: 20vw;
left: 9%;
font-size: 6vw;
color: #383838;
font-family:'YuMincho','Yu Mincho',serif;
}
.hugkumi {
position: absolute;
top: 31vw;
left: 10%;
font-size: 4vw;
color: #383838;
font-family: 'YuMincho','Yu Mincho',serif;
letter-spacing: 0.4vw;
}
.shain01 {
position: absolute;
top: 50vw;
}
.bangou {
    position: absolute;
    top: 130vw;
    left: 11vw;
    font-size: 5vw;
    color: #AF967B;
    font-family: 'EB Garamond', serif;
}
.midasi{
    position: absolute;
    top: 140vw;
    left: 10%;
    padding: 0 2%;
    font-size: 5vw;
    color: #383838;
    background-color: #FFF9D7;
    text-align: left;
    font-family:'YuMincho','Yu Mincho',serif;
}
.midasii{
    position: absolute;
    top: 150vw;
    left: 10%;
    padding: 0 2%;
    font-size: 5vw;
    color: #383838;
    background-color: #FFF9D7;
    text-align: left;
    font-family:'YuMincho','Yu Mincho',serif;
}
.midasiii{
    position: absolute;
    top: 160vw;
    left: 10%;
    padding: 0 2%;
    font-size: 5vw;
    color: #383838;
    background-color: #FFF9D7;
    text-align: left;
    font-family:'YuMincho','Yu Mincho',serif;
}
.prpfile {
    width: 80%;
    margin: 10%;
    position: absolute;
    left: 0vw;
    top: 187vw;
}
.nyuusha {
    position: relative;
    height: 215vw;
}
.riyuu {
    position: absolute;
    top: 33vw;
    left: 10%;
    font-size: 4vw;
    color: #383838;
    background-color: #FFF9D7;
    text-align: left;
    letter-spacing: 0.2vw;
    padding: 0 2%;
    font-family: "source-han-sans-japanese", sans-serif;
}
.riyuuu {
    position: absolute;
    top: 47vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    text-align: left;
    line-height: 7.6vw;
    font-family: "source-han-sans-japanese", sans-serif;}
.riyuuuuu {
    position: absolute;
    top: 82vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.riyuuuuuu {
    position: absolute;
    top: 133vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.riyuuuuuuu {
    position: absolute;
    top: 184vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.shigoto {
    position: relative;
    height: 318vw;
    margin-bottom: 19vw;
}
.inu {
    position: absolute;
    top: 242vw;
}
.inutext {
    position: absolute;
    color: #7F7C7C;
    font-size: 3vw;
    font-family: "source-han-sans-japanese", sans-serif;
    top: 307vw;
    left: 10%;
    width: 80%;
    line-height: 5vw;
}
.taisetu {
    position: absolute;
    top: 25vw;
    left: 10%;
    font-size: 4vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    letter-spacing: 0.2vw;
    text-align: left;
    padding: 0 2%;
}
.taisetuu {
    position: absolute;
    top: 39vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.taisetuuu {
    position: absolute;
    top: 82vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.taisetuuuu {
    position: absolute;
    top: 162vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.taisetuuuuu {
    position: absolute;
    top: 197vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}

.jibun {
    position: relative;
    height: 37vw;
}
.rasiku {
    position: absolute;
    top: 1vw;
    left: 10%;
    font-size: 3.6vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    letter-spacing: 0.2vw;
    text-align: left;
    padding: 0 2%;
}
.rasikuu {
    position: absolute;
    top: 14vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.rasikuuu {
    position: absolute;
    top: 34vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.rasikuuuu {
    position: absolute;
    top: 84vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.rasikuuuuu {
    position: absolute;
    top: 169vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.inuoya {
    position: relative;
    height: 205vw;
}

.josei {
    position: absolute;
    top: 98vw;
    left: 10%;
    font-size: 3.6vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    text-align: left;
    letter-spacing: 0.2vw;
    padding: 0 2%;
}
.joseii {
    position: absolute;
    top: 112vw;
    left: 10%;
    width: 80%;
    font-size: 3.5vw;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
    line-height: 7.6vw;
}
.sinbtn {
    height:50vw;
    position:relative;
}
.sintext {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
}
.btnsin {
    position: absolute;
    top: 26vw;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
.others {
    position: relative;
}
.otherstext {
    position: absolute;
    top: 10vw;
    left: 11%;
    font-size: 3.5vw;
    color: #AF967B;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.4vw;

}
.ikikataa {
    position: absolute;
top: 19vw;
left: 10%;
font-size: 6vw;
color: #383838;
font-family:'YuMincho','Yu Mincho',serif;
}
.hoka {
    position: absolute;
    top: 29vw;
    left: 10%;
    font-size: 4vw;
    color: #383838;
    font-family: 'YuMincho','Yu Mincho',serif;
    letter-spacing: 0.6vw;
}




/*others*/
.others {
    position: relative;
    margin-bottom: 15vw;
}
.oezaki {
    position: absolute;
    top: 40vw;
    width: 80%;
    margin: 10%;
}
.omuromizu {
    position: absolute;
    top: 95vw;
    width: 80%;
    margin: 10%;
}
.oshiida {
    position: absolute;
    top:150vw;
    width: 80%;
    margin: 10%;
}
.osugino {
    position: absolute;
    top: 207vw;
    width: 80%;
    margin: 10%;
}
.ohashizume {
    position: absolute;
    top: 264vw;
    width: 80%;
    margin: 10%;
}
/*present*/
.presentoya {
position: relative;
}
.progo {
position: absolute;
top: 7vw;
width: 28%;
left: 4vw;
}
.pbtn {
    position: absolute;
    top: 197vw;
    width: 71%;
    margin: 14.5%;
    z-index: 777;
    }
.ptext {
position: absolute;
top: 75vw;
width: 80%;
margin: 10%;
}
.rogooya {
position: relative;
}
.ftext {
position: absolute;
top: -11vw;
width: 54%;
margin: 23%;
}
.mypage {
position: absolute;
top: 33vw;
font-size: 3vw;
color: #383838;
font-family: "source-han-sans-japanese", sans-serif;
left: 29vw;
}
.fadeIn_up {
opacity: 0;
transform: translate(0, 20%);
transition: 2s;
}
.fadeIn_up.is-show {
transform: translate(0, 0);
opacity: 1;
}
}






@media screen and (min-width:750px){
* {
text-align: center;
}
body {
    display: none;
}
#container {
max-width: 750px;
margin: 0 auto;
}
p {
text-align: center;
max-width: 750px;
}
img {
margin: auto;
max-width: 750px;
vertical-align: bottom;
}
.fvheader {
max-width: 750px;
margin: 0;
top: 0;
position: fixed;
z-index: 9999;
}
.fv {
    position: relative;
    margin-top: 15%;
}
.staffinterview {
    position: absolute;
    top: 3%;
    left: 10%;
    font-size: 30px;
    color: #AF967B;
    font-family: 'EB Garamond', serif;
}
.ikikata {
    position: absolute;
    top: 7%;
    left: 9%;
    font-size: 45px;
    color: #383838;
    font-family:'YuMincho','Yu Mincho',serif;
}
.hugkumi {
    position: absolute;
    top: 14%;
    left: 10%;
    font-size: 32px;
    color: #383838;
    color: #383838;
    font-family:'YuMincho','Yu Mincho',serif;
}
.shain01 {
    position: absolute;
    top: 28%;
}
.bangou {
    position: absolute;
    top: 70%;
    left: 11%;
    font-size: 40px;
    color: #AF967B;
    font-family: 'EB Garamond', serif;
}
.midasi{
    position: absolute;
    top: 76%;
    left: 10%;
    font-size: 40px;
    color: #383838;
    font-family:'YuMincho','Yu Mincho',serif;
    background-color: #FFF9D7;
    text-align: left;
}
.midasii{
    position: absolute;
    top: 82%;
    left: 10%;
    font-size: 40px;
    color: #383838;
    font-family:'YuMincho','Yu Mincho',serif;
    background-color: #FFF9D7;
    text-align: left;
}
.midasiii{
    position: absolute;
    top: 88%;
    left: 10%;
    font-size: 40px;
    color: #383838;
    font-family:'YuMincho','Yu Mincho',serif;
    background-color: #FFF9D7;
    text-align: left;
}
.nyuusha {
    position: relative;
    height: 1200px;
    margin-bottom: 60%;
}
.riyuu {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 35px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    text-align: left;
}
.riyuuu {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.riyuuuuu {
    position: absolute;
    top: 38%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.riyuuuuuu {
    position: absolute;
    top: 67%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.riyuuuuuuu {
    position: absolute;
    top: 93%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.shigoto {
    position: relative;
    height: 2000px;
    margin-top: -13%;
    margin-bottom: 30%;
}
.inu {
    position: absolute;
    top: 75%;
}
.inutext {
    position: absolute;
    color: #7F7C7C;
    font-size: 23px;
    font-family: "source-han-sans-japanese", sans-serif;
    bottom: -5%;
    left: 6%;
    width: 90%;
    text-align: left;
    line-height: 35px;
}
.taisetu {
    position: absolute;
    top: 0%;
    left: 10%;
    font-size: 35px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    text-align: left;
}
.taisetuu {
    position: absolute;
    top: 6%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuu {
    position: absolute;
    top: 21%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuu {
    position: absolute;
    top: 45%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuuu {
    position: absolute;
    top: 58%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.jibun {
    position: relative;
    height: 900px;
    margin-top: 15%;
}
.rasiku {
    position: absolute;
    top: 0%;
    left: 10%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    text-align: left;
}
.rasikuu {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.rasikuuu {
    position: absolute;
    top: 23%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.rasikuuuu {
    position: absolute;
    top: 61%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.inuoya {
    position: relative;
    height: 800px;
}
.josei {
    position: absolute;
    top: 0%;
    left: 10%;
    font-size: 32px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    background-color: #FFF9D7;
    text-align: left;
}
.joseii {
    position: absolute;
    top: 13%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.sinbtn {
    height:500px;
    position:relative;
}
.sintext {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
}
.btnsin {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
.others {
    position: relative;
    margin-bottom: 10%;
}
.otherstext {
    position: absolute;
top: 1%;
left: 10%;
font-size: 40px;
color: #AF967B;
font-family: 'EB Garamond', serif;

}
.ikikataa {
    position: absolute;
    top: 4%;
    left: 9%;
    font-size: 45px;
color: #383838;
font-family:'YuMincho','Yu Mincho',serif;
}
.hoka {
    position: absolute;
    top: 8%;
    left: 10%;
    font-size: 30px;
color: #383838;
font-family:'YuMincho','Yu Mincho',serif;
}













/*others*/
.oezaki {
    position: absolute;
    top: 12%;
    width: 80%;
    margin: 10%;
}
.omuromizu {
    position: absolute;
    top: 29%;
    width: 80%;
    margin: 10%;
}
.oshiida {
    position: absolute;
    top: 46%;
    width: 80%;
    margin: 10%;
}
.osugino {
    position: absolute;
    top: 63%;
    width: 80%;
    margin: 10%;
}
.ohashizume {
    position: absolute;
    top: 80%;
    width: 80%;
    margin: 10%;
}

/*present*/
.presentoya {
position: relative;
}
.pobi {
margin: 0% auto;
}
.progo {
position: absolute;
top: 3%;
width: 28%;
left: 4%;
}
.pbtn {
    position: absolute;
    top: 85%;
    width: 71%;
    margin: 14.5%;
    z-index: 777;
    }
.ptext {
position: absolute;
top: 31%;
width: 80%;
margin: 10%;
}
.rogooya {
position: relative;
}
.ftext {
position: absolute;
top: 20%;
width: 100%;
margin: 0;
}
.mypage {
position: absolute;
top: 54%;
font-size: 25px;
left: 26%;
color: #383838;
font-family: "source-han-sans-japanese", sans-serif;
}




.fadeIn_up {
opacity: 0;
transform: translate(0, 20%);
transition: 2s;
}
.fadeIn_up.is-show {
transform: translate(0, 0);
opacity: 1;
}
}