@charset "utf-8";
/* CSS Document */
 @media screen and (min-width : 901px) {/* large */

.ms_wapper {
max-width: 850px;
height: auto;
border: 1px solid #b9b7a8;
padding: 6px;
background: #d6d1b1;
margin: 0 auto 0 auto;
}

.ms_contents {
border: 1px solid #b9b7a8;
background: #fff;
padding: 25px;
min-width: 800px;
}

.ms_prf {
display: flex;
width: 90%;
margin: 0 auto 5% auto;
}

.ms_img{
margin: 0 7% 0 5%;
}

.ms_txt{
margin: auto 0 auto 0;
background: url("img/ms/ms_bar.png")no-repeat;
background-position: bottom left;
width: 100%
}

.ms_corp{
font-size: 130%;
display: block;
}
.ms_post{
font-size: 120%;
display: block;
}

.ms_corp01{
font-size: 130%;
display: block;
}
.ms_post01{
font-size: 120%;
display: block;
}
.ms_name{
font-size: 170%;
display: block;
margin: 0 0 3% 0;
}

.ms_main{
text-align: left;
line-height: 190%;
font-size: 120%;
}

.ms_main_youtube{
  width: 50%; /* モーダル内の幅を100%に設定 */
 /* max-width: 800px; /* 必要に応じて最大幅を設定 */
   /*display: flex;
   /*justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 56.25%; /* 16:9のアスペクト比を維持 */
   /*height: 0;*/
  overflow: hidden;
  aspect-ratio: 9/16;
  margin: 0 auto 0 auto;
}

iframe{
/*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/
width: 100%;
height: 100%;
}
 } 
 
  @media screen and (max-width : 900px) {/* small*/

.ms_wapper {
width: 100%;
height: auto;
border: 1px solid #b9b7a8;
padding: 6px;
background: #d6d1b1;
margin: 0 auto 0 auto;
}

.ms_contents {
border: 1px solid #b9b7a8;
background: #fff;
padding: 5% 2% 2% 2% ;
}

.ms_prf {
display: flex;
width: 90%;
margin: 0 auto 5% auto;
}

.ms_img{
margin: 0 5% 0 auto;
width: 40%;
text-align: center;
}

.ms_txt{
margin: auto ;
background: url("img/ms/ms_bar.png")no-repeat;
background-position: bottom right;
width: 100%;
}

.ms_corp{
font-size: 70%;
display: block;
}
.ms_post{
font-size: 70%;
display: block;
}
.ms_name{
font-size: 110%;
display: block;
margin: 0 0 3% 0;
}

.ms_main{
text-align: left;
line-height: 150%;
font-size: 100%;
}
.ms_main_youtube{
  width: 70%; /* モーダル内の幅を100%に設定 */
 /* max-width: 800px; /* 必要に応じて最大幅を設定 */
   /*display: flex;
   /*justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 56.25%; /* 16:9のアスペクト比を維持 */
   /*height: 0;*/
  overflow: hidden;
  aspect-ratio: 9/16;
  margin: 0 auto 0 auto;
}

iframe{
/*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/
width: 100%;
height: 100%;
}
 }