.content_976{
padding: 0 30px 0 30px;
}

.project_wrap{
padding: 0 0 0 0;
display: flex;
justify-content: space-between;
}


.project_wrap{
padding: 80px 0;
box-sizing: border-box;
}

.project_wrap.reverse{
flex-direction: row-reverse;
}


.project_wrap .image_wrap{
width: calc(50% - 65px);
box-sizing: border-box;
}

.project_wrap .image_wrap ul{
list-style: none;
display: flex;
flex-wrap:wrap-reverse;
flex-direction: column;
box-sizing: border-box;
}

.project_wrap.reverse .image_wrap ul{
flex-wrap:wrap;
}

.project_wrap .image_wrap ul li:nth-child(1){
width: 100%;
box-sizing: border-box;
}

.project_wrap .image_wrap ul li:nth-child(2){
width: 70%;
margin-top: 30px;
box-sizing: border-box;
}

.project_wrap .text_wrap{
width: calc(50% - 15px);
box-sizing: border-box;
}

.project_wrap .text_wrap a{
  text-decoration: none;
  color: #000;
}

.project_wrap .text_wrap span.eng{
font-size:clamp(16px, 2vw, 22px);
display: block;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em;
font-family:'Jost', sans-serif;
color: #0057AA;
}

.project_wrap .text_wrap h2{
font-size:clamp(20px, 4vw, 38px);
display: block;
text-align: left;
line-height: 1.4;
margin-top: 0.5em;
font-weight: normal;
margin-bottom: 1.5em;
}

.project_wrap .text_wrap p{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
margin-top: 2em;;
}

.project_wrap .text_wrap .btn_layout{
text-align: right;
margin-top: 2em;
}




.bg_wrap{
position: relative;
}

.bg_wrap .bg {
position: relative;
}

.bg_wrap .bg .text_wrap{
position: absolute;
top: 50%;
transform: translate(0px,-40%);
left: calc( (100% - 30px) * -1 );
width: calc(100vw - 60px);
text-align: right;
}

.bg_wrap .bg .text_wrap .layout{
/*max-width: 976px;*/
margin: 0 auto;
}

.bg_wrap .bg .text_wrap .eng{
font-size: clamp(26px, 3vw, 44px);
font-weight: 500;
letter-spacing: 0.05em;
font-family:'Jost', sans-serif;
color: #fff;
position: relative;
display: block;
margin-bottom: 2em;
}

.bg_wrap .bg .text_wrap .eng::after{
content:"";
position: absolute;
right: 0;
bottom: -0.5em;
width: 180px;
height: 3px;
background: #fff;
display: block;
}

.bg_wrap .bg .text_wrap h1{
color: #fff;
  font-weight: 500;
  line-height: 1.6em;
font-size: clamp(18px, 4.6vw, 48px);
}

.bg_wrap .bg .text_wrap h1 span {
  background: linear-gradient(transparent 0%, #194396 0%);
  padding: 5px 15px;
}



.project_detail_wrap{
padding: 100px 0;
}

.project_detail_wrap .lead_text{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
}

.content_main_text{
padding: 100px 0 40px 0;
}

.main_text_title{
max-width: calc(1024px - 60px);
box-sizing: border-box;
margin: 0 auto;
}

.main_text_title h2{
font-size: clamp(20px, 4vw, 32px);
font-weight: normal;
line-height: 1.4;
}

.main_text_layout{
display: flex;
justify-content:flex-end;
margin: 0px auto 80px auto;
max-width: 1280px;
height: 100%;
position: relative;
}

.main_text_layout:first-child{
margin: 60px auto 0 auto;
}

.main_text_layout.reverse{
flex-direction: row-reverse;
}

.main_text_layout .text_wrap{
width: 588px;
padding-right: 60px;
}

.main_text_layout.reverse .text_wrap{
padding-right: 0px;
padding-left: 60px;
}

.main_text_layout .image_wrap{
width: calc(50% - 160px);
position: relative;
overflow: hidden;
}

.main_text_layout .image_wrap img {
  display: block;
  width: 100%;
  height: auto;
  /*object-fit: cover;
position: absolute;
top: 0;
left: 0;*/
}

.main_text_layout .text_wrap p{
margin-top: 1em;
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
}

.main_text_layout .text_wrap p:first-child{
margin-top: 0;
}

h2.chapter_title{
margin-bottom: 2.5em;
}

h2.chapter_title span.eng{
font-size:clamp(16px, 2.4vw, 22px);
font-weight: 500;
font-family:'Jost', sans-serif;
display: block;
margin-bottom: 0.8em;
color: #0057AA;
}

h2.chapter_title span.jpn{
font-size:clamp(20px, 4vw, 36px);
font-weight: normal;
}

.body_text{
  max-width: calc(1024px - 60px);
box-sizing: border-box;
margin: 0 auto;
}

.body_text p{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
margin-top: 2em;;
}


/*------------------------------------------------------------------------------------------------------------

SP

------------------------------------------------------------------------------------------------------------*/


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

.content_976{
padding: 0 15px 0 15px;
}

.project_wrap{
padding: 0 0 0 0;
display: flex;
justify-content: space-between;
flex-direction: column;
}


.project_wrap{
padding: 30px 0 50px;
}

.project_wrap.reverse{
flex-direction: column;
}


.project_wrap .image_wrap{
width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
}

.project_wrap .image_wrap ul{
list-style: none;
display: flex;
flex-wrap:wrap-reverse;
flex-direction: column;
}

.project_wrap.reverse .image_wrap ul{
flex-wrap:wrap;
}

.project_wrap .image_wrap ul li:nth-child(1){
width: 100%;
}

.project_wrap .image_wrap ul li:nth-child(2){
margin-top: -70px;
transform: translate(15px,0);
}
.project_wrap.reverse .image_wrap ul li:nth-child(2){
margin-top: -70px;
transform: translate(-15px,0);
}

.project_wrap .text_wrap{
width: 100%;

}

.project_wrap .text_wrap span.eng{
font-size:clamp(16px, 2vw, 22px);
font-weight: 500;
letter-spacing: 0.01em;
}

.project_wrap .text_wrap h2{
font-size:clamp(20px, 4vw, 38px);
margin-top: 0.5em;
}

.project_wrap .text_wrap p{
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
margin-top: 1em;;
}

.project_wrap .text_wrap .btn_layout{
text-align: right;
margin-top: 1.5em;
}


.bg_wrap .bg .text_wrap{
position: relative;
top: auto;
transform: translate(0px,0px);
left:auto;
width: 100%;
text-align: left;
padding: 50px 15px;
box-sizing: border-box;
}

.bg_wrap .bg .text_wrap .eng{
font-size: clamp(26px, 3vw, 44px);
font-weight: 500;
letter-spacing: 0.05em;
font-family:'Jost', sans-serif;
color: #fff;
position: relative;
display: block;
margin-bottom: 2em;
}

.bg_wrap .bg .text_wrap .eng::after{
content:"";
position: absolute;
left: 0;
bottom: -0.5em;
width: 90px;
height: 3px;
background: #fff;
display: block;
}

.bg_wrap .bg .text_wrap h1{
font-size: clamp(18px, 4.6vw, 48px);
}

.bg_wrap .bg .text_wrap h1 span {
  background: linear-gradient(transparent 0%, #194396 0%);
  padding: 5px 5px;
}

.breadcrumbs.absolute{
position: absolute;
top:0;
left: 0;
}


.project_detail_wrap{
padding: 40px 0 60px 0;
}

.content_main_text{
padding: 40px 0 40px 0;
}

.main_text_title{
padding: 0 15px;
}

.body_text{
padding: 0 15px;
}

.main_text_layout{
display: flex;
justify-content:center;
flex-direction: column;
margin: 0 auto 30px auto;
position: relative;
box-sizing: border-box;
padding: 0 15px;
width: 100%;
}

.main_text_layout:first-child{
margin: 30px auto 0 auto;
}

.main_text_layout.reverse{
flex-direction: column;
}

.main_text_layout .text_wrap{
width: 100%;
padding-right: 0px;
}

.main_text_layout.reverse .text_wrap{
padding-right: 0px;
padding-left: 0px;
}

.main_text_layout .image_wrap{
width: 100%;
position: relative;
overflow: hidden;
transform: translate(15px,0);
margin-top: 3em;
}

.main_text_layout.reverse .image_wrap{
transform: translate(-15px,0);
}

.main_text_layout .image_wrap img {
  display: block;
  width: 100%;
  height: auto;
  /*object-fit: cover;
position: absolute;
top: 0;
left: 0;*/
}

.main_text_layout .text_wrap p{
margin-top: 1em;
font-size:clamp(14px, 2.4vw, 18px);
line-height: 1.8;
}

.main_text_layout .text_wrap p:first-child{
margin-top: 0;
}
	
.interview_shce h2.chapter_title{
	margin-bottom: 3em;
}


}