@charset "utf-8";

/* CSS Document */
/*--------------------------------------
　Main Index
---------------------------------------*/
.keyArea {margin: 4rem auto 4rem auto;position: relative;max-width: 1368px;}

.keyArea::before {
content: "";
display: block;
width: 820px;
position: absolute;
background: #f7f7f7;
left: 0;
top: 3rem;
height: calc(100% - 15rem);
z-index: -1;
pointer-events: none;
}

.keyArea .inner {width: 100%;margin: 0 auto;padding: 6rem 46rem 4rem 17rem;box-sizing: border-box;position: relative;background: url(img/key.png) no-repeat right top;min-height: 50rem;}

.keyArea .inner::before {
position: absolute;
content: "";
width: 148px;
height: 401px;
left: 0;
top: 0;
background: url(img/mv_bg.png) no-repeat left top;
background-size: auto 100%;
}

.keyArea .inner .subTit {font-size: 2.3rem;font-weight: bold;color: #000;margin-bottom: 2rem;line-height: 1.4;padding-left: 2rem;}

.keyArea .inner .mainTit {
color: #fff;
font-size: 3rem;
width: 690px;
background: #0c214e;
line-height: 1.4;
margin: 0 0 2rem 0;
padding: 1.5rem;
letter-spacing: 0.1rem;
box-sizing: border-box;
}

.keyArea .inner .mainTit span {
padding: 0 0.3rem 0 0;
color: #fcf435;
font-size: 3.8rem;
}

.keyArea .inner p:not([class]) {max-width: 650px;padding: 2rem;box-sizing: border-box;font-size: 1.6rem;color: #000;}





@media screen and (max-width: 480px) {
.keyArea {background: url("img/key.png") right top no-repeat;background-size: 14rem auto;padding: 0 2rem;margin-top: 0;}

.keyArea::before {
height: 100%;
top: 3rem;
width: 100%;
background: #f7f7f7;
z-index: -1;
}

.keyArea .inner {
margin: 0 auto;
background: none;
box-sizing: border-box;
width: 100%;
padding: 5rem 0 0;
min-height: auto;
}

.keyArea .inner::before {width: 6rem;height: 12rem;background-size: contain;top: 0rem;left: -2rem;}

.keyArea .inner .subTit {font-size: 4vw;letter-spacing: 0;width: 50%;margin: 0 0 1rem 0;padding: 0 0 0 4rem;}

.keyArea .inner .mainTit {text-align: left;font-size: 4.5vw;width: calc(100% - 0rem);margin: 0 auto 1.5rem auto;padding: 0.8rem 1.6rem;box-sizing: border-box;}

.keyArea .inner .mainTit span {padding: 0;font-size: 5.5vw;}

.keyArea .inner p:not([class]) {
margin: 0;
padding: 0;
border: none;
font-size: 1.4rem;
line-height: 1.6;
}

.keyArea .inner .btn-internal {
margin: 2rem auto 0 auto;
}

}