//header(‘Content-Type: text/css; charset=shift-jis’);//ブラウザにphpをcssと認識させる。
<style type="text/css">
    {}
    /* ログインフォーム start */
            body {
              /* background: #2c3338;*/
              color: #606468;
              font: 87.5%/1.5em 'Open Sans', sans-serif;
              margin: 0;
              overflow:hidden;
                
               /*
               background-image: url(background/bgimg03.png);
               background: linear-gradient(-45deg, rgba(246, 255, 0, .4), rgba(255, 0, 161, .4)),
               url(background/bgimg03.png);
               background-size:1920px 1080px;
               background-color:rgba(255,255,255,0.8);
               background-blend-mode:lighten;
               */
            }
            
            select {
              /* border: none; */
              font-family: 'Open Sans', Arial, sans-serif;
              font-size: 16px;
              line-height: 1.5em;
              padding: 0;
              /* -webkit-appearance: none; */
            }
            
            input {
              /* border: none; */
              font-family: 'Open Sans', Arial, sans-serif;
              font-size: 16px;
              line-height: 1.5em;
              padding: 0;
              -webkit-appearance: none;
            }

            p {
              line-height: 1.5em;
            }

            after { clear: both; }

            #out-line01{
                position: relative;
                height: 100%;
                width: 100%;
            }

            #login {
                /* border: 1px solid #aaa; */
              margin: auto;
              /*
              width: 500px;
              height: 500px;
              */
                /*
                width: 95%;
                height: 30%;
                */
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                position: absolute;
            }

            #login form {
              margin: auto;
              padding: 22px 22px 22px 22px;
              width: calc(100% - 44px);
              height: calc(100% - 44px);
              border-radius: 5px;
              /* background: #282e33; */
              border-top: 3px solid #434a52;
              border-bottom: 3px solid #434a52;
              /* 子要素を水平方向の中央に配置する */
              /*
              display: flex;
              justify-content: center;
              */
            }

            #frame01
            {
              padding: 0px 0px 22px 0px;
              /* 子要素を水平方向の中央に配置する */
              display: flex;
              justify-content: center;
            }

            #login form span {
              /*
              color: #606468;
              background-color: #363b41;
              */
              background-color: #e0e0e0;
              border-radius: 3px 0px 0px 3px;
              border-right: 3px solid #434a52;
              display: block;
              float: left;
              line-height: 50px;
              text-align: center;
              width: 50px;
              height: 50px;
            }

            #login form select {
              /*
              color: #a9a9a9;
              background-color: #3b4148;
              */
              border-radius: 0px 3px 3px 0px;
              margin-bottom: 1em;
              padding: 0 16px;
              /* width: 445px; */
              width: calc(100% - 55px);
              height: 50px;
            }

            #login form input[type="text"] {
              /*
              color: #a9a9a9;
              background-color: #3b4148;
              */
              border-radius: 0px 3px 3px 0px;
              margin-bottom: 1em;
              padding: 0 16px;
              /* width: 445px; */
              width: calc(100% - 55px);
              height: 50px;
            }

            #login form input[type="password"] {
              /*
              color: #a9a9a9;
              background-color: #3b4148;
              */
              border-radius: 0px 3px 3px 0px;
              margin-bottom: 1em;
              padding: 0 16px;
              /* width: 445px; */
              width: calc(100% - 55px);
              height: 50px;
            }

            #login form input[type="button"] {
              background: #b5cd60;
              border: 0;
              width: 100%;
              height: 40px;
              border-radius: 3px;
              color: white;
              cursor: pointer;
              transition: background 0.3s ease-in-out;
            }

            #login form input[type="submit"] {
              background: #b5cd60;
              border: 0;
              width: 100%;
              height: 40px;
              border-radius: 3px;
              color: white;
              cursor: pointer;
              transition: background 0.3s ease-in-out;
            }
            #login form input[type="submit"]:hover {
              background: #16aa56;
            }
    /* ログインフォーム end */
</style>