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

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

.course_title {
    color: #702;
}

.course_description {
    border-color: #f05;
}

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

h2.simple_underline {
    color: #702;
    border-color: #f05;
}

.course_group summary {
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(119,0,34) 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(119,0,34),rgb(119,0,34));
}

.course_group summary:hover {
    color: #702;
    background: 
    radial-gradient(circle at center center, transparent 0%,rgb(255,0,85) 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(255,0,85),rgb(255,0,85));
}

.details_link a {
    width: 350px;
    margin: 25px auto;
    color: #FAF2E9;
    background: linear-gradient(-90deg, rgb(255,0,85),rgb(119,0,34));
    border: 2px solid #702;
}

.details_link a::before {
    background: linear-gradient(90deg, rgb(255,0,85),rgb(119,0,34));
}

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

/* 装飾 */
.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(255,0,85),rgb(119,0,34));
}

.simple_doubleline_style {
    width: 100%;
    text-align: right;
    border-color: #f05;
}

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

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

.simple_bullet_points li::before {
    color: #f05;
}

.simple_parenthesis_style {
    max-width: 950px;
}

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

/* ai */
.course_group {
    width: min(500px, 100%);
    margin: 50px auto;
    margin-bottom: 0;
}

.course_annotation p {
    padding-left: 25px;
}
/* ai */


/* 768px以下 */
@media screen and (max-width:768px) {
    .details_link a {
        width: 90%;
    }

    .simple_parenthesis_style {
        width: 100%;
    }
}