.content_976{
padding: 0 30px;
}

.history_title{
font-size:clamp(16px, 4vw, 30px);
font-weight: 500;
text-align: center;
line-height: 1.8;
padding: 3em 0 3em 0;
}

.history_title span{
font-size:clamp(24px, 6vw, 56px);
color: #194296;
}


.history_wrap{
background: linear-gradient(rgba(3,144,153,1),rgba(0,87,170,1));
position: relative;
box-sizing: border-box;
padding: 50px 0 80px 0;
}

.history_wrap::after{
content: "";
background: linear-gradient(rgba(0,87,170,1),rgba(0,87,170,1));
clip-path: polygon(0 0, 100% 0%, 50% 100%);
width: 120px;
  height: 44px;
position: absolute;
bottom:-43px;
left: calc(50% - 60px);
}

.history_wrap h2{
color: #fff;
font-weight: normal;
font-size:clamp(20px, 4vw, 40px);
text-align: center;
margin-bottom: 1.4em;
}

.history_wrap h2 span{
font-size:clamp(34px, 4vw, 60px);
}

.layout_01{
display: flex;
justify-content: space-between;
align-items: center;
}

.layout_01 .image{
width: 50%;
box-sizing: border-box;
}

.layout_01 .image span{
display: block;
margin-top: 0.5em;
color: #fff;
font-size:clamp(10px, 2vw, 14px);
line-height: 1.4;
}

.layout_01 .text{
width: 50%;
padding-left: 30px;
box-sizing: border-box;
}

.layout_01 .text p{
font-size:clamp(14px, 2.4vw, 18px);
margin-top: 1em;
line-height: 1.8;
color: #fff;
}

.layout_01 .text p:first-child{
margin-top: 0;
}

.layout_02{

}

.layout_02 ul{
position: relative;
max-width: 740px;
margin: 0 auto;
display: flex;
flex-wrap:wrap;
justify-content: center;
}

.layout_02 ul li{
list-style: none;
width: 29.3%;
margin: 2%;
text-align: center;
}

.layout_02 ul li:nth-child(1),
.layout_02 ul li:nth-child(2),
.layout_02 ul li:nth-child(3){
/*transform: translate(-60px,0px);*/
}
.layout_02 ul li:nth-child(4),
.layout_02 ul li:nth-child(5),
.layout_02 ul li:nth-child(6){
/*transform: translate(60px,0px);*/
}

.layout_02 ul li .image{
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 50%;
}

.layout_02 ul li .text{
font-size:clamp(14px, 2.4vw, 18px);
margin-top: 1em;
color: #fff;
font-weight: normal;
}

.detail_wrap{
padding: 100px 0;
}

.detail_wrap.last{
padding: 100px 0 0 0;
}

.detail_wrap h3{
font-size:clamp(20px, 4vw, 38px);
display: block;
color: #1A4296;
	font-weight: normal;
padding: 0 0 0.8em 0;
border-bottom: 3px solid #1A4296;
margin-bottom: 1em;
}

.detail_wrap p{
font-size:clamp(16px, 2vw, 20px);
line-height: 1.8;
margin-bottom: 1.8em;
}

.detail_wrap .formula{
border: 1px solid #DEDEDE;
margin-bottom: 100px;
background: #fff;
}

.detail_wrap p.lead_text{
font-size:clamp(16px, 2vw, 24px);
font-weight: normal;
line-height: 2;
}

.detail_wrap p.lead_text.align_center{
text-align: center;
}

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

SP

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


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


.history_title{
padding: 3em 15px 3em 15px;
line-height: 1.6;
}

.content_976{
padding: 0 15px;
}

.history_title span{
font-size:clamp(24px, 6vw, 56px);
color: #194296;
}


.history_wrap{
background: linear-gradient(rgba(3,144,153,1),rgba(0,87,170,1));
position: relative;
box-sizing: border-box;
padding: 50px 0 50px 0;
}

.history_wrap::after{
content: "";
background: linear-gradient(rgba(0,87,170,1),rgba(0,87,170,1));
clip-path: polygon(0 0, 100% 0%, 50% 100%);
width: 120px;
  height: 44px;
position: absolute;
bottom:-43px;
left: calc(50% - 60px);
}

.history_wrap h2{
color: #fff;
font-weight: normal;
font-size:clamp(20px, 4vw, 40px);
text-align: center;
margin-bottom: 1.8em;
}

.history_wrap h2 span{
font-size:clamp(34px, 4vw, 60px);
}

.layout_01{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}

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

.layout_01 .image span{
margin-top: 1em;
font-size:clamp(12px, 2vw, 14px);
}

.layout_01 .text{
width: 100%;
padding-left: 0px;
}

.layout_01 .text p{
font-size:clamp(14px, 2.4vw, 18px);
margin-top: 1em;
line-height: 1.8;
color: #fff;
}

.layout_01 .text p:first-child{
margin-top: 0;
}

.layout_02{

}

.layout_02 ul{
position: relative;
width: auto;
margin: 0 auto;
display: flex;
flex-wrap:wrap;
}

.layout_02 ul li{
list-style: none;
width: 42%;
margin: 4%;
text-align: center;
}

.layout_02 ul li:nth-child(1),
.layout_02 ul li:nth-child(2),
.layout_02 ul li:nth-child(3){
transform: translate(0px,0px);
}
.layout_02 ul li:nth-child(4),
.layout_02 ul li:nth-child(5),
.layout_02 ul li:nth-child(6){
transform: translate(0px,0px);
}

.layout_02 ul li:nth-child(odd){
/*transform: translate(0px,-10px);*/
}

.layout_02 ul li:nth-child(even){
/*transform: translate(0px,10px);*/
}

.layout_02 ul li .image{

}

.layout_02 ul li .text{
font-size:clamp(12px, 2.4vw, 18px);
margin-top: 1em;
color: #fff;
font-weight: normal;
}

.detail_wrap{
padding: 80px 0 50px 0;
}

.detail_wrap.last{
padding: 80px 0 0 0;
}

.detail_wrap h3{
font-size:clamp(20px, 4vw, 38px);
display: block;
color: #1A4296;
padding: 0 0 0.8em 0;
border-bottom: 3px solid #1A4296;
margin-bottom: 1em;
}

.detail_wrap p{
font-size:clamp(16px, 2vw, 20px);
line-height: 1.8;
margin-bottom: 1.8em;
}

.detail_wrap .formula{
border: 1px solid #DEDEDE;
margin-bottom: 60px;
background: #fff;
}

.detail_wrap p.lead_text{
font-size:clamp(16px, 2vw, 24px);
font-weight: normal;
line-height: 2;
}

.detail_wrap p.lead_text.align_center{
text-align: left;
margin-top: -30px;
}




}