section#mantoman_course {
    margin-bottom: 250px;
    line-height: 2rem;
}

/* 共通 */
.hook_course {
    background: url(../image/mantoman_course_background.jpg);
    background-size: cover;
}

.course_title {
    color: #248f8f;
}

.course_description {
    border-color: #3cc;
}

.course_contents {
    margin: 150px auto;
    background:
     linear-gradient(135deg,
      #cff 8.33%, #fff 8.33%, 
      #fff 50%, #cff 50%, 
      #cff 58.33%, #fff 58.33%, 
      #fff 100%);
    background-size: 8.49px 8.49px;
}

h2.simple_underline {
    color: #248f8f;
    border-color: #3cc;
}

.course_group summary {
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(36,143,143) 99%),
    repeating-linear-gradient(0deg, rgba(163, 163, 163,0.2) 0px, 
    rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),
    repeating-linear-gradient(90deg, rgba(163, 163, 163,0.2) 0px, 
    rgba(163, 163, 163,0.2) 1px,transparent 1px, transparent 6px),
    linear-gradient(90deg, rgb(36,143,143),rgb(36,143,143));
}

.course_group summary:hover {
    color: #248f8f;
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(51,204,204) 99%),
    repeating-linear-gradient(0deg, rgba(66, 66, 66, 0.1) 0px, 
    rgba(66, 66, 66, 0.1) 1px,transparent 1px, transparent 6px),
    repeating-linear-gradient(90deg, rgba(66, 66, 66, 0.1) 0px, 
    rgba(66, 66, 66, 0.1) 1px,transparent 1px, transparent 6px),
    linear-gradient(90deg, rgb(51,204,204),rgb(51,204,204));
}

.details_link a {
    margin: 25px auto;
    color: #FAF2E9;
    background: linear-gradient(-90deg, rgb(51,204,204),rgb(36,143,143));
    border: 2px solid #626a1a;
}

.details_link a::before {
    background: linear-gradient(90deg, rgb(51,204,204),rgb(36,143,143));
}

.details_link a:hover {
    color: #FAF2E9;
}
/* 共通 */

/* 装飾 */
.heading_striped_underline::before {
    background:
     repeating-linear-gradient(45deg,
      rgba(0,0,0,0.3) 0px, rgba(0,0,0,0.3) 16px,
      transparent 16px, transparent 32px, 
      rgba(0,0,0,0.05) 32px, rgba(0,0,0,0.05) 80px,
      transparent 80px, transparent 96px,      
      rgba(0,0,0,0.23) 96px, rgba(0,0,0,0.23) 208px),
     repeating-linear-gradient(135deg,
      transparent 0px, transparent 3px,
      rgba(0,0,0,0.1) 3px, rgba(0,0,0,0.1) 6px,     
      transparent 24px, transparent 27px,
      rgba(0,0,0,0.03) 27px, rgba(0,0,0,0.03) 30px,
      transparent 42px, transparent 45px,
      rgba(0,0,0,0.03) 51px, rgba(0,0,0,0.03) 54px),
     linear-gradient(135deg, rgb(51,204,204),rgb(36,143,143));
}

.simple_doubleline_style {
    border-color: #3cc;
}

.simple_triangle_Heading {
    border-bottom: 2px dashed #3cc;
}

.simple_triangle_Heading::before {
    border-color: transparent transparent transparent #3cc;
}

.simple_bullet_points li::before {
    color: #3cc;
}

.highlighted {
    background: #3cc;
}
/* 装飾 */

/* マンツーマン */
.wp-block-table table {
    max-width: 700px;
    margin: 0 auto;
}

.wp-block-table th,
.wp-block-table td {
    border: none;
    border-bottom: 1px dotted;
}

.one_overview {
    display: flex;
    width: 100%;
    color: #f05050;
    border-bottom: 1px solid;
}

.text_remarks {
    text-align: center;
    margin-bottom: 75px;
}

#important_points_area {
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    border-radius: 20px;
    background: #FAF2E9;
    background-image: 
    repeating-linear-gradient(135deg, 
    rgba(0,0,0,0.04) 0px, rgba(0,0,0,0.04) 2px,
    transparent 2px, transparent 4px),
    linear-gradient(135deg, 
    rgb(255,251,149),rgb(255,191,172));
}

#important_points_area h4 {
    font-size: 30px;
    border-bottom: 1px dotted;
}

.important_points {
    margin-top: 15px;
    margin-left: 50px;
}

.important_points li {
    list-style: circle;
}

/* 768px以下 */
@media screen and (max-width:768px) {
    h2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 10% 0;
    }

    .essential_button_style {
        width: 100px;
        margin: 0 auto;
        padding: 0;
        line-height: 2rem;
    }

    .important_points {
        margin-left: 25px;
    }

    ul#number_system_area li {
        width: 90%;
        margin-left: 5%;
    }

    #important_points_area {
        width: 100%;
    }
}