@charset "UTF-8";

/*-----解体、固定、搬出、納入、組付、精度調整-----*/
#top_sec1+.contents_box01 .top_sec_lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#top_sec1+.contents_box01 .top_sec_lists li{
    list-style: none;
    width: 48%;
}
#top_sec1+.contents_box01 .top_sec_lists li:nth-child(n+3){
    margin-top: 3rem;
}
/*画像*/

#top_sec1+.contents_box01 .inner_item_img a {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 250px;
    clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background: transparent;
    margin: 0 auto;
}
#top_sec1+.contents_box01 .inner_item_img a img{
    position: absolute;
    /*content:"";*/
    width: auto;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

/*見出し*/
#top_sec1+.contents_box01 .heading.block_header_2 .h {
    color: var(--i_sub_color);
    border-bottom: none;
    padding-left: 0;
}
#top_sec1+.contents_box01 .heading.block_header_2 .h:before {
    display: none;
}

#top_sec1+.contents_box01 .top_sec_lists li .top_sec_head{
   position: relative;
    font-size: 2rem;
    font-weight: bold;
}
#top_sec1+.contents_box01 .top_sec_lists li .top_sec_head:before{
    content: "";
    top: 0;
    left: 0;
    border-bottom: 2rem solid transparent;
    border-left: 2rem solid var(--i_sub_color); /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 10;
}

#top_sec1+.contents_box01 .top_sec_lists li .top_sec_head span{
    padding: 0 1rem 0 2rem;
    margin-right: 1rem;
    border-right: 1px solid var(--i_txt_color);
}
/*テキスト*/
#top_sec1+.contents_box01 .top_sec_lists li .top_sec_text{
    font-size: 1.4rem;
}
#top_sec1+.contents_box01 .inner_item_img {
    position: relative;
}
@media screen and (max-width: 900px){
#top_sec1+.contents_box01 .inner_item_img a {
    max-height: max-content;
    height: 250px;
    max-width: 300px;
}
}

@media screen and (max-width: 600px){
#top_sec1+.contents_box01 .top_sec_lists li {
    width: 100%;
    margin-top: 2rem;
}
#top_sec1+.contents_box01 .top_sec_lists li:first-child {
    margin-top: 0;
}
}

/*-----POINT-----*/
#top_3c+.composite_box01 .-w-sp{
    display: none;
}
/*画像3枚目*/
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3){
    position: relative;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3):before{
    position: absolute;
    content:"";
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 1;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_img{
    filter: blur(3px);
}
/*テキスト*/
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_txt{
    color: #fff;
    padding-right: 1rem;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dt{
    font-size: 2rem;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dd{
    font-size: 1.3rem;
}

@media screen and (min-width: 901px){
/*画像1枚目*/
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(1){
    width: 30%;
    left: 6%;
}
/*画像2枚目*/
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(2){
    width: 25%;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(2) .inner_item_img{
    margin: 0;
    display: inline-block;
    background: transparent;
    transform: skewX(20deg);
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(2) .inner_item_img img{
    transform: skewX(-20deg) scale(1.5);
}
/*画像3枚目*/
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3){
    width: 40%;
    left: -6%;
    z-index: -1;
}

/*テキスト*/
#top_3c+.composite_box01 .top_3c_contents{
    margin-right: 0;
    margin-left: auto;
    width: 60%;
    min-width: 270px;
}
#top_3c+.composite_box01 .top_3c_item{
    margin-right: 0;
    margin-left: auto;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_txt{
    padding-right: 1rem;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents{
    text-align: right;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dd{
    padding-bottom: 1rem;
    border-bottom: 1px solid;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents .top_3c_item:last-child dd{
    border-bottom: none;
}
@media screen and (max-width: 1100px){
#top_3c+.composite_box01.block_images_10 .inner_item_img img {
    height: 300px!important;
}
}
}



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

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3){
    width: 100%!important;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(1),
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(2){
    width: 50%!important;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_item{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents{
        width: 32%;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_txt {
    padding-right: 0rem;
    position: relative;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_img{
    position: absolute;
    height: 100%;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .inner_item_img img {
    height: 100%!important;
}
}
@media screen and (max-width: 500px){
#top_3c+.composite_box01 .-w-sp{
    display: inline-block;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_item{
        display: flex;
        justify-content: space-around;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents{
        width: 100%;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dt{
    font-size: 1.6rem;
}
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dd{
    font-size: 1.3rem;
}
#top_3c+.composite_box01 .-w-pc{
        display: none;
}
}

/*-----POINT調整-----*/
@media screen and (min-width: 901px) {
#top_3c+.composite_box01 .top_3c_contents {
    min-width: 210px;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(1),
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) {
    width: 35%;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(2) {
    width: 30%;
}
}

@media screen and (max-width: 900px) {
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dt {
    border-bottom: 1px solid #fff;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_item {
    gap: 2%;
    width: 100%;
    padding: 0 20px;
}
}

@media screen and (max-width: 500px) {
#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dt {
    border-bottom: none;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents {
    margin: 10px 0;
}

#top_3c+.composite_box01 .wrapper_item .inner_item:nth-child(3) .top_3c_contents dd {
    font-size: 1.3rem;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
}