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

@media screen and (max-width: 1200px){
	#event_top #tabBtn_03 {
		padding: 0 1%;
	}
}

@media screen and (max-width: 1024px) , print {
	#event_top #tabBtn_03.tab_show {
		flex-wrap: wrap;
		justify-content: center;
	}
	#event_top #tabBtn_03 li:not(:last-child) {
		margin: 2.25em 0.5% 0.5em;
	}
	#event_top #tabBtn_03 li {
		width: 24%;
		margin: 2.25em 0.5% 0.5em;
	}
	#event_top #tabBtn_03 li a {
		padding-top: 0.5em;
	}
	#event_top #tabBtn_03 li a span {
		padding: 0.5em 0;
		white-space: nowrap;
		left: 0;
		right: 0;
	}
    #event_top #tit_wrap h2 br.db02 {
        display: block;
    }
	#event_top #contents .event .day {
		font-size: 100%;
	}
	#event_top .pulldownDetails dt {
		width: 22%;
        white-space: nowrap;
        letter-spacing: -0.04em;
	}
	#event_top .pulldownDetails dd {
		width: 77%;
	}
	#event_top .pulldownDetails dl.box04 dd ul {
		flex-flow: wrap;
	}
	#event_top .pulldownDetails dl.box04 dd ul li {
		padding: 0;
	}
}

@media screen and (max-width: 599px){
	#event_top #contents, #event_top #mainTitle {
		width: 100vw;
		overflow: hidden;
	}
	#event_top #mainTitle p {
		font-size: 70%;
		margin-top: 0.75em;
		padding-left: 2.5em;
	}
	#event_top #contents p.yline {
		font-size: 160%;
	}
	#event_top #tabBtn_02 {
		margin: 2em auto 0;
		width: 90%;
	}
	#event_top #tabBtn_02 li {
		height: auto;
		width: 49%;
		font-size: 100%;
		margin-bottom: 0.5em;
		line-height: 1.4;
	}
	#event_top #tabBtn_02 li:not(:last-child) {
		margin-right: 0;
	}
	#event_top #tabBtn_02 li:nth-child(odd) {
		margin-right: 2%;
	}
	#event_top #tabBtn_02 li a {
		height: 4em;
	}
	#event_top .btn_faculty #tit_wrap {
		padding-top: 3em;
	}
	#event_top .line span {
		font-size: 87.5%;
		height: 2.5em;
		line-height: 2.35em;
		width: 50em;
	}
	#event_top .line.brown_01 span {
		background: url(/event/images/beginner.png) no-repeat 0.35em center, #00336a;
	}
	#event_top #contents p.txt_01 {
		font-size: 160%;
	}
	#event_top #contents p.onegaiTxt {
		font-size: 125%;
	}
    #event_top #tabBtn_03 {
        flex-wrap: wrap;
        justify-content: space-around;
    }
	#event_top #tabBtn_03 li {
		font-size: 100%;
		margin-bottom: 0.5em;
        width: 48%;
		height: 5em;
	}
	#event_top #tabBtn_03 li a {
		padding-top: 1em;
	}
	#event_top #tabBtn_03 li a span {
		letter-spacing: 0;
		font-size: 95%;
        top: -35%;
	}
    #event_top .sec {
        margin-top: 3em;
    }
    #event_top #tit_wrap h2 {
        font-size: 170%;
    }
	#event_top .line + .arrow {
		border: 8px solid transparent;
	}
    #event_top #contents .event .gakka_name {
        width: 60%;
        height: 24px;
        line-height: 24px;
        padding-left: 5px;
        font-size: 14px;
       	/* margin: -3px;アイコン追加前*/
		margin: 0 0 1em 0;
    }
	#event_top .sp_txt_wrap {
		overflow: hidden;
		width: 95%;
		margin: 0 auto;
	}
    #event_top .sec .sp_txt_02_wrap {
        text-align: left;
        float: left;
        width: 60.93%;
    }
    #event_top .sec .sp_txt_02_wrap.sb3_sp {
        width: 100%;
    }
    #event_top .sec .txt_02 {
        text-align: left;
        font-size: 93%;
		line-height: 1.4;
    }
    #event_top .photo_01 {
        float: right;
        width: 37%;
        margin-top: 15px;
    }
    #event_top .photo_02 {
        float: right;
        width: 100%;
        margin-top: 15px;
    }
    #event_top .event_box_wrap {
        margin: 1.75em 0;
    }
    #event_top .event {
        margin-bottom: 1.75em;
    }
    #event_top .event_box_wrap .event_box {
        float: none;
        width: auto;
    }
    #event_top .event .event_in {
        padding: 0 2.5% 0.75em;
    }
    #event_top .event .bottun {
           margin-top: 1em;
    }
    #event_top .pulldownDetails {
		padding: 1em 0;
    }
	#event_top .pulldownDetails dl.box01 dd {
		font-size: 100%;
		margin-top: 0.25em;
	}
    #event_top .pulldownDetails dd {
        line-height: 1.4;
    }
	#event_top .pulldownDetails dl.box04 dd ul li span {
		height: 3em;
	}
	#event_top .pulldownDetails dl.box04 dd ul li::after {
		border-width: 1.5em 0 1.5em 10px;
	}
    /*#event_top #contents .kobetsu .event .day {
        text-align: center;
		display: block;
    }
    #event_top #contents .kobetsu .event .day span {
		font-size: 125%;
    }
	#event_top #contents .kobetsu .event .day span.day3 {
		font-size: 100%;
	}
	#event_top #contents .kobetsu .event .day span.txt_line {
		justify-content: center;
		font-size: 100%;
	}*/
	#event_top .event .day b.fs28 {
		font-size: 100%;
		margin-left: 0;
	}
	#event_top .event .day .icon01 li {
		font-size: 85%;
	}
    #event_top #contents .kobetsu .txt_03 {
        display: block;
        font-size: 87.5%;
    }
    #event_top .event .day b {
		font-size: 100%;
    }
    #event_top .kobetsu .txt_03:before,
    #event_top .kobetsu .txt_03:after{
        display: none;
    }
    #event_top .kobetsu .btn_01 a {
        margin: 1em 0;
    }
    #event_top #contents .kobetsu .tel {
        background: url(/event/images/tel_03.gif) no-repeat 18% center;
        font-size: 125%;
        text-align: center;
        height: auto;
        line-height: 1.2;
        margin-top: 5px;
        background-size: 8% auto;
    }
    #event_top .bnr02 {
        margin: -2em auto 4.5em;
        padding: 0;
    }

}