@charset "utf-8";
/*--------------------------------------------------------

	subject_style

	01. forPC Layout

	02. forSP Layout

--------------------------------------------------------*/




/********************************************************************************

	01. forPC Layout

********************************************************************************/

.title_wrap {
    background: #ffdfbb;
}
.title_suject:after {
    background: #f68200;
}

.box_w905 {
    width: 905px;
}

.box_w905 .box_inner {
    padding: 12px 1.2% 0;
}

.box .box_inner {
    background: #ffdfbb;
}

.box .box_inner a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    background: none;
}
.substance {
    position: relative;
    display: flex;
    align-items: center;
    height: 200px;
    width: 288px;
    background: #fff;
}
.substance img {
    margin: 0 auto;
    border: 1px solid #999 !important;
}

.textbook_slogan {
    margin: 0 0 10px;
    padding: 2px 0;
    border-bottom: 1px dotted #aaa;
    border-top: 1px dotted #aaa;
    font-size: 16px;
}


/********************************************************************************

	02. forSP Layout
    *横幅が1025px以下の場合


********************************************************************************/

@media screen and (min-width: 0px) and (max-width: 1026px) {


.box .box_inner a {
    justify-content: center;
}

.box_w905 {
    width: 607px;
}





}