@charset "UTF-8";

/* ------------ read ------------- */
.read-txt{
    text-align:center;
    padding:80px 0;
}
.read-txt p{
    line-height: 2.5;
    font-size:18px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .read-txt{
        padding:10vw 0;
        line-height: 2.5;
    }
    .read-txt p{
        font-size: 3.4vw;
        line-height: 2.5;
    }
}
/* ------------ 主なサービス業務 ------------- */
.sec-services{
    padding:0 0 80px;
}
.services-list li.services-item-01 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_01.png") no-repeat;
    background-position: 0 0;
    background-size: 43%;
}
.services-list li.services-item-02 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_02.png") no-repeat;
    background-position: 100% 0%;
    background-size: 58%;
}
.services-list li.services-item-03 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_03.png") no-repeat;
    background-position: 0% 0%;
    background-size: 43%;
}
.services-list li.services-item-04 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_04.png") no-repeat;
    background-position: 100% 0%;
    background-size: 43%;
}
.services-list li.services-item-05 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_05.png") no-repeat;
    background-position: 0 0;
    background-size: 58%;
}
.services-list li.services-item-06 .services-item-in{
    width:100%;
    background: url( "../../img/services/img_services_06.png") no-repeat;
    background-position: 100% 0%;
    background-size: 52%;
}
.services-list li+li{margin-top:80px;}
.services-name{
    font-family: 'Roboto', sans-serif;
    font-size:76px;
    font-weight:600;
    color:#f4a9a0;
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    text-align: right;
}
.services-list li.services-item-02 .services-name, 
.services-list li.services-item-04 .services-name, 
.services-list li.services-item-06 .services-name{
    justify-content: flex-start;
    text-align: left;
}
.services-con{
    width:65%;
    margin:0 0 0 auto;
    padding-top:10%;
}
.services-list li.services-item-02 .services-con, 
.services-list li.services-item-04 .services-con, 
.services-list li.services-item-06 .services-con{
    margin:0 auto 0 0;
    padding-top:13%;
}
.services-list li.services-item-03 .services-con, 
.services-list li.services-item-05 .services-con{
    padding-top:10%;
}
.services-no{
    font-weight:700;
    color:#95999c;
    font-size:56px;
    text-align: right;
}
.services-list li.services-item-02 .services-no, 
.services-list li.services-item-04 .services-no, 
.services-list li.services-item-06 .services-no{text-align: left;}
.services-no span{
    font-size:16px;
    display: inline-block;
    border-left:2px solid #df3b21;
    padding-left:10px;
    line-height: 1.2;
}
.services-box{
    background:#f5f7f8 ;
    box-shadow: 0 0 15px rgba(205,169,173,0.8);
    padding:40px 40px;
}
.services-ttl{
    font-size:38px;
    font-weight: 700;
    color:#e82727;
    margin-bottom:10px;
}
.services-ttl-en{
    color:#95999c;
    padding-bottom:30px;
    border-bottom:1px solid #e82727;
    margin-bottom:30px;
}

@media (max-width: 768px) {
    .sec-services{
        padding:0 0 12vw;
    }
    .services-list li.services-item-01 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_01.png") no-repeat;
        background-position: -5% 0%;
        background-size: 41%;
        padding-top: 16vw;
    }
    .services-list li.services-item-02 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_02.png") no-repeat;
        background-position: 100% 0%;
        background-size: 58%;
    }
    .services-list li.services-item-03 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_03.png") no-repeat;
        background-position: 0% 0%;
        background-size: 48%;
    }
    .services-list li.services-item-04 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_04.png") no-repeat;
        background-position: 100% 0%;
        background-size: 48%;
    }
    .services-list li.services-item-05 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_05.png") no-repeat;
        background-position: 0% 6%;
        background-size: 58%;
    }
    .services-list li.services-item-06 .services-item-in{
        width:100%;
        background: url( "../../img/services/img_services_06.png") no-repeat;
        background-position: 100% 0%;
        background-size: 54%;
    }
    .services-list li+li{margin-top:10vw;}
    .services-name{
        font-size:10vw;
    }
    .services-con{
        width:100%;
        padding-top:0;
    }
    .services-no{
        font-size:10vw;
    }
    .services-no span{
        font-size: 3.2vw;
        padding-left:2vw;
        line-height: 1.2;
    }
    .services-box{
        padding:5vw;
    }
    .services-ttl{
        font-size: 5vw;
        margin-bottom:0;
    }
    .services-ttl-en{
        padding-bottom:3vw;
        margin-bottom:3vw;
    }
}

/* ------------ 主な事例 ------------- */
.sec-case{
    padding:80px 0 50px;
    background:#f5f7f8;
    margin-bottom:150px;
}
.case-con{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.case-box{
    width:calc((100% - 30px)/2);
    display: flex;
    margin-bottom:30px;
    box-shadow: 0 0 15px rgba(205,169,173,0.8);
}
.case-icon{
    width:25%;
    background:#f26d58; 
    padding:15px 30px;
    display: flex;
    align-items: center;
}
.case-box .case-txt-wrap{
    width: 75%;
    padding:20px;
    background: #fff;
    display: block;
}
.case-box .case-ttl {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

@media (max-width: 768px) {
    .sec-case{
        padding:10vw 0 5vw;
        margin-bottom:15vw;
    }
    .case-box{
        width:100%;
        margin-bottom:5vw;
    }
    .case-icon{
        padding: 3vw;
    }
	.case-box .case-txt-wrap{
		padding:3vw;
	}
	.case-box .case-ttl {
		margin-bottom: 2vw;
		font-size: 3.6vw;
	}
}