@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

#investment-head{
width:100%;
height:80vh;
margin-top:70px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
}
#investment-head-catch{
width:fit-content;
color:#fff;
font-family: "Noto Serif JP", serif;
font-size:1.5rem;
line-height:1.8;
position:absolute;
top:10%;
left:3%;
}
#investment-head-catch span{
font-size:4rem;
font-weight:700;
margin-bottom:4px;
display:block;
}

#investment-head-lnk{
width:260px;
border-collapse:collapse;
position:absolute;
right:3%;
bottom:5%;
}
#investment-head-lnk th{
width:97%;
padding-right:3%;
}
#investment-head-lnk th a{
width:80%;
color:#fff;
font-family: "Noto Serif JP", serif;
font-size:1.25rem;
font-weight:360;
line-height:3;
text-align:center;
margin-left:auto;
background:#0f4d52;
border:1px solid #fff;
display:block;
}
#investment-head-lnk td{
width:44%;
padding:3%;
}
#investment-head-lnk td a{
width:100%;
color:#fff;
font-family: "Noto Serif JP", serif;
font-size:1.25rem;
font-weight:360;
line-height:3;
text-align:center;
margin-left:auto;
background:#0f4d52;
border:1px solid #fff;
display:table;
}

#investment-sec{
width:80%;
min-width:800px;
max-width:1100px;
padding:160px 0;
margin:0 auto;
}


.investment-headline{
width:max-content;
color:#0f4d52;
font-size:4.6rem;
font-weight:700;
line-height:1;
text-align:center;
margin:160px auto 30px auto;
}
.investment-headline span{
color:#333;
font-size:2.6rem;
line-height:1;
text-align:center;
margin-top:30px;
display:block;
}


.investment-explanation-box{
width:100%;
padding:100px 0 0 0;
margin:0 auto;
display:flex;
justify-content:flex-start;
}
.investment-explanation-box-image-left{
flex-flow:wrap;
}
.investment-explanation-box-image-right{
flex-flow:wrap;
}

.investment-explanation-box img{
width:420px;
margin:auto 60px 0 60px;
display:block;
}
.investment-explanation-box dl{
width:calc(100% - 540px);
margin:0;
display:block;
}
.investment-explanation-box dl dt{
color:#0f4d52;
font-size:2.6rem;
font-weight:700;
line-height:1;
padding:0;
margin:0 0 14px 0;
display:block;
}
.investment-explanation-box dl dd{
color:#333;
font-size:1.7rem;
line-height:2;
padding:0;
margin:0;
display:block;
}
.investment-explanation-box dl dd div{
color:#0f4d52;
font-weight:700;
display:inline;
}
.investment-explanation-box dl dd span{
font-size:1rem;
}

#investment-what-box{
width:100%;
padding-top:60px;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#investment-what-box div{
width:46%;
font-size:1.6rem;
line-height:2;
min-width:400px;
}
#investment-what-box div span{
color:#0f4d52;
font-size:3rem;
font-weight:700;
line-height:1;
text-align:center;
display:block;
}
#investment-what-box div img{
width:auto;
max-width:100%;
margin:30px auto;
display:table;
}

.investment-select-box{
width:100%;
margin:80px 0;
display:flex;
justify-content:flex-start;
}
.investment-select-box-image-left{
flex-flow:wrap;
}
.investment-select-box-image-right{
flex-flow:wrap;
}
.investment-select-box dt{
width:calc(100% - 480px);
color:#fff;
font-size:1.8rem;
line-height:2;
padding:0;
margin:auto;
display:table;
position:relative;
}
.investment-select-box-image-right dt div{
color:#447478;
font-size:13rem;
font-weight:700;
line-height:1;
position:absolute;
top:-120px;
left:-70px;
z-index:-1;
}
.investment-select-box-image-left dt div{
color:#447478;
font-size:13rem;
font-weight:700;
line-height:1;
position:absolute;
top:-120px;
right:-70px;
z-index:-1;
}

.investment-select-box-subject{
font-size:2.6rem !important;
font-weight:900;
}
.investment-select-box dt span{
font-size:2rem;
line-height:1;
margin:0 0 20px 0;
display:block;
}

.investment-select-box dd{
width:400px;
padding:0;
margin:auto 40px;
display:table;
}
.investment-select-box dd img{
width:400px;
display:table;
}