@font-face {
	font-family: 'bellb';
	src: url('../fonts/bellb.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bellb.woff') format('woff'),
	url('../fonts/bellb.woff2') format('woff2'),
	url('../fonts/bellb.ttf') format('truetype'),
	url('../fonts/bellb.svg#bellb') format('svg');
}

/* .index_title{margin-bottom: 26px;display: block;display: flex;align-items: center;justify-content: space-between;} */

.channel_title{line-height: 1.1;font-size: 6rem;margin: 0 0 3rem;display: block;}

.channel_link{position: relative;z-index: 2;line-height: 4.8rem;padding: 0 3rem 0 0;color: #00448c;white-space: nowrap;}
.channel_link i{margin: 0 0 0 .8rem;font-size: 1.25em;}
.channel_link:hover{}

@media screen and (max-width: 996px){
    /* .index_title{margin-bottom: 20px;} */
}
@media screen and (max-width:767px){
	.channel_title{font-size: 24px;}
}
/* homepage_title end */

.wrap_mode01{padding: 3rem 0 5rem;}
.mode01{}

.index_01{}
.index_01 ul{margin: 0 0 -1.6rem -1.6rem;}
.index_01 .item{margin: 0 0 1.6rem 1.6rem;}
.index_01 .top{padding: 0 0 0;position: relative;}
.index_01 .more{position: absolute;right: 0;bottom: 0;line-height: 5.5rem;padding: 0 2rem;background: #cfa972;color: #fff;}
.index_01 .more i{font-size: 1.8em;vertical-align: middle;display: inline-block;margin: 0 0 0 .4rem;}
.index_01 .bottom{padding: 2.7rem 3rem 3.6rem;background: #00448c;color: #fff;}

.wrap_mode02{padding: 5rem 0 6rem;}
.mode02{background: #f4f4f4;padding: 7rem 10rem 7.5rem;}
.mode02 .lf{width: 27rem;float: left;}
.mode02 .rt{margin: 0 0 0 35rem;}

.index_02a{}
.index_02a .title{margin: 3.5rem 0 2.1rem;}
.index_02a .summary{margin: 0 0;}

.index_02b{margin: 4.1rem 0 2.6rem;line-height: 1.67em;min-height: 23.38em;}

.wrap_mode03{padding: 3.2rem 0 6rem;}
.mode03{}
.mode03 .lf{width: calc(100% - 65rem);float: left;}
.mode03 .rt{width: 57rem;float: right;padding: .8rem 0 0;}

.index_03a{}
.index_03a ul{margin: 0 0 -6rem;padding: 0 0;}
.index_03a .item{margin: 0 0 6rem;}
.index_03a .img_box{width: 24rem;float: left;}
.index_03a .info_box{margin: 0 0 0 27rem;padding: .5rem 0 0;}
.index_03a .title{margin: 0 0 1.5rem;color: #00448c;}
.index_03a .time{color: #999;}
.index_03a .summary{margin: 1.2rem 0 0;color: #666;}

.index_03b{display: block;position: relative;margin: 0 0 2rem;}
.index_03b .gp-img{padding-bottom: 43.86%;}
.index_03b .title{margin: 0 0;line-height: calc(2em + .2rem);background: #00448c;color: #fff;text-align: center;}

.index_03c{display: block;position: relative;background: #cfa972 url(../images/mode03_bg.png) bottom center/100% auto;padding: 5.2rem 4rem;text-align: center;color: #fff;margin: 0 0 4.1rem;}
.index_03c .title{margin: 0 0;line-height: 1.6em;}

.index_03d{}
.index_03d ul{margin: -0.4rem 0 -2.5rem;}
.index_03d .item{margin: 0 0 2.7rem;align-items: center;position: relative;}
.index_03d .time_box{flex-direction: column;align-items: center;color: #00448c;position: relative;line-height: 1;}
.index_03d .time_box::before{content: '';width: .1rem;height: 4rem;position: absolute;top: 50%;transform: translateY(-50%);right: -1.5rem;background: #e5e5e5;}
.index_03d .day{padding: 0 0 0;font-family: 'bellb';}
.index_03d .title{margin: 0 0;width: calc(100% - 2.7em);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.wrap_mode04{padding: 3.2rem 0 6rem;}
.mode04{}

.index_04{}
.index_04 ul{margin: 0 0 -3rem -5rem;}
.index_04 .item{margin: 0 0 3rem 5rem;}
.index_04 .bottom{background: #00448c;color: #fff;display: flex;align-items: center;padding: 2rem 3rem;}
.index_04 .bottom i{position: relative;margin: 0 0 0 4rem;flex-shrink: 0;font-size: 1.25em;}
.index_04 .title{margin: 0 0;line-height: 1.5em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.wrap_mode05{padding: 3rem 0 11.6rem;}
.mode05{}

.index_05{}
.index_05 ul{margin: 0 0 -3.6rem -3rem;padding: .9rem 0 0;}
.index_05 .item{margin: 0 0 3.6rem 3rem;}
.index_05 .title{margin: 1.3rem 0 0;}




@media screen  and (max-width:1640px){

}
@media screen  and (max-width:1480px){

}
@media screen  and (max-width:1240px){

}
@media screen  and (max-width:1024px){

}
@media screen  and (max-width:996px){
	.mode02{padding: 20px;}

	.mode03 .lf{width: auto;float: none;}
	.mode03 .rt{width: auto;float: none;padding: 20px 0 0;}

}
@media screen and (max-width:767px){
	.wrap_mode01{padding: 20px 0;}
	.wrap_mode02{padding: 20px 0;}

	.mode02 .lf{float: none;margin: 0 auto;width: 70%;}
	.mode02 .rt{margin: 20px 0 0;}

}
@media screen  and (max-width:639px){

}
@media screen and (max-width:480px){

}
@media screen and (max-width:413px){

}
@media screen and (max-width:380px){

}
@media screen and (max-width:320px){

}