/*purpose_and_philosophy*/
.purpose .c-slogan__head.-bold {
font-weight: bold;
margin-bottom: 30px;
}
.purpose .c-slogan__lead {
font-size: 2.2rem;
margin-bottom: 60px;
font-weight: bold;
line-height: 1.8;
}
.c-slogan__lead_bottom {
font-size: 1.6rem;
text-align: initial;
width: 840px;
margin: 0 auto 80px;
line-height: 1.5;
}
.purpose .c-section {
margin-bottom: 100px;
}
.purpose .c-section.-rinen {
padding: 40px 0 70px;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 0;
}
.purpose .c-slogan__head .-small {
font-size: 2.2rem;
color: #000;
margin: 30px 0 50px;
}
.purpose .c-slogan__lead.-small {
font-size: 1.6rem;
text-align: initial;
width: 840px;
margin: 0 auto 60px;
font-weight: normal;
line-height: 1.5;
}
.purpose .c-slogan__policy {
margin-top: 0;
padding: 40px;
}
.purpose .c-slogan__cols {
padding-top: 10px;
margin-bottom: 0;
}
.purpose .c-section.-vision {
margin-bottom: 20px;
padding-top: 40px;
}
.purpose .c-heading2.-movie {
width: 840px;
margin: 0 auto 20px;
}
/*サステナビリティ方針の詳細説明、推進体制*/
.c-section.-sus {
padding: 40px 0 70px;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 0;
}
.sus-slogan {
border-bottom: 1px solid #E6E6E6;
padding: 30px 0 60px;
text-align: center;
}
.sus-sloganText-big {
font-size: 3.0rem;
font-weight: bold;
line-height: 1.8;
}
.sus-sloganText {
font-size: 1.8rem;
line-height: 3.5;
}
.sus-sloganText-big>.-blue {
color: #0050A5;
}
.sus-sloganText>.-blue {
color: #004EA2;
}
.sus-inner {
max-width: 840px;
margin: 40px auto 0;
}
.sus-head3 {
font-size: 2.0rem;
font-weight: bold;
margin-bottom: 20px;
}
.sus-head3>.-blue {
color: #004EA2;
}
.u-pt0 {
padding-top: 0;
}
/*バナー*/
.group_bnr .-col1 .c-flex__bnr{
margin: 0;
max-width: 582px;
}
.group_bnr .-col1 .c-flex__bnr:nth-of-type(n+2) {
margin: 0 0 0 36px;
}
/*メインビジュアル*/
.group_title,.group_en_title {
font-size: 2.8rem;
font-weight: 500;
padding-top: 50px;
margin-bottom: 25px;
text-align: center;
}
.group_subtitle{
font-size: 2.6rem;
text-align: center;
letter-spacing: 8px;
margin-bottom: 25px;
}
.group_mainVisual,.group_en_mainVisual{
background-image: url(/group/images/group_top_img_pc.jpg);
background-repeat: no-repeat;
height: 550px;
}
.group_mainVisual{
background-image: url(/group/images/group_top_img_pc.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 362px;
}
.group_mainVisual_1{
position: relative;
color: #fff;
}
.group_mainVisual_2{
position: relative;
}
.group_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.group_pc_layout .c-txt{
font-size: 1.6rem;
font-weight: 400;
text-align: center;
}
.group_pc_layout {
display: flex;
justify-content: center;
}
.group_img_1{
margin: 0;
width: 432px;
}
.group_title::after{
content: "";
display: block;
width: 220px;
margin: 3px auto 0px;
border: 1px solid #4393E6;
}
.group_en_title::after{
content: "";
display: block;
width: 270px;
margin: 3px auto 0px;
border: 1px solid #4393E6;
}
@media print, screen and (min-width: 767px) {
.group_pc_layout {
display: flex;
margin-top: 60px;
padding: 0;
}
}
@media print, screen and (max-width: 767px) {
/*サステナビリティ方針の詳細説明、推進体制*/
.c-section.-sus {
padding: 30px 0 40px;
}
.sus-slogan {
padding: 0 0 39px;
}
.sus-sloganText-big {
font-size: 1.8rem;
}
.sus-sloganText {
font-size: 1.4rem;
line-height: 2.0;
}
.sus-head3 {
font-size: 1.8rem;
}
}
@media print, screen and (max-width: 767px) {
/*purpose_and_philosophy*/
.purpose .c-slogan__head.-bold {
font-size: 3.0rem;
margin-bottom: 20px;
min-height: 45px;
}
.purpose .c-slogan__lead {
font-size: 1.8rem;
margin: 20px 0 40px;
}
.c-slogan__lead_bottom {
font-size: 1.4rem;
width: auto;
margin: 0 auto 40px;
line-height: 1.8;
}
.purpose .c-section {
margin-bottom: 60px;
}
.purpose .c-section.-rinen {
padding: 30px 0 40px;
}
.purpose .c-slogan__head .-small {
font-size: 1.8rem;
margin: 20px 0 40px;
}
.purpose .c-slogan__lead.-small {
font-size: 1.4rem;
width: auto;
margin: 0 auto 40px;
line-height: 1.8;
}
.purpose .c-section.-vision {
margin-bottom: 0;
padding-top: 30px;
}
.purpose .c-heading2.-movie {
width: auto;
}
.purpose .c-slogan__policy__head__txt {
font-size: 1.8rem;
}
/*cls*/
.c-contentBox1__img {
position: relative;
}
.c-contentBox1__img::before {
content: "";
display: block;
padding-top: 56.21%;
}
.c-contentBox1__img img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#anchor_hattori .c-flex__img {
position: relative;
}
#anchor_hattori .c-flex__img::before {
content: "";
display: block;
padding-top: 133.23%;
}
#anchor_hattori .c-flex__img img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.c-wideImg {
position: relative;
}
.c-wideImg::before {
content: "";
display: block;
padding-top: 42.53%;
}
.c-wideImg img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.c-slogan__head.-jp {
min-height: 78.63px;
}
.c-slogan__head {
min-height: 57.11px;
}
.pageVisual {
position: relative;
}
.pageVisual::before {
content: "";
display: block;
padding-top: 42.75%;
}
.pageVisual img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.c-historyTree {
min-height: 100vh;
}
/*メインビジュアル*/
.group_subtitle{
font-size: 1.9rem;
letter-spacing: 0;
margin-bottom: 31px;
}
.group_img_1{
margin: 40px auto 36.8px;
max-width: 376px;
width: 100%;
}
.group_title {
font-size: 2.2rem;
padding-top: 80px;
margin-bottom: 30px;
}
.group_title::after{
content: "";
display: block;
width: 170px;
margin: 3px auto 0px;
}
.group_en_title::after{
content: "";
display: block;
width: 260px;
margin: 3px auto 0px;
}
.group_mainVisual,.group_en_mainVisual{
background-image: url(/group/images/group_top_img_sp.jpg);
background-size: cover;
height:610px;
}
.group_mainVisual{
height: 392px;
background-position: top;
}
.group_en_mainVisual{
min-height:630px;
height: 100%;
}
.group_mainVisual_2 .c-txt.-notes{
color: #bbb;
text-align: center;
margin-bottom: 20px;
}
.group_pc_layout .c-txt{
font-size: 1.4rem;
max-width: 770px;
}
.group_mainVisual_1 .c-pageVisual__inner{
padding: 0 5.33333%;
}
/*バナー*/
.group_bnr .-col1 .c-flex__bnr:nth-of-type(n+2) {
margin: 20px 0 0 0;
}
.group_bnr{
margin-bottom: 40px;
}
}
