@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*------------------------------------
制作実績_ホームページのスタイル
------------------------------------*/
.works_hp {
    img {
        box-shadow: 0px 0px 10px #ccc;
    }
    .hp_flex-2 {
       margin: 10px 0;
        display: flex;
        justify-content: space-between;
        .hp_image-02 {
            /* margin-right:3px; */
            object-fit: cover;
            width: calc(50% - 5px);
        }
        .hp_image-03 {
            /* margin-left:3px; */
            object-fit: cover;
            width: calc(50% - 5px);
        }
    }
    .hp_sp-images {
        margin: 50px 0 20px;
        display: flex;
        justify-content: space-between;
        img {
            width: calc(100% / 3 - 20px);
            padding: 10px;
            box-shadow: none;
        }
        @media screen and (max-width:600px) {
            img {
                width: calc(100% / 3 - 6px);
                padding: 5px;
            }
        }
    }
    .hp_discri {
        margin: 1em 0;
    }
    .hp_url {
        border: 1px solid #1176d4;
        width: 200px;
        height: 2em;
        line-height: 2em;
        text-align: center;
        display: block;
        max-width: 50%;
    }
}



@media screen and (max-width:600px) {
    .wp-block-media-text__media img, .wp-block-media-text__media video {
     width: 100px;
     margin: auto;
    }
 }