/**
* Fonts
*/
.company .pageHeader {
background:url(../img/company/company_pageheader.png) no-repeat center center/cover;
}
.company_title {
margin-bottom:64px;
font-size:4rem;
font-weight:600;
letter-spacing:0.1em;
}
@media screen and (max-width:1366px) {
.company_title {
margin-bottom:4.6852122987vw;
font-size:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.company_title {
margin-bottom:9.6618357488vw;
font-size:6.7632850242vw;
letter-spacing:0.02em;
left:1.9323671498vw;
}
}
@media screen and (max-width:828px) {
.company_title.commonTitle .commonTitle_main {
font-size:6.7632850242vw;
letter-spacing:0.1em;
}
}
@media screen and (max-width:828px) {
.company_title.commonTitle .commonTitle_sub {
font-size:2.8985507246vw;
}
}
.company_section {
z-index:2;
}
.company_section ~ .company_section {
margin-top:120px;
}
@media screen and (max-width:1366px) {
.company_section ~ .company_section {
margin-top:8.78477306vw;
}
}
@media screen and (max-width:828px) {
.company_section ~ .company_section {
margin-top:19.3236714976vw;
}
}
.companyContainer {
background:#fff;
padding:80px 0 120px;
/*
&::after {
content:"";
background:$lightGray;
width:140%;
height:46%;
position:absolute;
bottom:0;
left:-40%;
@include bp( max, 1366px ) {
}
@include bp( max, 828px ) {
width:111%;
height:61%;
left:-10%;
}
}
*/
}
@media screen and (max-width:1366px) {
.companyContainer {
padding:5.8565153734vw 0 8.78477306vw;
}
}
@media screen and (max-width:828px) {
.companyContainer {
padding:11.5942028986vw 0 19.3236714976vw;
}
}
.companyContainer::before {
content:"";
background:url(../img/common/logo_x.svg) no-repeat center center/100%;
width:549px;
height:529px;
position:absolute;
top:0;
right:0;
}
@media screen and (max-width:1366px) {
.companyContainer::before {
width:40.1903367496vw;
height:38.7262079063vw;
}
}
@media screen and (max-width:828px) {
.companyContainer::before {
width:53.1400966184vw;
height:51.2077294686vw;
}
}
@media screen and (max-width:828px) {
.companyInner.commonWidth-narrow {
width:93.5828877005%;
}
}
.companyCeo_text {
position:absolute;
bottom:0;
right:0;
background:#fff;
padding:16px 40px;
}
@media screen and (max-width:1366px) {
.companyCeo_text {
padding:1.1713030747vw 2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyCeo_text {
position:relative;
padding:0;
margin-top:5.7971014493vw;
}
}
.companyCeo_text_position, .companyCeo_text_name {
display:block;
letter-spacing:0.1em;
}
.companyCeo_text_position {
font-size:1.4rem;
}
@media screen and (max-width:1366px) {
.companyCeo_text_position {
font-size:1.0248901903vw;
}
}
@media screen and (max-width:828px) {
.companyCeo_text_position {
font-size:3.3816425121vw;
}
}
.companyCeo_text_name {
font-size:2.4rem;
font-weight:600;
}
@media screen and (max-width:1366px) {
.companyCeo_text_name {
font-size:1.756954612vw;
}
}
@media screen and (max-width:828px) {
.companyCeo_text_name {
font-size:5.7971014493vw;
}
}
.companyMessage {
margin-top:80px;
}
@media screen and (max-width:1366px) {
.companyMessage {
margin-top:5.8565153734vw;
}
}
@media screen and (max-width:828px) {
.companyMessage {
margin-top:13.5265700483vw;
}
}
.companyMessage_title {
margin-bottom:48px;
font-size:3.2rem;
font-weight:600;
letter-spacing:0.1em;
}
@media screen and (max-width:1366px) {
.companyMessage_title {
margin-bottom:3.513909224vw;
font-size:2.3426061493vw;
}
}
@media screen and (max-width:828px) {
.companyMessage_title {
margin-bottom:3.8647342995vw;
font-size:4.8309178744vw;
letter-spacing:0.04em;
}
}
.companyMessage_text {
line-height:2;
}
.companyMessage_text ~ .companyMessage_text {
margin-top:24px;
}
@media screen and (max-width:1366px) {
.companyMessage_text ~ .companyMessage_text {
margin-top:1.756954612vw;
}
}
@media screen and (max-width:828px) {
.companyMessage_text ~ .companyMessage_text {
margin-top:3.8647342995vw;
}
}
.companyAbout_title {
font-size:3.2rem;
font-weight:600;
letter-spacing:0.1em;
}
@media screen and (max-width:1366px) {
.companyAbout_title {
font-size:2.3426061493vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_title {
font-size:4.8309178744vw;
}
}
.companyAbout_list {
margin-top:16px;
}
@media screen and (max-width:1366px) {
.companyAbout_list {
margin-top:1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list {
margin-top:1.9323671498vw;
}
}
.companyAbout_list_item {
border-bottom:1px solid #777;
padding:40px 0;
display:flex;
}
@media screen and (max-width:1366px) {
.companyAbout_list_item {
padding:2.9282576867vw 0;
}
}
@media screen and (max-width:828px) {
.companyAbout_list_item {
display:block;
padding:7.729468599vw 0;
}
}
.companyAbout_list_title {
margin-right:auto;
font-weight:600;
min-width:200px;
}
@media screen and (max-width:1366px) {
.companyAbout_list_title {
min-width:14.6412884334vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list_title {
min-width:auto;
}
}
.companyAbout_list_body {
width:100%;
margin-left:80px;
line-height:2;
}
@media screen and (max-width:1366px) {
.companyAbout_list_body {
margin-left:5.8565153734vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list_body {
margin:1.9323671498vw 0 0 0;
}
}
.companyAbout_list_text ~ .companyAbout_list_text {
margin-top:16px;
}
@media screen and (max-width:1366px) {
.companyAbout_list_text ~ .companyAbout_list_text {
margin-top:1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list_text ~ .companyAbout_list_text {
margin-top:9.6618357488vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutAccess {
margin-top:7.729468599vw;
}
}
.companyAbout_list .companyAboutAccess_item:not(:first-child) {
margin-top:48px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutAccess_item:not(:first-child) {
margin-top:3.513909224vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutAccess_item:not(:first-child) {
margin-top:7.729468599vw;
}
}
.companyAbout_list .companyAboutAccess_title {
font-weight:600;
}
.companyAbout_list .companyAboutAccess_text {
margin-top:8px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutAccess_text {
margin-top:0.5856515373vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutAccess_text {
margin-top:1.9323671498vw;
}
}
.companyAbout_list .companyAboutAccess_text a {
display:inline;
}
.companyAbout_list .companyAboutAccess_text a:hover {
text-decoration:underline;
}
.companyAbout_list .companyAboutAccess_map {
height:340px;
margin-top:24px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutAccess_map {
height:24.8901903367vw;
margin-top:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutAccess_map {
height:56.2801932367vw;
margin-top:5.7971014493vw;
}
}
.companyAbout_list .companyAboutAccess_map iframe, .companyAbout_list .companyAboutAccess_map div {
width:100%;
height:100%;
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer {
margin-top:5.7971014493vw;
}
}
.companyAbout_list .companyAboutOfficer_item {
display:flex;
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_item {
display:block;
}
}
.companyAbout_list .companyAboutOfficer_item:not(:first-child) {
margin-top:40px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_item:not(:first-child) {
margin-top:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_item:not(:first-child) {
margin-top:13.5265700483vw;
}
}
.companyAbout_list .companyAboutOfficer_item-03 {
margin-top:86px !important;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_item-03 {
margin-top:6.2957540264vw !important;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_item-03 {
margin-top:13.5265700483vw !important;
}
}
.companyAbout_list .companyAboutOfficer_image {
width:150px;
min-width:150px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_image {
width:10.980966325vw;
min-width:10.980966325vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_image {
width:36.231884058vw;
min-width:auto;
margin:auto;
}
}
.companyAbout_list .companyAboutOfficer_body {
width:100%;
margin-left:40px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_body {
margin-left:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_body {
margin:3.8647342995vw 0 0 0;
}
}
.companyAbout_list .companyAboutOfficer_title {
font-weight:600;
}
.companyAbout_list .companyAboutOfficer_title_position, .companyAbout_list .companyAboutOfficer_title_name {
display:block;
letter-spacing:0.1em;
}
.companyAbout_list .companyAboutOfficer_title_position {
font-size:1.2rem;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_title_position {
font-size:0.878477306vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_title_position {
font-size:2.8985507246vw;
}
}
.companyAbout_list .companyAboutOfficer_text {
margin-top:16px;
font-size:1.2rem;
line-height:2;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutOfficer_text {
margin-top:1.1713030747vw;
font-size:0.878477306vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutOfficer_text {
margin-top:1.9323671498vw;
font-size:2.8985507246vw;
}
}
.companyAbout_list .companyAboutPartner {
display:flex;
flex-wrap:wrap;
margin:-40px 0 0 -40px;
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutPartnerWrapper {
margin-top:7.729468599vw;
}
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutPartner {
margin:-2.9282576867vw 0vw 0vw -2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutPartner {
margin:-5% 0 0 -5%;
}
}
.companyAbout_list .companyAboutPartner_item {
height:72px;
margin:40px 0 0 40px;
}
@media screen and (max-width:1366px) {
.companyAbout_list .companyAboutPartner_item {
height:5.270863836vw;
margin:2.9282576867vw 0vw 0vw 2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list .companyAboutPartner_item {
width:45%;
height:15.4589371981vw;
margin:5% 0 0 5%;
}
}
.companyAbout_list .companyAboutPartner_item img {
width:auto;
height:100%;
}
.companyAbout_list_image {
width:560px;
}
@media screen and (max-width:1366px) {
.companyAbout_list_image {
width:40.9956076135vw;
}
}
@media screen and (max-width:828px) {
.companyAbout_list_image {
width:100%;
}
}

/*
.companyPage {
.footer {
//margin-top:80px;
@include bp( max, 1366px ) {
//margin-top:vw_pc( 80 );
}
@include bp( max, 828px ) {
margin-top:vw_sp( 0 );
}
}
}
*/