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


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

.Page_us .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_us .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_us .button-left,
.Page_us .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_us .button-left a,
.Page_us .button-right a{
color: #fff;
font-weight: normal;
text-align: center;
display: block;
}

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

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

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

.Page_us .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_us .-media .arrow::after{
left: calc(50% + 5em);
}

.Page_us .Title_type03 {
background: #F5F1F9;
padding: 0.8em;
margin: 0 0 20px;
font-size: 1.25rem;
}

.Page_us .Relatin_plune {
border-bottom: 5px dotted #6c378c;
margin-bottom: 30px;
}

.Page_us ol{
list-style: decimal;
padding-left:2em;
margin-bottom: 30px;
}

.Page_us ol li{
line-height: 1.5;
padding: 0.5em 0;
}

.Page_us .relation li{
margin-bottom: 20px;
}

.Page_us .links_area li {
vertical-align: middle;
}

.Page_us .links_area a {
color: #A64D79;
}

.Page_us .Relation_link a::before {
content: '>';
padding-right: 0.5em;
}

.Page_us .Official_Link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}

.Page_us .Official_Link a{
display: inline-block;
}

.Page_us .Official_Link img{
vertical-align: middle;
border: 1px solid #CCCCCC;
margin: 0 0.5em 0.5em 0;
max-width: 50px;
}

.Page_us .OfficialLink_item {
box-sizing: border-box;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
width: 50%;
padding: 1em;
margin: 10px;
font-weight: bold;
}
.Page_us .OfficialLink_item_3block{
box-sizing: border-box;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
width: 32%;
padding: 1em;
margin: 10px;
font-weight: bold;
}

.Page_us .double_row{
display: inline-block;
vertical-align:top;}



.Page_us .Official_Link .annotation{
color: #757575;
font-size: 0.9em;
margin-left: 0.5em;
font-weight: normal;
}

.Page_us .relation .annotation{
color: #757575;
font-size: 0.9em;
margin-left: 1.5em;
font-weight: normal;
display: block;
}

@media only screen and (max-width:736px) {

.Page_us ol li{
font-size: 0.75rem;
}

.Page_us .links_area{
font-size: 1rem;}

.Page_us .Title_type03 {
font-size: 1.125rem;
}

.Page_us .button_area.about-shape {
display: block;
padding-bottom: 40px;
}
.Page_us .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_us .button-left,
.Page_us .button-right {
font-size: 1rem;}

.Page_us .Official_Link {
display: block;}

.Page_us .OfficialLink_item,
.Page_us .OfficialLink_item_3block{
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
padding: 1em;
margin: 0 0 15px 0;
}

.Page_us .double_row { vertical-align: middle;}

}