@charset "UTF-8";

.header{
    background-image: url(./../../../uploads/img_a_kv1.jpg);
}
header .band{
    background: linear-gradient(45deg, #78828B 0%, #78828B 20%, #0275BF 20%, #0275BF 100%);
}

/* section */
section h2{
    color: #0086c9;
}
section h2:before,
section h2:after{
    border-bottom: 3px solid #0275BF;
}

#contents02 .contents-column-wrap{
    display: flex;
    justify-content: space-between;
}
#contents02 .contents-column{
    width: 32%;
    background-color: #f3fafe;
    padding: 18px 27px;
}
#contents02 .contents-column h3{
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
#contents03 .right{
    text-align: right;
}
#contents04{
    width: 100%;
    background-color: #0275BF;
    padding: 0;
    margin-bottom: 4rem;
}
#contents04 .req-wrap{
    height: 410px;
    background-image: url(./../../../uploads/img-app-req.jpg);
    background-size: cover;
    width: 100%;
    max-width: 1198px;
    margin: auto;
}
#contents04 h2{
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0;
    background-color: inherit;
    padding: 3rem 0;
}
#contents04 p{
    color: #fff;
    padding: 0 20%;
}

#contents05{}
#contents05 .contents-flow-wrap{
}
#contents05 .contents-flow{
    border: 2px solid #00a8c6;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 18px 27px;
    margin-bottom: 2rem;
}
#contents05 .contents-flow h3{
    background-color :rgb(232, 236, 239);
    background-image :repeating-linear-gradient(-45deg, rgb(242, 243, 247) 0px, rgb(242, 243, 247) 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 6px);
    box-sizing :border-box;
    color: #00a8c6;
    padding: 18px 27px;
    margin-bottom: 2rem;
}
#contents05 .contents-flow b{
    color: #00a8c6;
    text-align: center;
    display: block;
    margin-bottom: 2rem;
    font-weight: normal;
    font-size: 1.2rem;
}
#contents05 .contents-flow p{}
#contents05 .contents-flow img{
    height: auto;
    margin: auto;
    display: block;
    width: 350px;
}

#contents07,
#contents08{
    background-color: #f3fafe;
    padding: 18px 27px;
    margin: 27px auto;
}
#contents07 h2,
#contents08 h2{
    font-size: 1.5rem;
    margin-bottom: 0;
    background-color: inherit;
    padding: 0 0 1rem;
    text-align: left;
}
/* news */
#news{}
#news ul{
    list-style: none;
    padding: 0;
    margin: auto;
    max-width: 800px;
}
#news ul li{
    border-bottom: 2px dashed #000;
    padding: 1rem;
}
#news ul li a{
    margin-left: 5rem;
    color: #000;
}