<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (max-width: 480px){
    *
    {
        font-family: 'メイリオ';
    }

    html{
        height:100%;
    }

    /*ページの背景*/
    body{
        -webkit-text-size-adjust: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
        font-size: large;
        /*background-color: black;*/
        background-image:url('../img/back.png');
    }

    /*右側の謎の余白消し*/
    .wrap {
        overflow: hidden;
    }

    /*ヘッダー画像の背景*/
    #title{
        position: relative;
        width: 100%;
        margin:0px auto;
    }

    #title:before {
        content:"";
        display: block;
        padding-top: 33.33%; /* 高さを幅の1/3に固定 */
    }

    /*ヘッダー画像置換*/
    #head{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url("../img/top2.png");
        background-size: cover;
        /*margin :0px auto;*/
        text-align: left;
        overflow: hidden;
        text-indent: -9999px;
    }

    /*内容を囲む四角*/
    #board{
        width: auto;
        margin: 10px 10px;
        background-color: rgba(255,255,255,0.96);
        border-radius: 30px;
    }

    /*各見出し*/
    .subtitle{
        padding: 10px 10px 0;
    }

    .sub{
        background: linear-gradient(transparent 90%, rgb(255,125,105) 0%);
    }

    /*内容中央揃え*/
    .content{
        width: auto;
        padding: 0px 10px;
        padding-bottom: 40px;
    }

    /*内容*/
    .matter{
        line-height: 200%;;
    }

    /*詳細情報の表*/
    table.hyou{
        border-collapse: separate;
        border-spacing: 0;
        text-align: left;
        line-height: 1.5;
        line-height: 1.5;
        border-left: 1px solid #ccc;
    }
    table.hyou th{
        text-align: center;
        width: auto;
        padding: 10px;
        font-weight: bold;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #eee;
        display: block;
    }
    table.hyou td{
        width: auto;
        padding: 10px;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: white;
        display: block;
    }

    .center{
        text-align: center;
    }

    /*フォーム入力の表*/
    table.form{
        border-collapse: separate;
        border-spacing: 0;
        text-align: left;
        line-height: 1.5;
        line-height: 1.5;
        border-left: 1px solid #ccc;
        width: 100%;
    }
    table.form th{
        font-size: large;
        width: auto;
        padding: 10px;
        font-weight: bold;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #eee;
        display: block;
    }
    table.form td{
        font-size: large;
        width: auto;
        padding: 10px;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: white;
        display: block;
    }

    /*フォーム欄の連絡事項*/
    textarea{
        width: 100%;
        padding: 0px;
    }

    /*入力欄の長さ*/
    .nyuryoku{
        width: 90%;
    }

    /*必須*/
    .required{
        font-size: small;
        float: right;
        color: white;
        background-color: palevioletred;
        border-radius: 5px;

    }

    /*任意*/
    .option{
        font-size: small;
        float: right;
        color: white;
        background-color: grey;
        border-radius: 5px;
    }

    /*ハイフン*/
    #haihun{
        font-size: small;
    }

    /*確認ボタン*/
    #confirm{
        width: 200px;
        margin: 10px auto;
    }

    #button{
        width: 200px;
        margin: 10px auto;
    }

    /*フォームボタン*/
    #formpn{
        width: 300px;
    }

    /*連絡先*/
    #ren{
        width: 280px;
    }

    /*ロゴ*/
    #logoa{
        width: 220px;
        margin-left: auto;
    }
    #logo{
        width: 200px;
    }

    /*コピーライト*/
    #right{
        text-align: center;
        font-size: small;
    }
}</pre></body></html>