@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------
adviser
----------------------------------------------------------*/
.block_adviser01{
margin: 0 0 60px;
display: flex;
flex-wrap: wrap;
}
.block_adviser01 .box01{
width: 273px;
margin: 0 80px 60px 0;
}
@media (min-width: 769px){
.block_adviser01 .box01:nth-of-type(3n){
margin-right: 0;
}
.block_adviser01 .box01:nth-last-of-type(-n+3){
margin-bottom: 0;
}
}
.block_adviser01 .box01 .titleBlock{
text-align: center;
margin: 0 0 15px;
padding: 0 0 15px;
position: relative;
}
.block_adviser01 .box01 .titleBlock::before{
content: "";
width: 100%;
height: 4px;
background: url("/assets/images/common/titleTypeA01_border_01.webp") top center / auto 100% repeat-x;
position: absolute;
left: 0;
bottom: 0;
}
.block_adviser01 .box01 .titleBlock .image{
margin: 0 auto 20px;
}
.block_adviser01 .box01 .titleBlock .name{
font-size: 2.6rem;
font-weight: bold;
margin: 0 0 5px;
}
.block_adviser01 .box01 .titleBlock .lead{
font-size: 2.0rem;
font-weight: bold;
}
.block_adviser01 .box01 .text{
font-size: 1.6rem;
}
@media (max-width: 768px){
.block_adviser01{
margin: 0 0 4.0rem;
display: block;
}
.block_adviser01 .box01{
width: 100%;
margin: 0 0 4.0rem;
}
.block_adviser01 .box01:last-of-type{
margin-bottom: 0;
}
.block_adviser01 .box01 .titleBlock{
background: var(--color_beige03);
text-align: left;
margin: 0 0 3.0rem 6.0rem;
padding: 1.2rem 0 1.2rem 6.5rem;
}
.block_adviser01 .box01 .titleBlock::before{
display: none;
}
.block_adviser01 .box01 .titleBlock .image{
width: 11.0rem;
height: 11.0rem;
margin: 0;
position: absolute;
left: -6.0rem;
top: 50%;
transform: translateY(-50%);
}
.block_adviser01 .box01 .titleBlock .name{
font-size: 1.6rem;
margin: 0;
}
.block_adviser01 .box01 .titleBlock .lead{
font-size: 1.4rem;
}
.block_adviser01 .box01 .text{
font-size: 1.4rem;
}
}