.bg_wrap{
position: relative;
}

.bg_wrap .bg {
position: relative;
}

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

.bg_wrap .bg .text_wrap h1{
color: #fff;
  font-weight: normal;
  line-height: 1.6em;
font-size: clamp(18px, 4.6vw, 44px);
margin-bottom: 2em;
position: relative;
}

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

.bg_wrap .bg .text_wrap .name{
font-size: clamp(12px, 2vw, 26px);
color: #fff;
position: relative;
display: block;
background: #194396;
box-sizing: border-box;
padding: 0.8em 1em;
}

.bg_wrap .bg .text_wrap .name span{
font-size: clamp(24px, 3vw, 48px);
font-weight: normal;
margin-left: 0.5em;
}







.message_wrap{
padding: 120px 0 0 0;
position: relative;
}

.message_wrap h2{
font-size:clamp(20px, 3vw, 36px);
font-weight: normal;
line-height: 1.4;
}

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

.message_wrap p.sign{
width: 250px;
text-align: right;
display: block;
margin: 1em 0 0 auto;

}

.message_wrap p.message_text{
margin: 5em auto 0 auto;

}

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



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

SP

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


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

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


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

.bg_wrap .bg .text_wrap h1{
font-size: clamp(18px, 4.6vw, 44px);
margin-bottom: 2em;
}

.bg_wrap .bg .text_wrap h1::after{
width: 90px;
}

.bg_wrap .bg .text_wrap .name{
font-size: clamp(12px, 2vw, 26px);
display: inline-block;
padding: 0.8em 1em;
}

.bg_wrap .bg .text_wrap .name span{
font-size: clamp(24px, 3vw, 48px);
font-weight: 500;
margin-left: 0.5em;
}
	
.message_wrap p.message_text{
margin: 3em auto 0 auto;

}

.message_wrap p.sign{
width: 150px;
margin: 0.5em 0 0 auto;
}


.message_wrap{
padding: 50px 0 0 0;
position: relative;
}

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

}