@charset "UTF-8";

/*---------------------------------------------
 reset
---------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, hr, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: top; }

article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, article > .notStartHeading, article > .separateSection, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: top; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article > .notStartHeading, article > .separateSection { display: block; }

html { color: #333333; height: 100%; overflow-y: scroll; font: 0.875em/1.6 Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; }

body { text-align: left; -webkit-text-size-adjust: 100%; }

img { border: 0; vertical-align: top; max-width: 100%;}

@media screen and (min-width: 0px) and (max-width: 667px) {
img { max-width: 100%; height: auto; } }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset { border: 0; }

hr { border: 0; }

input, textarea, select, button { font-size: inherit; font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; }

em, address { font-style: normal; }

a { color: #333333; text-decoration: none; }
/*---------------------------------------------
 reset end
---------------------------------------------*/
#reserve_set .pchide{
display:none;
visibility: hidden;
}
#reserve_set .sphide{
display:block;
visibility: visible;
}
#reserve_set *{
box-sizing: border-box;
}
#reserve_set img{
image-rendering: -webkit-optimize-contrast;
}
body#reserve_set{
background:url(/img/corp/reserve_set/reserve_bg.png) no-repeat left bottom/50% fixed;
position: relative;
min-height: 100vh;
}
#reserve_set .headbox{
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
padding-top: 15px;
}
#reserve_set .headbox h1{
margin-left: 2em;
font-size: 30px;
font-weight: 700;
}
#reserve_set .headbox img{
width: 145px;
margin-right: 10px;
}
#reserve_set .navbox{
text-align: center;
background:linear-gradient(#0b318f,#00125e);
}
#reserve_set .navbox li{
width:20%;
padding: 10px;
display: inline-block;
border-left: solid 1px #fff;
font-weight: 700;
}
#reserve_set .navbox li:last-of-type{
border-right: solid 1px #fff;
}
#reserve_set .navbox li a{
color: #fff;
display: block;
}
#reserve_set .navbox li a:hover{
opacity: 0.6;
}
#reserve_set .centerbox{
background-color: rgba(0,0,0,.7);
max-width: 963px;
margin: 105px 0 0 auto;
padding: 10px 0 5% 5%;
}
#reserve_set .centerbox h1{
text-align: center;
}
#reserve_set .centerbox h1 img{
width:50%;
margin: 35px auto;
}
#reserve_set .innerbox{
width:45%;
display: inline-block;
margin:0 0 50px 20px;
text-align: center;
border-radius: 5px;
}
#reserve_set .left{
background-color: #0b3290;
}
#reserve_set .right{
background-color: #d01126;
}
#reserve_set .sankakubox h3{
background-color: #fff;
padding: 5px;
font-size: 35px;
font-weight: 700;
border-radius: 0 0 5px 5px;
}
/*
#reserve_set .sankakubox:after{
content:"";
background: url(/img/corp/reserve_set/sankaku.png) no-repeat;
background-size: contain;
display: inline-block;
width: 47px;
height: 24px;
}
*/
#reserve_set .innerbox h2{
color:#fff;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
margin-top: 25px;
}
#reserve_set .innerbox p{
color:#fff;
font-size: 14px;
margin-top: 10px;
}
#reserve_set .innerbox a:last-of-type{
display: block;
padding:15px 0;
}
#reserve_set .innerbox a:hover p{
text-decoration: underline;
font-weight: 600;
}
#reserve_set .innerbox a:hover img{
opacity: 0.8;
transition: all .5s ease-in-out;
}
#reserve_set .innerbox .filter {
display: inline-block;
background-color: #fff;
max-width: 70%;
}
#reserve_set .footerline {
position: fixed;
bottom: 0;
width:100%;
background:linear-gradient(90deg,#0b3290 0%,#0b3290 50%,#d01126 50%,#d01126 100%);
padding-bottom:10px;
}
#reserve_set .footerline p{
font-size: 12px;
background-color: #fff;
text-align: center;
}


@media screen and (max-width: 1042px) {
body#reserve_set{
background-position: top 50px left;
background-size: contain;
}
#reserve_set .headbox{
width:100%;
background-color: #fff;
}
#reserve_set .headbox h1{
margin-left: 0;
font-size: 22px;
}
#reserve_set .headbox img{
width: 90px;
margin-right:5px;
}
#reserve_set .navbox li{
width:45%;
padding: 5px 0px;
font-size: 13px;
border-left:none;
}
#reserve_set .navbox li:first-of-type{
border-right: solid 1px #fff;
}
#reserve_set .navbox li:last-of-type{
border-right: none;
}
#reserve_set .centerbox{
max-width: 100%;
height: calc(100vh - 200px);
min-height: 400px;
margin: 200px 0 0 0;
padding: 0;
text-align: center;
}
#reserve_set .centerbox h1 img {
width: 70%;
margin: 20px auto 0;
}
#reserve_set .innerbox{
min-width: auto;
margin: 20px 5px;
}
#reserve_set .sankakubox h3 {
padding: 5px;
font-size: 16px;
}
/*
#reserve_set .sankakubox:after{
width: 20px;
height: 15px;
display: block;
margin: -1px auto 0;
}
*/
#reserve_set .innerbox h2{
font-size: 16px;
padding-top: 0px;
}
#reserve_set .innerbox p{
font-size: 11px;
}
#reserve_set .innerbox .filter{
background: none;
max-width: 90%;
}
#reserve_set .footerline {
padding-bottom:3px;
}
}