@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: 106vw;
}
.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;}
.riyuuuu {
    position: absolute;
    top: 96vw;
    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;
}
.riyuuuuu {
    position: absolute;
    top: 123vw;
    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: 575vw;
    margin-bottom: 19vw;
}
.inu {
    position: absolute;
    bottom: 28vw;
}
.inutext {
    position: absolute;
    color: #7F7C7C;
    font-size: 3vw;
    font-family: "source-han-sans-japanese", sans-serif;
    bottom: 2vw;
    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: 40vw;
    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: 83vw;
    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: 135vw;
    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: 225vw;
    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;
}
.taisetuuuuuu {
    position: absolute;
    top: 284vw;
    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;
}
.taisetuuuuuuu {
    position: absolute;
    top: 351vw;
    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;
}
.taisetuuuuuuuu {
    position: absolute;
    top: 418vw;
    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: 126vw;
}
.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: 72vw;
    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: 150vw;
    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: 270vw;
}

.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;
}
.joseiii {
    position: absolute;
    top: 214vw;
    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;
}
.joseiiii {
    position: absolute;
    top: 239vw;
    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: 800px;
    margin-top: 10%;
}
.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: 25%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.riyuuuu {
    position: absolute;
    top: 56%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.riyuuuuu {
    position: absolute;
    top: 73%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.shigoto {
    position: relative;
    height: 4000px;
}
.inu {
    position: absolute;
    bottom: 4%;
}
.inutext {
    position: absolute;
    color: #7F7C7C;
    font-size: 23px;
    font-family: "source-han-sans-japanese", sans-serif;
    bottom: 0%;
    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: 3%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuu {
    position: absolute;
    top: 12%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuu {
    position: absolute;
    top: 22%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuuu {
    position: absolute;
    top: 38%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuuuu {
    position: absolute;
    top: 48%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuuuuu {
    position: absolute;
    top: 60.5%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.taisetuuuuuuuu {
    position: absolute;
    top: 73%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.jibun {
    position: relative;
    height: 1500px;
    margin-top: 20%;
    margin-bottom: 10%;
}
.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: 8%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.rasikuuu {
    position: absolute;
    top: 34%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.rasikuuuu {
    position: absolute;
    top: 69%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.inuoya {
    position: relative;
    height: 1200px;
}


.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: 9%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.joseiii {
    position: absolute;
    top: 64%;
    left: 10%;
    width: 80%;
    font-size: 30px;
    color: #383838;
    font-family: "source-han-sans-japanese", sans-serif;
    text-align: left;
}
.joseiiii {
    position: absolute;
    top: 79%;
    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;
}
}