@charset "UTF-8";


body {
    margin-left: -1%;
}

.titlesaisyo img{
  padding-top:8vw;
  padding-left: 3vw;
}

#taitlesita{
    margin-top: 5%;
    margin-left: 30%;
}

#taitlesita h1{
    color:rgb(109,109,109);
}

.whk p{
    font-size: 2vw;
    color:rgb(255,255,255);
}


#m1 img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#m1:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





#dou img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#dou:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





#yosa img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#yosa:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





#suto img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#suto:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





#wase img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#wase:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



.bg_fixed1 {
	height:50vw;
	background-image:url(../images/haikeipc.png);
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	z-index: 1;
    
}
 
.bg_fixed2 {
	height:50vw;
	background-image:url(../images/kikaku5pc.png);
    background-size:100%;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	z-index: 1;
}

.bg_fixed3 {
	height:50vw;
	background-image:url(../images/pchai1.png);
    background-size: 100%;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	z-index: 1;
}
 
.scroll1 {
	height: 50vw;
    background-size:100%;
    background-repeat: no-repeat;
	background-image:url(../images/pchai2.png);
	z-index: 2;
}

.scroll2 {
	height: 50vw;
    background-size:100%;
    background-repeat: no-repeat;
	background-image:url(../images/korabo.png);
	z-index: 2;
    
}

.scroll3 {
	height: 50vw;
    background-size:100%;
    background-repeat: no-repeat;
	background-image:url(../images/pchai3.png);
	z-index: 2;
}


h1{
    text-align: center;
    font-family: 'genzyuHeavy';
    font-size: 3.8vw;
    color: rgb(255,255,255);
    margin-top: 0;
    margin-bottom: 0;
}

h3{
    font-family: 'genzyuHeavy';
    font-size: 30px;
}

h3 a{
    text-decoration-color: rgb(231,63,102);
    color: rgb(231,63,102)
}

h4{
    font-family: 'genzyuHeavy';
    font-size: 2.5vw;
    margin-top: 5%;
    margin-bottom: 0;
}

#ques h1{
    padding-top: 2%;
}

p{
    text-align: center;
    font-family: 'genzyuMedium';
    font-size: 2vw;
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.map{
    padding:8%;
    text-align-last: center;
}

#mynx{
   width: 40%;
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 15%;
}

#mynx p{
    font-size: 2vw;
    font-family: 'KozGoPr6N-Bold';
}

#sara{
   width: 40%;
   float: right;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 6%;  
}

#sara p{
    letter-spacing: 5px;
    font-size: 2vw;
    color: rgb(255,255,255);
   font-family: 'GenEiLateMinT-M';
}

#m1{
    float: left;
    height: 40%;
    padding-top: 2%;
    width: 40%;
    float: left;
    text-align: center;
    margin-left: 9%;
}

#dou{
    float: right;
    height: 40%;
    margin-left: 1%;
    padding-top: 4%;
    width: 40%;
    float: left;
    text-align: center;
}

#yosa{
    padding-top: 2%;
    float: left;
    height: 40%;
    width: 30%;
    float: left;
}

#suto{
    padding-top: 1%;
    height: 40%;
    padding-left: 4%;
    width: 30%;
    float: left;
    text-align: center;
    
}


#wase{
    margin-left: 5%;
    height: 40%;
    width: 30%;
    float: left;
    text-align: right;
}

.bg_fixed3 h1{
    padding-top: 5%;
    text-align: center;
    font-family: 'genzyuHeavy';
    font-size: 3vw;
    color: rgb(109,109,109);
}

#mozi{
    width: 40%;
    float:left;
    margin-left:10%;
}

#mozi p{
    margin: 0;
    margin-top: -4%;
    color: rgb(109,109,109);
}

#mozi h3{
    font-size: 3vw;
    color: rgb(109,109,109);
}

#mozi h4{
    
    color: rgb(109,109,109);
}

#map{
    width: 40%;
    float:right;
    margin-right: 10%;
}

.Q h4{
    text-align: center;
    font-size: 2.3vw;
    font-family: 'genzyuMedium';
    width: 60%;
    margin: 1% auto 0px;
    border-bottom: 1px solid rgb(255, 255, 255);
    color:rgb(255, 255, 255);
}

#ques p{
    margin: 0;
    color: rgb(255, 255, 255);
}

.footer a{
    text-decoration-color: rgb(231,63,102);
    color: rgb(231,63,102)
}

.footer p{
    color: rgb(109,109,109);
}