@charset "UTF-8";#page_title{background-image:url("../img/activity/main_image.jpg")}#event{background-image:url("../img/activity/cont_back.jpg");background-repeat:repeat;background-position:center top}#event .event_list>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#event .event_list>ul>li{-webkit-box-flex:0;-ms-flex:0 0 32%;flex:0 0 32%;margin-bottom:15px}#event .event_list>ul>li,#event .event_list>ul>li img{line-height:0}#event .monthly{position:relative;padding:30px 0px;margin-top:40px}#event .monthly::before{content:"";display:block;width:calc(100% - 20px);height:100%;background-color:#FFF;border-radius:20px;-webkit-box-shadow:7px 7px 4px rgba(0,0,0,0.4);box-shadow:7px 7px 4px rgba(0,0,0,0.4);position:absolute;top:0;left:20px;z-index:0}#event .monthly>*{position:relative;z-index:1}#event .monthly>.h3_title{width:calc(100% - 30px)}#event .monthly>div{margin:10px 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#event .monthly>div>ul{margin-right:30px}#event .monthly>div>ul>li{font-size:2.0rem;line-height:125%;padding-left:1.25em;text-indent:-1.25em;font-weight:700;white-space:nowrap;margin-top:8px}#event .monthly>div>ul>li:nth-child(1){margin-top:0}#event .monthly>div>ul>li>i{font-weight:400;text-indent:0;width:1.25em;color:#e45255}#event .monthly>div>ul>li>span{font-size:80%;line-height:125%}#event .monthly>div>section{background-color:#F0F0E1;position:relative;padding:20px;border-radius:12px}#event .monthly>div>section::before{content:"PICK\aUP";width:3em;text-align:center;display:block;font-size:2.0rem;line-height:1.2em;padding:1em 0.7em;background-color:#e45255;color:#FFF;border-radius:3em;position:absolute;right:-1em;top:-0.5em;z-index:1;-webkit-transform:rotate(15deg);transform:rotate(15deg)}#event .monthly>div>section>h4{font-size:2.4rem;line-height:125%;color:#864f39}#event .monthly>div>section>h4>span{font-size:75%;line-height:125%}#event .monthly>div>section>p{margin:15px 0}#event .monthly>div>section>figure{display:block;font-size:1.3rem;line-height:150%}#event .monthly>div>section>figure:after{content:"";display:block;height:0;font-size:0;clear:both}#event .monthly>div>section>figure>div{width:150px;float:right;padding:0 0 0 20px}#event .monthly>div>section>figure>figcaption::before{content:"講師プロフィール";display:block;font-weight:700}#schedule .section>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#schedule .section>div>section{-webkit-box-flex:0;-ms-flex:0 0 47%;flex:0 0 47%}#schedule .section>div>section>.h4_title{font-size:2.0rem;color:#FFF}#schedule .section>div>section:nth-of-type(1)>.h4_title{background-color:#45B035}#schedule .section>div>section:nth-of-type(2)>.h4_title{background-color:#309ac4}#schedule .section>div>div{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#schedule .section>div>div>figure{-webkit-box-flex:0;-ms-flex:0 0 32%;flex:0 0 32%;margin-top:25px}#schedule .section>div>div>figure>figcaption{text-align:center;margin-top:10px}@media print, screen and (max-width: 1023px){#event .monthly>div{display:block}#event .monthly>div>ul{margin-right:0px;margin-bottom:20px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#event .monthly>div>ul>li{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;font-size:2.34375vw;line-height:125%;white-space:normal}#event .monthly>div>section::before{font-size:2.6041666vw}#event .monthly>div>section>h4{font-size:3.125vw}#event .monthly>div>section>figure{font-size:1.3rem;line-height:150%}}@media screen and (max-width: 479px){#event .event_list>ul{display:block}#event .event_list>ul>li{margin-bottom:10px;width:60%;margin-top:-15vw;-webkit-transform:translateX(-20px);transform:translateX(-20px)}#event .event_list>ul>li:nth-child(1){margin-top:0}#event .event_list>ul>li:nth-child(even){margin-top:-40vw;margin-left:40%;-webkit-transform:translateX(20px);transform:translateX(20px)}#event .monthly{padding:20px 0px;margin-top:20px}#event .monthly::before{width:100%;border-radius:15px;left:0px}#event .monthly>.h3_title{width:100%;-webkit-transform:translateX(-20px);transform:translateX(-20px)}#event .monthly>div{margin:10px 20px 0}#event .monthly>div>ul{margin-bottom:20px;display:block}#event .monthly>div>ul>li{font-size:4.53333vw}#event .monthly>div>section{padding:15px}#event .monthly>div>section::before{font-size:4.26666vw}#event .monthly>div>section>h4{font-size:4.8vw}#event .monthly>div>section>p{font-size:3.733333vw}#event .monthly>div>section>figure{font-size:1.2rem}#event .monthly>div>section>figure>div{width:36%;padding-bottom:1em}#schedule .section>div{display:block}#schedule .section>div>section{margin-bottom:30px}#schedule .section>div>section>.h4_title{font-size:4.8vw}#schedule .section>div>div{margin-top:0px;display:block}#schedule .section>div>div>figure{margin:15px 3% 0}#schedule .section>div>div>figure>figcaption{margin-top:5px}}
