@charset "UTF-8";
/* CSS Document */
*{padding:0;margin:0;}
*{box-sizing:border-box;}
body{background-color:#f4f4f4;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "游ゴシック Medium", YuGothic, YuGothicM, arial, helvetica, sans-serif;font-feature-settings:"palt";position:relative; color: #333; letter-spacing: .04em;}
div,a,img{border:0;outline:0;}
#main{display:block; margin: 0 ; padding:30px 0; position: relative;}
#main::before{background:#d44316;content:"";display:block;height:4px;position:absolute;left:0;top:0;width:100%;}
#main p {font-size:.9375rem;}
.whbox{display:block;margin:2rem auto 1rem;width:660px;background-color:#fff;border-radius:7px;box-shadow:0px 0px 6px 3px #e5e5e5;border:1px #dddada solid;padding:30px 40px;}
.logobox {margin: 0 auto; text-align: center;}
.logobox > img {max-height: 75px;max-width: 100%;}
hr {background-color: #ddd;border:  none;display: block;height: 1px;margin: 1rem 0 2rem;}
h2{font-size:1.375rem;margin: 1.5em 0; position:relative; font-weight: normal; text-align: center;}
h2 span { font-size: .75em; color: #999999; padding-left: 0; display: block;}
.txt-gray {color: #999999; font-size: .75em;}
.message_box {display: block; width: 100%; align-items: flex-start;justify-content: center; margin: 2rem auto;}
.message_box div {display: block;width: 100%; margin: 0 auto; text-align: center;}
.button_box { display: block; max-width: 300px; padding:15px 0 0 0;}
.button_box a {background-color: #d44316; position: relative;
    display: block;
    width: 100%; margin: 0 ;
    border: 1px #d44316 solid;
    justify-content: center;
    text-align: center;
    line-height: 1.3;
    border-radius: 5px;
    color: #fff; text-decoration: none;
    padding: .75em 1.5% .75em 1.5%;
    font-size: .9375rem;}
.button_box a::after {position: absolute; right: 4%; content: ">";}
#copyright {display: block; margin: 1rem auto 0; font-size: .75rem; text-align: center;}
p.info {display: block; text-align: center; margin: 0 auto; color: #ddd;}
#main p.site_name {display: block; text-align: center; margin: .75em auto 0; color: #999; font-size: .875em;}
@media screen and (max-width: 768px){
#main p {font-size:3.6vw;}
h2{font-size:4.8vw; text-align: center;}
h2 span {display: block; padding-left: 0;}
.whbox{width:90%;}
hr {margin: 5vw 0 7vw;}
.message_box {display: block;}
.message_box div {display: block; width: 100%;}
.button_box {margin-top: 1em;}
.button_box a {width: 100%;}
#copyright {font-size: 2.9vw;}
}