@charset "utf-8";

.corporate_column{margin:40px 0;}
.philosophy_system + .corporate_column{margin:0 0 40px 0;}
.section_in p,.corporate_column p{font-weight:500;}

.corporate_column.c01 h2{background:#ea5404;}
.corporate_column.c02 h2{background:#f5a100; color:#444;}
.corporate_column.c03 h2{background:#3caa0a;}
.corporate_column.c04 h2{background:#7d7d7d;}

.mtb20{margin:20px 0;}

.corporate_column h2{border-radius:10px 10px 0 0; color:#fff; padding:20px 35px; line-height:1; box-sizing:border-box; margin:20px 0 0;}
.corporate_column h2:before{display:none;}
.section_in .corporate_column h2{margin-bottom:0; text-indent:0;}
.philosophy_inner{background:#fff; border-radius:0 0 10px 10px; padding:20px 35px 35px;}
.philosophy_inner > .num-list{margin:0 0 1em;}
.philosophy_inner p{font-weight:500;}
.philosophy_inner p.b{font-weight:700;}
.philosophy_inner p em{font-weight:700;}

@media screen and (max-width: 1080px) {
    .corporate_column h2{border-radius:10px 10px 0 0; color:#fff; padding:15px 30px; margin:20px 0 0;}
    .philosophy_inner{background:#fff; border-radius:0 0 10px 10px; padding:20px 30px 30px;}
}

@media screen and (max-width: 768px) {
    .corporate_column{margin:30px 0;}
    .philosophy_system + .corporate_column{margin:0 0 30px 0;}
    .corporate_column h2{border-radius:10px 10px 0 0; color:#fff; padding:12px 24px; margin:20px 0 0;}
    .philosophy_inner{background:#fff; border-radius:0 0 10px 10px; padding:16px 24px 24px;}
}

@media screen and (max-width: 576px) {
    .corporate_column h2{border-radius:10px 10px 0 0; color:#fff; padding:10px 20px; margin:20px 0 0;}
    .philosophy_inner{background:#fff; border-radius:0 0 10px 10px; padding:14px 20px 20px;}
}

.philosophy_system{position:relative; text-align:center;}
.philosophy_system:before{content:""; width:20%; height:4px; background:#ea5404; position:absolute; left:54%; top:20%;}
.philosophy_system .system_tree{width:50%; margin:40px auto; z-index: 2; position: relative;}
.philosophy_system .philosophy_anchor_list{border:solid 2px #ea5404; background:#fff; padding:15px 15px 15px 0; width:30%; position:absolute; top:40px; right:40px;}

.philosophy_system .philosophy_anchor_list ul li{text-align:left; font-size:16px;}
.philosophy_system .philosophy_anchor_list ul li a{position:relative; display:block; padding:5px 0 5px 1.5em; color:#333; text-decoration:none; line-height:1.8; font-weight:700;}
.philosophy_system .philosophy_anchor_list ul li a:hover{color:#ea5404;}
.philosophy_system .philosophy_anchor_list ul li a:before{
    content: '';
    background-image: url(/assets/images/_resource/pages/company/common/btn_arrow.png);
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: baseline;
    border-radius:1em;
    background-size:5px 8px;
    background-color:#ea5404;
}

.decimal-list li{display:block; position:relative; padding:6px 0 6px 1.5em; text-indent:-1.5em; line-height:1.8; font-weight:500;}
.decimal-list li:before{content:""; display:inline-block;}
.decimal-list li em{font-weight:700;}

.values_list{display:flex; align-items:center; justify-content: center; gap:20px; flex-wrap:wrap; margin:30px 0 50px;}
.values_list div{display:flex; align-items:center; justify-content: center; text-align:center; line-height:1.5; width:180px; height:180px; border-radius:90px; border:solid 2px #3caa0a; font-size:24px; font-weight:700; color:#3caa0a; text-align:center;}

.statement_lead{width:100%; max-width:800px; margin:40px 0 12px;}

.brand_block{display:flex; flex-wrap:wrap; gap:60px; align-items:flex-start;}
.brand_block .ph_block{width:calc(45% - 30px); background:#fff; border-radius:20px; padding:40px; text-align:center; box-sizing: border-box;}
.brand_block .ph_block img{width:80%; margin:10px auto;}
.brand_block .txt_block{width:calc(55% - 30px);}
.brand_block .txt_block p em{font-size:18.5px; display:block; margin:10px 0 5px; font-weight:700;}
.brand_block .txt_block p{font-size:16px; font-weight:500;}

.ctr{text-align:center; padding:20px 0 0;}
.ctr .link_btn{display:inline-block;}
.link_btn a{display:inline-block; position:relative;color:#fff; font-size:18px; font-weight:700; padding:14px 60px; text-decoration:none; border-radius:60px; line-height:1.3;}
.link_btn a:after{content:""; width:8px; height:12px; display:block; position:absolute; background:url(/assets/images/_resource/pages/company/common/detail_btn_arrow.png) no-repeat; background-size:8px 12px; top:calc(50% - 6px); right:20px;}

.c01 .link_btn a{background:#ea5404;}
.c02 .link_btn a{background:rgba(245, 161, 0,.3); color:#515151;}
.c03 .link_btn a{background:#3caa0a;}
.c04 .link_btn a{background:#e7e7e7;color:#515151;}

@media screen and (max-width: 1080px) {
    .philosophy_system:before{content:""; width:20%; height:4px; background:#ea5404; position:absolute; left:52%; top:20%;}
    .philosophy_system .philosophy_anchor_list{padding:12px 12px 12px 0; width:30%; position:absolute; top:40px; right:40px;}
    .philosophy_system .philosophy_anchor_list ul li{ font-size:15px;}
    .philosophy_system .philosophy_anchor_list ul li a{padding:3px 0 3px 1.5em;}
    
    .values_list{display:flex; align-items:center; justify-content: center; gap:20px; flex-wrap:wrap; margin:30px 0 50px;}
    .values_list div{width:150px; height:150px; border-radius:75px; font-size:21px;}
    .link_btn a{font-size:16px; padding:12px 50px;}
}
@media screen and (max-width: 960px) {
    .philosophy_system:before{display:none;}
    .philosophy_system .system_tree{width:70%; margin:40px auto;}
    .philosophy_system .philosophy_anchor_list{padding:12px 12px 12px 0; width:50%; position:relative; margin:40px auto -50px; z-index:5; top:0; left:0;}
    .philosophy_system .philosophy_anchor_list ul li{font-size:15px;}
}
@media screen and (max-width: 768px) {
    .philosophy_system .system_tree{width:90%; margin:40px auto;}
    .philosophy_system .philosophy_anchor_list{padding:12px 12px 12px 0; width:80%; position:relative; margin:40px auto -50px; z-index:5; top:0; left:0;}
    .philosophy_system .philosophy_anchor_list ul li{font-size:14px;}

    .values_list{display:flex; align-items:center; justify-content: center; gap:20px; flex-wrap:wrap; margin:30px 0 50px;}
    .values_list div{width:120px; height:120px; border-radius:60px; font-size:18px;}
    .statement_lead{width:90%; max-width:800px; margin:30px auto;}
    .link_btn a{font-size:14px; padding:10px 40px;}

    .brand_block{display:block; flex-wrap:wrap; gap:40px;}
    .brand_block .ph_block{width:100%; background:#fff; border-radius:20px; margin-bottom:20px;}
    .brand_block .ph_block img{width:60%; margin:10px auto;}
    .brand_block .txt_block{width:100%;}
    .brand_block .txt_block p em{font-size:16px;}
    .brand_block .txt_block p{font-size:14px; font-weight:500;}
}

@media screen and (max-width: 576px) {
    .values_list{display:flex; align-items:center; justify-content: center; gap:10px; flex-wrap:wrap; margin:20px 0 40px;}
    .values_list div{width:84px; height:84px; border-radius:50px; font-size:14px;}
    .statement_lead{width:80%; max-width:800px; margin:20px auto;}
}

/* 2602 */
#core_promise .promise_photo .photo_pc {
  display: block;
}
#core_promise .promise_photo .photo_sp {
  display: none;
}
@media print, screen and (max-width: 640px) {
  #core_promise .promise_photo .photo_pc {
    display: none;
  }
  #core_promise .promise_photo .photo_sp {
    display: block;
  }
}

#philosophy .num-list li {
    line-height: 1.7;
    margin: 5px 0 10px;
}

.corporate_statement_item {
    text-align: center;
}

/* 2604 */
.green {
  color: var(--green);
}

.corporate_column .core_txt {
  font-size: 24px;
  margin: 0 0 30px;
  font-weight: 700;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .corporate_column .core_txt {
    font-size: 18px;
  }
}

.corporate_statement_item {
  padding: 0 0 20px;
  max-width: 1000px;
  margin: 0 auto;
}
.corporate_statement_item .statement_ttl {
  font-size: 54px;
  font-weight: 600;
  margin-bottom: 0;
}
.corporate_statement_item .statement_sub_ttl {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  margin: 0 0 .8em;
}
.corporate_statement_item .statement_txt {
  font-size: 24px;
  color: #000;
  text-align: left;
}
@media (max-width: 768px) {
  .corporate_statement_item {
    padding: 0 0 20px;
  }
  .corporate_statement_item .statement_ttl {
    font-size: 22px;
    line-height: 1.5;
    margin: 10px 0 15px;
  }
  .corporate_statement_item .statement_sub_ttl {
    font-size: 15px;
  }
  .corporate_statement_item .statement_txt {
    font-size: 14px;
  }
}