@charset "UTF-8";


/*==================================================
　デバイスによる解像度調整
===================================*/

p{
    background-color: white;
    color: white;
}

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

    p{
        background-color: white;
     }
 }

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

   p{
        background-color: white;
     }
 }




/*==================================================
　デバイスによるテーブル変化（一般用）
===================================*/

.tb01 th,
.tb01 td{
}
.tb01 th {
}

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

table {
width: 90%;
}

.head-none {
    display: none;
  }

  table.tb01 th,
  table.tb01 td {
    display: block;
    align-items: center;
    width: 100%;
  }

td::before {
    content: attr(data-label);
 font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}

}

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

table {
width: 100%;
}

.head-none {
    display: none;
  }

　 table.tb01 th,
   table.tb01 td {
    display: block;
    align-items: center;
    width: 100%;
  }

td::before {
    content: attr(data-label);
 font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}
}




/*==================================================
　デバイスによるテーブル変化（フォームメール用）
===================================*/

.tb_form th,
.tb_form td{
}
.tb_form th {
}

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

table {
width: 90%;
}
  table.tb_form th,
  table.tb_form td {
    display: block;
    align-items: center;
    width: 100%;
 
}

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

table {
width: 100%;
}

  table.tb_form th,
  table.tb_form td {
    display: block;
    align-items: center;
    width: 100%;

  }
}


/*==================================================
　youtube
===================================*/

.iframe-movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.iframe-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}




/*==================================================
　デバイスによるテーブル変化（タイトル連動
===================================*/

.tb02{
    width: 100%;
}
.tb02 td:first-child{
    width: 0;
    white-space: nowrap;
}


.tb02 th,
.tb02 td{
}
.tb02 th {
}

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

table {
width: 90%;
}

.head-none {
    display: none;
  }

  table.tb02 th,
  table.tb02 td {
    display: block;
    align-items: center;
    width: 100%;
  }

td::before {
    content: attr(data-label);
 font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}

}

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

table {
width: 100%;
}

.head-none {
    display: none;
  }

　 table.tb02 th,
   table.tb02 td {
    display: block;
    align-items: center;
    width: 100%;
  }

td::before {
    content: attr(data-label);
 font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}
}

}