@charset "UTF-8";

#commodity + section .heading.block_header_6 .h{
    font-size:3.2rem;
    padding:0;
    margin:0;
}
#commodity + section .heading.block_header_6 p{
    font-size: 3.2rem;
    color: #F5B041;
}
@media screen and (max-width: 800px){
#commodity + section .heading.block_header_6 p {
    font-size: 2.5rem;
}
}
#commodity + section .align-left.heading.block_header_6 .h:before{
    content:none;
}
/*---------commodity_parts---------*/
#commodity_parts + section .block_header_2 .h{
    background-color:#8EC320;
    width: 400px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    box-shadow: 1px 2px 10px black;
    font-weight: 400;
    font-size:2.4rem !important;
}
#commodity_parts + section .wrapper_item{
    position: relative;
}
#commodity_parts + section .wrapper_item::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 30px;
    height: 90%;
    background: #016F36;
}
#commodity_parts + section .wrapper_item::after{
    content: "";
    display: block;
    position: absolute;
    top: 89%;
    left: 5px;
    width: 0;
    height: 0;
    border: 30px solid;
    border-color: #016F36 transparent transparent transparent;
}
#commodity_parts + section .wrapper_item{
     padding-left: 70px;
}
@media screen and (max-width: 500px){
    #commodity_parts + section .block_header_2 .h{
       width: 100%;
       font-size:2.0rem !important;
    }
    #commodity_parts + section .wrapper_item::before{
         left: 10px;
        width: 20px;
    }
    #commodity_parts + section .wrapper_item::after{
        left: 0px;
        border: 20px solid;
        border-color: #016F36 transparent transparent transparent;
    }
    #commodity_parts + section .wrapper_item{
        padding-left: 50px;
    }
}
/*-------commodity_parts_last------- */
#commodity_parts_last + section .block_header_2 .h{
    background-color:#8EC320;
    width: 400px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    box-shadow: 1px 2px 10px black;
    font-weight: 400;
    font-size:2.4rem !important;
}
@media screen and (max-width: 500px){
    #commodity_parts_last + section .block_header_2 .h{
        width: 100%;
        font-size:2.0rem !important;
    }
}
/*-------commodity_title---------*/
#commodity_title + section .block_header_6 .h{
    background-color:#0169B6;
    padding: 5px 20px 5px 50px;
    color: #fff;
    border-radius: 10px;
}
#commodity_title + section .block_header_6 .h::before{
    content:none;
}
#commodity_title + section .block_header_6 .h::after{
  position: absolute;
  top: calc(50% - 15px);
  left: 10px;
  width: 30px;
  height: 30px;
  content: '';
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 800px){
    #commodity_title + section .block_header_6 .h::after{
          width: 25px;
          height: 25px;
          top: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 500px){
    #commodity_title + section .block_header_6 .h{
         font-size:2.0rem !important;
         padding: 5px 20px 5px 40px;
    }
    #commodity_title + section .block_header_6 .h::after{
          width: 20px;
          height: 20px;
         top: calc(50% - 10px);
    }
}

#images + .contents_box01 .inner_item_img img {
    object-fit: contain;
}
#images + .composite_box01 .inner_item_img img {
    object-fit: contain;
}

@media screen and (max-width: 700px){
    table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
       -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 600px){
    #images + .composite_box01 .inner_item {
        width: 100% !important;
        margin-left: initial !important;
    }
}

/*-------調整---------*/
@media screen and (max-width: 900px){
#column_1 + section  .align-left {
        text-align: center !important;
}
}
/*-----------画像hover時調整-----------*/
.composite_box01 .inner_item>a:hover * {
    opacity: 1;
}