<style type="text/css">
    /* ▼共通 */
    /*	.bread-crumb{
		padding-top: 102px;
	}
	.main__inner{
		padding-top: 0 !important;
	}
*/
    .about_inner {
        width: 960px;
        margin: auto;
    }

    .about_inner * {
        box-sizing: border-box;
    }

    .about_box1,
    .about_box3,
    .about_box4,
    .about_box5,
    .about_box7,
    /*.about_box8*/
        {
        margin-bottom: 60px;
    }

    .about_box2 {
        margin-bottom: 40px;
    }

    /* ▲共通 */
    .about_box1 {
        /*background-image: url(/images/original/n_about_box1_bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;*/
        padding: 30px 0;
    }

    .about_box1 h2 {
        color: #000;
        text-align: center;
        /*font-family: Noto Serif JP, serif;*/
        margin-bottom: 30px;
        font-size: 3.2rem;
        line-height: 1.5;
        font-weight: normal;
        text-shadow: 0 0 4px #fff;
        font-weight: bold;
    }

    .about_box1 .read {
        color: #000;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.4;
        text-shadow: 0 0 3px #fff;
        font-weight: bold;
    }

    .about_box1 ul {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin-bottom: 20px;*/
    }

    .about_box1 ul li {
        margin-right: 30px;
        width: 300px;
        /*background-color: #797979;*/
        text-align: center;
        /*padding: 20px;*/
        /*font-family: Noto Serif JP, serif;*/
    }

    .about_box1 ul li:last-child {
        margin-right: 0;
    }

    .about_box1 ul li .text1 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: -0.01rem;
        line-height: 1.3;
    }

    .about_box1 ul li .em {
        color: #036eb8;
        font-size: 4.4rem;
    }

    .about_box1 ul li .em span {
        font-size: 2.2rem;
    }

    .about_box1 ul li .text2 {
        font-size: 1.2rem;
        letter-spacing: -0.03rem;
        font-weight: normal;
        padding-top: 3px;
    }


    .about_box7 {
        /*background-image: url(/images/original/n_about_box1_bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;*/
        padding: 30px 0;
    }

    /*	.about_box7 .read {
		color: #000;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.4;
		text-shadow: 0 0 3px #fff;
		font-weight: bold;
	}
*/
    .about_box7 ul {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin-bottom: 20px;*/
    }

    .about_box7 ul li {
        margin-right: 30px;
        width: 490px;
        background-color: #f5f5f5;
        text-align: center;
        padding: 30px 20px;
        /*font-family: Noto Serif JP, serif;*/
    }

    .about_box7 ul li:last-child {
        margin-right: 0;
    }

    .about_box7 ul li .text1 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: -0.01rem;
        line-height: 1.3;
        text-align: center;
    }

    .about_box7 ul li .em {
        color: #036eb8;
        /*font-size: 4.4rem;*/
    }

    .about_box7 ul li .em span {
        /*font-size: 2.2rem;*/
    }

    .about_box7 ul li .text2 {
        font-size: 1.2rem;
        letter-spacing: -0.03rem;
        font-weight: normal;
        padding-top: 3px;
    }

    /*ul li 装飾*/
    .disc {
        list-style-type: disc;
        margin-left: 20px;
    }

    /*スマプラよりタイトル移設*/
    .title-h2red {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #ba0000 5px solid;
        background-color: #ffc5ac;
        padding: 20px;
        line-height: 1.2em;
    }

    .title-h2yellow {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #f8b62d 5px solid;
        background-color: #ffe5bd;
        padding: 20px;
        line-height: 1.2em;
    }

    .title-h2green {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #00913a 5px solid;
        background-color: #eef4c2;
        padding: 20px;
        line-height: 1.2em;
    }

    .title-h2blue {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #036eb8 5px solid;
        background-color: #cfe2f2;
        padding: 20px;
        line-height: 1.2em;
    }

    .title-h2black {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #231815 5px solid;
        background-color: #cfe2f2;
        padding: 20px;
        line-height: 1.2em;
    }

    .title-h2purple {
        font-size: 2.8rem;
        font-weight: 500;
        position: relative;
        margin-bottom: 60px;
        border-left: #601986 5px solid;
        background-color: #dcd2d7;
        padding: 20px;
        line-height: 1.2em;
    }

    /*スマプラDLC移設*/
    .dlc-title {
        font-weight: bold;
        display: block;
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    .dlc-index {
        border: #CCC 1px solid;
        padding: 10px;
        margin-top: 10px;
    }

    .dlc-index div {
        background-color: darkslategrey;
        color: #FFF;
        font-weight: bold;
        padding-left: 1em;
        margin-bottom: 5px;
    }

    .dlc-cont {
        display: flex;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 0 20px;
    }

    .dlc-cont:nth-of-type(n+2) {
        margin: 40px 0 20px;
    }

    .dlc-img {
        width: 400px;
        position: relative;
    }

    .dlc-img img {
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
        /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    }

    .dlc-txt {
        padding-left: 20px;
        max-width: calc(100% - 400px);
    }

    .dlc-button {
        font-size: 1.2em;
        margin-top: 40px !important;
    }

    .dlc-button a {
        text-decoration: none !important;
    }

    /*youtubeの埋め込み*/
    .youtube {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .youtube iframe {
        width: 100%;
        height: 100%;
    }

    /*youtube横並び用*/
    .about_box8 {
        /*background-image: url(/images/original/n_about_box1_bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;*/
        /*padding: 30px 0;*/
    }

    /*	.about_box7 .read {
		color: #000;
		text-align: center;
		font-size: 1.8rem;
		line-height: 1.4;
		text-shadow: 0 0 3px #fff;
		font-weight: bold;
	}
*/
    .about_box8 ul {
        list-style: none;
        display: flex;
        /*justify-content: center;
		align-items: center;*/
        margin-bottom: 40px;
    }

    .about_box8 ul li {
        margin-right: 30px;
        width: 500px;
        /*background-color: #f5f5f5;*/
        text-align: center;
        /*padding: 30px 20px;*/
        /*font-family: Noto Serif JP, serif;*/
    }

    .about_box8 ul li:last-child {
        margin-right: 0;
        width: 300px;
        text-align: center;
    }

    .about_box8 ul li .text1 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: -0.01rem;
        line-height: 1.3;
    }

    .about_box8 ul li .em {
        color: #036eb8;
        /*font-size: 4.4rem;*/
    }

    .about_box8 ul li .em span {
        /*font-size: 2.2rem;*/
    }

    .about_box8 ul li .text2 {
        font-size: 1.2rem;
        letter-spacing: -0.03rem;
        font-weight: normal;
        padding-top: 3px;
    }
    
    .about_yaesu ul {
        list-style: none;
        display: flex;
        /*justify-content: center;
		align-items: center;*/
        margin-bottom: 40px;
    }

    .about_yaesu ul li {
        margin-right: 5%;
        width: 35%;
        /*background-color: #f5f5f5;*/
        text-align: center;
        /*padding: 30px 20px;*/
        /*font-family: Noto Serif JP, serif;*/
    }

    .about_yaesu ul li:last-child {
        margin-right: 0;
        text-align: center;
        width: 60%;
    }

    .about_yaesu ul li .text1 {
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: -0.01rem;
        line-height: 1.3;
    }

    .about_yaesu ul li .em {
        color: #036eb8;
        /*font-size: 4.4rem;*/
    }

    .about_yaesu ul li .em span {
        /*font-size: 2.2rem;*/
    }

    .about_yaesu ul li .text2 {
        font-size: 1.2rem;
        letter-spacing: -0.03rem;
        font-weight: normal;
        padding-top: 3px;
    }
        

    .movie-dl {
        width: 500px;
        height: 80px;
        line-height: 80px;
        margin: 0 auto;
    }

    .movie-dl a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        background: #FF0000;
        text-align: center;
        color: #FFFFFF !important;
        font-size: 24px;
        font-weight: bold;
    }

    .movie-dl a:hover {
        background: #FF0000;
        color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        box-shadow: none;
    }


    .about_box9 {
        max-width: 100%;
    }

    .about_box9 a {
        color: #000 !important;
    }

    .about_box9_inside {
        width: 182px;
        height: 50px;
        float: left;
        text-align: center;
        background-color: #024fa2;
        margin: 5px;
        padding: 10px;
        color: #fff;
    }

    .forpc {
        display: block;
    }

    .forsp {
        display: none;
    }




    @media screen and (min-width: 769px) {
        .main__inner {
            padding-top: 0 !important;
        }
    }

    @media screen and (max-width: 769px) {

        /* ▼共通 */
        .pc {
            display: none;
        }

        /*	.bread-crumb{
		padding-top: 72px;
	}
*/
        .about_inner {
            width: 100%;
            /*padding: 20px;*/
        }

        /*	.about_title {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	.about_center img {
		width: 100%;
	}
*/
        .about_box1,
        .about_box3,
        .about_box4,
        .about_box5,
        .about_box7,
        about_box8 {
            margin-bottom: 10px;
        }

        /*
	.about_box2 {
		margin-bottom: 0;
	}
*/
        /* ▲共通 */
        .about_box1 {
            padding: 0;
        }

        .about_box1 h2 {
            margin-bottom: 30px;
            font-size: 2rem;
            line-height: 1.5;
            text-shadow: 0 0 4px #fff;
        }

        .about_box1 .read {
            font-size: 1.8rem;
            line-height: 1.4;
            text-shadow: 0 0 3px #fff;
        }

        .about_box1 ul {
            display: block;
            /*margin-bottom: 20px;*/
        }

        .about_box1 ul li {
            margin-right: 0;
            width: 100%;
            /*padding: 20px;*/
            margin-bottom: 20px;
        }

        .about_box1 ul li .text1 {
            font-size: 1.6rem;
            letter-spacing: -0.01rem;
            line-height: 1.3;
        }

        .about_box1 ul li .em {
            font-size: 4.4rem;
        }

        .about_box1 ul li .em span {
            font-size: 2.2rem;
        }

        .about_box1 ul li .text2 {
            font-size: 1.2rem;
            letter-spacing: -0.03rem;
            padding-top: 3px;
        }


        .about_box7 {
            padding: 0;
        }

        .about_box7 .read {
            font-size: 1.8rem;
            line-height: 1.4;
            text-shadow: 0 0 3px #fff;
        }

        .about_box7 ul {
            display: block;
            /*margin-bottom: 20px;*/
        }

        .about_box7 ul li {
            margin-right: 0;
            width: 100%;
            padding: 30px 20px;
            margin-bottom: 20px;
        }

        .about_box7 ul li .text1 {
            font-size: 1.6rem;
            letter-spacing: -0.01rem;
            line-height: 1.3;
        }

        .about_box7 ul li .em {
            /*font-size: 4.4rem;*/
        }

        .about_box7 ul li .em span {
            /*font-size: 2.2rem;*/
        }

        .about_box7 ul li .text2 {
            font-size: 1.2rem;
            letter-spacing: -0.03rem;
            padding-top: 3px;
        }


        /*youtube横並び用*/
        .about_box8 {
            padding: 0;
        }

        .about_box8 .read {
            font-size: 1.8rem;
            line-height: 1.4;
            text-shadow: 0 0 3px #fff;
        }

        .about_box8 ul {
            display: block;
            /*margin-bottom: 20px;*/
        }

        .about_box8 ul li {
            margin-right: 0;
            width: 100% !important;
            /*padding: 30px 20px;
		margin-bottom: 20px;*/
        }

        .about_box8 ul li .text1 {
            font-size: 1.6rem;
            letter-spacing: -0.01rem;
            line-height: 1.3;
        }

        .about_box8 ul li .em {
            /*font-size: 4.4rem;*/
        }

        .about_box8 ul li .em span {
            /*font-size: 2.2rem;*/
        }

        .about_box8 ul li .text2 {
            font-size: 1.2rem;
            letter-spacing: -0.03rem;
            padding-top: 3px;
        }


        .about_yaesu .read {
            font-size: 1.8rem;
            line-height: 1.4;
            text-shadow: 0 0 3px #fff;
        }

        .about_yaesu ul {
            display: block;
            /*margin-bottom: 20px;*/
        }

        .about_yaesu ul li {
            margin-right: 0;
            width: 100% !important;
            /*padding: 30px 20px;
		margin-bottom: 20px;*/
        }

        .about_yaesu ul li .text1 {
            font-size: 1.6rem;
            letter-spacing: -0.01rem;
            line-height: 1.3;
        }

        .about_yaesu ul li .em {
            /*font-size: 4.4rem;*/
        }

        .about_yaesu ul li .em span {
            /*font-size: 2.2rem;*/
        }

        .about_yaesu ul li .text2 {
            font-size: 1.2rem;
            letter-spacing: -0.03rem;
            padding-top: 3px;
        }


        .about_box9_inside {
            max-width: 47%;
            height: 50px;
            float: left;
            /*text-align: center;
			background-color: #a9ceec;*/
            margin: 5px;
            padding: 10px;
            /*color: #fff;*/
        }


        .movie-dl {
            width: auto;
            height: auto;
            line-height: 50px;
            margin: 0 auto;
        }

        .movie-dl a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            background: #FF0000;
            text-align: center;
            color: #FFFFFF !important;
            font-size: 100%;
            font-weight: bold;
        }

        .movie-dl a:hover {
            background: #FF0000;
            color: #FFFFFF;
            margin-left: 0px;
            margin-top: 0px;
            box-shadow: none;
        }



        .forpc {
            display: none;
        }

        .forsp {
            display: block;
        }



        /*スマプラDLC移設SP*/
        @media (max-width: 600px) {
            .dlc-title {
                font-weight: bold;
                display: block;
                font-size: 1.4em;
                margin-bottom: 10px;
                line-height: 1.4em;
            }

            .dlc-cont {
                display: flex;
                flex-direction: column;
            }

            .dlc-img {
                width: 100%;
                box-sizing: border-box;
            }

            .dlc-img img {
                max-width: 100%;
                width: auto;
                max-height: 100%;
                height: auto;
                position: static;
                transform: none;
            }

            .dlc-txt {
                width: 100%;
                max-width: 100%;
            }

            .dlc-button {
                margin: 10px auto 0 !important;
            }

            .dlc-txt {
                padding: 5px 0;
            }

            .dlc-index ul {
                list-style-position: inside;
            }

            .dlc-index ul li {
                padding-left: 1em;
                text-indent: -1em;
            }


        }
</style>