.wrap{
width:100%;
height:600px;
position:absolute;
z-index:0;
overflow: hidden;
z-index: -1;
}
canvas{
position:absolute;
top:0;
right:-50%;
} .txt-business{
font-size: clamp(20px, 3.3vw, 33px);
font-weight: bold;
line-height: 1.5em;
margin: 80px 0 0 0;
}
.item-list a:hover{
color: #c30000;
}
.item-list{
margin-top: 110px;
}
.item-list:nth-of-type(1){
margin-top: 80px;
}
.item-title{
font-weight: bold;
color: #0a347f;
position: relative;
text-indent: 0;
z-index: 1;
font-size: 3.5rem;
}
.item-title span{
margin-right: 0.5em;
color: #fff;
font-weight: normal;
}
.item-title:nth-of-type(1):before{
content: '';
position: absolute;
left: -0.3em;
top: -0.4em;
width: 60px;
height: 60px;
border-radius: 50%;
background: #0a347f;
z-index: -1;
}
.item-txt{
font-weight: bold;
font-size: clamp(13px, 1.5vw, 15px);
margin: 40px 0 20px 0;
text-align: justify;
}
.service-link a{
border: 1px solid #b2b2b2;
position: relative;
display: inline-block;
border-radius: 35px;
transition: all .3s;
font-size: 1.5rem;
font-weight: bold;
padding: 5px 50px 5px 20px;
}
.service-link a:hover {
box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
border-color: transparent;
}
.service-link a:after{
content: url(//www.itall.co.jp/wp-content/themes/itallsite/img/common/blank_icon.svg);
position: absolute;
top: 0.5em;
right: 1.5em;
width: 18px;
height: 18px;
}
.service-link-list{
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.service-link-list li:first-child{
margin-right: 1em;
}
.service-link-list li{
position: relative;
font-size: 1.4rem;
margin-right: 3em;
}
.service-link-list li a:after{
position: absolute;
content: url(//www.itall.co.jp/wp-content/themes/itallsite/img/common/blank_icon.svg);
top: 0.2em;
right: -1.5em;
width: 18px;
height: 18px;
}
.image-area{
display: flex;
gap: 15px;
border-radius: 3px;
margin-top: 40px;
}
.image-area img{
border-radius: 6px;	
width: 100%;
}
.image-area + img{
width: 100%;
height: auto;
margin-top: 15px;
}
@media screen and (max-width:768px){
.image-area{
display: flex;
flex-direction: column;
}	
.service-link-list{
flex-direction: column;
}
.service-link-list li a{
position: relative;
}
.service-link-list li a:after{
top: 0;
}
.item-title{
font-size: 2.5rem;
}
.item-title:nth-of-type(1):before{
top: -0.3em;
width: 45px;
height: 45px;	
}
}