@charset "UTF-8";

/* メディアクエリ：SP：1100px以下の時 */
@media screen and (max-width:1100px) {
    /* ヘッダー */
    header{
        background: #333 url("../images/hero_PC_main.webp") right 0 top 60px / cover no-repeat;
    }

    /* メイン＞ニュース */
    .news_Wrap{
        width: 85vw;
    }

    .news-text_Wrap p:nth-of-type(-n+2){
        display: none;
    }

    .news-text_Wrap p:nth-of-type(3){
        padding-left: 40px;
    }

    /* メイン */
    .inner_Wrap{
        width: 85vw;
    }

    /* メイン＞実績紹介 */
    .portfolio_Wrap{
        display: block;
    }

    .portfolio_Wrap section{
        width: 100%;
        margin: 0 auto;
    }

    .portfolio .more-info_Btn{
        margin: 40px auto 0;
    }

    .portfolio_Impression{
        width: 100%;
        height: 400px;
        margin-bottom: 40px;
    }

    .portfolio_Impression img{
        object-position: center top;
    }

    /* メイン＞価格目安表 */
    .pricing_text_Wrap{
        display: block;
    }

    .pricing_text_Wrap section{
        width: 100%;
    }

    .pricing_text_Wrap .more-info_Btn{
        margin: 40px auto 0;
    }

    /* メイン＞プロフィール */
    .profile_Wrap{
        display: block;
    }

    .profile_Impression{
        width: 100%;
        height: 400px;
        margin-bottom: 40px;
    }
    
    .profile_Wrap section{
        width: 100%;
    }

    .profile_Wrap .more-info_Btn{
        margin: 40px auto 0;
    }

    /* フッター */
}

/* メディアクエリ：SP：600px以下の時 */
@media screen and (max-width:600px) {
    /* ヘッダー */
    header{
        position: relative;
        height: 100vh;
        background: #333 url("../images/hero_SP_main.webp") center top 60px / 100% auto no-repeat;
    }

    header::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background: #000;
        opacity: 0.3;
    }
    
    header::after{
        background: none;
    }

    .header_Wrap::before{
        background: none;
    }

    .header_Wrap::after{
        background: none;
    }

    /* ヘッダー＞タグライン */
    .tagline{
        width: 80%;
        padding: 0;
        margin: 0 auto;
    }

    .tagline_Wrap p:nth-of-type(1){
        padding-bottom: 30px;
        font-size: 96px;
        font-weight: bold;
        line-height: 1em;
    }

    .tagline_Wrap p:nth-of-type(3){
        font-size: 12px;
        line-height: 2em;
    }

    /* メイン＞ニュース */
    .news_Wrap{
        width: 100%;
        border-radius: 0;
    }

    .news_Btn{
        border-radius: 0;
    }

    /* メイン */
    /* メイン＞アバウトアス */
    .portfolio_Impression{
        height: 300px;
    }

    /* メイン＞価格表参考 */

    .pricing_image_Wrap{
        height: 300px;
    }

    /* メイン＞プロフィール */
    .profile_Impression{
        height: 300px;
    }

    /* フッター＞コンタクト */
    .footer_contact_mail{
        display: flex;
        justify-content: center;
        width: 90%;
    }

    .footer_contact_mail p:nth-of-type(1){
        margin-bottom: 10px;
        font-size: 24px;
    }

    .footer_contact_mail p:nth-of-type(2){
        font-size: 14px;
    }

    /* フッター＞アクセス */
    .footer_access iframe{
        height: 300px;
    }

    /* フッター＞サイトマップ */
    .footer_site-map{
        display: block;
        margin: 40px 0;
        text-align: center;
    }

    .footer_site-map h2{
        display: block;
        margin: 20px auto;
        font-size: 20px;
        border-right: none;
        line-height: none;
    }

    .footer_site-map ul{
        padding: 0;
        margin: 0;
    }

    .footer_site-map ul li{
        display: block;
        margin-right: none;
    }

    .footer_site-map ul li a{
        display: block;
        line-height: 40px;
    }

    .footer_site-map ul .SP_only{
        display: none;
    }
}