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

main#day4 { background-color: #EFF6EC; margin-bottom: 0px; overflow: hidden; font-size: 1.6rem; }

#day4 .contentsWrap { background: #fff; width: 100%; margin-bottom: 60px; overflow: hidden; margin-top: 40px;  }

/* discription */
#day4 .contentsWrap .discription  { line-height: 180%; font-weight: bold; }
#day4 .contentsWrap .discription strong { font-weight: bold; color: #53B44A; background: linear-gradient(transparent 60%, yellow 30%); margin-bottom: 40px;  }

/* h2 */
#day4 .contentsWrap h2 {  text-shadow  :   2px  2px 1px #53B44A,-2px  2px 1px #53B44A, 2px -2px 1px #53B44A,-2px -2px 1px #53B44A, 2px  0px 1px #53B44A, 0px  2px 1px #53B44A,-2px  0px 1px #53B44A,0px -2px 1px #53B44A;  font-weight: bold; color: #fff; padding: 20px 10px; border-bottom: 4px solid #53B44A; border-top: 4px solid #53B44A; position: relative; margin-bottom: 50px; text-align: center; }
#day4 .contentsWrap h2 span { position: relative; }


#day4 .contentsWrap h2 span::before,#day4 .contentsWrap h2 span::after { content: ''; width:10px; height: 10px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #53B44A; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 10px; } 
#day4 .contentsWrap h2 span::before {  }
#day4 .contentsWrap h2 span::after {  }

/* schedule */

#day4 .schedule .list1  { font-size: 1.8rem; font-weight: bold; margin-bottom: 50px; }
#day4 .schedule .list1 li { position: relative; margin-bottom: 10px; padding-bottom: 5px; }
#day4 .schedule .list1 li::before { top: 6px; }
#day4 .schedule .list1 li::after { content: ''; display: block; width: 100%;  height: 1px; position: absolute; bottom: 0px; background-image: linear-gradient(to right, #53B44A, #53B44A 2px, transparent 2px, transparent 8px); background-size: 8px 1px; background-position: left bottom; background-repeat: repeat-x; margin-left: -20px; }


#day4 .l_col-schedule { padding: 10px; }
/* #day4 .scheduleContents { margin-bottom: 100px; } */

#day4 .l_col-schedule div:nth-child(1) { width: 520px;  }
#day4 .l_col-schedule div:nth-child(2) { width: 360px;  }

#day4 .day4_dlList1 dl { display: -webkit-flex; display: flex;-webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
#day4 .day4_dlList1 dt { display: block; white-space: nowrap; }
#day4 .day4_dlList1 dd { padding-left: 0px; }

/* h3 */

#day4 h3 { text-align: center; font-size: 2.0rem; padding: 9px; color: #fff; margin-bottom: 40px;  }
#day4 h3 span { position: relative; }

#day4 h3 span::before,#day4 h3 span::after  { content: ''; width:10px; height: 10px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #FFF33F; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 10px; }

#day4 h3 span::before { right: -50px; }
#day4 h3 span::after { left: -50px; }

/* l_col-2 */

#day4 .l_col-2 { font-size: 1.4rem; }
#day4 .l_col-2 div:nth-child(2) img { width: 225px; margin-bottom: 30px; }

#day4 .l_col-2 dl dd ul { margin-left: 20px; }
#day4 .l_col-2 dl dd ul li { list-style-type: disc; }


@media (min-width: 768px) {
    
    #day4 .contentsWrap { padding: 60px; }
    #day4 .contentsWrap h2 {  font-size: 3.8rem; }

    #day4 .contentsWrap h2 span::before { right: -50px; }
    #day4 .contentsWrap h2 span::after { left: -50px; }

    #day4 .contentsWrap .discription  { margin-bottom: 100px;  }
    #day4 .contentsWrap .discription strong { display: inline-block;  font-size: 2.4rem; }

    #day4 .scheduleContents { margin-bottom: 100px; }

    #day4 .l_col-schedule { margin-bottom: 120px; }
    #day4 .l_col-schedule div:nth-child(2) { width: 360px;  }

    #day4 h3 { border-radius: 10px;  }

    #day4 .schedule .list1  {  }



}

@media (max-width: 767px) {
    #day4 .container { margin-right: 0px; margin-left: 0px; }
    #day4 .contentsWrap { padding: 15px 0px; }
    #day4 .contentsWrap h2 {  font-size: 3.0rem; }

    #day4 .contentsWrap h2 span::before { right: -30px; }
    #day4 .contentsWrap h2 span::after { left: -30px; }

    #day4 .w870 { margin: 0px; }

    #day4 .contentsWrap .discription  { font-size: 1.4rem; font-weight: normal; margin-bottom: 50px; padding: 15px; }
    #day4 .contentsWrap .discription strong { font-size: 2.2rem; line-height:  160%; }

    #day4 .schedule {  }
    #day4 .schedule .list1  { padding-left: 15px; padding-right: 15px; }

    #day4 .scheduleContents { margin-bottom: 50px; }

    #day4 .l_col-schedule{ margin-bottom: 60px; }
    #day4 .l_col-schedule div:nth-child(2) { width: 285px; margin: 0px auto;  }

    #day4 .l_col-2 { -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

    #day4 .l_col-2 div:nth-child(2) { padding: 0px 15px; }
    #day4 .l_col-2 div:nth-child(2) img { display: block; margin: 0px auto 30px auto; }

}

/* shimura 2024.01.26 */
@media (min-width: 768px) {
    /* #report > .contentsWrap { padding: 30px 40px 50px 40px; margin-top: 40px; } */
}

@media (max-width: 767px) {
    #report > .contentsWrap { padding: 30px 0 0; }
}