@charset "UTF-8";
.wrap_image_center {
    text-align: center;
    margin-bottom: 15px;
}
.wrap_image_center img {
    max-width: 100%;
    height: auto;
}
#digitization h8 {
    color: #ED9E41;
    background-color: #FFF4E3;
}



#digitization #head_visual_bg {
    background-color: #F9C97F
}


#beginner #head_visual_bg {
    background-color: #C1DA7F
}
#beginner .wrap_underbar   {
    border-bottom: 1px solid #1CA434;
    margin-bottom: 50px;
}
#beginner .wrap_underbar  h3 {
    font-size: 2rem;
    color: #1EAA39;
    letter-spacing: 0.1em;
    background-image: url(../images/beginner/h3_icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: auto 50px;
    line-height: 50px;
    padding-left: 60px;
}
#beginner h2 {
    padding-bottom: 20px;
}
#beginner .text_head {
    font-weight: 600;
    font-size: 150%;
    text-align: center;
    color: #27a13a;
    letter-spacing: 0.1em;
}
#beginner .text_body  {
    text-align: center;
    margin-bottom: 30px;
}

#beginner .accordion-content {
    /* [disabled]display: none; */
}.accordion .accordion-content .text_right {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 20px;
}
.accordion .accordion-header {
    position: relative;
    cursor: pointer;
}
.accordion .accordion-header .wrap_image {
    padding-right: 70px;
}
.accordion .accordion-header::after {
    content: url('../images/beginner/arrow_icon.png');
    position: absolute;
    right: 25px;
    top: calc(50% - 25px); /* 線の位置を縦中央に */
    transform-origin: 25px 25px;
    transition: transform .3s ease-in-out;
}
.accordion .accordion-header.active {
}
.accordion .accordion-header.active::after {
    transform: rotate(90deg);
}
.accordion .accordion-header img {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width:768px){

.accordion .accordion-header .wrap_image {
    padding-right: 40px;
}

.accordion .accordion-header::after {
    content: url('../images/beginner/arrow_icon_sp.png');
    position: absolute;
    right: 25px;
    top: calc(50% - 12px); /* 線の位置を縦中央に */
    transform-origin: 12px 12px;
    transition: transform .3s ease-in-out;
}
#beginner .text_head  {
    font-size: 120%;
    letter-spacing: normal;
}
#beginner .wrap_underbar {
    margin-bottom: 30px;
}
#beginner .wrap_underbar h3 {
    font-size: 120%;
}
}