@charset "UTF-8";

/*------------------------------------------------
 Service Site
------------------------------------------------*/
.sp_flex { display: none }
.pc_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.f_left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.f_left > div { margin-right: 20px }
.f_left > div:first-of-type { width: calc(100% - 800px) }
.f_left > div:not(:first-of-type) { width: 370px }
.f_right { padding-top: 35px }
@media screen and (max-width: 767px) {
    footer li:not(:last-of-type) a {
        margin-right: 0;
    }
    .f_left { width: 100% }
	.f_left > div:first-of-type {
        text-align: center;
        padding: 6% 3%;
        #background-color: #462c64;
		margin: 0;
    }
	.f_right { padding-top: 0 }
    .sp_flex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
		justify-content: revert;
		margin-top: 10px !important;
    }
    .pc_flex { display: none }
}

@media screen and (max-width: 1530px) {
    .f_left { flex-direction: column }
    .f_left > div {
    	width: auto !important;
        margin-bottom: 20px;
     }
}