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

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

.course_title {
    color: #804b00;
}

.course_description {
    border-color: #ff9801;
}

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

h2.simple_underline {
    color: #804b00;
    border-color: #ff9801;
}

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

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

.details_link a {
    width: 250px;
    margin: 25px auto;
    color: #FAF2E9;
    background: linear-gradient(-90deg, rgb(255,152,1),rgb(128,75,0));
    border: 2px solid #804b00;
}

.details_link a::before {
    background: linear-gradient(90deg, rgb(255,152,1),rgb(128,75,0));
}

.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(255,152,1),rgb(128,75,0));
}

.simple_doubleline_style {
    text-align: center;
    border-color: #ff9801;
}

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

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

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

.simple_parenthesis_style {
    max-width: 800px;
}

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

/* MOS資格対策 */
.put_together {
    width: min(400px, 100%);
}

.course_emphasis {
    margin: 100px auto;
	background: url(../image/background_mos_eligibility.jpg);
}
.course_emphasis h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 8rem;
    text-align: center;
    color: #ff9801;
	background: rgba(255, 255, 255, 0.6);
}

.list_exam_subjects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 25px;
    margin: 50px auto;
}

.exam_subject_heading {
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 3.5rem;
    text-align: center;
}

.exam_subject {
    text-align: center;
    line-height: 3rem;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 5px solid #ff9801;
    border-top: 5px solid #ff9801;
}

.wp-block-table {
    overflow: inherit;
    width: min(500px, 100%);
}

.wp-block-table table, 
.wp-block-table th, 
.wp-block-table td {
    padding: 0;
    border: none;
}

.wp-block-table th, 
.wp-block-table td {
    border-bottom: 1px solid #804b00;
    text-align: center;
}
/* MOS資格対策 */

/* おしらせ */
.announcement {
	margin: 100px auto;
	padding: 50px;
	text-align: center;
	background: radial-gradient(circle 5px at top left, rgba(150,0,50, 0.10196078431372549) 0%, rgba(150,0,50, 0.10196078431372549) 50%,rgba(255,152,1, 0.10196078431372549) 50%, rgba(255,152,1, 0.10196078431372549) 30%,transparent 30%, transparent 50%),linear-gradient(90deg, rgb(255,234,204),rgb(255,234,204));
	background-size: 10px 10px;
	border-bottom: 5px dotted #ff9801;
	border-top: 5px dotted #ff9801;
}

.announcement h2 {
	font-size: 25px;
}
/* おしらせ */


/* 768px以下 */
@media screen and (max-width: 900px) {
	.course_emphasis h2 {
		font-size: 6vw;
		line-height: 5rem;
	}
}
/* 768px以下 */
@media screen and (max-width: 768px) {
    .details_link a {
        width: 90%;
    }
}