BODY {
margin: 0px;          /* ページ全体のmargin */
text-align: center;   /* 下記のautoに未対応用のセンタリング */
font-family: 'Meiryo UI',sans-serif;
font-size: 16px;
line-height: 150%;
color: #333333;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right top;
background-size:auto 40%;
background-color: #f2317f;
}


/*モバイルcss*/

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


h1 {
  font-size: 80%; /* 文字サイズを15px */
  color: #FFFFFF;
  MARGIN:5%;
}


h2 {
  font-size: 80%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
}


h3 {
  font-size: 80%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
}

p {
  font-size: 80%; /* 文字サイズを17px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  line-height:150%;

}

.title{
display: flex;
top:0px;
left:0px;
width:10%;
height:100%;
position:fixed;
writing-mode: vertical-rl;
border:0px solid;
border-color:#FFFFFF;
align-items: center;

}

.contents00{
width:85.1%;
height:auto;
border-top:0px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
margin-top:10px;
margin-right:2px;
float:right;
PADDING:2%;
text-align:left;
}

.contents01{
width:100%;
height:auto;
border:0px solid #FFFFFF;
}


.contents02{
width:100%;
height:auto;
text-align:left;
line-height:150%;
overflow-wrap: break-word;
}

.youtube {
  width: 100%;
  aspect-ratio:16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


}
/*モバイルボディここまで*/









/*pc_cssここから*/

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

h1 {
  font-size: 80%; /* 文字サイズを15px */
  color: #FFFFFF;
  MARGIN:5%;
}


h2 {
  font-size: 100%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
}


h3 {
  font-size: 200%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
  line-height:150%;
}

p {
  font-size: 80%; /* 文字サイズを17px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  line-height:150%;
}

.title{
display: flex;
top:10px;
left:0px;
width:5%;
height:100%;
position:fixed;
writing-mode: vertical-rl;
border-top:1px solid;
border-color:#FFFFFF;
align-items: center;

}

.contents00{
width:90.1%;
height:auto;
border-top:0px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
margin-top:10px;
margin-right:10px;
float:right;
PADDING:2%;
text-align:left;
}

.contents01{
width:49%;
height:auto;
border:1px solid #FFFFFF;
float:left;
PADDING:2%;
}


.contents02{
width:45%;
height:auto;
float:right;
text-align:left;
line-height:150%;
overflow-wrap: break-word;
}

.youtube {
  width: 100%;
  aspect-ratio:16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


}