@charset "utf-8";
/* CSS Document */

body, html {
min-width: auto;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif
}
body * {
box-sizing: border-box;
line-height: 1.4
}
body {
font-size: 14px;
color: #333;
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, p {
margin: 0px;
padding: 0px;
}
ul, li, dl, dt, dd {
margin: 0px;
padding: 0px;
list-style-type: none;
}
img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a, a:visited {
color:#00789a;
text-decoration: none;
}
a, a:visited {
color:#00789a;
text-decoration: underline;
}
table {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-collapse: collapse;
border: 1px solid #92A4AE;
}
th, td {
border: 1px solid #787878;
padding: 4px;
}
header{
width: 100%;
max-width: 1600px;
padding: 10px 20px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top:0;
left: 50%;
transform: translateX(-50%);
}

#HeaderLeft{
width:calc(100% - 250px);
}
h1{
font-size:13px;
color:#009be6;
margin-bottom: 10px
}

#SiteName {
display: flex;
align-items: center;
}
#HeaderRight a{
display: block;
background: #ffff00;
border-radius:30px;
width: 250px;
padding:14px 0;
color:#007ea4;
text-align: center;
font-size:18px;
font-weight: bold;
text-decoration: none
}

#HeaderRight a:hover{
background: #fed700;
}

#HeaderRight a span{
padding-left: 30px;
background: url("../img/mail_icon.png") no-repeat center left;
}
footer {
text-align: center;
padding: 40px 0 30px;
background:#efefef;
font-weight: bold
}
footer p{
margin-bottom: 20px
}
footer a:hover{
text-decoration: none
}
footer small{
font-weight: normal
}
.mb_only{
display:none;
}
.pc_only{
display:block;
}
@media screen and (max-width: 1000px) {
header{
padding:5px 0;
align-items: flex-start;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
background: #fff;
position: relative;
}
#HeaderLeft{
width:calc(100% - 50px);
padding-left: 10px
}
h1 {
font-size: 11px;
margin-top: 3px;
margin-bottom: 3px;
}
#HeaderLeft a{
display: block;
width: 100%;
max-width: 150px;
}
#HeaderLeft a img{
display: block;
width: 100%;
height: auto
}
#HeaderRight a{
border-radius:0px;
width: 50px;
height: 50px;
padding:14px 0;
background-image: url("../img/mail_icon_mb.png");
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
background-size:30px auto 
}

#HeaderRight a:hover{
background-image: url("../img/mail_icon_mb.png");
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
background-size:30px auto
}

#HeaderRight a span{
display: none
}
footer {
text-align: center;
padding: 40px 0 30px;
background:#efefef;
font-weight: bold
}
.mb_only{
display:block;
}
.pc_only{
display:none;
}
}