@charset "utf-8";
/* CSS Document */

html,body{
  
}



.med_inl_wrap{
   position: relative;
   max-width: 1000px;
   margin: auto;
   background-color: rgba(255,255,255,1.00);
}

.med_inl_index{
   position: relative;
   width: 100%;
   margin: 0 auto 30px auto;
   background-color: rgba(254,113,148,1.00);
}

.med_inl_index .title{
   width: 98%;
   margin: auto;
   color: rgba(255,255,255,1.00);
   font-size: 320%;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 800;
   line-height: 1.2;
   padding: 15px;
}

.med_inl_index2{
   position: relative;
   width: 100%;
   margin: 30px auto 30px auto;
}

.med_inl_index2 .title{
   width: 98%;
   margin: auto;
   color: rgba(254,113,148,1.00);
   font-size: 280%;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 800;
}

.med_inl_h_wrap{
   width: 98%;
   margin: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 30px;
   font-family: 'Noto Sans JP', sans-serif;
   line-height: 2.0;
}

.med_inl_h_wrap .pic{
   width: 40%;
}

.med_inl_h_wrap .pic img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px;
}

.med_inl_h_wrap .txt{
   width: 58%;
   align-self: center;
}

.med_inl_section{
   padding: 0 40px;
}


.med_inl_tbl{
   min-width: 880px;
    margin: 0;
    border-spacing: 0;
}

.ttb_instyle{
   font-size: 70%;
}

.ttb_instyle table{
   min-width: 100%;
}

table, th, td{
   border-collapse: separate;
}

.med_inl_tbl th{
   padding: 20px 5px;
   text-align: center;
   vertical-align: middle;
}
.med_inl_tbl td{
   padding: 20px 5px;
   text-align: center;
   vertical-align: middle;
}

.med_inl_tbl th{
    white-space: nowrap;
    border-right: 1px solid rgba(116,116,116,1.00);
    border-bottom: 1px solid rgba(116,116,116,1.00);
    position: sticky;
    top: 0;
    left: 0;
    background-color: rgba(223,223,223,1.00);
}


.med_inl_tbl th.top{
   width: 16%;
}
.med_inl_tbl th.day{
   width: 12%;
}


.med_inl_tbl td{
    border-right: 1px solid rgba(116,116,116,1.00);
    border-bottom: 1px solid rgba(116,116,116,1.00);
}

.med_inl_tbl tr:first-child th{
    border-top: 1px solid rgba(116,116,116,1.00);
}
.med_inl_tbl th:first-child{
    border-left: 1px solid rgba(116,116,116,1.00);
}
.med_inl_tbl tr:first-child th:first-child{
    z-index: 1;
}


.med_inl_tbl td.green{
   background-color: rgba(234,247,237,1.00)
}
.med_inl_tbl td.yellow{
   background-color: rgba(253,250,234,1.00)
}
.med_inl_tbl td.sky{
   background-color: rgba(52,180,233,1.00);
   color: rgba(255,255,255,1.00);
}
.med_inl_tbl td.pink{
   background-color: rgba(255,237,252,1.00)
}
.med_inl_tbl td.blue{
   background-color: rgba(233,233,255,1.00)
}
.med_inl_tbl td.orange{
   background-color: rgba(255,240,233,1.00)
}
.med_inl_tbl td.glay{
   background-color: rgba(243,243,243,1.00)
}
.med_inl_tbl td.purple{
   background-color: rgba(238,218,243,1.00)
}
.med_inl_tbl td.blown{
   background-color: rgba(231,217,194,1.00)
}




/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   700px
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

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

.med_inl_index .title{
   font-size: 280%;
}

.med_inl_h_wrap{
   margin-bottom: 30px;
   line-height: 1.8;
}

.med_inl_h_wrap .pic{
   width: 100%;
}

.med_inl_h_wrap .txt{
   width: 100%;
}
}

/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   480px
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

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

body{
  font-size: 80%;
}

.med_inl_logo{
   width: 200px;
   margin: 10px;
}

.med_inl_section{
   padding: 0 10px;
}

.med_inl_h_wrap .txt{
   width: 95%;
   margin:  20px auto 0 auto;
}

.med_inl_index .title{
   font-size: 180%;
   padding: 15px 60px 15px 10px;
   margin-top: 20px;
   box-sizing: border-box;
}

.med_inl_index2{
   margin: 30px auto 15px auto;
}

.med_inl_index2 .title{
   font-size: 160%;
}


.med_inl_tbl{
   min-width: 650px;
   margin: 0;
   border-spacing: 0;
   font-size: 85%;
}

.med_inl_tbl th, td{
   padding: 20px 5px;
}

.med_inl_tbl th{
    white-space: nowrap;
    border-right: 1px solid rgba(116,116,116,1.00);
    border-bottom: 1px solid rgba(116,116,116,1.00);
    position: sticky;
    top: 0;
    left: 0;
    background-color: rgba(223,223,223,1.00);
}

.med_inl_tbl th.top{
   width: 16%;
}
.med_inl_tbl th.day{
   width: 12%;
}



}