@charset "utf-8";

.banner{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.banner-inner{
	width: 48%;
	margin-bottom: 4%;
	opacity: 0;
}

.topix-inner{
	padding: 25px 0;
	font-size: 1.3rem;
	line-height: 1.8rem;
	border-bottom: dotted 1px #666;
}

.topix-inner span{
	margin-right: 13px;
	font-size: 1.5rem;	
}

.course h3, .course-list li{
	margin-bottom: 15px;	
}

.course-list li:last-child{
	margin-bottom: 0;
}

.greeting h3{
	margin-bottom: 15px;	
}

.greeting-inner{
	width: 100%;	
}

.greeting-inner img{
    width: 48%;
    float: left;
    padding-right: 10px;
}
	
.greeting-text{
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.sokuho #sokuho-btn{
	margin: 5px 0 10px;
	font-size: 1.8rem;
	padding: 16px 0;
	background-color: #FF9FC0;
	text-align: center;
	font-weight: bold;
	color: #FFF;
    box-shadow: 0 2px 5px #666;
}

.sokuho-time{
	font-size: 1.3rem;
    margin: 0 40px 10px;
    text-align: right;	
}

.sokuho-main{
	display: none;
	font-size: 1.6rem;
	border-top: solid 1px #ccc;
}

.sokuho-main dl{
	padding: 24px 0 40px 55px;
	border-bottom: solid 1px #ccc;
	background: #FFEEFF url(../images/top/list_point.png) 5px center no-repeat;
	background-size: 40px 40px;
}

.sokuho-main dt{
	margin-bottom: 10px;
	font-weight: bold;
	color: #096A0A;	
}

.sokuho-main dd{
	float: left;
	padding-left: 10px;
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.sokuho-main dd:nth-of-type(1){
	padding-left: 0;
}

.sokuho-main dd .num{
    font-size: 2rem;
    color: #dd4455;
    font-weight: bold;
}

.sokuho-main .soku-ano{
    font-size: 1.2rem;
    font-weight: normal;
}

.sokuho-main .total{
    background-color: #FFEEFF;
    font-weight: bold;
}

.sokuho-main .total .title{
    width: 60%;
    float: left;
    margin: 20px 0 10px 20px;
    font-size: 1.8rem;
    padding-top: 5px;
    text-align: right;
}

.sokuho-main .total .number{
    float: right;
    margin: 20px 20px 10px 0;
    color: #dd4455;
    font-size: 2.6rem;
    border-bottom: double 4px #dd4455;
    padding-bottom: 3px;
}

.sokuho-anno{
    font-size: 1.2rem;
    text-align: right;
    background-color: #FFEEFF;
    padding: 0 20px 20px 0;
}




.bnr-hidden {
	display: none;
}




/* //////////
	add
////////// */

ul.build_menu {
	width: 100%;
	background-color: #ccc;
/* 	margin-top: -4rem; */
	margin: -2px 0px 4rem 0px;
	padding: 0;
}
ul.build_menu li {
	width: 33.333%;
	float: left;
	background: url(../images/top/bg_btm.jpg) no-repeat 0 0;
	background-size: cover;
}
ul.build_menu li a {
	width: 33.333%;
	padding: 2rem 0;
}



/* //////////
	add 2019
////////// */

ul.build_menu_add2019 {
	width: 100%;
	background-color: #ccc;
/* 	margin-top: -4rem; */
	margin: -2px 0px 4rem 0px;
	padding: 0;
}
ul.build_menu_add2019 li {
	width: 25%;
	float: left;
	background: url(../images/top/bg_btm.jpg) no-repeat 0 0;
	background-size: cover;
}
ul.build_menu_add2019 li a {
	width: 33.333%;
	padding: 2rem 0;
}


/* //////////
	add 2020
////////// */

ul.build_menu_add2020 {
	width: 100%;
	background-color: #ccc;
/* 	margin-top: -4rem; */
	margin: -2px 0px 4rem 0px;
	padding: 0;
}
ul.build_menu_add2020 li {
	width: 33.3%;
	float: left;
	background: url(../images/top/bg_btm.jpg) no-repeat 0 0;
	background-size: cover;
}
ul.build_menu_add2020 li a {
	width: 33.333%;
	padding: 2rem 0;
}



/* //////////
	add 2022
////////// */

ul.build_menu_add2022 {
	width: 100%;
	background-color: #ccc;
/* 	margin-top: -4rem; */
	margin: -2px 0px 4rem 0px;
	padding: 0;
}
ul.build_menu_add2022 li {
	width: 20%;
	float: left;
	background: url(../images/top/bg_btm.jpg) no-repeat 0 0;
	background-size: cover;
}
ul.build_menu_add2022 li a {
	width: 20%;
	padding: 2rem 0;
}


/* //////////
	add 2021
////////// */

/* ul.build_menu_add2020 {
	width: 100%;
	background-color: #ccc;
	margin: -2px 0px 4rem 0px;
	padding: 0;
}
ul.build_menu_add2020 li {
	width: 50%;
	float: left;
	background: url(../images/top/bg_btm.jpg) no-repeat 0 0;
	background-size: cover;
}
ul.build_menu_add2020 li a {
	width: 50%;
	padding: 2rem 0;
} */