@charset "UTF-8";

html, body{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 62.5%; 
	color: #333333;
}

p{
    font-family: 'Noto Sans JP', sans-serif;
}

a{
    color: #333333;
    font-weight: bold;
}

a:hover{
    color: #333333;
    opacity: 0.7;
}

img{
    width: 100%;
}


.lp-wrap__03{
    margin-left: 0;
    margin-right: 0;
}

.sp{
	display: none;
}


main{
	max-width: 1000px;
	margin: 0 auto;
}

@media (min-width: 920px) {
    .lp-wrap__03{
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }   
}/* @media閉じタグ */


 @media (max-width: 650px) {
	 .sp{
		display: block;
	}

}/* @media閉じタグ */


/* ==========================
  共通
========================== */

.mat1{
    margin-top: 1.5%;
}

.mat2{
    margin-top: 2%;
}

.mat3{
    margin-top: 3%;
}


.mat4{
    margin-top: 4%;
}

.mat5{
    margin-top: 5%;
}

.mat6{
    margin-top: 6%;
}


.mat8{
    margin-top: 8%;
}

.mat10{
    margin-top: 10%;
}

.mat12{
    margin-top: 12%;
}

.mat14{
    margin-top: 14%;
}

.mat15{
    margin-top: 15%;
}


.mat16{
    margin-top: 16%;
}

.mat20{
    margin-top: 20%;
}

.mat26{
    margin-top: 26%;
}

.mat30{
	margin-top: 30%;
}

.mat40{
    margin-top: 40%;
}

.mat42{
    margin-top: 26%;
}

.mat32{
    margin-top: 32%;
}

.pat2{
	padding-top: 2%;
}


.pat3{
	padding-top: 3%;
}


.pat5{
	padding-top: 5%;
}

.pat6{
	padding-top: 6%;
}

.pat32{
    padding-top: 0%;
}

.mab3{
	margin-bottom: 3%;
}

.mab10{
	margin-bottom: 10%;
}

.mab16{
    margin-bottom: 16%;
}

.pab10{
    padding-bottom: 10%;
}

.par1{
    padding-right: 1%;
}

.pab10{
    padding-bottom: 10%;
}

.pab14{
    padding-bottom: 14%;
}

.pab20{
	padding-bottom: 20%;
}

.pab22{
	padding-bottom: 22%;
}

.pab30{
	padding-bottom: 30%;
}

.pab40{
	padding-bottom: 40%;
}

.pab15_22{
	padding-bottom: 15%;
}

.malr10{
	margin-left: 10%;
	margin-right: 10%;
}



/* ==========================
  main
========================== */
.link_btn{
	width: 60%;
	margin: 0 auto;
	padding-top: 8%;
}

.link_btn:first-of-type{
	padding-top: 10%;
}

.movie_vi video{
	width: 100%;
}


.foot_logo{
    width: 30%;
    
}

.footer_c{
    text-align: center;
    padding-bottom: 18%;
}

small{
    margin: 0 auto;
}



@media (max-width: 650px) {
	.mat40{
    margin-top: 28%;
}

}





#pageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 0 0 0;
  border-radius: 40px;
  width: 50px;
  height: 50px;
  background-color: rgba(102, 102, 102, 0.7);
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 0.9em;
  text-align: center;
  letter-spacing: 0.1rem;
}
@media (max-width: 768px) {
    #pageTop {
      position: fixed;
      bottom: 18px;
      right: 18px;
    }
}/* @media閉じタグ */