@charset "UTF-8";
/* CSS Document */



/*PC*/
@media print, screen and (min-width: 768px) {
.hed_wrap {
}

.hed_wrap .company_name{
font-size: 0.7rem;
font-weight: 200;
width: 100%;
letter-spacing: 0.1em;
color: #157cd8;
}

#financial{
width: 900px;
margin: 0 auto;
}

#financial .section_wrap{
position: relative;
margin: 0 auto 160px;
overflow: hidden;
}

#financial .section_wrap .consulting_list{
width:100%;
position: relative;
transition-duration: 500ms;
}

#financial .section_wrap .consulting_list .consulting_list_li{
position: relative;
width:100%;
overflow: hidden;
padding-bottom: 20px;
box-sizing: border-box;
}

#financial .section_wrap .consulting_list .consulting_list_li::before{
content: "";
position: absolute;
top: 0;
right: 16%;
width: 40%;
height: 100%;
transform: skewX( -40deg );
background: rgba(0,0,5,.03);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}

#financial .section_wrap .consulting_list .consulting_list_li:last-child{
border-bottom: none;
}

#financial .section_wrap .consulting_list .consulting_list_li a{
display: flex;
position: relative;
}

#financial .section_wrap .consulting_list .consulting_list_li .img{
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 220px;
overflow:hidden;
clip-path:polygon(0 0, 100% 0, 76% 100%, 0 100%);
}

#financial .section_wrap .consulting_list .consulting_list_li .img img{
margin-top: -16%
}


#financial .section_wrap .consulting_list .consulting_list_li .txt{
position: relative;
width:67%;
padding-top: 240px;
box-sizing: border-box;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h3{
font-size:.7rem;
font-weight: 200;
font-family: 'Oswald', sans-serif;
line-height: 1;
white-space: nowrap;
margin: 0 0 10px 2px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h4{
font-size: 1.6rem;
font-weight: 200;
white-space: nowrap;
line-height: 1;
margin: 0 0 8px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h5{
font-size: 0.65rem;
font-weight: 200;
line-height: 1;
white-space: nowrap;
letter-spacing: 1px;
margin-left: 3px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .arrow_img{
position:relative;
width:30px;
margin:0 0 0 auto;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list{
width:100%;
margin:0;
display: flex;
flex-wrap: wrap;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li{
font-size: .7rem;
line-height: 1.4;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 50%;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li .no{
width: 5%;
white-space: nowrap;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li .list_name{
width: 95%;
}

/*detail
----------------------------------*/
.det_tit{
font-size: 1.2rem;
font-weight: 200;
line-height: 1;
margin: -30px 6rem 40px;
}

.det_read{
width: 900px;
margin:0 auto 120px;
}

.det_read .red_s{
font-size: .7rem;
margin-left: 15px;
}

#financial .contents_tit{
width: 100%;
font-size: 1rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 20px;
position: relative;
color: #157cd8;
}

#financial .contents_tit::before{
content: "";
position: absolute;
top: -15px;
left: 0;
width: 70px;
height: 1px;
background: #157cd8;
}

#financial .contents_tit::after{
content: "";
position: absolute;
top: -15px;
left:0%;
width:100%;
height: 1px;
background: #d2d2d2;
z-index: -1;
}


.block{
width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto 60px;
padding: 50px;
box-sizing: border-box;
background-color: rgba(255,255,255,.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}

.block h3{
position: relative;
font-size: 1.2rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 40px;
color: #157cd8;
}

.block h3 span{
font-size: 1.5rem;
line-height: 1;
border-right:1px solid #157cd8;
padding-right:10px;
box-sizing: border-box;
color: #157cd8;
margin-right: 15px;
}

.block .txt{
padding-left: 52px;
box-sizing: border-box;
}



/*specialist
-----------------------------------*/
#specialist{
margin: 0 6rem;
}

#specialist .section_wrap{
margin: 0 auto 160px;
position: relative;
}


#specialist .contents_tit{
width: 100%;
font-size: .8rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 20px;
}

#specialist .specialist_list{
display: flex;
flex-wrap: wrap;
}

#specialist .specialist_list li{
position: relative;
width: 29.8%;
margin-right:5.3%;
margin-bottom: 80px;
}

#specialist .specialist_list li:nth-child(3n){
margin-right: 0;
}

#specialist .specialist_list li .thumbnail{
position: relative;
width: 100%;
height: 0;
padding-top: 135.52%;
margin-bottom: 20px;
}

#specialist .specialist_list li .thumbnail .ruby{
position: absolute;
top: 20px;
bottom: 0;
left: -0.5em;
z-index: 1;
font-size: 24px;
line-height: 1;
color: #1c2a39;
letter-spacing: .1em;
writing-mode: vertical-rl;
font-family: 'Oswald', sans-serif;
font-weight: 200;
}

#specialist .specialist_list li .thumbnail .image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

#specialist .specialist_list li .thumbnail .image img{
width: 100%;
height: 100%;
object-fit: cover;
}

#specialist .specialist_list li .meta{
position: relative;
display: flex;
justify-content: space-between;
padding-bottom: 15px;
}

#specialist .specialist_list li .meta::before{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: #121212;
}

#specialist .specialist_list li .meta .name{
font-size: 20px;
font-weight: 200;
}

#specialist .specialist_list li .meta .title{
font-size: 12px;
color: rgba(0,0,0,.5);
letter-spacing: 0;
}

}
/*sp*/
@media only screen and (max-width: 767px) {
.hed_wrap .company_name{
font-size: 0.6rem;
font-weight: 200;
width: 100%;
letter-spacing: 0.05em;
color: #157cd8;
}

#financial{
margin: 0 5%;
}

#financial .section_wrap{
width: 100%;
margin: 0 auto 80px;
position: relative;
overflow: hidden;
}


#financial .section_wrap .tit_wrap{
width: 30px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

#financial .section_wrap .tit_wrap::before{
content: "";
position: absolute;
top: -500%;
left: 0;
width: 30px;
height: 1200%;
background: rgba(255,255,255,0.2);
mix-blend-mode: overlay;
}

#financial .section_wrap .tit_wrap h2{
margin: auto;
font-size: .8rem;
font-weight: 200;
line-height: 1;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: sideways;
text-orientation: sideways;
color: #000;
z-index: 2;
position: relative;
}

#financial .section_wrap .consulting_list{
width:100%;
position: relative;
transition-duration: 500ms;
}

#financial .section_wrap .consulting_list .consulting_list_li{
position: relative;
width:100%;
overflow: hidden;
padding-bottom: 6px;
box-sizing: border-box;
}

#financial .section_wrap .consulting_list .consulting_list_li::before{
content: "";
position: absolute;
top: 0;
right:5%;
width: 40%;
height: 100%;
transform: skewX( -35deg );
background: rgba(0,0,5,.03);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}

#financial .section_wrap .consulting_list .consulting_list_li:last-child{
border-bottom: none;
}

#financial .section_wrap .consulting_list .consulting_list_li a{
display: flex;
position: relative;
}

#financial .section_wrap .consulting_list .consulting_list_li .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
overflow:hidden;
clip-path:polygon(0 0, 100% 0, 76% 100%, 0 100%);
}

#financial .section_wrap .consulting_list .consulting_list_li .img img{
margin-top: -16%
}


#financial .section_wrap .consulting_list .consulting_list_li .txt{
position: relative;
width:100%;
padding-top: 130px;
box-sizing: border-box;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h3{
font-size:.5rem;
font-weight: 200;
font-family: 'Oswald', sans-serif;
line-height: 1;
white-space: nowrap;
margin: 0 0 0 2px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h4{
font-size: 1.3rem;
font-weight: 200;
white-space: nowrap;
line-height: 1;
margin: 0 0 8px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt h5{
font-size: 0.65rem;
font-weight: 200;
line-height: 1;
white-space: nowrap;
letter-spacing: 1px;
margin-left: 3px;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .arrow_img{
position:relative;
width:30px;
margin:0 0 0 auto;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list{
width:60%;
margin: -8px 0 0 auto;
display: block;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li{
font-size: .6rem;
line-height: 1.4;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li .no{
width: 7%;
white-space: nowrap;
}

#financial .section_wrap .consulting_list .consulting_list_li .txt .subcategory_list li .list_name{
width: 93%;
}

/*detail
----------------------------------*/
.det_tit{
font-size:.9rem;
font-weight: 200;
line-height: 1.4;
margin: -10px 5% 40px;
}

.det_read{
font-size: .7rem;
line-height: 1.8;
margin:-20px 5% 60px;
}

.det_read .red_s{
font-size: .6rem;
margin-left: 10px;
}

#financial .contents_tit{
font-size: .9rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 10px;
position: relative;
color: #157cd8;
}

#financial .contents_tit::before{
content: "";
position: absolute;
top: -10px;
left: 0;
width: 50px;
height: 1px;
background: #157cd8;
}

#financial .contents_tit::after{
content: "";
position: absolute;
top: -10px;
left: 0;
width:100%;
height: 1px;
background: #d2d2d2;
z-index: -1;
}


.block{
width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto 20px;
padding: 20px;
box-sizing: border-box;
background-color: rgba(255,255,255,.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}

.block h3{
position: relative;
font-size: 1rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 20px;
color: #157cd8;

}

.block h3 span{
font-size: .6rem;
line-height: 1;
color: #157cd8;
display: block;
margin-bottom: 5px;
letter-spacing: 0;
}

.block .txt{
font-size: .6rem;
line-height: 1.8;
}


}