@charset "utf-8";

.logo{
    width:200px;
    padding: 40px 0 80px;
    position: static;
}

.area{
    margin-bottom:100px;
}

.mv{
    padding-bottom: 30px;
}

.mv p{
    width:80%;
    margin: 0 auto;
}

.main_ttl{
    padding-bottom: 30px;
    line-height: 1.8;
    font-weight: 200;
    font-size: 1.8em;
}

.main_ttl .main_sub{
    display: block;
    font-size: 0.5em;
    padding-bottom: 15px;
}

.main_ttl .main_strong{
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 1.2em;
}

/* web制作について */
.lead{
    margin-bottom: 50px;
}


.lead span{
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

h3{
    font-size: 1.2em;
    font-weight: 200;
}

.wt_container dt{
    line-height: 1;
    margin:5px 0 10px;
    font-size: 0.9em;
    text-align: right;
}

.wt_container dt span{
    font-size: 0.9em;
    margin-bottom: 5px;
}



.wt_container .wt_img div{
    margin-bottom:30px;
}

.gallery_img{
    overflow: hidden;
    position: relative;
}

.hovermask{
    opacity: 0;  /*非表示状態*/
    position: absolute;/*要素の位置↓*/
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex; /*テキストの中央揃え*/
    justify-content: center; /*//テキストの中央揃え*/
    align-items: center; /*//テキストの中央揃え*/
    color: #000; /*//テキスト*/
    text-align: center; /*//テキストの中央揃え用*/
    transition:all 0.4s ease;  /*//ふわっと表示*/
    background-color:rgba(0,0,0,0);
    width:100%;
    height:auto;
}

.hovermask:hover{
    opacity: 1;  /*表示*/
}


/*
--------------------------
	タブレット / iPad 768px(縦)から1023pxまでの設定 /
-------------------------- */

@media screen and (min-width:768px){
    .mv{
        display: flex;
        justify-content: space-around;
        align-items: center;
        width:96%;
    }
    
    .mv p{
        width:50%;
    }


    .br-sp{
        display: none;
    }

    .logo{
        width: 400px;
        padding: 50px 0 150px;
    }



    .main_ttl{
        font-size:min(3.5vw,50px);
    }



/* web制作について */
    .fv{
        margin-bottom: 150px;
    }

    .lead{
        margin: 0 auto 150px;
        max-width:850px
    }

    .lead span{
        font-size: 1.8em;
        
    }

    .wt_container{
        margin-bottom: 50px;
    }

    .wt_container dt {
        font-size: 1em;
    }

    .wt_container .wt_img{
        display: flex;
    }

    .wt_img div{
        margin-right:20px;
    }

    .wt_img div:last-child{
        margin-right: 0;
    }




}


/*--------------------------
	PC /1024px以上の設定/
-------------------------- */
@media screen and (min-width:1280px) {


}