@media (min-width: 768px) {
	.morebd {
		width:10%;
		height: 80px;
		float: left;
		margin-left:38.5%;
		margin-right:38%;
		margin-top:30px;
	}
	.more {
		padding: 8px;
		height: 45px;
		border-radius: 20px;
		border: 2px solid #D7083B;
		font-size: 17px;
		font-weight: 600;
		color: #D7083B;
		text-align: center;
	}
}

@media  (max-width: 767px) {
	.morebd {
		width:40%;
		height: 80px;
		float: left;
		margin-left:28%;
		margin-right:32%;
		margin-top:30px;
	}
	.more {
		padding: 8px;
		height: 45px;
		border-radius: 20px;
		border: 2px solid #D7083B;
		font-size: 17px;
		font-weight: 600;
		color: #D7083B;
		text-align: center;
	}
}
@media (min-width: 1920px){
.index-banner {
    margin-top: 17%!important;
}

.index-point-div {
     top:-160px!important;
}
}
@media (min-width: 1600px) {
	.indexInform {
		padding-left:12%;
	}
	.indexpost {
		width: 20.5%;
		height: 420px;
		float: left;
		border:solid #888889 3px;
		margin : 0 25px 20px 0px;
	}
	.indexpost_img {
		width: 94%;
		display: block;
		margin: auto;
		margin-top: 10px;
	}
	.indexcard-body {
		padding: 5px 8px 5px 15px;
	}
	.indexcard-title {
		color: #c89f62;
		font-size:18px;
	}
	.indexcard-body .indexcard-date {
		font-size:12px;
	}
	.indexcard-body .indexcard-desc {
		font-size: 0.93em;
		font-size:14px;
	}
	.indexInform-end{
		height:0px;	
	}

	.indexNoticeTop {
		width: 100%;
		height: 40px;
		padding-left:12%;
		padding-right:12%;
		margin-bottom: 50px;
	}
	.indexNoticeTop .ntop1 {
		width:45%;
		height:10px;
		background-color:#D7083B;
		float: left;
		border-radius: 5px;
		margin-top: 20px;
	}
	.indexNoticeTop .ntop2 {
		width:10%;
		font-size: 34px;
		font-weight: bold;
		color: #3E3A39;
		float: left;
		text-align:center;
		padding-top: -20px;
	}
	.indexNoticeTop .ntop3 {
		width:45%;
		height:10px;
		background-color:#D7083B;
		float: left;
		border-radius: 5px;
		margin-top: 20px;
	}
	
	.indexYutube {
		width: 100%;
		height: 500px;
		padding-left:12%;
		padding-right:12%;
		margin-bottom: 50px;
	}
	
	.index-banner {
		padding-left:12%;
		padding-right:12%;
		margin-top: 19%;
	}
	
	.index-point {
		 width: 100%;
		 position:relative;
		 margin-top:-5px;
	}
	.index-point-div {
		 width: 100%;
		 width:70%;
		 height:40%;
		 position:absolute;
		 top:-150px;
		 left:17%;
	}
	.index-point-div .index-point-div-1 {
		 width:100%;
		 padding-left:61px;
		 font-size:24px;
		 text-align:left;
		 color: #AD181E;
		 font-weight: bold;
	}
	.index-point-div .index-point-div-2 {
		 width:33%;
		 padding-left:61px;
		 font-size:20px;
		 float:left;
		 text-align: left;
		 color: #AD181E;
		 font-weight: bold;
		 margin-top: 10px;
	}
	.index-point-div .index-point-div-2 img {
		width:20px;
	}
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}
@media (min-width: 1920px) {
	.indexIcon {
		width: 100%;
		height: 200px;
		padding-left:19%;
		padding-right:17%;
	}
	.indexIcon .indexIcon-div {
		width: 120px; 
		float: left;
		margin: 30px 2.5% 0 0;
		text-align:center;
		font-size: 20px;
		color: #AD181E;
		font-weight: bold;
	}
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 20px;
	}
	.indexIcon .indexIcon-div  img{
		width:100%;
		height:100%;
	}
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}
@media (min-width: 1600px) and (max-width: 1919px) {	
	.indexIcon {
		width: 100%;
		height: 200px;
		padding-left:17%;
		padding-right:17%;
	}
	.indexIcon .indexIcon-div {
		width: 120px; 
		float: left;
		margin: 30px 1% 0 0;
		text-align:center;
		font-size: 20px;
		color: #AD181E;
		font-weight: bold;
	}
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 20px;
	}
	.indexIcon .indexIcon-div  img{
		width:100%;
		height:100%;
	}
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}

@media (min-width: 1248px) and (max-width: 1599px) {
    .index-banner {
        padding-left: 6%;
        padding-right: 6%;
        margin-top: 290px;
    }
    .indexInform {
        padding-left: 6%;
      
    }
    .indexpost {
        width: 22%;
        height: 400px;
        float: left;
        border: solid #888889 3px;
        margin: 0 25px 20px 0px;
    }
    .indexpost_img {
        width: 98%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 8px 5px 15px;
    }
    .indexcard-title {
        color: #c89f62;
        font-size: 17px;
    }
    .indexcard-body .indexcard-date {
        font-size: 13px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 15px;
    }
    .indexInform-end {
        height: 0px;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 6%;
        padding-right: 2%;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .indexNoticeTop .ntop1 {
        width: 40%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexNoticeTop .ntop2 {
        width: 15%;
        font-size: 34px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 41%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexYutube {
        width: 100%;
        height: 400px;
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 30px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 12%;
        height: 180px;
		margin-top: 20px;
    }
    .indexIcon .indexIcon-div {
        width: 10%;
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 20px;
        color: #AD181E;
        font-weight: bold;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 20px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point {
        width: 100%;
        position: relative;
        margin-top: -5px;
    }
    .index-point-div {
        width: 95%;
        height: 40%;
        position: absolute;
        top: -140px;
       
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left: 10%;
        font-size: 24px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 32%;
        padding-left: 10%;
        font-size: 20px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        margin-top: 10px;
    }
    .index-point-div .index-point-div-2 img {
        width: 16px;
    }
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}

@media (min-width: 1025px) and (max-width: 1247px) {
    .index-banner {
        padding-left: 6%;
        padding-right: 6%;
        margin-top: 280px;
    }
    .indexInform {
        padding-left: 6%;
        
    }
    .indexpost {
        width: 21.5%;
        height: 360px;
        float: left;
        border: solid #888889 3px;
        margin: 0 25px 20px 0px;
    }
    .indexpost_img {
        width: 98%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 8px 5px 15px;
    }
    .indexcard-title {
        color: #c89f62;
        font-size: 16px;
    }
    .indexcard-body .indexcard-date {
        font-size: 12px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 14px;
    }
    .indexInform-end {
        height: 0px;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 6%;
        padding-right: 2%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .indexNoticeTop .ntop1 {
        width: 40%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexNoticeTop .ntop2 {
        width: 16%;
        font-size: 34px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 40%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexYutube {
        width: 100%;
        height: 400px;
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 30px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 10%;
        height: 150px;
    }
    .indexIcon .indexIcon-div {
        width: 10%;
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 14px;
        color: #AD181E;
        font-weight: bold;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point {
        width: 100%;
        position: relative;
        margin-top: -4px;
    }
    .index-point-div {
        width: 100%;
        height: 40%;
       position: absolute;
        top: -130px;
       
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left: 10%;
        font-size: 18px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 30%;
        padding-left: 10%;
        font-size: 16px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        margin-top: 10px;
    }
    .index-point-div .index-point-div-2 img {
        width: 16px;
    }
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}

@media (min-width: 980px) and (max-width: 1024px) {
    .index-banner {
        padding-left: 6%;
        padding-right: 6%;
        margin-top: 250px;
    }
    .indexInform {
        padding-left: 6%;
        min-height: 1000px;
    }
    .indexpost {
        width: 29.5%;
        height: 400px;
        float: left;
        border: solid #888889 3px;
        margin: 0 25px 20px 0px;
    }
    .indexpost_img {
        width: 98%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 8px 5px 15px;
    }
    .indexcard-title {
        color: #c89f62;
        font-size: 18px;
    }
    .indexcard-body .indexcard-date {
        font-size: 14px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 16px;
    }
    .indexInform-end {
        height: 0px;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 6%;
        padding-right: 2%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .indexNoticeTop .ntop1 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
    }
    .indexNoticeTop .ntop2 {
        width: 22%;
        font-size: 34px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
    }
    .indexYutube {
        width: 100%;
        height: 300px;
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 30px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 10%;
        height: 130px;
    }
    .indexIcon .indexIcon-div {
        width: 10%;
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 14px;
        color: #AD181E;
        font-weight: bold;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 16px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point {
        width: 100%;
        position: relative;
        margin-top: -55px;
       
    }
    .index-point-div {
        width: 100%;
        height: 40%;
        position: absolute;
        top:-110px;
       
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left:7%;
        font-size: 18px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 32%;
        padding-left:7%;
        font-size: 16px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        margin-top: 10px;
    }
    .index-point-div .index-point-div-2 img {
        width: 16px;
    }
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
    .index-banner {
        padding-left: 6%;
        padding-right: 6%;
        margin-top: 240px;
    }
    .indexInform {
        padding-left: 6%;
       min-height:900px;
    }
    .indexpost {
        width: 29%;
        height: 370px;
        float: left;
        border: solid #888889 3px;
        margin: 0 25px 20px 0px;
    }
    .indexpost_img {
        width: 98%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 8px 5px 15px;
    }
    .indexcard-title {
        color: #c89f62;
        font-size: 16px;
    }
    .indexcard-body .indexcard-date {
        font-size: 12px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 13px;
    }
    .indexInform-end {
        height: 0px;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 6%;
        padding-right: 2%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .indexNoticeTop .ntop1 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexNoticeTop .ntop2 {
        width: 22%;
        font-size: 28px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 20px;
    }
    .indexYutube {
        width: 100%;
        height: 300px;
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 20px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 6.3%;
        height: 110px;
    }
    .indexIcon .indexIcon-div {
        width: 78px;
        float: left;
        margin: 10px 6px 0 0;
        text-align: center;
        font-size: 14px;
        color: #AD181E;
        font-weight: bold;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 85%;
    }
    .index-point {
        width: 100%;
        position: relative;
        margin-top: -55px;
    }
    .index-point-div {
        width: 100%;
        height: 40%;
        position: absolute;
        top:-105px;
       
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left: 8%;
        font-size: 16px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 32%;
        padding-left: 6%;
        font-size: 14px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        margin-top: 10px;
    }
    .index-point-div .index-point-div-2 img {
        width: 14px;
    }
	
	.indexIcon-div-pc{
		display: block;
	}
	.indexIcon-div-mb{
		display: none;
	}
}

@media (min-width: 561px) and (max-width: 767px) {
    .index-banner {
        padding-left: 4%;
        padding-right: 4%;
        margin-top: 170px;
    }
    .indexInform {
        padding-left: 4%;
        
    }
    .indexpost {
        width: 29.5%;
        height: 350px;
        float: left;
        border: solid #888889 3px;
        margin: 0 20px 20px 0px;
    }
    .indexpost_img {
        width: 98%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 8px 5px 15px;
    }
    .indexcard-title {
        color: #c89f62;
        font-size: 16px;
    }
    .indexcard-body .indexcard-date {
        font-size: 12px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 13px;
    }
    .indexInform-end {
        width: 100%;
        height: 80px;
        float: left;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 4%;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .indexNoticeTop .ntop1 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
        
    }
    .indexNoticeTop .ntop2 {
        width: 22%;
        font-size: 26px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
    }
    .indexYutube {
        width: 100%;
        height: 300px;
        padding-left: 4%;
        padding-right: 4%;
        margin-bottom: 30px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 5%;
        height: 100px;
    }
    .indexIcon .indexIcon-div {
        width: 70px;
        float: left;
        margin: 10px 6px 0 0;
        text-align: center;
        font-size: 12px;
        color: #AD181E;
        font-weight: bold;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 95%;
    }
    .index-point {
        width: 100%;
        position: relative;
        margin-top: -65px;
    }
    .index-point-div {
        width: 100%;
        height: 40%;
        position: absolute;
        top: -100px;
       padding-left: 2px;
       padding-right: 2px;
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
       font-size: 16px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        padding-left: 4%;
    }
    .index-point-div .index-point-div-2 {
        width: 32%;
		height: 15px;
        font-size: 12px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
        margin-top: 10px;
        padding-left: 4%;
    }
    .index-point-div .index-point-div-2 img {
        width: 14px;
    }
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
}

@media (min-width: 641px) and (max-width: 767px){
    .index-banner {
        margin-top: 35%!important;
       
       }
       .index-point div{
     
        margin-top:5px;
    }
}
@media (min-width: 600px) and (max-width: 710px) {
    .index-banner {
     margin-top: 28%;
     padding-left: 4%;
     padding-right: 4%;
    }
    .index-point {
        position: relative;
        margin-top: -1px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 6.5%;
        height: 100px;
    }
    .indexIcon .indexIcon-div {
        width: 60px;
        float: left;
        margin: 10px 5px 0 0;
     }
	 .indexIcon .indexIcon-div a{
		color: #AD181E;
	}
     .indexYutube {
       padding-left: 4%;
       padding-right: 4%;
      height:250px;
    }
    .indexNoticeTop {
      padding-left: 4%;
        padding-right: 0%;
    }
    .indexNoticeTop .ntop2{
        font-size: 28px;
        margin-top:-5px;
    }
    .indexNoticeTop .ntop1,.indexNoticeTop .ntop3 {
        height: 8px;
      
    }
    .indexInform {
        padding-left: 4%;
        
    }
    .indexInform-end {
        width: 100%;
        height: 80px;
        float: left;
    }
}
@media (min-width: 641px) and (max-width: 710px){
    .index-point {
        margin-top: -66px;
    }
    .indexIcon .indexIcon-div {
        width: 65px;
       
   }
   .index-point-div{
       padding-left: 5px;
   }
   .index-point-div .index-point-div-2{
    font-size: 13px;
}
}
@media (min-width: 635px) and (max-width: 640px){
    .index-point {
        margin-top: 55px;
    }
    .indexIcon{
        padding-left: 6%;
    }
    .indexIcon .indexIcon-div {
        width: 65px;
   }
   .index-point-div .index-point-div-2{
       font-size: 13px;
   }
}
@media (min-width: 561px) and (max-width: 599px){
    .index-point {
        margin-top: -1px;
    }
    .indexIcon .indexIcon-div {
        width: 58px;
   }
}
@media (min-width: 481px) and (max-width: 560px) {
    .indexInform {
        padding-left: 3%;
        min-height: 430px;
    }
    .indexpost {
        width: 47%;
        height: 360px;
        float: left;
        border: solid #888889 3px;
        margin: 0 2% 10px 0px;
    }
    .indexpost_img {
        width: 94%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 2% 5px 5%;
    }
    .indexcard-title {
        color: #000000;
        font-size: 18px;
    }
    .indexcard-body .indexcard-date {
        font-size: 12px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 14px;
    }
    .indexInform-end {
        width: 100%;
        height: 80px;
        float: left;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 3%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .indexNoticeTop .ntop1 {
        width: 37%;
        height: 8px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 15px;
    }
    .indexNoticeTop .ntop2 {
        width: 22%;
        font-size: 24px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 37%;
        height: 8px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 15px;
    }
    .indexYutube {
        width: 96%;
        height: 180px;
        padding-left: 3%;
        margin-top: 10px;
    }
    .indexIcon {
        width: 100%;
        padding-left: 13%;
        height: 220px;
    }
    .indexIcon .indexIcon-div {
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 14px;
        color: #AD181E;
        font-weight: bold;
        width: 80px;
		height: 80px;
		margin-bottom: 20px;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point {
        width: 100%;
        height: 100px;
        position: relative;
        margin-bottom: 12px;
   
    }
    .index-point-div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 10%;
        padding-left: 12%;
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left: 3px;
        font-size: 16px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 50%;
        padding-left: 3px;
        font-size: 14px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 img {
        width: 14px;
    }
    .index-banner {
        margin-top: 0%; 
    }
	  
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
} 
@media (min-width: 544px) and (max-width: 560px){
    .indexIcon {
       height:240px;
        padding-left: 12%;
      
    }
    .indexIcon .indexIcon-div {
        width: 95px;
       
    }
	
}
@media screen and (max-width: 543px) {
    .indexIcon {
        width: 100%;
        padding-left: 9%;
        height: 240px;
    }
    .indexIcon .indexIcon-div {
        width: 90px;
       
    }
	
   
}

@media (max-width: 480px) {
    .indexInform {
        padding-left: 3%;
        min-height: 430px;
    }
    .indexpost {
        width: 47%;
        height: 360px;
        float: left;
        border: solid #888889 3px;
        margin: 0 2% 10px 0px;
    }
    .indexpost_img {
        width: 94%;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    .indexcard-body {
        padding: 5px 2% 5px 5%;
    }
    .indexcard-title {
        color: #000000;
        font-size: 18px;
    }
    .indexcard-body .indexcard-date {
        font-size: 12px;
    }
    .indexcard-body .indexcard-desc {
        font-size: 0.93em;
        font-size: 14px;
    }
    .indexInform-end {
        width: 100%;
        height: 80px;
        float: left;
    }
    .indexNoticeTop {
        width: 100%;
        height: 40px;
        padding-left: 3%;
        margin-top: 10px;
    }
    .indexNoticeTop .ntop1 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
    }
    .indexNoticeTop .ntop2 {
        width: 22%;
        font-size: 20px;
        font-weight: bold;
        color: #3E3A39;
        float: left;
        text-align: center;
    }
    .indexNoticeTop .ntop3 {
        width: 37%;
        height: 10px;
        background-color: #D7083B;
        float: left;
        border-radius: 5px;
        margin-top: 10px;
    }
    .indexYutube {
        width: 96%;
        height: 180px;
        padding-left: 3%;
        margin-top: 5%;
    }
    .indexIcon {
        width: 100%;
        padding-left: 13%;
        height: 220px;
    }
    .indexIcon .indexIcon-div {
        float: left;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 14px;
        color: #AD181E;
        font-weight: bold;
        width: 80px;
		height: 80px;
		margin-bottom: 20px;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point {
        width: 100%;
        height: 100px;
        position: relative;
        margin-bottom: 12px;
    }
    .index-point-div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 8%;
        padding-left: 8%;
    }
    .index-point-div .index-point-div-1 {
        width: 100%;
        padding-left: 3px;
        font-size: 14px;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 {
        width: 50%;
        padding-left: 3px;
        font-size: 12px;
        float: left;
        text-align: left;
        color: #AD181E;
        font-weight: bold;
    }
    .index-point-div .index-point-div-2 img {
        width: 14px;
    }
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
    }
    .index-banner{
        margin-top:-20px;
    }
}
@media (min-width: 415px) and (max-width: 439px){
    .indexIcon {
        padding-left: 8%;
    }
    .indexIcon .indexIcon-div {
        width: 80px;
		height: 80px;
		margin-bottom: 20px;
    }

	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
}
@media screen and (max-width: 414px) {
    .indexIcon {
        padding-left: 7%;
    }
    .indexIcon .indexIcon-div {
        width: 80px;
		height: 80px;
		margin-bottom: 20px;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
	}
    .indexNoticeTop .ntop3,.indexNoticeTop .ntop1{
        height: 8px;
    }
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
}

@media screen and (max-width: 400px) {
    .indexIcon {
        padding-left: 6%;
    }
    .indexIcon .indexIcon-div {
        width: 75px;
		height: 75px;
		margin-bottom: 20px;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
	}
    .indexNoticeTop .ntop3,.indexNoticeTop .ntop1{
        height: 8px;
    }
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
}

@media screen and (max-width: 375px) {
    .indexIcon {
        width: 100%;
       padding-left: 4.5%;
        height: 210px;
    }
    .indexIcon .indexIcon-div {
        width: 74px;
		height: 74px;
		margin-bottom: 20px;
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 14px;
	}
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
    .index-point-div {
       position: absolute;
        top: 8%;
        padding-left: 4%;
	}
	.index-point-div-2{
		width:48%;
		height: 17px;
		font-size: 12px !important;
	}
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
    }
    .index-banner{
        margin-top:-20px;
    }
}

@media screen and (max-width: 350px){
    .index-point-div .index-point-div-1 {
        font-size: 14px;
    }
    .index-point-div .index-point-div-2 {
        font-size: 12px;
    }
     .indexIcon {
        width: 100%;
        padding-left: 7%;
        height: 180px;
    }
    .indexIcon .indexIcon-div {
        width: 65px;
    }
	
    .indexIcon .indexIcon-div img {
        width: 100%;
    }
	
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
	}
}
@media screen and (max-width: 320px) {
    .indexIcon {
       padding-left: 7%;
       height: 160px;
    }
    .indexIcon .indexIcon-div {
        width: 60px;
        font-size: 12px;
       
    }
	.indexIcon .indexIcon-div a{
		color: #AD181E;
		font-size: 12px;
	}
    
   .index-point-div .index-point-div-2 {
        font-size: 12px;
    }
    .index-point-div {
        position: absolute;
         top: 5%;
         padding-left: 0%;
     }
	.indexIcon-div-pc{
		display: none;
	}
	.indexIcon-div-mb{
		display: block;
    }
    .index-banner{
        margin-top:-25px;
    }
}