@charset "UTF-8";

@media screen and (min-width: 901px){
    #area+section .wrapper{
        display: flex;
        gap: 1%;
        justify-content: space-between;
    }
    #area+section.width_fixed>.content_wrapper {
        max-width: 1500px !important;
    }
    #area+section .block_text_4>.content_wrapper {
        width: 49%;
        background: #FFF;
        padding: 0;
    }
    #area+section .heading.block_header_4{
        padding: 15px 0;
        background: var(--i_sub2_color);
        width: 100%;
    }
    #area+section .block_text_4 .wrapper_item{
        margin-top: 0;
    }
}
@media screen and (max-width: 900px){
    #area+section .content_wrapper{
        margin-bottom: 30px;
    }
}

#area+section ul{
    padding-bottom: 1rem;
}
#area+section li {
    width: 100%;
    padding: 0 0 .5rem;
    display: inline-flex;
}
#area+section li span{
    margin-right: 1rem;
    padding-left: 20px;
    min-width: 70px;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
#area+section li span:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 3px solid var(--i_main_color);
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
}
@media screen and (max-width: 700px){
    #area+section li{
            display: block;
    }
}

/*--------------#constructed-----------------*/

#constructed + div a:hover{
  background: rgb(255 255 255 / 90%);
}

/*--------------４つの強み------------------*/

@media screen and (min-width:921px) and ( max-width:1160px){
  #strengths + div .h {
    font-size: 2.2rem !important;
  }
}

@media screen and (min-width:481px) and ( max-width:495px){
  #strengths + div .h {
    font-size: 2.4rem !important;
  }
}