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


/*(Page_privacy)*/
.Page_inner.Page_privacy.PageKv-short{
padding-top: 60px;
height: auto;
padding: 60px;
}

.Page_privacy .button_area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 70px;
}

.Page_privacy .button_area div{
width: 47%;
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
-webkit-box-sizing:content-box;
box-sizing: content-box;
padding: 5px 1px;
max-width: 19em;
margin: 0 2%;
}


.Page_privacy .button-left,
.Page_privacy .button-right{
width: 80%;
height: 64px;
color: #fff;
font-size: 1.25rem;
background-color: #4D1F68;;
padding: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 64px;
}

.Page_privacy .button-left a,
.Page_privacy .button-right a{
color: #fff;
font-weight: normal;
text-align: center;
display: block;
}

.Page_privacy .button-left:hover,
.Page_privacy .button-right:hover{
opacity: .7;
}

.Page_privacy .button_area .-media{
background-color: #b13b53;
}

.Page_privacy .arrow{
position: relative;
display: inline-block;
padding: 0;
vertical-align: middle;
}

.Page_privacy .arrow::after {
display: block;
content: "";
position: absolute;
top: 42%;
left: calc(50% + 2.5em);
width: 0.4rem;
height: 0.4rem;
margin: 0 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.Page_privacy .-media .arrow::after{
left: calc(50% + 5em);
}


@media only screen and (max-width:736px) {
.button_area.about-shape {
display: block;
padding-bottom: 40px;
}
.button_area.about-shape div {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0 0 25px 0;}

.Page_privacy .button-left,
.Page_privacy .button-right {
    font-size: 1rem;}
}