@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */

    html,body{
        min-width: 0;
    }

    #main{
        overflow: hidden;
    }

    .hr_line img {
        width: 100%;
        height: auto;
    }

    #top{
        width: 100%;
    }
    #main_title_img{
        text-align: center;
    }

    #main_title_img{
        left: unset;
    }

    #main_title_img img{
        width: 80%;
    }

    .ratio-1_1:before {
        padding-top: 140%;
    }

    #top_img {
        top: 250px;
    }

    #top img {
        width: 100%;
    }

    #free_download_img{
        top: 200px;
        left: 10px;
    }

    #free_download_img h1 {
        font-size: 20px;
    }

    #free_download_img p {
        font-size: 15px;
    }

    #free_download_img img {
        width: 70%;
        height: auto;
    }

    .store {
        margin:20px 0;
        left: -15px;
        top: 200px;
    }

    .store__aslink img {
        height: 35px;
        width: 118.125px!important;
    }

    .store__gplink img{
        height: 35px;
        width: 118.125px!important;
    }

    .description_1_1{
        width: 100%;
    }

    .ratio-2_1:before {
        padding-top: 70%;
    }

    .description_1_1 img:nth-of-type(1) {
        width: 40%;
        top: 20px;
        left: 5%;
    }

    .description_1_1 img:nth-of-type(2) {
        top: 150px;
        left: 5%;
        width: 40%;
    }

    .description_1_1 img:nth-of-type(3) {
        top: 100px;
        left: 46%;
        width: 50%;
    }

    .description_1_1 p {
        top: 60px;
        left: 13%;
        font-size: 14px;
    }

    .description_1_2{
        width: 100%;
    }

    .ratio-2_2:before {
        padding-top: 80%;
    }

    .description_1_2 img:nth-of-type(1) {
        top: 93px;
        left: 5%;
        width: 50%;
    }

    .description_1_2 img:nth-of-type(2) {
        top: 150px;
        left: 48%;
        width: 50%;
    }

    .description_1_2 img:nth-of-type(3) {
        top: 100px;
        left: 74%;
        width: 30%;
    }

    .description_1_2 img:nth-of-type(4) {
        top: 20px;
        left: 5%;
        width: 40%;
    }

    .description_1_2 p {
        top: 55px;
        left: 13%;
        font-size: 14px;
        margin-left: 5px;
    }

    #description_2_banner {
        width: 100%;

    }

    #description_2_banner img{
        width: 80%;
        padding-left: 10px;
    }

    .description_2_1 {
        width: 100%;
    }

    .ratio-3_1:before {
        padding-top: 76%;
    }

    .description_2_1 img {
        top: -30px;
        left: 0;
        width: 100%;
    }

    .description_2_1 p {
        top: 10px;
        left: 3%;
        font-size: 14px;
    }

    #description_3_banner {
        width: 100%;
        text-align: left;
    }

    #description_3_banner img{
        width: 80%;
        padding-left: 10px;
    }

    .description_3_1 {
        width: 100%;
    }

    .ratio-4_1:before {
        padding-top: 75%;
    }

    .description_3_1 img {
        top: -30px;
        left: 0;
        width: 100%;
    }

    .description_3_1 p {
        top: 7px;
        left: 40%;
        font-size: 13px;
    }

    #description_4_banner {
        width: 100%;
    }

    #description_4_banner img{
        width: 80%;
        padding-left: 10px;
    }

    .ratio-5_1:before {
        padding-top: 80%;
    }

    .description_4_1 img:nth-of-type(1) {
        top: 40px;
        width: 100%;
        height: auto;
    }

    .description_4_1 img:nth-of-type(2) {
        top: 210px;
        left: 10%;
        width: 20%;
    }

    .description_4_1 img:nth-of-type(3) {
        top: -50px;
        left: 80%;
        width: 16%;
    }

    .description_4_1 p {
        top: 15px;
        left: 10px;
        font-size: 13px;
    }

    #app_info {
        width: 100%;
        position: relative;
    }

    #free_download_img_2 {
        padding: 40px 0;
    }

    #free_download_img_2 img{
        width: 80%;
    }

    #info_table {
        width: 100%;
        padding: 40px 30px 10px 30px;
    }

    #info_table table {
        width: 100%;
        font-size: 14px;
    }

    #info_table table tr td:nth-of-type(1) {
        word-break: keep-all;
    }

    #store2_box {
        width: 100%;
    }

    #store2_box:before {
        content: "";
        display: block;
        padding-top: 5%;
    }

    .store2 {
        width: 100%;
        text-align: left;
        padding: 25px;
        margin: 0;
        border-radius: 2px;
        overflow: hidden;
        position: absolute!important;
        top: -48px;
        left: 65px;
        z-index: 100;
        display: flex;
        align-items: center;
    }

    .store__gplink {
        vertical-align: unset;
    }

    .store2 .store__gplink img {
        height: 35px;
        width: auto;
        margin-top: 0px;
/*        margin-top: -65px;
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;*/
    }

    .iron_icon {
        height: 35px;
        vertical-align: middle;
        border-radius: 8px;
        position: absolute;
        top: 0;
        width: auto;
        margin: 0;
        left: 8%;
    }

    #footer {
        padding: 5px;
    }

    #support{
        padding: 5px;
        font-size: 14px;
        text-align: center;
    }

    #support p{
        font-size: 10px;
    }

    #copy{
        padding: 5px;
        font-size: 8px;
        text-align: center;
    }

    #policy_link {
        padding: 5px;
        font-size: 14px;
        text-decoration: underline;
        text-align: center;
    }

    .mail_table {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    .mail_table table {
        width: 100%;
        font-size: 10px;
    }

    .mail_td{
        text-align: left;
    }

    .top_scroll {
        width: 15%;
        height: auto;
        padding-top: 12%;
    }

    #prereg_box2 h1 {
        font-size: 26px;
    }

    #prereg_box2 p {
        font-size: 18px;
    }

    #prereg_box3 {
        padding: 7px;
    }

    #prereg_box3 table {
        margin: 10px auto;
        font-size: 16px;
    }

    #prereg_box3 td {
        vertical-align: middle;
        padding: 5px;
    }

    /*プラポリ*/
    #p_main{
        width: 90%;
    }

    #p_main h1{
        font-size: 18px;
    }

    #p_main h2{
        font-size: 16px;
    }

    #p_main p{
        font-size: 14px;
    }
}