/*
// <weight>: Use a value from 200 to 900
// <uniquifier>: Use a unique and descriptive class name

.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}
*/



/*********************
会社概要ページ（PC）
**********************/


main>[data-id="company"] .pageName{display:none;}
main>[data-id="company"] #company{width:unset;}
.com-pg-box {
width: 100%;

}

.com-pg-box-mainbody {}

.com-pg-box-hdbox-bg {
padding-top: 120px;
height: calc(100vh - 120px);

background-image: url(../img/2025/com-pg-box-hdbox_bgimg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

}
.com-pg-box-hdbox {
max-width: 1000px;
margin: 0 auto;
font-size: 0;
padding-top: 40px;
}
.com-pg-box-hdbox-title {
display: inline-block;
vertical-align: top;
width: 22%;
}
.com-pg-box-hdbox-title .cpbh-tt {
font-size: 3.2rem;
letter-spacing: 0.8rem;
line-height: 1.5;
font-weight: 500;
font-family: "Zen Old Mincho", serif;
text-align: center;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}

.com-pg-box-hdbox-txt {
display: inline-block;
width: 78%;

font-size: 1.02rem;
line-height: 1.6;
font-family: "Noto Serif JP", serif;
}





.com-pg-box-secbox {
font-size: 0;
padding-top: 100px;
}
.cpb-scb-mainbox {
max-width:1000px;
margin: 0 auto;
}

.cpb-scb-01,
.cpb-scb-02,
.cpb-scb-03 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
}
.com-pg-box-secbox dl {
display: inline-block;
width: 50%;
padding: 50px 0;
}
.com-pg-box-secbox dl dt {
text-align: left;
font-size: 2.7rem;
font-weight: 600;
font-family: "Noto Serif JP", serif;
letter-spacing: 0.9rem;
padding-bottom: 20px;
}
.com-pg-box-secbox dl dd {
text-align: left;
font-size: 1.3rem;
line-height: 1.8;
font-family: "Noto Serif JP", serif;
}
.cpb-scb-right dl dt,
.cpb-scb-right dl dd {
padding-left: 50px;
}


.cpb-scb-left {text-align: left;}
.cpb-scb-right {text-align: right;}


.cpb-scb-01 {background-image: url(../img/2025/com-pg-img_sec-1-bg.png);}
.cpb-scb-02 {background-image: url(../img/2025/com-pg-img_sec-2-bg.png);}
.cpb-scb-03 {background-image: url(../img/2025/com-pg-img_sec-3-bg.png); color: #ffffff;}





.cpb-sc-gp-box {
max-width: 1000px;
margin: 0 auto;
padding: 100px 0 380px 0;
}

.cpb-sc-gp-bg {
background-image: url(../img/2025/com-pg-img_sec-guiding_principles-bg.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100%;
}


.cpb-sc-gp-box {
font-size: 0;
}

.cpb-sc-gp-box h3 {
font-size: 3.2rem;
font-weight: 600;
font-family: "Noto Serif JP", serif;
letter-spacing: 0.9rem;
display: block;
padding-bottom: 90px;
text-align: center;
}
.cpb-sc-gp-box-bottmtxt {
vertical-align: top;
text-align: center;
padding: 80px 0 0 0;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
line-height: 2;
display: block;
text-shadow:
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1),
0px 0px 15px rgba(255, 255, 255, 1);
}

.cpb-sc-gp-box ul {
text-align: center;
list-style: none;
padding: 0;
margin: 0 -20px;
}
.cpb-sc-gp-box ul li {
display: inline-block;
vertical-align: top;
width:calc(100% / 3 - 40px);
font-family: "Noto Serif JP", serif;
font-size: 1.13rem;
line-height: 1.7;
padding: 0 20px;
text-align: left;
margin-bottom: 80px

}
.cpb-sc-gp-box ul li span {
display: block;
text-align: center;
font-weight: 600;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-bottom: 24px;
margin-bottom: 30px;
position: relative;

}
.cpb-sc-gp-box ul li span::after {
  content: '';
  width: 110px;
  height: 2px;
  display: inline-block;
  background-color: #333;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 55px)
}


.com-pg-box-info {
padding:0 0 120px 0;
}
.com-pg-box-entry {
max-width: 1000px;
margin: 0 auto;
}


.com-pg-box-entry table{
table-layout:fixed;
width:100%;
border-collapse:collapse;
backdrop-filter: blur(2px);
background-color: rgba(255, 255, 255, .0);
}

.com-pg-box-entry table tr>*{
border-bottom: 1px solid #000;
padding: 15px;
line-height:2;
text-align:left;
font-size:16px;
border-top: 1px solid #000;
}
.com-pg-box-entry table tr>th{
vertical-align:middle;
width:10em;
font-size:22px;
text-align:center;
line-height:1.5;
/* background:#eee; */
font-weight:normal;
font-weight: 600;
color: #333;
text-align: left;
font-family: "Noto Serif JP", serif;
}


.com-pg-box-entry table tr>td *{
line-height:1.5;
}


.com-pg-box-entry td span {
display: inline-block;
font-family: "M PLUS 1p", sans-serif;
transform: rotate(0.05deg);
}
.com-pg-box-entry table td>dl{display:block;padding:10px;}
.com-pg-box-entry table td>ul>li{display:block;padding:5px 10px;}

.com-pg-box-entry table td>dl>dd{font-size:0.8em;}
.com-pg-box-entry table td>ul>li>dl>*{display:inline-block;vertical-align:top;}

.com-pg-box-entry table td>ul>li>dl>dd{font-size:0.8em;vertical-align:baseline;}
.com-pg-box-entry table td>ul>li>dl>dd br{display:none;}

.com-pg-box-entry table td>ul>li>dl>dd::before{content:'('}
.com-pg-box-entry table td>ul>li>dl>dd::after{content:')';}




.com-pg-box-entry table td iframe[src^='https://www.google.com/maps/']{
height:500px;

}

.com-pg-box-entry table tr td.mapG{font-size:0;}

.com-pg-box-mapG {
padding: 20px 0;

}
.com-pg-box-mapG iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}




/*********************
会社概要ページ（SP）
**********************/
@media screen and (max-width:480px) {

.com-pg-box {
width: 100%;

}

.com-pg-box-mainbody {}

.com-pg-box-hdbox-bg {
padding-top: 80px;
height: auto;

background-image: url(../img/2025/com-pg-box-hdbox_bgimg_sp.jpg);
background-position: center left;
background-repeat: no-repeat;
background-size: cover;

}
.com-pg-box-hdbox {
font-size: 0;
padding-top: 40px;
}
.com-pg-box-hdbox-title {
display: block;
width: 100%;
}
.com-pg-box-hdbox-title .cpbh-tt {
font-size: 2.2rem;
letter-spacing: 0.4rem;
line-height: 1.5;
font-weight: 500;
font-family: "Zen Old Mincho", serif;
text-align: center;
-webkit-writing-mode: horizontal-tb;
-moz-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;

}

.com-pg-box-hdbox-txt {
display: block;
width: calc(100% - 40px);
padding: 20px 20px 50px 20px;

font-size: 1.02rem;
line-height: 1.6;
font-family: "Noto Serif JP", serif;
}





.com-pg-box-secbox {
font-size: 0;
padding-top: 50px;
}
.cpb-scb-mainbox {
max-width:1000px;
margin: 0 auto;
}

.cpb-scb-01,
.cpb-scb-02,
.cpb-scb-03 {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
}
.com-pg-box-secbox dl {
display: block;
width: 100%;
padding: 0px 0 50px 0;
}
.com-pg-box-secbox dl dt {
font-size: 2.7rem;
font-weight: 600;
font-family: "Noto Serif JP", serif;
letter-spacing: 0.8rem;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
width: 50vw;
padding: 35px 0 20px 0;
display: flex;
align-items: center;
text-align: center;
}
.com-pg-box-secbox dl dd {
clear: both;
text-align: left;
font-size: 1.02rem;
line-height: 1.8;
font-family: "Noto Serif JP", serif;
padding: 70px 20px 0 20px;
}


.cpb-scb-left dt {
float: left;
padding: 0px 0px 0px 0px;
}
.cpb-scb-right dt {
float: right;
padding: 0px 0px 0px 0px;
}


.cpb-scb-01 {background-image: url(../img/2025/com-pg-img_sec-1-bg_sp.png);}
.cpb-scb-02 {background-image: url(../img/2025/com-pg-img_sec-2-bg_sp.png);}
.cpb-scb-03 {background-image: url(../img/2025/com-pg-img_sec-3-bg_sp.png); color: #ffffff;}

.cpb-scb-02 dl dt {
letter-spacing: 0.2rem;
}
.cpb-scb-02 dl dd {
padding: 0px 20px 0 20px;
}



.cpb-sc-gp-box {
max-width: 1000px;
margin: 0 auto;
padding: 0px 0 120px 0;
}

.cpb-sc-gp-bg {
background-image: url(../img/2025/com-pg-img_sec-guiding_principles-bg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}


.cpb-sc-gp-box {
font-size: 0;
}

.cpb-sc-gp-box h3 {
font-size: 3.2rem;
font-weight: 600;
font-family: "Noto Serif JP", serif;
letter-spacing: 0.9rem;
display: block;
padding-bottom: 90px;
text-align: center;
}
.cpb-sc-gp-box-bottmtxt {
vertical-align: top;
text-align: center;
padding: 40px 20px 0 20px;
font-family: "Noto Serif JP", serif;
font-size: 1.3rem;
line-height: 2;
display: block;
}

.cpb-sc-gp-box ul {
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
.cpb-sc-gp-box ul li {
display: block;
vertical-align: top;
width:calc(100% - 15px);
font-family: "Noto Serif JP", serif;
font-size: 1.13rem;
line-height: 1.7;
padding: 0 15px;
text-align: left;
margin-bottom: 80px

}
.cpb-sc-gp-box ul li span {
display: block;
text-align: center;
font-weight: 600;
font-family: "Noto Serif JP", serif;
font-size: 2rem;
padding-bottom: 24px;
margin-bottom: 30px;
position: relative;

}
.cpb-sc-gp-box ul li span::after {
  content: '';
  width: 110px;
  height: 2px;
  display: inline-block;
  background-color: #333;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 55px)
}


.com-pg-box-info {
padding:0 0 120px 0;
}


.incontent {
padding:0 20px;
}
.com-pg-box-entry {
padding: 0 20px;
}

.com-pg-box-entry th {
display: block;
border:0;
}
.com-pg-box-entry table tr>* {
display: block;
border:none;
padding: 15px 0;
line-height: 2;
text-align: left;
font-size: 16px;
}
.com-pg-box-entry table {
display: block;
border:none;
border-top:1px solid #ccc !important;
}
.com-pg-box-entry td {
display: block;
border-bottom:1px solid #ccc !important;
}
.com-pg-box-entry th span,
.com-pg-box-entry td span {
transform: rotate(0.05deg);
}



.com-pg-box-entry table td iframe[src^='https://www.google.com/maps/']{
height:500px;

}

.com-pg-box-entry table tr td.mapG{font-size:0;}

.com-pg-box-mapG {
padding: 20px 0;

}
.com-pg-box-mapG iframe {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
}