body{
	background: none;
}

div#container{
    width: 100%;
}
div#navi,div#header{
    margin: auto;
}
div#content {
    width: 100%;
    max-width: 1400px;
    display: flex;
    justify-content: space-around;
    align-items: start;
    margin: 1em auto;
}
div#index_l_content{
    float: none;
}
div#index_m_content{
	max-width: 720px;
	width:100%;
}
div#index_l_content,
div#index_r_content{
	max-width: 240px;
	width:100%;
	margin: 0;
}
div#l_content{
	max-width: 220px;
	width:100%;
    margin: 1em auto;
}
div#r_content{
	max-width: 960px;
	width:100%;
    margin: 1em auto;
	padding: 0 1em;;
}
div.normal_content,
div.section_title{
    width: 100%;
    margin: 1em auto;
}
div.section_title{
    background: #069;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
div.section_title div.title{
    padding: 0;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 5px solid yellow;
}

div#navi,div#header{
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
div#header {
    width: 100%;
    background: rgb(0,102,153);
    background: linear-gradient(0deg, rgba(0,102,153,1) 0%, rgba(61,174,231,1) 100%);
}
div#header img{
    max-width: 90%;
    height: auto;
}
div#navi{
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	background: rgb(254,193,6);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
	background: linear-gradient(0deg, rgba(254,193,6,1) 0%, rgba(255,223,126,1) 100%);
}
div#navi a{
	color:#000;
	padding: .5em 1em;
	background: rgba(254,193,6,0.2);
    outline-offset: -2px;
}
div#footer{
    margin: 1em auto 0;
    background: #069;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    padding-bottom:4em;
}
div#footer_content{
    text-align: center;
}

div#main_visual{
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
    margin: 2em auto;
}
div#main_visual img{
	width: 100%;
}

div.info_content {
    width: 100%;
    margin: 0;
}
div#meeting_program{
	width: 100% ;
	max-width: 1200px;
	height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    border: none;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
div#meeting_title{
    top:0;
}
div#meeting_program div#top{
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
    background:none;
    margin: 0 auto;
    padding: 0;
}
div#meeting_program div#middle{
	width: 100%;
	max-width: 1200px;
	height: auto;
    background:none;
    margin: 0 auto;
    padding: 0;
}
div#meeting_program div#bottom{
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
    background:none;
    margin: 0 auto;
    padding: 0;
}
.pointer img {
    width:100%;
    width: 100%;
    max-width: 720px;
    margin: auto;
    display: block;
}
.youtube{
    margin: auto;
    max-width: 100%;
}
.youtube iframe{
    margin: auto;
    max-width: 100%;
}
.meeting_content{
    max-width: 720px;
    margin: auto;
    display: block;
}
.meeting_content img{
    max-width: 100%;
}
#bottom a{
    padding: 0.5em 1em;
    display: block;
    color:#000;
    font-size: 14px;
    background: #fec106;
    border-radius: 5px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
#top img,#bottom img{
    width:100%;
}
.meeting_top_img3{
    transform: rotate(180deg);
}
table {
    width: 100% !important;
    margin: 0 !important;
}
#r_content img ,#r_content iframe {
    max-width: 90%;
}
div#makeup_form{
    width:100%;
    margin: 0;
}
div#makeup_form textarea{
    width:90%;
}
@media screen and (max-width:767px){
    div#content {
        flex-wrap: wrap;
    }
	div#index_l_content{
		order:2;
	}
	div#index_r_content{
		order:1;
	}
    div#l_content{
		order:2;
    }
    div#r_content{
		order:1;
    }
    
}