@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: #bb33ad;
}

#tax{
margin: 0 auto;
}

#tax .section_wrap{
width: 900px;
margin: 0 auto 160px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;
}

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

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

#tax .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;
}

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

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

#tax .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);
}

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

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

#tax .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%);
}

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


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

#tax .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;
}

#tax .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;
}

#tax .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;
}

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

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

#tax .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%;
}

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

#tax .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;
}

#tax .contents_tit{
width: 900px;
font-size: 1rem;
font-weight: 200;
line-height: 1;
margin: 0 auto 20px;
position: relative;
color: #bb33ad;
}

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

#tax .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: #bb33ad;
}

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

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


}
/*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: #bb33ad;
}

#tax{
margin: 0 5%;
}

#tax .section_wrap{
margin: 0 auto 80px;
padding: 0;
box-sizing: border-box;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: hidden;
}


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

#tax .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;
}

#tax .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;
}


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

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

#tax .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);
}

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

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

#tax .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%);
}

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


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

#tax .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;
}

#tax .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;
}

#tax .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;
}

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

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

#tax .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;
}

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

#tax .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;
}

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

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

#tax .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: #bb33ad;

}

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

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


}