Commit fe8be6de by Orine Matsui

cssの整理調整

parent b08013fa
Showing with 295 additions and 1294 deletions
...@@ -113,7 +113,7 @@ h3, ...@@ -113,7 +113,7 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: "heisei-kaku-gothic-std", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-family: heisei-kaku-gothic-std, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
...@@ -441,7 +441,9 @@ footer ...@@ -441,7 +441,9 @@ footer
.c-footer__phone { .c-footer__phone {
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-style: normal;
font-weight: 500;
padding-left: 25px; padding-left: 25px;
background-image: url(/assets/img/common/icon_phone.png); background-image: url(/assets/img/common/icon_phone.png);
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -520,7 +522,7 @@ footer ...@@ -520,7 +522,7 @@ footer
.c-footer__list { .c-footer__list {
width: 28%; width: 28%;
margin-right: 5.5%; margin-right: 5.5%;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
} }
...@@ -700,7 +702,7 @@ footer ...@@ -700,7 +702,7 @@ footer
text-decoration: none; text-decoration: none;
font-size: 1.3rem; font-size: 1.3rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
} }
...@@ -715,7 +717,7 @@ footer ...@@ -715,7 +717,7 @@ footer
text-align: center; text-align: center;
font-size: 1.3rem; font-size: 1.3rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
} }
...@@ -903,7 +905,7 @@ header ...@@ -903,7 +905,7 @@ header
.c-header1-link1 { .c-header1-link1 {
display: inline-block; display: inline-block;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #093d6e; color: #093d6e;
...@@ -933,7 +935,7 @@ header ...@@ -933,7 +935,7 @@ header
} }
.c-header1-btn1 { .c-header1-btn1 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
width: 188px; width: 188px;
height: 60px; height: 60px;
background: #093d6e; background: #093d6e;
...@@ -1029,6 +1031,11 @@ header ...@@ -1029,6 +1031,11 @@ header
box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 3px 0px 10px 0px rgba(0,0,0,0.15);
} }
@media screen and (max-width: 1439px) and (min-width: 767px) {
}
.fixed-nav.is-show .c-header1-logo { .fixed-nav.is-show .c-header1-logo {
padding: 0 0 0 12px; padding: 0 0 0 12px;
} }
...@@ -1759,10 +1766,11 @@ mainvisual ...@@ -1759,10 +1766,11 @@ mainvisual
font-size: 5rem; font-size: 5rem;
line-height: 1.2; line-height: 1.2;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 600; font-weight: 600;
font-style: normal;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl, .c-mainvisual__ttl,
.c-mainvisual__title { .c-mainvisual__title {
...@@ -1776,8 +1784,7 @@ mainvisual ...@@ -1776,8 +1784,7 @@ mainvisual
color: #fff; color: #fff;
margin: 27px 0 0; margin: 27px 0 0;
text-align: center; text-align: center;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-style: normal;
font-weight: 700; font-weight: 700;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -1919,6 +1926,11 @@ body { ...@@ -1919,6 +1926,11 @@ body {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
min-width: 1250px; min-width: 1250px;
} }
@media screen and (max-width: 767px) {
body {
min-width: 320px;
}
}
.page-choicetheory a { .page-choicetheory a {
text-decoration: none; text-decoration: none;
...@@ -2007,7 +2019,7 @@ body { ...@@ -2007,7 +2019,7 @@ body {
.p-choicetheory .c-ctText1 { .p-choicetheory .c-ctText1 {
color: #363636; color: #363636;
font-size: 1.8rem; font-size: 1.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
line-height: 1.556; line-height: 1.556;
...@@ -2022,7 +2034,7 @@ body { ...@@ -2022,7 +2034,7 @@ body {
.p-choicetheory .c-ctText2 { .p-choicetheory .c-ctText2 {
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 300; font-weight: 300;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
line-height: 1.625; line-height: 1.625;
} }
...@@ -2039,7 +2051,7 @@ body { ...@@ -2039,7 +2051,7 @@ body {
.p-choicetheory .c-ctImgtxt1__ttl1 { .p-choicetheory .c-ctImgtxt1__ttl1 {
font-size: 4rem; font-size: 4rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 1.2; line-height: 1.2;
max-width: 580px; max-width: 580px;
margin-bottom: 34px; margin-bottom: 34px;
...@@ -2194,7 +2206,7 @@ body { ...@@ -2194,7 +2206,7 @@ body {
.p-choicetheory .c-ctImgtxt2__ttl1 { .p-choicetheory .c-ctImgtxt2__ttl1 {
color: #c71e37; color: #c71e37;
font-size: 2.4rem; font-size: 2.4rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
line-height: 1.167; line-height: 1.167;
margin-bottom: 7px; margin-bottom: 7px;
} }
...@@ -2322,7 +2334,7 @@ body { ...@@ -2322,7 +2334,7 @@ body {
.p-choicetheory .c-ctList1__list1 li { .p-choicetheory .c-ctList1__list1 li {
font-size: 1.6rem; font-size: 1.6rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
color: #363636; color: #363636;
line-height: 1.625; line-height: 1.625;
position: relative; position: relative;
...@@ -2563,7 +2575,7 @@ body { ...@@ -2563,7 +2575,7 @@ body {
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
position: absolute; position: absolute;
top: 2px; top: 2px;
left: -100px; left: -100px;
...@@ -2585,7 +2597,7 @@ body { ...@@ -2585,7 +2597,7 @@ body {
display: inline-block; display: inline-block;
border-bottom: 2px solid #beac56; border-bottom: 2px solid #beac56;
line-height: 1.3; line-height: 1.3;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2610,7 +2622,7 @@ body { ...@@ -2610,7 +2622,7 @@ body {
font-size: 2.4rem; font-size: 2.4rem;
color: #363636; color: #363636;
line-height: 1.4; line-height: 1.4;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2676,7 +2688,7 @@ body { ...@@ -2676,7 +2688,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
line-height: 1.65; line-height: 1.65;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2703,7 +2715,7 @@ body { ...@@ -2703,7 +2715,7 @@ body {
font-size: 2.4rem; font-size: 2.4rem;
color: #363636; color: #363636;
margin-bottom: 4px; margin-bottom: 4px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2716,7 +2728,7 @@ body { ...@@ -2716,7 +2728,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
line-height: 1.7; line-height: 1.7;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2745,7 +2757,7 @@ body { ...@@ -2745,7 +2757,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
color: #363636; color: #363636;
text-align: center; text-align: center;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -2830,7 +2842,7 @@ body { ...@@ -2830,7 +2842,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
color: #fff; color: #fff;
background-color: #212121; background-color: #212121;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -3038,7 +3050,7 @@ body { ...@@ -3038,7 +3050,7 @@ body {
.p-technology4 .list li { .p-technology4 .list li {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
position: relative; position: relative;
padding-left: 30px; padding-left: 30px;
margin-bottom: 6px; margin-bottom: 6px;
...@@ -3247,23 +3259,7 @@ body { ...@@ -3247,23 +3259,7 @@ body {
.p-beginer a { .p-beginer a {
text-decoration: none; text-decoration: none;
} }
/*
.p-beginer .c-mainvisual {
padding-bottom: 13px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
background: url("/assets/img/beginner/bg1.jpg") no-repeat center/cover;
}
.p-beginer .c-mainvisual__txt {
margin: 31px 0 0;
}
@media screen and (max-width: 767px) {
.p-beginer .c-mainvisual__txt {
margin: 12px 0 0;
}
}
*/
.p-beginer .c-mainvisual { .p-beginer .c-mainvisual {
background: url("/assets/img/beginner/bg1.jpg") no-repeat center/cover; background: url("/assets/img/beginner/bg1.jpg") no-repeat center/cover;
} }
...@@ -3273,7 +3269,7 @@ body { ...@@ -3273,7 +3269,7 @@ body {
font-weight: bold; font-weight: bold;
color: #beac56; color: #beac56;
text-align: center; text-align: center;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 1.46; line-height: 1.46;
} }
...@@ -3349,7 +3345,7 @@ body { ...@@ -3349,7 +3345,7 @@ body {
.p-beginer .c-betext1 { .p-beginer .c-betext1 {
color: #363636; color: #363636;
font-size: 1.8rem; font-size: 1.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
} }
...@@ -3361,7 +3357,7 @@ body { ...@@ -3361,7 +3357,7 @@ body {
} }
.p-beginer .c-beblock1 { .p-beginer .c-beblock1 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -3502,7 +3498,7 @@ body { ...@@ -3502,7 +3498,7 @@ body {
.p-beginer .c-beImgtxt1__ttl1 { .p-beginer .c-beImgtxt1__ttl1 {
font-size: 3.2rem; font-size: 3.2rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
text-align: center; text-align: center;
margin-bottom: 23px; margin-bottom: 23px;
} }
...@@ -3515,7 +3511,7 @@ body { ...@@ -3515,7 +3511,7 @@ body {
} }
.p-beginer .c-beImgtxt1__info { .p-beginer .c-beImgtxt1__info {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 2rem; font-size: 2rem;
line-height: 1.4; line-height: 1.4;
font-weight: 500; font-weight: 500;
...@@ -3642,17 +3638,6 @@ body { ...@@ -3642,17 +3638,6 @@ body {
} }
} }
.p-access {
color: #363636;
padding-bottom: 136px;
}
@media screen and (max-width: 767px) {
.p-access {
padding: 100px 0 50px;
}
}
.p-access a { .p-access a {
text-decoration: none; text-decoration: none;
} }
...@@ -3685,7 +3670,7 @@ body { ...@@ -3685,7 +3670,7 @@ body {
.p-access-list2 li { .p-access-list2 li {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
position: relative; position: relative;
padding-left: 18px; padding-left: 18px;
} }
...@@ -3716,7 +3701,7 @@ body { ...@@ -3716,7 +3701,7 @@ body {
.p-access-ttl { .p-access-ttl {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1; line-height: 1;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
color: #fff; color: #fff;
background: #0b2237; background: #0b2237;
text-align: center; text-align: center;
...@@ -3733,7 +3718,7 @@ body { ...@@ -3733,7 +3718,7 @@ body {
.p-access-label { .p-access-label {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
background: #dbdbdb; background: #dbdbdb;
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
...@@ -3762,7 +3747,7 @@ body { ...@@ -3762,7 +3747,7 @@ body {
.p-access-text2 { .p-access-text2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding: 13px 0 0; padding: 13px 0 0;
margin-bottom: -14px; margin-bottom: -14px;
} }
...@@ -3821,7 +3806,7 @@ body { ...@@ -3821,7 +3806,7 @@ body {
.p-access-table dd { .p-access-table dd {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding: 0 0 10px 8px; padding: 0 0 10px 8px;
} }
...@@ -3846,7 +3831,7 @@ body { ...@@ -3846,7 +3831,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #0a3e6e; color: #0a3e6e;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-weight: bold; font-weight: bold;
width: 180px; width: 180px;
height: 38px; height: 38px;
...@@ -3884,56 +3869,13 @@ body { ...@@ -3884,56 +3869,13 @@ body {
transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);
} }
.p-access-mv {
background: url("/assets/img/company/access/mv-bg.jpg") no-repeat top center;
background-size: cover;
height: 250px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-access-mv {
margin-bottom: 30px;
height: 200px;
}
}
.p-access-mv-ttl {
font-size: 5rem;
line-height: 6rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
font-weight: bold;
text-align: center;
color: #fff;
padding-top: 14px;
}
@media screen and (max-width: 767px) {
.p-access-mv-ttl {
font-size: 3rem;
line-height: 1;
}
}
.p-tokyo { .p-tokyo {
padding-bottom: 57px; padding-bottom: 57px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-tokyo { .p-tokyo {
padding: 100px 0 50px; padding: 0 0 50px;
} }
} }
...@@ -3982,7 +3924,7 @@ body { ...@@ -3982,7 +3924,7 @@ body {
} }
.p-tokyo-text1 { .p-tokyo-text1 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
} }
...@@ -4054,7 +3996,7 @@ body { ...@@ -4054,7 +3996,7 @@ body {
.p-tokyo2-list2 li { .p-tokyo2-list2 li {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 3.2rem; line-height: 3.2rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
position: relative; position: relative;
padding-left: 16px; padding-left: 16px;
} }
...@@ -4086,7 +4028,7 @@ body { ...@@ -4086,7 +4028,7 @@ body {
.p-tokyo2-link { .p-tokyo2-link {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
width: 280px; width: 280px;
height: 80px; height: 80px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
...@@ -4162,7 +4104,7 @@ body { ...@@ -4162,7 +4104,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 2.8rem; line-height: 2.8rem;
font-weight: bold; font-weight: bold;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding: 6px 0; padding: 6px 0;
} }
...@@ -4210,97 +4152,6 @@ body { ...@@ -4210,97 +4152,6 @@ body {
/company/ceo/ /company/ceo/
------------------------------------------------------------*/ ------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-ceo .c-mainvisual {
width: 100%;
height: 250px;
background-image: url(/assets/img/company/mv-02.jpg);
background-position: center top;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-ceo .c-mainvisual {
margin: 100px 0 30px;
height: 200px;
}
}
.p-ceo .c-mainvisual__inner {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-ceo .c-mainvisual__inner {
padding: 0 20px;
}
}
.p-ceo .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.p-ceo .c-mainvisual__title {
font-size: 3rem;
line-height: 1.5;
}
}
.p-ceo .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif';
text-align: right;
}
@media screen and (max-width: 767px) {
.p-ceo .c-mainvisual__text {
font-size: 1.2rem;
text-align: center;
}
}
.p-ceo .c-mainvisual .c-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.p-ceo .container {
margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
.p-ceo .container {
margin-bottom: 50px;
}
}
/*
------------------------------------------------------------*/
.p-ceo1 .c-image { .p-ceo1 .c-image {
margin-bottom: 57px; margin-bottom: 57px;
} }
...@@ -4431,84 +4282,6 @@ body { ...@@ -4431,84 +4282,6 @@ body {
/company/csr/ /company/csr/
------------------------------------------------------------*/ ------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-csr .c-mainvisual {
width: 100%;
height: 250px;
background-image: url(/assets/img/company/mv-02.jpg);
background-position: center top;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-csr .c-mainvisual {
margin: 100px 0 30px;
height: 200px;
}
}
.p-csr .c-mainvisual__inner {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-csr .c-mainvisual__inner {
padding: 0 20px;
}
}
.p-csr .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.p-csr .c-mainvisual__title {
font-size: 3em;
line-height: 1.5;
}
}
.p-csr .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif';
text-align: right;
}
@media screen and (max-width: 767px) {
.p-csr .c-mainvisual__text {
font-size: 1.2rem;
text-align: center;
}
}
.p-csr .c-mainvisual .c-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.p-csr .container { .p-csr .container {
margin-bottom: 139px; margin-bottom: 139px;
} }
...@@ -4819,84 +4592,6 @@ body { ...@@ -4819,84 +4592,6 @@ body {
/company/group/ /company/group/
------------------------------------------------------------*/ ------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-group .c-mainvisual {
width: 100%;
height: 250px;
background-image: url(/assets/img/company/mv-02.jpg);
background-position: center top;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-group .c-mainvisual {
margin: 100px 0 30px;
height: 200px;
}
}
.p-group .c-mainvisual__inner {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-group .c-mainvisual__inner {
padding: 0 20px;
}
}
.p-group .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.p-group .c-mainvisual__title {
font-size: 3rem;
line-height: 1.5;
}
}
.p-group .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif';
text-align: right;
}
@media screen and (max-width: 767px) {
.p-group .c-mainvisual__text {
font-size: 1.2rem;
text-align: center;
}
}
.p-group .c-mainvisual .c-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.p-group .container { .p-group .container {
margin-bottom: 180px; margin-bottom: 180px;
} }
...@@ -5071,7 +4766,6 @@ body { ...@@ -5071,7 +4766,6 @@ body {
------------------------------------------------------------*/ ------------------------------------------------------------*/
/* /*
------------------------------------------------------------*/
.p-history .c-mainvisual { .p-history .c-mainvisual {
width: 100%; width: 100%;
height: 250px; height: 250px;
...@@ -5114,7 +4808,7 @@ body { ...@@ -5114,7 +4808,7 @@ body {
.p-history .c-mainvisual__title { .p-history .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
font-weight: bold; font-weight: bold;
} }
...@@ -5129,7 +4823,7 @@ body { ...@@ -5129,7 +4823,7 @@ body {
.p-history .c-mainvisual__text { .p-history .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; text-align: right;
} }
...@@ -5146,7 +4840,7 @@ body { ...@@ -5146,7 +4840,7 @@ body {
left: 0; left: 0;
right: 0; right: 0;
} }
*/
.p-history .container { .p-history .container {
margin-bottom: 150px; margin-bottom: 150px;
} }
...@@ -5259,8 +4953,6 @@ body { ...@@ -5259,8 +4953,6 @@ body {
------------------------------------------------------------*/ ------------------------------------------------------------*/
/* /*
------------------------------------------------------------*/
.p-officer .c-mainvisual { .p-officer .c-mainvisual {
width: 100%; width: 100%;
height: 250px; height: 250px;
...@@ -5303,7 +4995,7 @@ body { ...@@ -5303,7 +4995,7 @@ body {
.p-officer .c-mainvisual__title { .p-officer .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
font-weight: bold; font-weight: bold;
} }
...@@ -5318,7 +5010,7 @@ body { ...@@ -5318,7 +5010,7 @@ body {
.p-officer .c-mainvisual__text { .p-officer .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; text-align: right;
} }
...@@ -5335,7 +5027,7 @@ body { ...@@ -5335,7 +5027,7 @@ body {
left: 0; left: 0;
right: 0; right: 0;
} }
*/
.p-officer .container { .p-officer .container {
margin-bottom: 110px; margin-bottom: 110px;
} }
...@@ -5511,7 +5203,6 @@ body { ...@@ -5511,7 +5203,6 @@ body {
------------------------------------------------------------*/ ------------------------------------------------------------*/
/* /*
------------------------------------------------------------*/
.p-outline .c-mainvisual { .p-outline .c-mainvisual {
width: 100%; width: 100%;
height: 250px; height: 250px;
...@@ -5554,7 +5245,7 @@ body { ...@@ -5554,7 +5245,7 @@ body {
.p-outline .c-mainvisual__title { .p-outline .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
font-weight: bold; font-weight: bold;
} }
...@@ -5569,7 +5260,7 @@ body { ...@@ -5569,7 +5260,7 @@ body {
.p-outline .c-mainvisual__text { .p-outline .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; text-align: right;
} }
...@@ -5586,6 +5277,7 @@ body { ...@@ -5586,6 +5277,7 @@ body {
left: 0; left: 0;
right: 0; right: 0;
} }
------------------------------------------------------------*/
.p-outline .container { .p-outline .container {
margin-bottom: 200px; margin-bottom: 200px;
...@@ -5819,89 +5511,76 @@ body { ...@@ -5819,89 +5511,76 @@ body {
------------------------------------------------------------*/ ------------------------------------------------------------*/
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.p-philosophy .c-mainvisual {
.p-company-detail .c-mainvisual {
width: 100%; width: 100%;
height: 250px; height: 250px;
background-image: url(/assets/img/company/mv-02.jpg); background-image: url(/assets/img/company/mv-02.jpg);
background-position: center top; background-position: center top;
background-size: cover; background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 60px; margin-bottom: 60px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-philosophy .c-mainvisual { .p-company-detail .c-mainvisual {
margin: 100px 0 50px; margin: 100px 0 30px;
height: 200px; height: 125px;
} }
} }
.p-philosophy .c-mainvisual__inner { .p-company-detail .c-mainvisual__inner {
text-align: center; text-align: center;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-philosophy .c-mainvisual__inner { .p-company-detail .c-mainvisual__inner {
padding: 0 20px; padding: 0 20px;
} }
} }
.p-philosophy .c-mainvisual__title { .p-company-detail .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-philosophy .c-mainvisual__title { .p-company-detail .c-mainvisual__title {
font-size: 3rem; font-size: 3rem;
line-height: 1.5; line-height: 1.5;
} }
} }
.p-philosophy .c-mainvisual__text { .p-company-detail .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; text-align: right;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-philosophy .c-mainvisual__text { .p-company-detail .c-mainvisual__text {
font-size: 1.2rem; font-size: 1.2rem;
text-align: center; text-align: center;
} }
} }
.p-philosophy .c-mainvisual .c-breadcrumb { .p-company-detail .c-mainvisual .c-breadcrumb {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
} }
.p-philosophy .container { .p-company-detail .container {
margin-bottom: 100px; margin-bottom: 100px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-philosophy .container { .p-company-detail .container {
margin-bottom: 50px; margin-bottom: 50px;
} }
} }
...@@ -5958,96 +5637,16 @@ body { ...@@ -5958,96 +5637,16 @@ body {
/company/ /company/
------------------------------------------------------------*/ ------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*
.p-company .c-breadcrumb {
background: transparent;
position: absolute;
width: 100%;
top: 114px;
left: 0;
}
.p-company .c-breadcrumb__inner {
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.p-company .c-breadcrumb__item {
position: relative;
margin: 0 2px 0 0;
}
.p-company .c-breadcrumb__item:first-child {
margin: 0 3px 0 -6px;
}
.p-company .c-breadcrumb__item:after {
content: '';
width: 100%;
height: 100%;
background: rgba(190, 172, 86, 0.3);
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(-20deg);
-ms-transform: skew(-20deg);
transform: skew(-20deg);
}
.p-company .c-breadcrumb a,
.p-company .c-breadcrumb span {
font-size: 1.2rem;
line-height: 1.5;
color: #fff;
position: relative;
z-index: 2;
display: block;
text-decoration: none;
}
.p-company .c-breadcrumb span {
padding: 6px 16px;
}
*/
.p-company .c-mainvisual { .p-company .c-mainvisual {
width: 100%;
height: 500px; height: 500px;
background-image: url(/assets/img/company/mv.jpg); background-image: url(/assets/img/company/mv.jpg);
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 80px; margin-bottom: 80px;
padding-bottom: 40px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-company .c-mainvisual { .p-company .c-mainvisual {
height: 200px; height: 125px;
margin: 100px 0 0; margin: 100px 0 0;
padding-bottom: 0;
} }
} }
...@@ -6335,7 +5934,7 @@ body { ...@@ -6335,7 +5934,7 @@ body {
.p-news .c-mainvisual__title { .p-news .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
font-weight: bold; font-weight: bold;
} }
...@@ -6350,7 +5949,7 @@ body { ...@@ -6350,7 +5949,7 @@ body {
.p-news .c-mainvisual__text { .p-news .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; text-align: right;
} }
...@@ -7091,7 +6690,7 @@ body { ...@@ -7091,7 +6690,7 @@ body {
.p-kita1 .c-imgtext__info { .p-kita1 .c-imgtext__info {
width: calc(100% - 300px); width: calc(100% - 300px);
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding-left: 30px; padding-left: 30px;
} }
...@@ -7147,7 +6746,7 @@ body { ...@@ -7147,7 +6746,7 @@ body {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 8px; margin-bottom: 8px;
} }
...@@ -7181,7 +6780,7 @@ body { ...@@ -7181,7 +6780,7 @@ body {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
.p-kita1 .c-step dl dt { .p-kita1 .c-step dl dt {
...@@ -7354,7 +6953,7 @@ body { ...@@ -7354,7 +6953,7 @@ body {
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
margin-bottom: 14px; margin-bottom: 14px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7422,28 +7021,6 @@ body { ...@@ -7422,28 +7021,6 @@ body {
.p-service_top .c-mainvisual { .p-service_top .c-mainvisual {
background-image: url(/assets/img/service/top/mv-img-02.jpg); background-image: url(/assets/img/service/top/mv-img-02.jpg);
}
/*
.p-service_top .c-mainvisual {
width: 100%;
height: 500px;
background-image: url(/assets/img/service/top/mv-img-02.jpg);
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative; position: relative;
} }
...@@ -7453,6 +7030,7 @@ body { ...@@ -7453,6 +7030,7 @@ body {
margin: 100px 0 0; margin: 100px 0 0;
} }
} }
/*
.p-service_top .c-mainvisual__inner { .p-service_top .c-mainvisual__inner {
text-align: center; text-align: center;
...@@ -7467,7 +7045,7 @@ body { ...@@ -7467,7 +7045,7 @@ body {
.p-service_top .c-mainvisual__title { .p-service_top .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; line-height: 2;
} }
...@@ -7481,7 +7059,7 @@ body { ...@@ -7481,7 +7059,7 @@ body {
.p-service_top .c-mainvisual__text { .p-service_top .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: center; text-align: center;
} }
...@@ -7514,7 +7092,7 @@ body { ...@@ -7514,7 +7092,7 @@ body {
font-size: 4.8rem; font-size: 4.8rem;
color: #beac56; color: #beac56;
text-align: center; text-align: center;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7532,7 +7110,7 @@ body { ...@@ -7532,7 +7110,7 @@ body {
font-size: 3.6rem; font-size: 3.6rem;
color: #232323; color: #232323;
position: relative; position: relative;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7590,7 +7168,7 @@ body { ...@@ -7590,7 +7168,7 @@ body {
font-size: 3.2rem; font-size: 3.2rem;
color: #363636; color: #363636;
margin: -7px 0 13px; margin: -7px 0 13px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7631,7 +7209,7 @@ body { ...@@ -7631,7 +7209,7 @@ body {
color: #fff; color: #fff;
background-color: #093d6e; background-color: #093d6e;
padding: 12px 0; padding: 12px 0;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7698,7 +7276,7 @@ body { ...@@ -7698,7 +7276,7 @@ body {
display: block; display: block;
text-align: center; text-align: center;
padding: 32px 0; padding: 32px 0;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7725,7 +7303,7 @@ body { ...@@ -7725,7 +7303,7 @@ body {
color: #363636; color: #363636;
text-align: center; text-align: center;
margin-bottom: 76px; margin-bottom: 76px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7807,7 +7385,7 @@ body { ...@@ -7807,7 +7385,7 @@ body {
line-height: 1.3; line-height: 1.3;
display: table; display: table;
margin-bottom: 18px; margin-bottom: 18px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7825,7 +7403,7 @@ body { ...@@ -7825,7 +7403,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
color: #232323; color: #232323;
line-height: 1.9; line-height: 1.9;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7854,7 +7432,7 @@ body { ...@@ -7854,7 +7432,7 @@ body {
color: #232323; color: #232323;
font-weight: bold; font-weight: bold;
margin-bottom: 11px; margin-bottom: 11px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7914,7 +7492,7 @@ body { ...@@ -7914,7 +7492,7 @@ body {
font-size: 3.2rem; font-size: 3.2rem;
color: #ab3951; color: #ab3951;
margin-bottom: 14px; margin-bottom: 14px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7929,7 +7507,7 @@ body { ...@@ -7929,7 +7507,7 @@ body {
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
margin-bottom: 29px; margin-bottom: 29px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -7943,7 +7521,7 @@ body { ...@@ -7943,7 +7521,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
line-height: 1.65; line-height: 1.65;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8015,7 +7593,7 @@ body { ...@@ -8015,7 +7593,7 @@ body {
color: #363636; color: #363636;
line-height: 1.4; line-height: 1.4;
padding: 24px 20px 5px; padding: 24px 20px 5px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8052,7 +7630,7 @@ body { ...@@ -8052,7 +7630,7 @@ body {
color: #363636; color: #363636;
line-height: 1.4; line-height: 1.4;
margin-bottom: 4px; margin-bottom: 4px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8150,7 +7728,7 @@ body { ...@@ -8150,7 +7728,7 @@ body {
line-height: 1.9; line-height: 1.9;
padding-left: 40px; padding-left: 40px;
margin-top: -8px; margin-top: -8px;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8202,7 +7780,7 @@ body { ...@@ -8202,7 +7780,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
color: #363636; color: #363636;
line-height: 1.6; line-height: 1.6;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8273,7 +7851,7 @@ body { ...@@ -8273,7 +7851,7 @@ body {
font-size: 2rem; font-size: 2rem;
color: #363636; color: #363636;
margin-bottom: 2px; margin-bottom: 2px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8285,7 +7863,7 @@ body { ...@@ -8285,7 +7863,7 @@ body {
.p-service_top6 .list_text { .p-service_top6 .list_text {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8406,7 +7984,7 @@ body { ...@@ -8406,7 +7984,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
padding: 18px 0 16px; padding: 18px 0 16px;
position: relative; position: relative;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -8533,7 +8111,7 @@ body { ...@@ -8533,7 +8111,7 @@ body {
} }
.p-atc-text1 { .p-atc-text1 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2; line-height: 2;
} }
...@@ -8574,7 +8152,7 @@ body { ...@@ -8574,7 +8152,7 @@ body {
.p-atc-mv-ttl { .p-atc-mv-ttl {
font-size: 3.6rem; font-size: 3.6rem;
line-height: 1.35; line-height: 1.35;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #fff; color: #fff;
...@@ -8646,7 +8224,7 @@ body { ...@@ -8646,7 +8224,7 @@ body {
.p-atc2-text2 { .p-atc2-text2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 3rem; line-height: 3rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 27px; margin-bottom: 27px;
} }
...@@ -8721,7 +8299,7 @@ body { ...@@ -8721,7 +8299,7 @@ body {
} }
.p-atc2-list1 li { .p-atc2-list1 li {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2; line-height: 2;
} }
...@@ -8752,7 +8330,7 @@ body { ...@@ -8752,7 +8330,7 @@ body {
} }
.p-atc2-list2 li { .p-atc2-list2 li {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.8rem; line-height: 1.8rem;
display: -webkit-box; display: -webkit-box;
...@@ -8917,7 +8495,7 @@ body { ...@@ -8917,7 +8495,7 @@ body {
width: 25px; width: 25px;
height: 25px; height: 25px;
background: #7d0000; background: #7d0000;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-size: 2rem; font-size: 2rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
...@@ -8948,7 +8526,7 @@ body { ...@@ -8948,7 +8526,7 @@ body {
.p-atc4-ttl { .p-atc4-ttl {
font-size: 2rem; font-size: 2rem;
line-height: 2.4rem; line-height: 2.4rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold; font-weight: bold;
} }
...@@ -8962,7 +8540,7 @@ body { ...@@ -8962,7 +8540,7 @@ body {
.p-atc4-text { .p-atc4-text {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding-top: 11px; padding-top: 11px;
} }
...@@ -9052,7 +8630,7 @@ body { ...@@ -9052,7 +8630,7 @@ body {
.p-atc5-ttl { .p-atc5-ttl {
font-size: 2rem; font-size: 2rem;
line-height: 1.4; line-height: 1.4;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold; font-weight: bold;
} }
...@@ -9065,7 +8643,7 @@ body { ...@@ -9065,7 +8643,7 @@ body {
.p-atc5-text { .p-atc5-text {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.4rem; line-height: 2.4rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -9139,7 +8717,7 @@ body { ...@@ -9139,7 +8717,7 @@ body {
line-height: 1; line-height: 1;
font-weight: bold; font-weight: bold;
color: #7d0000; color: #7d0000;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
position: absolute; position: absolute;
top: -10px; top: -10px;
left: 10px; left: 10px;
...@@ -9154,7 +8732,7 @@ body { ...@@ -9154,7 +8732,7 @@ body {
.p-atc6-text { .p-atc6-text {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.4rem; line-height: 2.4rem;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -9171,7 +8749,7 @@ body { ...@@ -9171,7 +8749,7 @@ body {
.p-atc7-table { .p-atc7-table {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
margin-top: 21px; margin-top: 21px;
} }
...@@ -9420,7 +8998,7 @@ body { ...@@ -9420,7 +8998,7 @@ body {
.p-atc8-ttl1 { .p-atc8-ttl1 {
font-size: 2rem; font-size: 2rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
padding-left: 31px; padding-left: 31px;
...@@ -9457,7 +9035,7 @@ body { ...@@ -9457,7 +9035,7 @@ body {
} }
.p-atc8-ttl2 { .p-atc8-ttl2 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.4rem; line-height: 2.4rem;
font-weight: bold; font-weight: bold;
......
...@@ -61,7 +61,16 @@ ...@@ -61,7 +61,16 @@
showCaption: false showCaption: false
}); });
}); });
</script>
<script>
(function(d) {
var config = {
kitId: 'gon0eye',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script> </script>
<?php } ?> <?php } ?>
......
...@@ -71,7 +71,7 @@ case.css ...@@ -71,7 +71,7 @@ case.css
.p-case-detail .c-mainvisual__title { .p-case-detail .c-mainvisual__title {
font-size: 5rem; font-size: 5rem;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; } line-height: 2; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case .c-mainvisual__title, .p-case .c-mainvisual__title,
...@@ -82,7 +82,7 @@ case.css ...@@ -82,7 +82,7 @@ case.css
.p-case-detail .c-mainvisual__text { .p-case-detail .c-mainvisual__text {
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; } text-align: right; }
.p-case-detail .c-mainvisual__text { .p-case-detail .c-mainvisual__text {
font-size: 2.4rem; } font-size: 2.4rem; }
...@@ -131,7 +131,7 @@ case.css ...@@ -131,7 +131,7 @@ case.css
.p-case-detail1 .c-imgtext__info { .p-case-detail1 .c-imgtext__info {
width: calc(100% - 300px); width: calc(100% - 300px);
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
padding-left: 30px; } padding-left: 30px; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__info { .p-case-detail1 .c-imgtext__info {
...@@ -166,7 +166,7 @@ case.css ...@@ -166,7 +166,7 @@ case.css
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
color: #363636; color: #363636;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 8px; } margin-bottom: 8px; }
.p-case-detail1 .c-info dl dt { .p-case-detail1 .c-info dl dt {
width: 120px; width: 120px;
...@@ -190,7 +190,7 @@ case.css ...@@ -190,7 +190,7 @@ case.css
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; } font-family: heisei-kaku-gothic-std, sans-serif; }
.p-case-detail1 .c-step dl dt { .p-case-detail1 .c-step dl dt {
width: 100px; width: 100px;
display: -webkit-box; display: -webkit-box;
...@@ -310,7 +310,7 @@ case.css ...@@ -310,7 +310,7 @@ case.css
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
margin-bottom: 14px; margin-bottom: 14px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; } font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.p-case-detail3 p { .p-case-detail3 p {
font-size: 1.6rem; } } font-size: 1.6rem; } }
......
...@@ -149,6 +149,7 @@ body { ...@@ -149,6 +149,7 @@ body {
line-height: 1.5; line-height: 1.5;
margin: 12px 0 0; margin: 12px 0 0;
top: 110px; top: 110px;
width: 80%;
} }
} }
.l-btn--center { .l-btn--center {
......
...@@ -62,6 +62,14 @@ body { ...@@ -62,6 +62,14 @@ body {
border-bottom: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb;
} }
@media screen and (max-width: 767px) {
.side {
width: 100%;
float: inherit;
border-bottom: none;
}
}
.side__mainttl { .side__mainttl {
background: #212121; background: #212121;
font-size: 1.8rem; font-size: 1.8rem;
...@@ -524,7 +532,7 @@ body { ...@@ -524,7 +532,7 @@ body {
.p-other-mv { .p-other-mv {
background: url("/assets/img/other/mv-img.jpg") no-repeat top left -200px; background: url("/assets/img/other/mv-img.jpg") no-repeat top left -200px;
margin-bottom: 20px; margin-bottom: 20px;
height: 142px; height: 125px;
} }
} }
.c-mainvisual__ttl { .c-mainvisual__ttl {
...@@ -536,7 +544,7 @@ body { ...@@ -536,7 +544,7 @@ body {
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl { .c-mainvisual__ttl {
font-size: 2rem; font-size: 2rem;
padding: 0 20px; padding: 0;
} }
} }
...@@ -595,7 +603,7 @@ body { ...@@ -595,7 +603,7 @@ body {
.p-other-mv { .p-other-mv {
background: url("/assets/img/other/mv-img.jpg") no-repeat top left -200px; background: url("/assets/img/other/mv-img.jpg") no-repeat top left -200px;
margin-bottom: 20px; margin-bottom: 20px;
height: 142px; height: 125px;
} }
} }
...@@ -646,7 +654,7 @@ body { ...@@ -646,7 +654,7 @@ body {
.otherSingle1 .c-title1 { .otherSingle1 .c-title1 {
margin: 0 0 23px; margin: 0 0 23px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
...@@ -814,7 +822,7 @@ body { ...@@ -814,7 +822,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -853,7 +861,7 @@ body { ...@@ -853,7 +861,7 @@ body {
font-size: 2rem; font-size: 2rem;
line-height: 2.4rem; line-height: 2.4rem;
color: #7d0000; color: #7d0000;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: bold; font-weight: bold;
width: calc(100% - 80px); width: calc(100% - 80px);
} }
...@@ -869,7 +877,7 @@ body { ...@@ -869,7 +877,7 @@ body {
.otherSingle2__ttl2 { .otherSingle2__ttl2 {
font-size: 2rem; font-size: 2rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
position: relative; position: relative;
margin-top: 26px; margin-top: 26px;
padding-left: 31px; padding-left: 31px;
...@@ -909,7 +917,7 @@ body { ...@@ -909,7 +917,7 @@ body {
.otherSingle2__ttl3 { .otherSingle2__ttl3 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
margin-top: 16px; margin-top: 16px;
} }
...@@ -1001,7 +1009,7 @@ body { ...@@ -1001,7 +1009,7 @@ body {
font-size: 2rem; font-size: 2rem;
line-height: 2.8rem; line-height: 2.8rem;
color: #7d0000; color: #7d0000;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
margin-bottom: 14px; margin-bottom: 14px;
} }
...@@ -1169,7 +1177,7 @@ body { ...@@ -1169,7 +1177,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 2.8rem; line-height: 2.8rem;
color: #363636; color: #363636;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
border-bottom: 1px solid #363636; border-bottom: 1px solid #363636;
margin-bottom: 14px; margin-bottom: 14px;
padding-bottom: 6px; padding-bottom: 6px;
...@@ -1352,7 +1360,7 @@ body { ...@@ -1352,7 +1360,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -1380,7 +1388,7 @@ body { ...@@ -1380,7 +1388,7 @@ body {
.otherSingle3__ttl2 { .otherSingle3__ttl2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.8rem; line-height: 2.8rem;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
margin-top: 4px; margin-top: 4px;
} }
...@@ -1424,7 +1432,7 @@ body { ...@@ -1424,7 +1432,7 @@ body {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 2.8rem; line-height: 2.8rem;
color: #7d0000; color: #7d0000;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
margin-bottom: 2px; margin-bottom: 2px;
} }
...@@ -1538,7 +1546,7 @@ body { ...@@ -1538,7 +1546,7 @@ body {
.otherSingle3__list li { .otherSingle3__list li {
padding-left: 1.6em; padding-left: 1.6em;
margin-top: 4px; margin-top: 4px;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.75; line-height: 1.75;
} }
...@@ -1772,7 +1780,7 @@ body { ...@@ -1772,7 +1780,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 23px; line-height: 23px;
color: #fff; color: #fff;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
margin-top: 12px; margin-top: 12px;
......
...@@ -8,12 +8,12 @@ schedule.css ...@@ -8,12 +8,12 @@ schedule.css
} }
.hero-schedule .hero-second-inner { .hero-schedule .hero-second-inner {
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.tabArea, .tabArea,
.contents2 { .contents2 {
font-family: 'heisei-kaku-gothic-std', 'sans-serif'; font-family: heisei-kaku-gothic-std, sans-serif;
} }
/*タブ切り替え用のクラス*/ /*タブ切り替え用のクラス*/
...@@ -360,7 +360,7 @@ schedule.css ...@@ -360,7 +360,7 @@ schedule.css
font-size: 4rem; font-size: 4rem;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.schedule-table { .schedule-table {
...@@ -683,7 +683,7 @@ schedule.css ...@@ -683,7 +683,7 @@ schedule.css
margin-bottom: 20px; margin-bottom: 20px;
font-size: 2rem; font-size: 2rem;
font-weight: bold; font-weight: bold;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.schedule-table-sp { .schedule-table-sp {
......
...@@ -467,7 +467,7 @@ body { ...@@ -467,7 +467,7 @@ body {
} }
} }
.c-list2__txt3 { .c-list2__txt3 {
font-size: 6.4rem; font-size: 6.2rem;
line-height: 1; line-height: 1;
color: #beac56; color: #beac56;
font-weight: bold; font-weight: bold;
...@@ -517,7 +517,7 @@ body { ...@@ -517,7 +517,7 @@ body {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 40.5%; left: 41.5%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 13px 0 0; margin: 13px 0 0;
......
...@@ -226,7 +226,7 @@ body { ...@@ -226,7 +226,7 @@ body {
.strategy .c-mainvisual__info { .strategy .c-mainvisual__info {
padding: 0 10px; padding: 0;
} }
...@@ -1053,7 +1053,7 @@ body { ...@@ -1053,7 +1053,7 @@ body {
.strategy .c-list2__txt3 { .strategy .c-list2__txt3 {
font-size: 6.4rem; font-size: 6.2rem;
line-height: 1; line-height: 1;
...@@ -1167,7 +1167,7 @@ body { ...@@ -1167,7 +1167,7 @@ body {
top: 50%; top: 50%;
left: 40.5%; left: 41.5%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
...@@ -2249,7 +2249,7 @@ body { ...@@ -2249,7 +2249,7 @@ body {
color: #333; color: #333;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
...@@ -2617,7 +2617,7 @@ body { ...@@ -2617,7 +2617,7 @@ body {
font-weight: bold; font-weight: bold;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif'; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
......
...@@ -906,18 +906,20 @@ body { ...@@ -906,18 +906,20 @@ body {
padding: 3px 10px; padding: 3px 10px;
} }
} }
.c-mainvisual { */
.trainerSingle .c-mainvisual {
background: #e0dedf; background: #e0dedf;
height: auto; height: auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual { .trainerSingle .c-mainvisual {
margin-top: 100px !important; margin-top: 100px !important;
} }
} }
.c-mainvisual__inner { .trainerSingle .c-mainvisual__inner {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 0 49px; padding: 0 49px;
...@@ -925,45 +927,44 @@ body { ...@@ -925,45 +927,44 @@ body {
text-align: left; text-align: left;
} }
.c-mainvisual__inner:after { .trainerSingle .c-mainvisual__inner:after {
display: block; display: block;
content: ''; content: '';
clear: both; clear: both;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__inner { .trainerSingle .c-mainvisual__inner {
width: 100%; width: 100%;
position: relative; position: relative;
padding: 0; padding: 0;
} }
} }
*/
.c-mainvisual__img { .trainerSingle .c-mainvisual__img {
width: 429px; width: 429px;
float: left; float: left;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__img { .trainerSingle .c-mainvisual__img {
width: 45.5%; width: 45.5%;
} }
} }
.c-mainvisual__info { .trainerSingle .c-mainvisual__info {
width: calc(100% - 429px); width: calc(100% - 429px);
float: right; float: right;
} }
.c-mainvisual__detail { .trainerSingle .c-mainvisual__detail {
width: calc(100% - 430px); width: calc(100% - 430px);
float: right; float: right;
margin: 0 0 20px; margin: 0 0 20px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__detail { .trainerSingle .c-mainvisual__detail {
width: 100%; width: 100%;
background: #fff; background: #fff;
margin: 0; margin: 0;
...@@ -971,25 +972,24 @@ body { ...@@ -971,25 +972,24 @@ body {
} }
} }
.c-mainvisual__ttl { .trainerSingle .c-mainvisual__ttl {
width: calc(100% - 429px); width: calc(100% - 429px);
float: right; float: right;
font-size: 5rem; font-size: 5rem;
line-height: 1.2; line-height: 1.2;
color: #363636; color: #363636;
font-weight: bold;
margin: 125px 0 13px; margin: 125px 0 13px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl { .trainerSingle .c-mainvisual__ttl {
width: 54%; width: 54%;
font-size: 2.8rem; font-size: 2.8rem;
margin: 9vw 0 0; margin: 9vw 0 0;
} }
} }
.c-mainvisual__txt { .trainerSingle .c-mainvisual__txt {
font-size: 2rem; font-size: 2rem;
line-height: 1.4; line-height: 1.4;
color: #363636; color: #363636;
...@@ -998,7 +998,7 @@ body { ...@@ -998,7 +998,7 @@ body {
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__txt { .trainerSingle .c-mainvisual__txt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
} }
......
<?php $pageid="access-aichi";?> <?php $pageid="access-aichi";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-tokyo p-aichi"> <div class="p-tokyo p-aichi p-company-detail">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li> <li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li>
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<li class="c-breadcrumb__item"> <span>名古屋営業所</span> </li> <li class="c-breadcrumb__item"> <span>名古屋営業所</span> </li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">名古屋営業所</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">名古屋営業所</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
......
<?php $pageid="access-fukuoka";?> <?php $pageid="access-fukuoka";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-tokyo p-fukuoka"> <div class="p-tokyo p-fukuoka p-company-detail">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li> <li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li>
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<li class="c-breadcrumb__item"> <span>福岡支店</span> </li> <li class="c-breadcrumb__item"> <span>福岡支店</span> </li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">福岡支店</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">福岡支店</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
......
<?php $pageid="company-access";?> <?php $pageid="company-access";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-access p-company-detail">
<div class="p-access">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<a href="/"> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
<span>TOP</span> <li class="c-breadcrumb__item"><span>アクセス</span></li>
</a>
</li>
<li class="c-breadcrumb__item">
<a href="/company/">
<span>会社情報</span>
</a>
</li>
<li class="c-breadcrumb__item">
<span>アクセス</span>
</li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">アクセス</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">アクセス</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<ul class="side__list"> <ul class="side__list">
<li class="side__item"> <li class="side__item active">
<a href="/company/philosophy/" class="side__txt">企業理念</a> <a class="side__txt" href="/company/philosophy/">企業理念</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/ceo/" class="side__txt">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/outline/" class="side__txt">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/officer/" class="side__txt">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/csr/" class="side__txt">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/group/" class="side__txt">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a href="/company/history/" class="side__txt">企業沿革</a> <a class="side__txt" href="/company/history/">企業沿革</a>
</li> </li>
</ul> </ul>
<p class="side__subttl">アクセス</p> <p class="side__subttl">アクセス</p>
<ul class="side__list side__list2"> <ul class="side__list side__list2">
<li class="side__item"> <li class="side__item">
......
<?php $pageid="access-osaka";?> <?php $pageid="access-osaka";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-tokyo p-osaka"> <div class="p-tokyo p-osaka p-company-detail">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li> <li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li>
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<li class="c-breadcrumb__item"> <span>大阪支社</span> </li> <li class="c-breadcrumb__item"> <span>大阪支社</span> </li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">大阪支社</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">大阪支社</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
......
<?php $pageid="access-tokyo";?> <?php $pageid="access-tokyo";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-tokyo"> <div class="p-tokyo p-company-detail">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li> <li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li>
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<li class="c-breadcrumb__item"> <span>東京本社</span> </li> <li class="c-breadcrumb__item"> <span>東京本社</span> </li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">東京本社</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">東京本社</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
......
<?php $pageid="access-yokohama";?> <?php $pageid="access-yokohama";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-tokyo p-yokohama"> <div class="p-tokyo p-yokohama p-company-detail">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li> <li class="c-breadcrumb__item"> <a href="/"> <span>TOP</span> </a> </li>
...@@ -9,9 +9,11 @@ ...@@ -9,9 +9,11 @@
<li class="c-breadcrumb__item"> <span>横浜営業所</span> </li> <li class="c-breadcrumb__item"> <span>横浜営業所</span> </li>
</ul> </ul>
</div> </div>
<div class="p-access-mv"> <section class="c-mainvisual">
<h2 class="p-access-mv-ttl">横浜営業所</h2> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">横浜営業所</h2>
</div> </div>
</section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
......
<?php $pageid="ceo";?> <?php $pageid="ceo";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-ceo p-company-detail">
<div class="p-ceo">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
<li class="c-breadcrumb__item"><span>代表メッセージ</span></li>
<a href="/"><span>TOP</span></a>
</li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>代表メッセージ</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">代表メッセージ</h2> <h2 class="c-mainvisual__title">代表メッセージ</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<ul class="side__list"> <ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/philosophy/">企業理念</a> <a class="side__txt" href="/company/philosophy/">企業理念</a>
</li> </li>
<li class="side__item active">
</ul> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li>
<p class="side__subttl">代表メッセージ</p>
<ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/outline/">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/history/">企業沿革</a> <a class="side__txt" href="/company/history/">企業沿革</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/access/">アクセス</a> <a class="side__txt" href="/company/access/">アクセス</a>
</li> </li>
</ul> </ul>
</div> </div>
</aside> </aside>
<main class="content"> <main class="content">
......
<?php $pageid="csr";?> <?php $pageid="csr";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-csr"> <div class="p-csr p-company-detail">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<a href="/"><span>TOP</span></a> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
</li> <li class="c-breadcrumb__item"><span>SDGsについての取り組み</span></li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>SDGsについての取り組み</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">SDGsについての取り組み</h2> <h2 class="c-mainvisual__title">SDGsについての取り組み</h2>
</div> </div>
...@@ -36,9 +30,9 @@ ...@@ -36,9 +30,9 @@
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
</ul> <li class="side__item active">
<p class="side__subttl">SDGsについての取り組み</p> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
<ul class="side__list"> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
......
<?php $pageid="group";?> <?php $pageid="group";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-group p-company-detail">
<div class="p-group">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
<li class="c-breadcrumb__item"><span>グループ会社紹介</span></li>
<a href="/"><span>TOP</span></a>
</li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>グループ会社紹介</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">グループ会社紹介</h2> <h2 class="c-mainvisual__title">グループ会社紹介</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<ul class="side__list"> <ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/philosophy/">企業理念</a> <a class="side__txt" href="/company/philosophy/">企業理念</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/ceo/">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/outline/">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item active">
</ul> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li>
<p class="side__subttl">グループ会社紹介</p>
<ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/history/">企業沿革</a> <a class="side__txt" href="/company/history/">企業沿革</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/access/">アクセス</a> <a class="side__txt" href="/company/access/">アクセス</a>
</li> </li>
</ul> </ul>
</div> </div>
......
<?php $pageid="history";?> <?php $pageid="history";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-history p-company-detail">
<div class="p-history">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/service/"><span>会社情報</span></a></li>
<li class="c-breadcrumb__item"><span>企業沿革</span></li>
<a href="/"><span>TOP</span></a>
</li>
<li class="c-breadcrumb__item">
<a href="/service/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>沿革</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">沿革</h2> <h2 class="c-mainvisual__title">沿革</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<ul class="side__list"> <ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/philosophy/">企業理念</a> <a class="side__txt" href="/company/philosophy/">企業理念</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/ceo/">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/outline/">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
<li class="side__item active">
</ul> <a class="side__txt" href="/company/history/">企業沿革</a>
</li>
<p class="side__subttl">企業沿革</p>
<ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/access/">アクセス</a> <a class="side__txt" href="/company/access/">アクセス</a>
</li> </li>
</ul> </ul>
</div> </div>
</aside> </aside>
<main class="content"> <main class="content">
<div class="table"> <div class="table">
<dl> <dl>
<dt>1987年</dt> <dt>1987年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>アチーブメント株式会社設立</li> <li>アチーブメント株式会社設立</li>
<li>社会人向け教育コンサルティング事業開始</li> <li>社会人向け教育コンサルティング事業開始</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>1989年</dt> <dt>1989年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>選択理論の提唱者・グラッサー博士の来日記念講演開催</li> <li>選択理論の提唱者・グラッサー博士の来日記念講演開催</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>1992年</dt> <dt>1992年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>『頂点への道』講座スタンダードコース開講</li> <li>『頂点への道』講座スタンダードコース開講</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>1995年</dt> <dt>1995年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>管理職向けマネジメント研修開始</li> <li>管理職向けマネジメント研修開始</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>1996年</dt> <dt>1996年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>営業職向けセールス研修開始</li> <li>営業職向けセールス研修開始</li>
<li>経営者向け会員制度「アチーブメント社長会」発足</li> <li>経営者向け会員制度「アチーブメント社長会」発足</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>1999年</dt> <dt>1999年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>アチーブメント出版株式会社設立</li> <li>アチーブメント出版株式会社設立</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2000年</dt> <dt>2000年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>高輪台グリーンビルに移転</li> <li>高輪台グリーンビルに移転</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2002年</dt> <dt>2002年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>インターンシッププロジェクト開催</li> <li>インターンシッププロジェクト開催</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2003年</dt> <dt>2003年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>法人向け教育コンサルティング事業開始</li> <li>法人向け教育コンサルティング事業開始</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2004年</dt> <dt>2004年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>新卒採用を本格的に開始</li> <li>新卒採用を本格的に開始</li>
<li>子ども向け教育事業開始</li> <li>子ども向け教育事業開始</li>
<li>大学向けコンサルティング事業開始</li> <li>大学向けコンサルティング事業開始</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2005年</dt> <dt>2005年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>学生向けキャリア支援事業開始</li> <li>学生向けキャリア支援事業開始</li>
<li>法人向け採用コンサルティング事業開始</li> <li>法人向け採用コンサルティング事業開始</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2006年</dt> <dt>2006年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>大阪支社設立</li> <li>大阪支社設立</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2007年</dt> <dt>2007年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>講師派遣サイト「Trainers(トレーナーズ)」オープン</li> <li>講師派遣サイト「Trainers(トレーナーズ)」オープン</li>
<li>グラッサーモチベーションフォーラム開催</li> <li>グラッサーモチベーションフォーラム開催</li>
<li>「アチーブメント・セールス・スキルアップ・プログラム」発売</li> <li>「アチーブメント・セールス・スキルアップ・プログラム」発売</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2008年</dt> <dt>2008年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>アチーブメントダイニング株式会社設立</li> <li>アチーブメントダイニング株式会社設立</li>
<li>プロスピーカー育成プロジェクト始動</li> <li>プロスピーカー育成プロジェクト始動</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2009年</dt> <dt>2009年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>「頂点への道」講座スタンダードコース受講生が2万名突破</li> <li>「頂点への道」講座スタンダードコース受講生が2万名突破</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2010年</dt> <dt>2010年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>未来ある若者を支援するスカラシップ制度開始</li> <li>未来ある若者を支援するスカラシップ制度開始</li>
<li>全日本F3選手権シリーズのメインパートナーに就任</li> <li>全日本F3選手権シリーズのメインパートナーに就任</li>
<li>代表青木仁志が法政大学大学院政策創造研究科客員教授に就任</li> <li>代表青木仁志が法政大学大学院政策創造研究科客員教授に就任</li>
<li>リアリティセラピー国際カンファレンスにて講演</li> <li>リアリティセラピー国際カンファレンスにて講演</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2011年</dt> <dt>2011年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>ホノルル研修センター設立</li> <li>ホノルル研修センター設立</li>
<li>組織変革プログラム「i-シリーズ」発売</li> <li>組織変革プログラム「i-シリーズ」発売</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2012年</dt> <dt>2012年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>アチーブメントプロデュース株式会社設立</li> <li>アチーブメントプロデュース株式会社設立</li>
<li>アチーブメントアワード初開催</li> <li>アチーブメントアワード初開催</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2013年</dt> <dt>2013年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>三浦雄一郎氏の世界最高齢エベレスト登頂をスペシャルサポーターとして応援</li> <li>三浦雄一郎氏の世界最高齢エベレスト登頂をスペシャルサポーターとして応援</li>
<li>新プログラム「アチーブメントテクノロジーコース」スタート</li> <li>新プログラム「アチーブメントテクノロジーコース」スタート</li>
<li>福岡営業所設立</li> <li>福岡営業所設立</li>
<li>「ビジネス選択理論能力検定」スタート</li> <li>「ビジネス選択理論能力検定」スタート</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2014年</dt> <dt>2014年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>ウィリアムグラッサー記念財団設立</li> <li>ウィリアムグラッサー記念財団設立</li>
<li>「プロフェッショナル・セールス・マネジャー」発売</li> <li>「プロフェッショナル・セールス・マネジャー」発売</li>
<li>「頂点への道」講座スタンダードコース600回連続開催を達成</li> <li>「頂点への道」講座スタンダードコース600回連続開催を達成</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2015年</dt> <dt>2015年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>「頂点への道」講座スタンダードコース受講生が3万名突破</li> <li>「頂点への道」講座スタンダードコース受講生が3万名突破</li>
<li>名古屋営業所開設</li> <li>名古屋営業所開設</li>
<li>一般財団法人日本ビジネス選択理論能力検定協会設立</li> <li>一般財団法人日本ビジネス選択理論能力検定協会設立</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2016年</dt> <dt>2016年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>横浜営業所開設</li> <li>横浜営業所開設</li>
<li>アチーブメントシステムズ株式会社設立</li> <li>アチーブメントシステムズ株式会社設立</li>
<li>アチーブメントトレーナー育成センター株式会社設立</li> <li>アチーブメントトレーナー育成センター株式会社設立</li>
<li>一般財団法人東京メトロポリタンオペラ財団設立</li> <li>一般財団法人東京メトロポリタンオペラ財団設立</li>
<li>働きがいのある会社ランキング11位獲得</li> <li>働きがいのある会社ランキング11位獲得</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2017年</dt> <dt>2017年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>チャレンジJAPANサミット2017開催</li> <li>チャレンジJAPANサミット2017開催</li>
<li>働きがいのある会社ランキング14位獲得</li> <li>働きがいのある会社ランキング14位獲得</li>
<li>アチーブメントHRソリューションズ株式会社設立</li> <li>アチーブメントHRソリューションズ株式会社設立</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2018年</dt> <dt>2018年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>チャレンジJAPANサミット2018開催</li> <li>チャレンジJAPANサミット2018開催</li>
<li>働きがいのある会社ランキング15位獲得</li> <li>働きがいのある会社ランキング15位獲得</li>
<li>有明セントラルタワーに東京本社を移転</li> <li>有明セントラルタワーに東京本社を移転</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>2019年</dt> <dt>2019年</dt>
<dd> <dd>
<ul class="list"> <ul class="list">
<li>働きがいのある会社ランキング11位獲得</li> <li>働きがいのある会社ランキング11位獲得</li>
<li>一般社団法人日本経済団体連合会に入会</li> <li>一般社団法人日本経済団体連合会に入会</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
</div> </div>
</main> </main>
</div> </div>
</div> </div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
\ No newline at end of file
<?php $pageid="company";?> <?php $pageid="company";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<main class="p-company"> <main class="p-company">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<a href="/"><span>TOP</span></a> <li class="c-breadcrumb__item"><span>会社情報</span></li>
</li>
<li class="c-breadcrumb__item">
<span>会社情報</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">会社情報</h2> <h2 class="c-mainvisual__title">会社情報</h2>
<p class="c-mainvisual__text pc-only">目標達成の歓びを全ての個人と組織に<br>アチーブメントは個人と組織の成長を通じて、目標達成を支援する人材教育コンサルティングです。</p> <p class="c-mainvisual__text pc-only">目標達成の歓びを全ての個人と組織に<br>アチーブメントは個人と組織の成長を通じて、目標達成を支援する人材教育コンサルティングです。</p>
......
<?php $pageid="officer";?> <?php $pageid="officer";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-officer p-company-detail">
<div class="p-officer">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
<li class="c-breadcrumb__item"><span>役員紹介</span></li>
<a href="/"><span>TOP</span></a>
</li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>役員紹介</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">役員紹介</h2> <h2 class="c-mainvisual__title">役員紹介</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<ul class="side__list"> <ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/philosophy/">企業理念</a> <a class="side__txt" href="/company/philosophy/">企業理念</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/ceo/">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/outline/">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item active">
</ul> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li>
<p class="side__subttl">役員紹介</p>
<ul class="side__list">
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/history/">企業沿革</a> <a class="side__txt" href="/company/history/">企業沿革</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/access/">アクセス</a> <a class="side__txt" href="/company/access/">アクセス</a>
</li> </li>
</ul> </ul>
</div> </div>
</aside> </aside>
<main class="content"> <main class="content">
<div class="c-table1"> <div class="c-table1">
<dl> <dl>
<dt>役員</dt> <dt>役員</dt>
<dd> <dd>
<div class="c-table2"> <div class="c-table2">
<dl> <dl>
<dt>代表取締役会長 兼 社長</dt> <dt>代表取締役会長 兼 社長</dt>
<dd>青木仁志<a href="/trainer/aoki/">プロフィール詳細</a></dd> <dd>青木仁志<a href="/trainer/aoki/">プロフィール詳細</a></dd>
</dl> </dl>
<dl> <dl>
<dt>代表取締役専務</dt> <dt>代表取締役専務</dt>
<dd>青木宏子</dd> <dd>青木宏子</dd>
</dl> </dl>
<dl> <dl>
<dt>相談役</dt> <dt>相談役</dt>
<dd>佐藤英郎<a href="/trainer/sato/">プロフィール詳細</a></dd> <dd>佐藤英郎<a href="/trainer/sato/">プロフィール詳細</a></dd>
</dl> </dl>
<dl> <dl>
<dt>特別顧問</dt> <dt>特別顧問</dt>
<dd>柿谷正期<a href="/trainer/kakitani/">プロフィール詳細</a></dd> <dd>柿谷正期<a href="/trainer/kakitani/">プロフィール詳細</a></dd>
</dl> </dl>
<dl> <dl>
<dt>監査役</dt> <dt>監査役</dt>
<dd>奥村眞吾(税理士)</dd> <dd>奥村眞吾(税理士)</dd>
</dl> </dl>
</div> </div>
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>アドバイザリー<br class="pc-only">ボード</dt> <dt>アドバイザリー<br class="pc-only">ボード</dt>
<dd> <dd>
<div class="c-table2 c-table2--style2"> <div class="c-table2 c-table2--style2">
<dl> <dl>
<dt>特別顧問</dt> <dt>特別顧問</dt>
<dd>ロバート・ウォボルディング(米国ゼービア大学元教授、教育学博士)<br>ロン・カールトン(米国ウイリアムグラッサー協会シニアインストラクター)</dd> <dd>ロバート・ウォボルディング(米国ゼービア大学元教授、教育学博士)<br>ロン・カールトン(米国ウイリアムグラッサー協会シニアインストラクター)</dd>
</dl> </dl>
<dl> <dl>
<dt>顧問</dt> <dt>顧問</dt>
<dd>大谷庸二(弁護士)<br>高橋俊行(税理士)<br>坂本光司(法政大学大学院政策創造研究科教授)<br>木俣佳丈(ミッションコネクト代表 元参議院議員 経済産業委員長)<br>喜多英博(弁護士)</dd> <dd>大谷庸二(弁護士)<br>高橋俊行(税理士)<br>坂本光司(法政大学大学院政策創造研究科教授)<br>木俣佳丈(ミッションコネクト代表 元参議院議員 経済産業委員長)<br>喜多英博(弁護士)</dd>
</dl> </dl>
</div> </div>
</dd> </dd>
</dl> </dl>
</div> </div>
</main> </main>
</div> </div>
</div> </div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
\ No newline at end of file
<?php $pageid="outline";?> <?php $pageid="outline";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-outline"> <div class="p-outline p-company-detail">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<a href="/"><span>TOP</span></a> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
</li> <li class="c-breadcrumb__item"><span>会社概要</span></li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>会社概要</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">会社概要</h2> <h2 class="c-mainvisual__title">会社概要</h2>
</div> </div>
...@@ -30,9 +24,9 @@ ...@@ -30,9 +24,9 @@
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/ceo/">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
</ul> <li class="side__item active">
<p class="side__subttl">会社概要</p> <a class="side__txt" href="/company/outline/">会社概要</a>
<ul class="side__list"> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
...@@ -200,5 +194,5 @@ ...@@ -200,5 +194,5 @@
</div> </div>
</main> </main>
</div> </div>
</div> </div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
<?php $pageid="philosophy";?> <?php $pageid="philosophy";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-philosophy p-company-detail">
<div class="p-philosophy">
<section class="c-mainvisual">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"> <li class="c-breadcrumb__item"><a href="/company/"><span>会社情報</span></a></li>
<li class="c-breadcrumb__item"><span>企業理念</span></li>
<a href="/"><span>TOP</span></a>
</li>
<li class="c-breadcrumb__item">
<a href="/company/"><span>会社情報</span></a>
</li>
<li class="c-breadcrumb__item">
<span>企業理念</span>
</li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">企業理念</h2> <h2 class="c-mainvisual__title">企業理念</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<aside class="side pc-only"> <aside class="side pc-only">
<div class="side__box"> <div class="side__box">
<h3 class="side__mainttl">会社情報</h3> <h3 class="side__mainttl">会社情報</h3>
<p class="side__subttl">企業理念</p>
<ul class="side__list"> <ul class="side__list">
<li class="side__item active">
<a class="side__txt" href="/company/philosophy/">企業理念</a>
</li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/ceo/">代表メッセージ</a> <a class="side__txt" href="/company/ceo/">代表メッセージ</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/outline/">会社概要</a> <a class="side__txt" href="/company/outline/">会社概要</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/officer/">役員紹介</a> <a class="side__txt" href="/company/officer/">役員紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/csr/">SDGsについての取り組み</a> <a class="side__txt" href="/company/csr/">SDGsについての取り組み</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/group/">グループ会社紹介</a> <a class="side__txt" href="/company/group/">グループ会社紹介</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/history/">企業沿革</a> <a class="side__txt" href="/company/history/">企業沿革</a>
</li> </li>
<li class="side__item"> <li class="side__item">
<a class="side__txt" href="/company/access/">アクセス</a> <a class="side__txt" href="/company/access/">アクセス</a>
</li> </li>
</ul> </ul>
</div> </div>
</aside> </aside>
<main class="content"> <main class="content">
<section class="p-philosophy1"> <section class="p-philosophy1">
<h3 class="p-philosophy1__title"> <h3 class="p-philosophy1__title">
<img src="/assets/img/company/title.png" alt="" width="478" height="72"> <img src="/assets/img/company/title.png" alt="" width="478" height="72">
</h3> </h3>
<p class="p-philosophy1__text">わが社は選択理論を基にした、高品質の人材教育を通して、<br class="pc-only">顧客の成果の創造に貢献し、全社員の物心両面の幸福の追求と、<br class="pc-only">社会の平和と繁栄に寄与することを目的とします。</p> <p class="p-philosophy1__text">わが社は選択理論を基にした、高品質の人材教育を通して、<br class="pc-only">顧客の成果の創造に貢献し、全社員の物心両面の幸福の追求と、<br class="pc-only">社会の平和と繁栄に寄与することを目的とします。</p>
</section> </section>
</main> </main>
</div> </div>
</div> </div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
\ No newline at end of file
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<div class="ttl-acv-trainer-page"> <div class="ttl-acv-trainer-page">
<h2>トレーナー・コンサルタント紹介</h2> <h2 class="c-mainvisual__title">トレーナー・コンサルタント紹介</h2>
<p class="only-pc">豊富な実績を持ち、ノウハウを知り尽くしたトレーナー・コンサルタントが、<br class="only-pc">お客様の問題解決に全力で取り組ませていただきます。</p> <p class="only-pc">豊富な実績を持ち、ノウハウを知り尽くしたトレーナー・コンサルタントが、<br class="only-pc">お客様の問題解決に全力で取り組ませていただきます。</p>
</div> </div>
<p class="trainer-lead only-sp">豊富な実績を持ち、ノウハウを知り尽くした<br>トレーナー・コンサルタントが、<br>お客様の問題解決に全力で取り組ませていただきます。</p> <p class="trainer-lead only-sp">豊富な実績を持ち、ノウハウを知り尽くした<br>トレーナー・コンサルタントが、<br>お客様の問題解決に全力で取り組ませていただきます。</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment