@charset "utf-8";

.drill_txt_wrap {
    display: flex;
}
@media (min-width: 751px) {
    .drill_txt_wrap {
/*        margin-top: 77px; */
    }
    .drill_txt_wrap .drill_txt {
        flex: 1;
/*        padding-right: 30px; */
        padding-left: 10px;
    }
    .drill_txt_unko {
        margin-top: -15px;
        width: 290px; 
        padding-left: 30px;
    }
	.drill_txt_unko img{max-width:260px;}
    .drill_txt {
/*        font-size: 20px; */
		font-size: clamp(18px,20px,22px);
        line-height: 1.8;
		padding-left: 10px;
    }
    .drill_txt_wrap + .drill_txt {
        margin-top: 15px;
    }
    .drill_note {
        font-size: 16px;
        line-height: 1.5;
        margin: 30px auto auto 10px;
	    padding-left: 1em;
        text-indent: -1em;
    }
}
@media (max-width: 750px) {
    .drill_txt_wrap {
        flex-direction: column;
        margin-top: 27px;
    }
    .drill_txt_unko {
        width: 220px;
        display: block;
        margin: 33px auto 0;
    }
    .drill_txt {
        font-size: 15px;
        line-height: 1.8;
    }
    .drill_txt_wrap + .drill_txt {
        margin-top: 33px;
    }
    .drill_note {
        font-size: 13px;
        line-height: 1.8;
        margin-top: 35px;
        padding-left: 1em;
        text-indent: -1em;
    }
}
.bnr_unko,
.bnr_unko_quiz {
    display: block;
}
.drill_pdf_list h4 {
/*	background-image: url("../images/coins_bar.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain; */
	padding-bottom: 5px;
	margin: 10px auto 5px auto;
}
.drill_pdf_list h4 img{max-width: 120px;width: auto;  height: auto; margin-left: 3px;}
.drill_pdf_list h4 { margin-bottom: 20px;}

.bnr_unko_quiz,
.bnr_unko {
        margin: 20px auto 20px auto;
}

@media (min-width: 751px) {
    .bnr_unko,
    .bnr_unko_quiz {
        width: 630px;
    }
}
@media (max-width: 750px) {
    .bnr_unko,
    .bnr_unko_quiz {
        width: 274px;
    }
}

.drill_pdf_list {
    display: flex;
    text-align: center;
    justify-content: center;
	transform: all .2s ease;
}
.Notepaper-inner{transform: all .2s ease;}

.drill_pdf_btn {
    display: inline-block;
}
.drill_note_list > li  {
    padding-left: 1em;
    text-indent: -1em;
	margin-bottom: 5px;
}
.drill_pdf_btn img{
	border: solid 3px #A1A1A1;
	width: auto;
	height: auto;
	max-width: 280px;
}

.drill_pdf_btn:hover img,
.bnr_unko_quiz:hover img,
.bnr_unko:hover img{
	margin-top: -2px;
	box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.2);
	margin-bottom: 2px;
}


@media (min-width: 751px) {
    .drill_pdf_list {
        gap:  0 56px;
		margin: 35px auto 20px auto;
        }
    .drill_pdf_btn {
/*        margin-top: 36px; */
    }
    .drill_note_list{
        font-size: 16px;
        line-height: 1.5;
        margin: 10px auto 20px 10px;;
    }
}
@media (max-width: 750px) {
     .drill_pdf_btn img{
          max-width: 220px;
      }
    .drill_pdf_list {
        flex-direction: column;
        gap: 50px 0;
        margin: 33px auto 20px auto;
    }
    .drill_pdf_list .ttl_type3 {
        text-align: center;
		margin-bottom: 0;
    }
    .drill_pdf_btn{
       margin-top: 20px;
        width: 180px;
    }
    .drill_note_list{
        font-size: 13px;
        line-height: calc(19.5/13);
        margin-top: 8px;
    }
    .ttl_type2_spacing60 {
        letter-spacing: 0.06em;
    }
}