BODY {
     margin:0px;          /* margin */
     padding:0px;         /* padding */
     text-align:center;   /* なんだろ */
      font-family: 'Meiryo UI',sans-serif; font-size: 16px; line-height:150%; color: #333333;
	background-color: #ffffff;
}


/*movile css*/

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


 .bi-arrow-down-circle{
  font-size: 500%;
  color: #FFFFFF;
} 

.img-t{
	animation: ueshita 3s infinite;
}

@keyframes ueshita {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
}  
}

.top-s{
  height: 100vh;
  width: auto;
  padding-top: 50vh;
  padding-bottom: 0%;
  /*  border: 1px solid #ffffff; */
}

.bttitle{
  font-size: 60%;
}

#video-background,
#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
 
#video-background {
  z-index: -2;
}

#video-overlay {
  z-index: -1;
  background-color: #FFFFFF;
  opacity:0.2;
}

.youtube {
  width: 100%;
  aspect-ratio:16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  border-style: solid;
    border-width: 1px;
    border-color: #131313;
    border-radius: 10px;
}


h1 {
  font-size: 100%; /* TCY15px */
  color: #000000;/* F#FF99CC */
  MARGIN-TOP: 5px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 90%; /* TCY12px */
  color: #000000;/* F#FFFFFF */
  MARGIN-TOP: 5px;
  font-weight: bold; /* 太字 */
}


h3 {
  font-size: 70%; /* TCY12px */
  color: #000000;/* F#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
}

p {
  font-size: 70%; /* TCY17px */
  color: #000000;/* F#666666 */
  MARGIN: auto;
  word-wrap: break-word;
}

a{/*Nꂽ*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*}EX̂Ƃ*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

a.linklink{
margin-left: auto;
margin-right: 0;
margin-top: 2;
color: #FFFFFF;
display:block;
width:50%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:1px solid;
border-color:#333333;
background:#333333;
border-radius: 40px;
text-decoration: none;
}

a.linklink:hover{
background:#666666;
color:#FFFFFF;
border:1px solid;
border-color:#FFFFFF;
}

.contents01 {
	clear: both;
	float: none;
	width: 100%;
	MARGIN: 0px;
	background-color: #fe92b2;
	padding:0px;
}



img.aaa {
WIDTH: 100%;
height: auto;
MARGIN: auto;
}

img.bbb {
WIDTH: 90%;
height: auto;
MARGIN: 0px;
}



.contents02 {
	clear: both;
	float: none;
	width: 100%;
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 10px;
	padding:20px;
	background-color: #fe92b2;
	border-top: solid;1px;
	border-top-color: #FFFFFF;
}

.contents03 {
	clear: both;
	float: none;
	width: 100%;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;

	padding-top: 20px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 20px;
	background-color: #ffffff;
	border-top: solid 0px;
	border-top-color: #999999;
  overflow-wrap: break-word;
  text-align: left;
  opacity: 95%;
  border-radius: 10px;
}

.contents04 {
	clear: both;
	float: none;
	width: 100%;
	MARGIN: 1px;
	MARGIN-TOP: 5px;
	padding:2px;
	background-color: #ffffff;
	border-top: solid 0px;
	border-top-color: #999999;
	border-bottom: solid 0px;
	border-bottom-color: #999999;
  overflow-wrap: break-word;
}

.stitle{
MARGIN: 1%;
font-size: 80%;
}

}
/*mobile_css*はここまで/


/*pc_css*/

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

.img-t{

	animation: ueshita 3s infinite;
}


@keyframes ueshita {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
}
}  

.bi-arrow-down-circle{
  font-size: 500%;
  color: #FFFFFF;
}

.top-s{
  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
  padding-top: 30vh;
  padding-bottom:10%;
}

#video-background,
#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
 
#video-background {
  z-index: -2;
}

#video-overlay {
  z-index: -1;
  background-color: #999999;
  opacity:0.5;
}

.youtube {
  width: 100%;
  aspect-ratio:16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  border-style: solid;
    border-width: 1px;
    border-color: #131313;
    border-radius: 10px;
}


h1 {
  font-size: 16px; /* 15px */
  color: #000000;/* F#FF99CC */
  MARGIN-TOP: 0px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 120%; /* TCY12px */
  color: #000000;/* F#FFFFFF */
  font-weight: bold; /* 太字 */
}


h3 {
  font-size: 16px; /* TCY12px */
  color: #000000;/* F#666666 */
  font-family: 'Meiryo UI',sans-serif;
}

p {
  font-size: 100%; /* TCY17px */
  color: #000000;/* F#666666 */
}

a{/*Nꂽ*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*}EX̂Ƃ*/
    color:#666666;
    font-style:normal;
    text-decoration:underline;
}

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

a.linklink{
margin-left:0;
display:block;
width:200px;
height:auto;
padding-top:10px;
padding-bottom:10px;
text-align:center;
border:2px solid;
border-color:#333333;
background:#333333;
color: #FFFFFF;
border-radius: 40px;
text-decoration: none;
}

a.linklink:hover{
background:#999999;
color:#FFFFFF;
border:2px solid;
border-color:#999999;
}

img.aaa {
width: 100%;
height: auto;
margin:0px;
}

img.bbb {
WIDTH: 50%;
height: auto;
MARGIN-left: 0px;
}


.contents01 {
	clear: both;
	float: none;
	width: 100%;
	MARGIN: 0px;
	background-color: #fe92b2;
}

.contents02 {
	clear: both;
	float: none;
	width: 45%;
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 10px;
	padding:10px;
	background-color: #fe92b2;
	border-top: solid;1px;
	border-top-color: #FFFFFF;
}

.contents03 {
	clear: both;
	float: none;
	width: 70%;
	MARGIN: auto;
	MARGIN-TOP: 5px;
	padding:10px;
	background-color: #ffffff;
	border-top: solid 0px;
	border-top-color: #999999;
	border-bottom: solid 0px;
	border-bottom-color: #999999;
  overflow-wrap: break-word;
  text-align: left;
  opacity: 95%;
  border-radius: 10px;
}

.contents04 {
	clear: both;
	float: none;
	width: 100%;
	MARGIN: auto;
	MARGIN-TOP: 5px;
	padding:10px;
	background-color: #ffffff;
	border-top: solid 0px;
	border-top-color: #999999;
	border-bottom: solid 0px;
	border-bottom-color: #999999;
  overflow-wrap: break-word;
}

.stitle{
MARGIN: 0%;
margin-bottom: 2%;
font-size: 200%; /* TCY12px */
}

}
/*PCの css*/