@charset "UTF-8";
#keyvisual{
	padding:100px 0 50px 0;
}
#ks_bg2{
	background-image:url("image.php?id=017");
}

#sec01{
	padding-top:100px;
	padding-bottom:100px;
	/*background-image:url("image.php?id=022");*/
    background-position:bottom left;
    background-size:35% auto;
    background-repeat: repeat-x;
}
#sec01 .detailtxt {
    margin-top: 50px;
    line-height: 2.5;
    font-weight: 700;
}
.ks_top_txt {
    margin-bottom: 50px;
    text-align: center;
    font-weight: 700;
}
@media screen and (max-width:768px){
#sec01{
	padding-bottom:100px;
}
}

#sec02{
	padding-top:100px;
	padding-bottom:100px;
    background-color:#f4f4f4;

}
@media screen and (max-width:768px){
#sec02{
	padding-top:50px;
	padding-bottom:50px;
}
}
.mini_en_title{
    font-family: sans-serif;
    color:var(--rosered);
    font-weight:700;
    margin-bottom:30px;
    letter-spacing: 0.05em;
}
.zigyo_box{
    width:calc(50% - 15px);
    background-color:#fff;
    padding: 100px 50px;
    margin:0 15px 0 0;
}
.zigyo_box:last-child{
    margin:0 0 0 15px;
}
.zigyo_title{
    font-weight:900;
    margin-bottom:50px;
}
.zigyo_title img{
    margin-right:20px;
}
@media screen and (max-width:1149px){
.zigyo_box{
    width:100%;
    padding: 50px 5%;
    margin:0 0 50px 0;
}
.zigyo_box:last-child{
    margin:0;
}
}
@media screen and (max-width:768px){
.zigyo_box{
    width:100%;
    padding: 50px 2.5%;
    margin:0;
}
.zigyo_box:last-child{
    margin:0;
}
}

#sec03{
	padding-top:50px;
	padding-bottom:200px;
}
@media screen and (max-width:768px){
#sec03{
	padding-bottom:100px;
}
}

.service_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.service_blocklink {
    width: 32%;
    margin: 0 0.5% 100px 0.5%;
    background-color:#fff;
    position:relative;
    border-radius: 15px;
}
.service_blocklink::after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #d1d1d1;
    filter: blur(20px);
}
.serviceimg1, .serviceimg1::after {
    background-image: url("image.php?id=029");
    background-size: cover;
}
.serviceimg2, .serviceimg2::after {
    background-image: url("image.php?id=030");
    background-size: cover;
}
.serviceimg3, .serviceimg3::after {
    background-image: url("image.php?id=031");
    background-size: cover;
}
.gradbox::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    mix-blend-mode: multiply;
    transition: all .2s;
}
.gradbox {
    width: 95%;
    margin:10px auto 0 auto;
    aspect-ratio: 6 / 5;
    position: relative;
    border-radius: 12px;
}
.service_box dd dd{
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.8em;
    margin: 30px 5% 0 5%;
    position: relative;
}
.service_box dd dd p{
    font-weight: 300;
}
.service_box dd dd p {
    margin:0 0 50px 0;
    font-size: 0.9rem;
    line-height: 1.8em;
}
@media screen and (max-width:1149px){
.service_blocklink {
    width: 49%;
}
.service_box dd dd {
    margin: 15px 5% 0 5%;
}
.service_box dd p {
    margin:0 0 25px 0;
}
}