@charset "utf-8";

/*
====================================================
■ BODY設定
====================================================
*/

body#op{
    background: none,
}

body#op #wrap{background:none;border: none;}


#main{
   text-align:center;
   width:100%;
   margin:100px auto 50px;
   background-size:cover;
}

@media screen and (max-width: 768px) {
  #main{margin: 50px auto 50px;}
  #wrap section .inner ul li img{width:100% !important;}
}

p {margin:5px auto;}
p img{width:100%;}

@media screen and (max-width: 375px) {
p img{width:100%;}
}


/*
====================================================
■ H1設定
====================================================
*/

h1 {position:relative;max-width: 767px;margin:auto;}

h1 img{width:100%;max-width:700px;}


@media screen and (max-width: 768px) {
  h1 img{width:94%;}
}




/*
====================================================
■ H2設定
====================================================
*/

#op h2{
     font-size:1rem;
     margin:4% auto 2%;
     letter-spacing: 0.05em;
     width:80%;
     text-align:center;
     line-height:1.8;
     }

@media screen and (max-width: 768px) {
  #op h2{font-size:1rem;width:90%;text-align:left;}

}

/*
====================================================
■ ENTER 設定 for PC
====================================================
*/

#entrance{
max-width:500px;
margin:1% auto 0;
}

#entrance li{float:left;width:40%;}
#entrance .age{width:20%; margin:7% 0;}
#entrance .age img{max-width:50px;}

#entrance .more_btn{
	background:none;
  border: none;
}



#entrance .more_btn a{
 padding:3% 0 ;
 font-size: 3rem;
 line-height:1.2;
 font-weight: 500;
 transition: all 0.4s ease 0s;
	display: block;
}

#entrance .more_btn:after{
	content: none;
}


#entrance .more_btn span{
display:block;
font-size:1.3rem;
}

#entrance .more_btn a:hover{
	background:none;
}

#main img{
	width: auto;
}

/*
====================================================
■ ENTER設定 for SP
====================================================
*/

@media screen and (max-width: 768px) {
#entrance .more_btn a{
     font-size: 2rem;
     }
     #entrance .more_btn span{
     font-size:1rem;
   }
   #entrance .age img {
    max-width: 30px;
}
.sec02 img{
}
#main img{
	width: 100%;
}
 }

@media screen and (max-width: 480px) {
	#entrance{
	max-width:320px;
	margin:auto;
	}
}

.kin18{
	font-size:1rem;
	color:#000;
	line-height:1.2;
	margin-top:2%;
	letter-spacing: 0.03em;
}

.copyright{
	padding:2% 0;
	font-size: 10px;
    letter-spacing: 0.15rem;
}

@media screen and (max-width: 768px) {

  .kin18{font-size:0.9rem;width:90%;margin:auto;text-align:left;}
}