@import url(../../style_articles.css);



.pageContent {
    /* position: relative; */
    /* overflow: hidden; */
	/* z-index: unset; */
}


/* =============================== */
/* �折��banner��摮���憛� */
/* =============================== */
.inbanner{
	position: relative;
}
.inbanner_text_area{
	position: absolute;
	top: 80%;
	left: 44%;
	transform: translate(-50%,-50%);
	color: #fff;
}
/* .inbanner_text_area .articles_content_text .text_area{
	font-size: clamp(1rem, 1.5625vw, 1.8750rem);
	font-weight: 300;
	color: #fff;
} */

/* ======================================================= */
/* 摰Ｘ�園��蝯� */
/* ======================================================= */
.cooperation_bg{
    /* background-color: #fff; */
    height: 100%;
	position: relative;
}
.cooperation_bg::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
    background-color: #fff;
	width: 100%;
    height: 100%;
	z-index: 0;
}

.cooperation_bg .wrap{
	position: relative;
	z-index: 10;
}

.index_link_area{
	margin: 0;
	padding: 0;
	list-style-type : none;
	display: flex;
	flex-wrap: wrap;

	gap: 1.5625vw; /*30*/
    padding: clamp(2.625rem,4.4271vw,5.3125rem) 0;
    
}
	.index_link_area li{
		margin: 0;
		padding: 0;
		list-style-type : none;
		display: block;

		width: calc((100% / 4) - (3 * 1.5625vw / 4)); /* 6甈�撟喳��撖砍漲嚗����日��頝� */
	}

	/*��閮剝�梯��*/
	.index_link_area li.hidden {
		display: none;
	}


		.index_link_area li a ,
		.index_link_area li span{
			position: relative;
			/* padding-top: 100%; */
			aspect-ratio: 256 / 121;
			display: block;
			overflow: hidden;
			transition: 0.3s ease all;
		}
		.index_link_area li img{
			max-width: 100%;
			max-height: 100%;
			height: auto;
			width: auto;
			position: absolute;
			margin: auto;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			transition: 0.3s ease all;
		}
		.index_link_area li a:hover img{
			/* opacity: 0.7; */
			transform: scale(0.8);
			transition: 0.3s ease all;
		}





@media (max-width: 990px){
	
	.index_link_area li{
		width: calc((100% / 4) - (3 * 1.5625vw / 4)); /* 4甈�撟喳��撖砍漲嚗����日��頝� */
	}

}


@media (max-width: 768px){
	
	.index_link_area li{
		width: calc((100% / 3) - (2 * 1.5625vw / 3)); /* 3甈�撟喳��撖砍漲嚗����日��頝� */
	}

}

















/* =============================== */
/* 鈭�閫��游�_��憛� */
/* =============================== */

/* 鈭�閫��游� */
.more_btn{
	/*margin-top:clamp(0.9678rem, 1.5625vw, 1.8750rem);*/ /* 15.48px , 1.5625vw , 30.00px */
	font-size: clamp(1.0000rem, 1.0938vw, 1.3125rem); /* 16.00px , 1.0938vw , 21.00px */
	padding-bottom: clamp(3.25rem,5.4688vw,6.5625rem);
}

	.more_btn a{
		text-decoration: none;
		display: inline-flex;
		border-radius: .3125rem;
		padding: 0 clamp(1.0323rem, 1.6667vw, 2.0000rem); /* 16.52px , 1.6667vw , 32.00px */
		padding-top: clamp(0.3871rem, 0.6250vw, 0.7500rem); /* 6.19px , 0.6250vw , 12.00px */
		padding-bottom: clamp(0.3871rem, 0.6250vw, 0.7500rem); /* 6.19px , 0.6250vw , 12.00px */
		font-size: inherit;
		line-height: 1;
		background-color: #fff;
		border: #000 1px solid;
		color: #000000;
		font-weight: 600;
		transition: 0.3s ease all;
	}
	.more_btn a:hover{
		background-color: var(--primary_color);
		border-color: var(--primary_color);
		color: #fff;
		transition: 0.3s ease all;
	}


	
/* �刻�Ｗ�撖砍漲憭扳��991��嚗�憟��券��鋆∠���孵�璅�撘� */
@media screen and (min-width: 991px) {

	.index_link_area ~ .more_btn{
		display: flex;
		justify-content: flex-end;
	}

}

@media (max-width: 990px){
	
	.index_link_area ~ .more_btn{
		display: flex;
		justify-content: center;
	}

}






/* =============================== */
/* 蝡��喲��蝯∪��憛� */
/* =============================== */
.contact_bg{
    padding-top: clamp(3.25rem,5.4688vw,6.5625rem);
    padding-bottom: 0;
}
.contact_bg .wrap{
    max-width: 34.375rem;
	position: relative;
	z-index: 10;
}
.contact_bg .right_title{
    text-align: center;
}
.contact_bg .text_area{
    color: #fff;
    font-size: clamp(1rem,1.25vw,1.5rem);
    text-align: center;
	word-break: break-word;
}
.contact_bg .text_area a{
    color: #fff;
    font-size: clamp(1rem,1.25vw,1.5rem);
	text-decoration: none;
	display: block;
	
    
}
.contact_bg .text_area a:hover{
    color: var(--primary_color);
    
}

	.contact_bg .articles_button{
		/* margin-left: auto;
		margin-right: auto; */
		margin: clamp(1.1613rem, 1.8750vw, 2.2500rem) auto 0; /* 18.58px , 1.8750vw , 36.00px */
	}


@media (max-width: 990px){
	
	.inbanner_text_area {
		position: unset;
		transform: unset;
		/* padding-top: 3.75rem; */
		padding: clamp(2.625rem,4.4271vw,5.3125rem) 0;    
	}
}



@media (max-width: 990px){
	
	.pageContent {
		/* padding-top: 0; */
	}

}

























/* =============================== */
/* ���叮ultiFORCE_��憛� */
/* =============================== */

.media_bg{

}


	.media_b .wrap{
		position: relative;
		z-index: 10;
	}

    .media_bg .articles_section{
        /*padding-top:clamp(1.6775rem, 2.7083vw, 3.2500rem);*/ /* 26.84px , 2.7083vw , 52.00px */
       /* padding-bottom: clamp(18.6458rem, 30.1042vw, 36.1250rem);*//* 298.33px , 30.1042vw , 578.00px */
   
        /*padding-bottom: clamp(20.4845rem, 33.0729vw, 39.6875rem);*/ /* 327.75px , 33.0729vw , 635.00px */
    }

        .media_bg .articles_section .wrap{

        }

        .media_bg .articles_content_text{   
			display: flex;
			flex-direction: column;
            gap: clamp(7.5164rem, 12.1354vw, 14.5625rem); /* 120.26px , 12.1354vw , 233.00px */

			min-height: clamp(41.2876rem, 61.5074vw, 73.8088rem); /*20250903*/
        }




        .media_bg .articles_content_pic_mobile{   
            display: none;
        }

            .media_bg .articles_content_pic_mobile img{   
                width: 100%;
                height: auto;
            }




        .media_section1 .articles_content_text_box{
            
        }
                .media_section1 .articles_content_text_box:first-of-type{
                    display: flex;
                    flex-direction: column;
                    row-gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
                }
            .media_section1  .articles_content_text_in{
                
            }

        .media_section1 .articles_content_text_box:first-of-type{
            
        }
            .media_section1 .articles_content_text_box:first-of-type .articles_content_text_in{
                
            }

		.media_section1	.articles_button{
			margin-top: clamp(1.1613rem, 1.8750vw, 2.2500rem); /* 18.58px , 1.8750vw , 36.00px */
		}



/* �刻�Ｗ�撖砍漲憭扳��991��嚗�憟��券��鋆∠���孵�璅�撘� */
@media screen and (min-width: 991px) {

    .media_bg .media_section1{
        padding-top:  clamp(8.3229rem, 13.4375vw, 16.1250rem); /* 133.17px , 13.4375vw , 258.00px */
        padding-bottom: clamp(2.1936rem, 3.5417vw, 4.2500rem); /* 35.10px , 3.5417vw , 68.00px */
    }
        .media_bg .media_section1 .wrap{
            /* display: flex; 
            justify-content: flex-end; */
        }


        .media_section1 .articles_content_text_box{
            
        }
            .media_section1  .articles_content_text_in{
                
            }

        .media_section1 .articles_content_text_box:first-of-type{
           max-width:43.25rem; /*692px*/
           /* margin-left: auto;  */

           /*display: flex;
           flex-direction: column;
           row-gap: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
        }
            .media_section1 .articles_content_text_box:first-of-type .articles_content_text_in{
                
            }

		.media_section1 .articles_content_text_box:nth-of-type(2){
           max-width:50.5625rem; /*809px*/
        }


}


@media (max-width: 990px){
	

.media_bg .articles_section{
    background-image: none !important;
}

    .media_bg .articles_content_pic_mobile{   
        display: block;
    }


    .media_section1 .articles_content_text{
        display: flex;
        flex-direction: column;
        row-gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
    }


}