.under-dash {
	border-bottom: dashed 5px #87CEFA;
}
.under-linear {
	background: linear-gradient(transparent 50%, #a8eaff 50%);
}

/*　.dg-pict{
background-image:  url(../img/logo.gif);
background-size:  contain;
background-repeat:  no-repeat;
vertical-align: top;
}*/



p.indent{
	padding-left:4em;
}
p.indent2{
	padding-left:2em;
}
/* 1行目だけインデント*/
.sage-1only {
	text-indent: 1rem;
}

.btn-dg a {
	display:block;
	width:88%;
	border-radius:8px;
	background-color:#439C94;
	line-height: 1.8;
	color:#FFF;
	padding:1rem;
	margin:1em auto 2em;
	text-align:center;
	text-decoration:none;
	box-shadow: 0px 5px rgba(0,0,0,0.4);
	position:relative;
	max-width:700px;
    font-size: 20px;
    font-weight: bold;
}
.btn-dg a:hover{
    opacity: 0.7;
}




/*解答をスペースで太字*/
span.answer{
    color:#666;
    font-weight: bold;
    margin-left: 1rem;
    line-height:1.8;
}
ul.unit {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    position:relative;
    justify-content: center;
    vertical-align: middle;
    }
    .unit li {
    width:24%;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    text-align: center;
    text-decoration: none;
    padding: 0;
    font-size: 1.1rem;
    background-color:#ddd;
    margin-right: 9px;
    }
.ye-st {
    display: block;
    text-align: center;
    border-radius: 0.3rem;
    padding:0.8rem;
    text-decoration: none;
    background-color:#ecaf1f;
    color: rgb(54, 53, 53);
    }

/*２行目以降をひとマス開ける*/
p.indent-1 {
    padding-left:1em;
    text-indent:-1em;
    }



.font_space {letter-spacing: -0.06em}

/*角丸で淡灰BGの囲い*/
.box16{
    padding: 0.5em 2em;
    margin: 0 2em 2em;
    background: -webkit-repeating-linear-gradient(-45deg, #FEFDFC, #FEFDFC 3px,#f4f7f7 3px, #f4f7f7 7px);
    background: repeating-linear-gradient(-45deg, #FEFDFC, #FEFDFC 3px,#f4f7f7 3px, #f4f7f7 7px);
    border-radius: 8px;

}
.box16 p {
    margin: 0;
    padding: 0;
}
p span.bknb-ttl{
    border-bottom: dashed 0.06em #302a2a54;
    border-radius: 4px;
    padding: 0.1rem 0.1rem 0rem 0.1rem;
    margin: 0.2rem 0.2rem 1rem 0.2rem;
    line-height:2.0;
    /*background-color: #fffeffcb;*/
    font-weight: bold;
    color:#666;
}
@media screen and (max-width:600px) {
.box16{
    padding: 0.6em 0.6em 0.2em 0.6em;
    margin: 0 0.3em 0.3em;
    background: -webkit-repeating-linear-gradient(-45deg, #FEFDFC, #FEFDFC 3px,#f4f7f7 3px, #f4f7f7 7px);
    background: repeating-linear-gradient(-45deg, #FEFDFC, #FEFDFC 3px,#f4f7f7 3px, #f4f7f7 7px);
    border-radius: 8px;
    }
.box16 p {
    margin: 0;
    padding: 0;
}}

/*以下 未使用*/
.box16_1,
.box16_2,
.box16_3 {
    padding: 30px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

/* box16_1 */
.box16_1::before {
    content: "";
    background-image: linear-gradient(to right, #439C94, #439C94 3px, transparent 3px, transparent 8px),
    linear-gradient(to right, #439C94, #439C94 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #439C94, #439C94 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #439C94, #439C94 3px, transparent 3px, transparent 8px);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    border-radius: 8px;

}

/* box16_2 439C94*/
.box16_2::before {
    content: "";
    background-image: linear-gradient(to right, #439C94, #439C94 5px, transparent 5px, transparent 12px),
    linear-gradient(to right, #439C94, #439C94 5px, transparent 5px, transparent 12px),
    linear-gradient(to bottom, #439C94, #439C94 5px, transparent 5px, transparent 12px),
    linear-gradient(to bottom, #439C94, #439C94 5px, transparent 5px, transparent 12px);
    background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

/* box16_3 */
.box16_3::before {
    content: "";
    background-image: linear-gradient(to right, #439C94, #439C94 15px, transparent 15px, transparent 20px),
    linear-gradient(to right, #439C94, #439C94 15px, transparent 15px, transparent 20px),
    linear-gradient(to bottom, #439C94, #439C94 15px, transparent 15px, transparent 20px),
    linear-gradient(to bottom, #439C94, #439C94 15px, transparent 15px, transparent 20px);
    background-size: 20px 2px, 20px 2px, 2px 20px, 2px 20px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}


@media screen and (min-width:600px) {/*Ｍｉｎｉ*/
.subject {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    margin-bottom: 2rem;
}
.subject div {
    width:33%;
    border-radius: 0.5rem;
}
.subject-half {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    margin-bottom: 2rem;
}
.subject-half div {
    width:33%;
    border-radius: 0.5rem;
}
.btn a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 1rem 0;
    font-size: clamp(0.9rem, 4.8vw, 1.6rem);/*これがデジサポできいている*/
/*font-size: 20px;*/
    color:#FFF;
    margin-bottom: 1rem;
}
}

@media screen and (max-width:600px) {/*ＭＡＸ*/
.subject-half {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    margin-bottom: 1rem;
}
.subject-half div {
    width:49%;
    border-radius: 0.5rem;
}
.btn a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 1rem 0;
    font-size: clamp(0.9rem, 4.7vw, 1.6rem);/*これがデジサポできいている*/
    color:#FFF;
    margin-bottom: 0.3rem;
}
}

.kakomu{
	padding:0.04rem 0.3rem; /* 枠と文字の空間 */
	margin:0 4px 10px 4px; /* 枠の外の空間 */
	/*background-color:#f9f9f9;  枠の背景色 f9f9f9*/
	border:1px solid #777; /* 枠の線の太さ・種類・色 #777*/
	border-radius:2px;  /*枠の角を丸くする */
	/*box-shadow: 1px 2px 2px #ddd; 影をいれる*/
	font-family:inherit; /* inheritフォントの種類を継承する */
	font-size:0.85em;	/* フォントの大きさ */
    font-weight: bold;
    color: #333;
    vertical-align: middle;
    /*line-height:1.2;*/
}