@media screen and (min-width:1281px) {
/************************************************
■■■ワイド■■■
*************************************************/

html {
	/*border-top:red 5px solid;*/
}

.logo_gate {
    padding:1em 2em;
}
.logo_gate img {
    width:14%;
    height:auto;
}


.main_copy img {
    width:48%;
}
.main_time img {
    width:75%;
}

.main_imgs {
    position:absolute;
    left:30%;
    top:5%;
}
.main_img1 img {
    width:70vw;
    height:auto;
}
.main_img2 {
    margin-right:1em;
}
.main_img2 img {
    width:17vw;
    height:auto;
}
.main_img3 {
    margin-right:1em;
}
.main_img3 img {
    width:39.5vw;
    height:auto;
}
.main_img4 img {
    width:100vw;
    height:auto;
}


}
@media screen and (min-width:769px) and (max-width:1280px) {
/************************************************
■■■ノーマル■■■
*************************************************/

html {
	/*border-top:yellow 5px solid;*/
}

.logo_gate {
    padding:1em;
}
.logo_gate img {
    width:21%;
    height:auto;
}


.main_copy img {
    width:70%;
}
.main_time img {
    width:75%;
}

.main_imgs {
    position:absolute;
    left:30%;
    top:5%;
}
.main_img1 img {
    width:90vw;
    height:auto;
}
.main_img2 {
    float:left;
    margin-right:1em;
}
.main_img2 img {
    width:26vw;
    height:auto;
}
.main_img3 {
    float:left;
}
.main_img3 img {
    width:61vw;
    height:auto;
}



.lecture_bg {
    padding:2em 1em 3em;
}
#lecture_info {
    margin:0 auto;
    width:98%;
}
.lecture_title img {
    width:90%;
    max-width:340px;
}
.lecture_note {
    font-size:1em;
}
.lecture_note h5 {
    font-size:1.2em;
}
.lecture_note h5 span {
    font-size:0.7em;
}
.lecture_note h6 {
    font-size:1em;
}
.lecture_note dl {
    font-size:0.8em;
}

#lecture_place {
    display:grid;
    grid-template-columns:7em 50% auto;
    width:90%;
    margin:-1.5em auto 3em auto;
    padding-left:1.5em;
}
.place_title h6 {

}
.place_name h5 {
    font-size:1.4em;
}
.place_name p {
    font-size:1em;
}

#join_btn a {
    font-size:0.9em;
    font-weight:bold;
}

#info h2 {
    padding:1em 0 1.5em;
    font-size:2em;
}
#info h2 br {
    display:block;
}

.info_box1 {
}
.info_box1 .right img {
    width:100%;
    height:auto;
}
.info_box1 .note {
    font-size:0.8em;
}
.info_box1 .left p {
    padding:0 2em;
    font-size:1em;
    line-height:1.7;
}

.info_box2 {
    margin:5em 0 4em;
}
.cross_img {
    height:26vh;
}
.info_box2 .note {
    font-size:0.8em;
}

.info_box3 {
}
.info_box3 .left img {
    width:100%;
    height:auto;
}
.info_box3 .note {
    font-size:0.7em;
}
.info_box3 .right .decimal {
    padding:0 1em 0 3em;
    font-size:0.8em;
}
.info_box3 .right .decimal li {
    list-style-type:decimal;
    padding-left:0.8em;
}

footer {
    margin-top:3em;
    padding:2em;
}
#footer_note {
    float:none;
    padding:0;
}
#footer_note dt h5 {
    font-size:1em;
}


#footer_menu {
    float:none;
    margin:4em auto 0;
    text-align:center;
	 font-size:0.9em;
}
footer p {
	font-size:0.7em;
}


}
/************************************************
■■■コンパクト■■■
*************************************************/
@media screen and  (max-width:768px) {


html {
	/*border-top:green 5px solid;*/
}


#visual {
    margin-bottom:2em;
}


.logo_gate {
    padding:1em;
}
.logo_gate img {
    width:30%;
    height:auto;
}

.main_copy {
    width:40%;
    margin:0 0 2em 0;
}
.main_time {
    width:40%;

}

.main_copy img {
    display:none;
}
.main_time img {
    display:none;
}
.main_copy img.sp_img {
    display:block;
    width:65%;
    height:auto;
    margin:0 auto;
}
.main_time img.sp_img {
    display:block;
    width:90%;
    height:auto;
    margin:0 auto;
}

.main_imgs {
    width:2000px;
    top:3%;
    left:42%;
}
.main_img1 {
    margin-bottom:0.6em;
}
.main_img1 img {
    width:130vw;
    height:auto;
}
.main_img2 {
    clear:both;
    margin-right:1em;
}
.main_img2 img {
    width:40vw;
    height:auto;
}
.main_img3 img {
    width:93.5vw;
    height:auto;
}


.lecture_bg {
    padding:1.5em 1.5em 3em;
}
#lecture_info {
    width:auto;
    display:block;
}
.lecture_img {
    float:left;
    width:23%;
}
.lecture_title {
    float:left;
    width:60%;
}

.lecture_note {
    clear:both;  
    font-size:em; 
    padding-top:1em; 
}
.lecture_note h5 {
    font-size:1.1em;
    padding-bottom:0.3em;
}
.lecture_note h5 span {
    font-size:0.7em;
}
.lecture_note h6 {
    font-size:0.9em;
}
.lecture_note dl {
    font-size:0.8em;
}

#lecture_place {
    display:block;
    width:85%;
    margin:-1.5em auto 1em auto;
    padding:0.1em 1em 1em;
}
.place_title {
    margin-top:1em;
    background:none;
    padding:0;
}
.place_title h6 {
    display:inline-block;
    background:#4D4D4D;
    padding:0.4em 1em;
    font-size:0.9em;
}
.place_name {
    padding:1em 0.5em 0.5em;
}
.place_name h5 {
    font-size:1.2em;
    line-height:1.3;
}
.place_name p {
    font-size:0.8em;
    padding:1em 0 0;
}
.place_join {
    padding:0;
}
#join_btn {
    width:auto;
    padding:0.8em 1em;
}




#info h2 {
    padding:1em 0 1em;
    font-size:1.7em;
}
#info h2 br {
    display:block;
}

.info_box1 {
    display:block;
}
.info_box1 .right img {
    width:100%;
    height:auto;
}
.info_box1 .note {
    font-size:0.8em;
    text-align:center;
}
.info_box1 .left {
    padding-bottom:3em;
}
.info_box1 .left p {
    padding:0 2em;
    font-size:0.9em;
    line-height:1.7;
}


.info_box2 {
    margin:2em 0 1em;
}
.cross_img {
    height:25vh;
}
.info_box2 .note {
    text-align:center;
    padding:0.8em;
    color:#666;
    font-size:0.8em;
}


.info_box3 {
    display:block;
    width:85%;
    margin:0 auto;
}
.info_box3 .left {
    display:none;
}
.info_box3 .right .decimal {
    padding:0 0 0 1em;
    font-size:0.9em;
}
.info_box3 .right .decimal li {
    list-style-type:decimal;
    padding-left:0.5em;
    line-height:1.4;
    padding-bottom:1.5em;
}


footer {
    margin-top:3em;
    padding:1.5em;
}
#footer_note {
    float:none;
    padding:0;
}
#footer_note dl.note1 {
    grid-template-columns:6em auto;
    margin-bottom:2em;
}
#footer_note dl.note2 {
    grid-template-columns:6em auto;
}
#footer_note dt h5 {
    font-size:0.9em;
}
#footer_note dd {
    font-size:0.9em;
    line-height:1.4;
}

#footer_menu {
    float:none;
    margin:6em auto 0;
    text-align:center;
	font-size:0.7em;
}
#footer_menu li {
    padding:0 0.8em;
}
footer p {
	font-size:0.7em;
}




/*************ここまで***************/
}