@charset "UTF-8";
.textbook-re3 {
    margin: auto;
    text-align: center;
    width: 750px;
}
.textbook-re3 h1 {
    border-bottom: solid 2px;
    border-top: solid 2px;
    font-size: 1.85rem;
    margin-top: 2rem;
    padding: 0.8rem 0;
    text-align: center;
}
.textbook-re3 h2 {
    font-size: 1.6rem;
    margin: 4rem auto 1.5rem;
    text-align: center;
}
/*番号*/
.textbook-re3 h2::before {
    border-bottom: solid 4px /*#87bed3*/;
/*    color: #000;*/
    display: block;
    margin: 0 auto 1.5rem;
    padding-bottom: 0.5rem;
    width: fit-content;
}
.textbook-re3 .no1::before {
    content: "01";
}
.textbook-re3 .no2::before {
    content: "02";
}
.textbook-re3 .no3::before {
    content: "03";
}
.textbook-re3 .no4::before {
    content: "04";
}
.textbook-re3 .no5::before {
    content: "05";
}
.textbook-re3 .no6::before {
    content: "06";
}
.textbook-re3 .no7::before {
    content: "07";
}
/*番号*/


.textbook-re3 ul li h3, 
.flexbox h3, .pick h3 {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}
.textbook-re3 ul li h3 span, 
.flexbox h3 span {
    font-size: 1rem;
    font-weight: 400;
    display: block;
    padding-top: .8rem;
}
.textbook-re3 ul li h3 .dot {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
}
.textbook-re3 ul li h3 .dot::before {
    content: "・・・・・";
    display: block;
    font-weight: 400;
    margin: -5px 0;
}


.txbx h4 {
    font-size: 1.15rem;
    margin: 0 0 .8rem;
}
.textbook-re3 ul {
    padding: 0;
}
.textbook-re3 ul li, .pick {
    background: #f5f5f5;
    list-style: none;
    margin-bottom: 3rem;
    padding: 4rem 0;
}
.textbook-re3 ul li p, 
.flexbox p, .pick p {
    font-size: 1rem;
    line-height: 1.7;
    margin: auto;
    text-align: justify;
    width: 80%;
}
.textbook-re3 .center {
    text-align: center;
}
.textbook-re3 ul .oblong img, 
.textbook-re3 ul .oblong2 img, 
.textbook-re3 ul .oblong3 img, 
.textbook-re3 ul .oblong4 img, 
.textbook-re3 ul .oblong5 img, 
.flexbox.pants img {
    height: auto;
    width: 80%;
}
.textbook-re3 ul .square img, 
.textbook-re3 ul .square2 img, 
.textbook-re3 ul .square3 img, 
.textbook-re3 ul .square4 img,
.textbook-re3 ul .square5 img {
    height: auto;
    width: 55%;
}

/*margin調整部分*/
.txbx, 
.textbook-re3 ul .oblong2 p, 
.textbook-re3 ul .square2 p, 
.textbook-re3 ul .oblong4 p, 
.textbook-re3 ul .square4 p, 
.textbook-re3 ul .oblong5 p, 
.textbook-re3 ul .square5 p, 
.flexbox p, .pick p {
    margin-top: 2rem;
}
/*padding調整部分*/
.textbook-re3 ul .oblong, 
.textbook-re3 ul .oblong2, 
.textbook-re3 ul .square, 
.textbook-re3 ul .square2 {
    padding: 5rem 0;
}

/*個別調整*/
.textbook-re3 ul .oblong4.b img {
    width: 85%;
}
.textbook-re3 ul .oblong4.b {
    padding-bottom: 3rem;
}
.pick ul li {
    background: none;
    margin: 1rem 0;
    padding: 0;
}
.pick ul li p {
    background: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin: auto;
    padding: .8rem 1rem;
}


/*div flex*/
.flexbox {
    background: #f5f5f5;
    margin-bottom: 3rem;
    padding: 4rem 0;
}
.flexbox ul {
    display: flex;
    justify-content: center;
    width: 100%;
}
.flexbox ul li {
    background: none;
    margin: 1rem 0 0;
    padding: 0;
    width: 45%;
}
.flexbox ul li img {
    height: auto;
    width: 100%;
}
.flexbox .txbx p {
    width: 100%;
}
/*div flex*/

/*div flex code*/
.flexbox .fbox {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 80%;
}
.flexbox .fbox.code li {
    width: 49.5%;
}
.flexbox .fbox.code img {
    height: 420px;
    object-fit: cover;
    width: 100%;
}
/*div flex code*/



/*div flex excode*/
.flexbox.excode .fbox img, 
.fbox.code4 img {
    height: 420px;
    object-fit: cover;
}


/*リンク*/
.itemlink {
    background: #1097db;
    border-radius: 100px;
    color: #fff;
    display: block;
    margin: 2rem auto 0;
    padding: 10px 0;
    width: 80%;
}

/*下部リンク*/
.page-link2 {
    background: #f5f5f5;
    padding: 2.5rem 0 1rem;
}
.extralink {
    display: block;
    margin: 0 auto 2rem;
    width: 80%;
}
.extralink p {
    background: #fff;
    margin: 0;
    padding: 1rem 2rem;
    text-align: justify;
}
.extralink p span {
    /* color: #1097dc; */
    font-weight: bold;
    padding-right: 0.8rem;
}
.extralink p span::before {
    content: "\f054\f054";
    font-family: FontAwesome;
    padding-right: 0.5rem;
}

/*下部リンク*/
.page-link2 {
    background: #f5f5f5;
    padding: 2.5rem 0 1rem;
}
.page-link2 h5 {
    margin-bottom: 1.5rem;
}
.extralink {
    display: block;
    margin: 0 auto 2rem;
    width: 80%;
}
.extralink p {
    background: #fff;
    margin: 0;
    padding: 1rem 2rem;
    text-align: justify;
}
.extralink p span {
    font-weight: bold;
    padding-right: 0.8rem;
}
.extralink p span::before {
    content: "\f054\f054";
    font-family: FontAwesome;
    padding-right: 0.5rem;
}



/*-------------------------------------------------------------------------------------------------------------------------------ここからスマホ*/
@media screen and (max-width: 480px) {

.textbook-re3 {
    width: 100%;
}
.textbook-re3 ul li {
    padding: 2.5rem 0;
}
.pick ul li {
    padding: 0;
}

.textbook-re3 ul .oblong img, 
.textbook-re3 ul .oblong2 img, 
.textbook-re3 ul .oblong3 img, 
.textbook-re3 ul .oblong4 img, 
.textbook-re3 ul .oblong5 img {
    width: 80%;
}
.textbook-re3 ul .square img, 
.textbook-re3 ul .square2 img, 
.textbook-re3 ul .square3 img, 
.textbook-re3 ul .square4 img, 
.textbook-re3 ul .square5 img {
    width: 70%;
}
.textbook-re3 ul li p, 
.textbook-re3 ul li h3 span {
/*    font-size: .78rem;*/
    font-size: 1rem;
}
.txbx, 
.textbook-re3 ul .oblong2 p, 
.textbook-re3 ul .square2 p, 
.textbook-re3 ul .oblong4 p, 
.textbook-re3 ul .square4 p {
    margin-top: 1.5rem;
}
.textbook-re3 ul .oblong, 
.textbook-re3 ul .oblong2, 
.textbook-re3 ul .square, 
.textbook-re3 ul .square2 {
    padding: 3.5rem 0;
}

/*個別調整*/
.textbook-re3 ul .oblong4.b {
    padding-bottom: 1.8rem;
}
.flexbox .fbox li {
    padding: 0;
}
.flexbox .fbox.code img, 
.fbox.code4 img {
    height: 260px;
}
.flexbox.excode .fbox img {
    height: 210px;
}

/*下部リンク*/
/*.extralink p span {
    display: block;
}*/


}