@charset "utf-8";
.main_bg{
    background: #ffff;
}
#kodomo{
    max-width: 1280px;
    margin: 0 auto;
    background: #fee245;
    padding-bottom: 5%;
}
#kodomo .sewrap{
	background: url("../images/main.png?210402") no-repeat top center;
	width: 100%;
	height: 100%;
	padding-top: 89.218%;
	margin: 0 auto;
	position:relative;
	background-size: cover;
}
#kodomo .sub_wrap{
    width: 90%;
    margin: 0 auto;
}
#kodomo p{
    color: #603814;
    font-size: 18px;
    font-weight: bold;
    margin-top: 1%;
    width: 95%;
    margin: 1% auto;
}
#kodomo .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
/*tametable*/
#kodomo .flex{
    display: flex;
    justify-content: space-between;
}
#kodomo .flex_tc div{
    margin-top: 10%;
}
#kodomo table{
    border: 4px solid #8c6239;
    width: 90%;
    margin: 0 auto;
}
#kodomo th{
    text-align: center;
    background: #3fa9f5;
    color: #fff;
    border: 2px solid #8c6239;
    padding: 1%;
    font-size: 20px;
}
#kodomo tr:nth-child(n+1){
    background: #bddff4;
}
#kodomo tr:nth-child(2n){
    background: #e2ecf2;
}
#kodomo td{
    border: 2px solid #8c6239;
    padding: 1%;
    font-size: 15px;
    font-weight: bold;
    color: #6c3b0b;
}
#kodomo .center{
    text-align: center
}
#kodomo .border_none{
    border: 0 solid #8c6239;
    border-bottom: 2px solid #8c6239;
    padding: 0.5%;
    text-align: center
}
.btn{
    width: 40%;
    display: block;
    margin: 4% auto 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 4px 4px #333;
    border: 7px solid #c69c6d;
    max-width: 360px;
}
.btn img{
    width: 100%;
    /* box-shadow: 4px 4px #333; */
}
.btn:hover{
    box-shadow:none;
    transform: translate(4px,4px);
    transition-duration :0.2s;
    opacity: 1.0;
    text-decoration: none;
}
#kodomo .sp{
    display: none;
}
/*グレーアウト　終わり*/
#footer{
	margin:0px !important;
}