/* Style in the pages */
/* home */
#home{
    text-align:center;
}
#anniv{
    margin-top:60px;
    line-height:1em;
    font-family:Courier New;
}
.anniv{
    font-size:3em;
}
#mesg{
    margin-top:50px;
    font-size:1.2em;
    font-family: "HiraMinProN-W6", serif;
}
/* buisiness */
#buisiness{
    padding-top:20px;
    padding-bottom:20px;
    background-color:rgba(255,255,255,0.6);
    border-radius:10px;
}
#hybrid{
    margin-bottom:50px;
    /*font-family: "HiraKakuProN-W6", serif;*/
    font-family:'ヒラギノゴシック ProN W3';
    text-align:center;
}
.hybrid{
    margin:5px;
}
#hy1{
    margin-top:10px;
    font-size:1.8em;
}
#hy2{
    font-size:3.0em;
}
#hy3{
    margin-top:10px;
    font-size:1.7em;
}
#hy4{
    margin-top:50px;
}
.hybrid-img{
    width:300px;
    height:100px;
}
#function{
    margin: 0 auto;
    text-align:left;
}
.balb-img{
    width:30px;
    height:30px;
}
.function{
    font-family:'ヒラギノゴシック ProN W3';
}
.fn{
    display:flex;
    flex-wrap: nowrap;
    margin-top:50px;
    margin-bottom:0;
    font-size:1.7em;
    border-bottom:solid #ccc 1px;
}
.desc{
    font-size:1.1em;
}

#aboutus{
    margin:100px auto;
    width:100%;
}
.panel{
    background-color:rgba(255,255,255,0.55);
    border-radius:10px;
}
#board{
    width:400px;
}
.row{
    display:flex;
}
.grid{
    padding:10px;
    white-space:nowrap;
    font-size:1.0em;
}
.noend{
    border-bottom:solid 1px #000;
}
.col1{
    width:100px;
    border-right:solid 1px #000;
}

/* contact */
#contact{
    margin:100px auto;
    padding:10px;
    width:100%;
    align-items: center;
    justify-content: center;
}
.form-area{
    padding:auto;
    //border:solid 2px red;
}
.input-area{
    margin:auto;
    width:80%;
}
label{
    padding:5px;
    border-left:none;
    font-weight:bold;
    font-size:18px;
}
.input-items{
    width:100%;
    padding:10px;
    font-size:15px;
    //color:rgb(23, 23, 26);
    border-radius: 5px;
    border : solid 1px #aaa;
    /*background-color: rgb(165, 248, 248);*/
    background-color: #fff;
    opacity:0.8;
}
textarea,#request{
    height:220px;
}
.inputed{
    width: 100%;
    padding:10px;
    font-size: 15px;
    font-weight: bold;
    color: midnightblue;
    //color:rgb(23, 23, 26);
    border-radius: 5px;
    border:none;
    background-color: transparent;
}

.action-area{
    margin:5px;
    display:flex;
    justify-content: end;
}
#submit-area{
    display:none;
}
input[type=button],input[type=reset],input[type=submit]{
    margin:2px;
    padding:10px;
    font-size:20px;
    width:100px;
    border:none;
    box-shadow: 1px 1px 3px rgb(19, 16, 24);
    border-radius: 10px;
    opacity: 0.9;
    font-family:sans-serif;
}
.confirm-mesg{
    margin:auto;
    width:70%;
    text-align:center;
    border-radius: 5px;
    background-color: rgba(255, 24, 0, 0.5);
}
.send{
    /*background-color: rgb(172, 113, 3);*/
    background-color: rgb(157, 204, 224);
}
.back{
    background-color: rgb(56, 56, 243);
    width:80px;
}

@media screen and (min-width: 481px){
        /* PC:ウィンドウ幅が481以上の場合に適用*/
        #buisiness{
        }
        #anniv{
            font-size:8em;
        }
        #mesg{
            font-size:1.5em;
        }
        #hybrid{
            font-size:6em;
        }
        #hy1{
            margin-top:50px;
            font-size:0.6em;
        }
        #hy2{
            font-size:1.6em;
        }
        #hy3{
            margin-top:10px;
            font-size:0.6em;
        }
        #hy4{
            margin-top:50px;
        }
        .hybrid-img{
            width:660px;
            height:220px;
        }
        #function{
            margin: 0 auto;
            text-align:left;
            max-width:900px;
        }
        .fn{
            margin-top:50px;
            font-size:3.0em;
            border-bottom:solid #ccc 1px;
        }
        .balb-img{
            width: 60px;
            height:60px;
        }
        .fn-sub{
        }
        .function{
            font-family:'ヒラギノゴシック ProN W3';
        }
        .desc{
            font-size:1.5em;
        }
        /* aboutus*/
        #aboutus{
            width:50%;
        }
        #board{
            width:700px;
        }
        .row{
            width:700px;
        }
        .grid{
            padding:20px;
            font-size:1.5em;
        }
        .col1{
            width:200px;
        }
        /* contact */
        #contact{
            width:700px;
        }
}