@charset "UTF-8";

@media print, screen and (min-width:1200px) {

header {
position: fixed;
background-color: #fff;
width: 100%;
height: 115px;
z-index: 1000;
}

#headerWrap {
position: relative;
width: 780px;
margin: 0 auto;
}

#logo {
position: absolute;
left: 0;
top: 10px;
}

#nav01 {
position: absolute;
width: 140px;
left: 265px;
top: 10px;
}

#nav02 {
position: absolute;
width: 140px;
left: 420px;
top: 10px;
}

#nav03 {
position: absolute;
width: 87px;
right: 100px;
top: 12px;
}

#nav04 {
position: absolute;
width: 88px;
right: 0;
top: 12px;
}

#nav01:hover,
#nav02:hover,
#nav03:hover,
#nav04:hover {
opacity: .7;
}

#nav05 {
position: absolute;
width: 250px;
height: 50px;
overflow: hidden;
left: 0;
top: 55px;
}

#nav06 {
position: absolute;
width: 250px;
height: 50px;
overflow: hidden;
left: 265px;
top: 55px;
}

#nav07 {
position: absolute;
width: 250px;
height: 50px;
overflow: hidden;
right: 0;
top: 55px;
}

#nav05 a:hover img:first-child,
#nav06 a:hover img:first-child,
#nav07 a:hover img:first-child {
display: none;
}

#kvWrap {
width: 780px;
margin: 0 auto;
padding: 115px 0 80px;
}

.commonTitle {
background-color: #e63e37;
width: 100%;
height: 75px;
text-align: center;
padding: 7px;
}

.commonTitle img {
margin: 0 auto;
}

.wrap {
width: 780px;
margin: 0 auto;
padding: 80px 0;
}

#btnWrap01 {
width: 300px;
margin: 40px auto;
margin-bottom: 80px;
}

#btnWrap01:hover img {
opacity: .8;
}

.btnWrap02 {
width: 620px;
margin: 40px auto;
margin-bottom: 80px;
}

.btnWrap02:hover img {
opacity: .8;
}

.btnWrap03 {
width: 620px;
margin: 40px auto;
}

.btnWrap03:hover img {
opacity: .8;
}

#wrapRecommend {
position: relative;
width: 800px;
margin: 0 auto;
margin-bottom: 80px;
padding: 80px 0 0 0;
}

#mapTitle {
width: 630px;
margin: 0 auto;
margin-bottom: 30px;
}

#recbody ul {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
left: 2px;
}

#recbody ul li {
width: 50%;
}

#recbody ul li a:hover {
opacity: .8;
}

#recommendarea {
width: 780px;
margin: 0 auto;
}

#recommendarea img {
display: none;
margin-top: 1.25rem;
}

#recommendarea a:hover {
opacity: 1;
}

#termsAndConditionsWrap {
width: 780px;
margin: 0 auto;
padding: 0 0 80px;
}

.termsAndConditionsWrap {
width: 780px;
margin: 0 auto;
padding: 60px 0 0 0;
}

.termsAndConditionsWrap h2 {
background-color: #e63e37;
width: 100%;
height: 60px;
font-size: 3rem;
font-weight: 700;
text-align: left;
color: #fff;
padding: 0 35px;
border-radius: 30px 30px 0 0;
line-height: 55px;
}

.termsAndConditionsWrap .inner {
background-color: #fff;
text-align: justify;
padding: 32px 35px;
border-radius: 0 0 30px 30px;
}

.termsAndConditionsWrap .inner h3 {
font-size: 2rem;
margin-bottom: 20px;
}

.termsAndConditionsWrap .innerTac {
background-color: #fff;
text-align: justify;
padding: 32px 35px;
border-radius: 0 0 30px 30px;
}

.termsAndConditionsWrap .innerTac h3 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 5px;
}

.termsAndConditionsWrap .innerTac p {
margin-bottom: 18px;
padding-bottom: 20px;
border-bottom: 1px solid #e63e37;
}

footer {
font-weight: 700;
font-size: 1.4rem;
padding: 0 0 120px 0;
}

#pagetop {
position: fixed;
width: 140px;
right: 20px;
bottom: -140px;
z-index: 50;
}

}