@charset "utf-8";

/*-- 

content_navi

====================================================== --*/

#content_navi{
padding: 50px 0;
}
#content_navi div.inner{
padding: 50px;
background-color: #fff;
border: solid 1px #ddd;
}
#content_navi div.inner .title {
font-size: 20px;
font-weight: bold;
color: #c30d23;
padding-bottom: 8px;
border-bottom: solid 1px #ddd;
}
#content_navi ul li{
width: 100%;
border-bottom: dotted 1px #ddd;
font-size: 14px;
}
#content_navi ul li a{
display: block;
position: relative;
width: 100%;
padding: 15px;
}
#content_navi ul li a:before {
content: "";
position: absolute;
top: 46%;
right: 10px;
width: 8px;
height: 3px;
background: #c30d23;
transform: rotate(45deg);
}
#content_navi ul li a:after {
content: "";
position: absolute;
top: 54%;
right: 10px;
width: 8px;
height: 3px;
background: #c30d23;
transform: rotate(-45deg);
}

/* sp */
@media screen and (max-width:750px){
#content_navi {
padding: 25px 8.5333vw;
}
#content_navi div.inner{
padding: 25px;
}
	
}

/*-- 

content_keyvisual

====================================================== --*/

#content_keyvisual .inner{
background:url(../img/company/bg_keyvisual_sec.webp) no-repeat center center;
background-size:cover;
}



/*-- 

content_msg

====================================================== --*/

#content_msg .text{
font-family:'Oswald','Noto Sans JP',sans-serif;
font-weight: bold;
letter-spacing:.1em;
line-height:1.2;
font-size:42px;
transform-origin:left top;
transform:scale(0.9,1);
}
#content_msg .text i{
font-style:normal;
font-size:120%;
}
#content_msg .text strong{
font-size:140%;
font-weight:500;
}
#content_msg .text .notice{
color:#c30d23;
}

/* sp */
@media screen and (max-width:750px){

#content_msg .text{
font-size:54px;
font-size:7.2vw;
white-space:nowrap;
}

}



/*-- 

content_ceo

====================================================== --*/

#content_ceo .box_ceo{
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction:row-reverse;
}
#content_ceo .box_ceo figure{
width:640px;
margin-right:-100px;
}
#content_ceo .box_ceo figure img{
width:100%;
height:auto;
}
#content_ceo .box_ceo .text{
flex:1;
}
#content_ceo .box_ceo .text p{
text-align:justify;
line-height:2.3;
font-size:14px;
padding:64px 32px 0 0;
}
#content_ceo .lst_link01{
margin-bottom:0;
}

/* sp */
@media screen and (max-width:750px){

#content_ceo .box_ceo{
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction:column;
}
#content_ceo .box_ceo figure{
width:100%;
margin:0 0 64px;
margin:0 0 8.5333vw;
}
#content_ceo .box_ceo .text p{
font-size:24px;
font-size:3.2vw;
padding:64px 0 0 0;
padding:8.5333vw 0 0 0;
}

}



/*-- 

content_philosophy

====================================================== --*/

#content_philosophy .inner{
position:relative;
}
#content_philosophy .inner::before{
display:block;
content:"";
position:absolute;
left:5%;
bottom:0;
width:732px;
height:233px;
background:url(../img/logo_txt.svg) no-repeat;
background-size:contain;
opacity:0.15;
z-index:0;
}

/*-- box_philosophy --*/

#content_philosophy .box_philosophy{
position:relative;
width:100%;
display:flex;
align-items:flex-start;
justify-content:center;
margin:148px auto 0;
}
#content_philosophy .box_philosophy::after{
background:#c30d23;
display:block;
content:"";
position:absolute;
top:-78px;
width:calc(50% - 240px);
height:166px;
}

/* title */

#content_philosophy .box_philosophy .title{
font-family:'Oswald','Noto Sans JP',sans-serif;
transform-origin:left top;
transform:scale(0.9,1);
font-weight:200;
line-height:1.2;
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-direction:column;
position:absolute;
top:20px;
font-size:54px;
z-index:1;
}
#content_philosophy .box_philosophy .title span:first-child{
color:#fff;
}
#content_philosophy .box_philosophy .title small{
font-size:18px;
font-weight:500;
margin-top:10px;
}

/* text */

#content_philosophy .box_philosophy .text{
background:#fff;
line-height:2;
font-size:18px;
padding:100px 140px;
}

/* left */

#content_philosophy .box_philosophy.left::after{
left:0;
}
#content_philosophy .box_philosophy.left .title{
left:50%;
margin-left:-500px;
}
#content_philosophy .box_philosophy.left .text{
width:817px;
margin-left:183px;
}

/* right */

#content_philosophy .box_philosophy.right::after{
width:calc(50% - 140px);
right:0;
}
#content_philosophy .box_philosophy.right .title{
right:50%;
margin-right:-500px;
}
#content_philosophy .box_philosophy.right .text{
width:720px;
margin-right:280px;
}

/* maincopy */

#content_philosophy .box_philosophy .maincopy{
padding:50px 70px;
}
#content_philosophy .box_philosophy .maincopy p{
transform-origin:left top;
transform:scale(0.9,1);
letter-spacing:.1em;
font-size:54px;
}
#content_philosophy .box_philosophy .maincopy span{
color:#c30d23;
}

/* dl_value */

#content_philosophy .box_philosophy .dl_value{
margin-bottom:48px;
}
#content_philosophy .box_philosophy .dl_value:last-child{
margin-bottom:0;
}
#content_philosophy .box_philosophy .dl_value dt{
position:relative;
display:inline-block;
cursor:pointer;
transition:opacity .3s ease-in-out;
line-height:1.2;
font-size:24px;
margin-bottom:16px;
padding:0 48px 16px 0;
}
#content_philosophy .box_philosophy .dl_value dt:hover{
opacity:.7;
}
#content_philosophy .box_philosophy .dl_value dt::after{
position:absolute;
bottom:0;
right:0;
content:'';
width:100%;
height:0;
border-bottom:2px solid #c30d23;
border-right:2px solid transparent;
}
#content_philosophy .box_philosophy .dl_value dt::before{
position:absolute;
bottom:0;
right:3px;
content:'';
width:26px;
height:0;
border-top:2px solid #c30d23;
border-right:2px solid transparent;
border-left:2px solid transparent;
transform-origin:right bottom;
transform:rotate(45deg);
transition:.3s ease-in-out;
}
#content_philosophy .box_philosophy .dl_value dt.active::after{
border-bottom:none;
border-top:2px solid #c30d23;
border-right:2px solid transparent;
}
#content_philosophy .box_philosophy .dl_value dt.active::before{
border-top:none;
border-bottom:2px solid #c30d23;
border-right:2px solid transparent;
border-left:2px solid transparent;
transform-origin:right bottom;
transform:rotate(-45deg);
transition:.3s ease-in-out;
}
#content_philosophy .box_philosophy .dl_value dd{
line-height:2.3;
font-size:14px;
}

/* short */

#content_philosophy .box_philosophy.short .text{
padding:100px;
}

/* sp */
@media screen and (max-width:750px){

/*-- box_philosophy --*/

#content_philosophy .box_philosophy{
margin:148px auto 0;
margin:19.7333vw auto 0;
}
#content_philosophy .box_philosophy::after{
top:-78px;
top:-10.4vw;
width:50%;
height:176px;
height:23.4666vw;
}
#content_philosophy .inner::before{
left:0;
bottom:0;
width:750px;
width:100vw;
height:239px;
height:31.8666vw;
}

/* title */

#content_philosophy .box_philosophy .title{
top:20px;
top:2.6666vw;
font-size:62px;
font-size:8.26666vw;
}
#content_philosophy .box_philosophy .title span:first-child{
color:#fff;
}
#content_philosophy .box_philosophy .title small{
font-size:20px;
font-size:2.6666vw;
margin-top:16px;
margin-top:2.1333vw;
}

/* text */

#content_philosophy .box_philosophy .text,
#content_philosophy .box_philosophy.short .text{
font-size:24px;
font-size:3.2vw;
padding:64px;
padding:8.5333vw;
margin-top:240px;
margin-top:32vw;
}

/* left */

#content_philosophy .box_philosophy.left .title{
left:64px;
left:8.5333vw;
margin-left:0;
}
#content_philosophy .box_philosophy.left .text{
width:clac(100% - 64px);
width:clac(100% - 8.5333vw);
margin-left:64px;
margin-left:8.5333vw;
}

/* right */

#content_philosophy .box_philosophy.right::after{
width:50%;
}
#content_philosophy .box_philosophy.right .title{
right:32px;
right:4.2666vw;
margin-right:0;
}
#content_philosophy .box_philosophy.right .text{
width:clac(100% - 64px);
width:clac(100% - 8.5333vw);
margin-right:64px;
margin-right:8.5333vw;
}

/* short */

#content_philosophy .box_philosophy.short .text{
margin-top:160px;
margin-top:21.3333vw;
}

/* maincopy */

#content_philosophy .box_philosophy .maincopy{
padding:40px 64px;
padding:5.3333vw 8.5333vw;
padding-right:0;
}
#content_philosophy .box_philosophy .maincopy p{
font-weight:500;
font-size:80px;
font-size:10.6666vw;
white-space:nowrap;
}

/* dl_value */

#content_philosophy .box_philosophy .dl_value{
margin-bottom:64px;
margin-bottom:8.5333vw;
}
#content_philosophy .box_philosophy .dl_value:last-child{
margin-bottom:0;
}
#content_philosophy .box_philosophy .dl_value dt{
transition:none;
font-size:28px;
font-size:3.7333vw;
margin-bottom:32px;
margin-bottom:4.2666vw;
padding:0 64px 32px 0;
padding:0 8.5333vw 4.2666vw 0;
}
#content_philosophy .box_philosophy .dl_value dt:hover{
opacity:1;
}
#content_philosophy .box_philosophy .dl_value dt::after{
border-bottom:3px solid #c30d23;
border-bottom:0.4vw solid #c30d23;
border-right:6px solid transparent;
border-right:0.8vw solid transparent;
}
#content_philosophy .box_philosophy .dl_value dt::before{
right:3px;
right:0.4vw;
width:38px;
width:5.06666vw;
border-top:2px solid #c30d23;
border-top:0.2666vw solid #c30d23;
border-right:2px solid transparent;
border-right:0.2666vw solid transparent;
border-left:2px solid transparent;
border-left:0.2666vw solid transparent;
}
#content_philosophy .box_philosophy .dl_value dt.active::after{
border-bottom:none;
border-top:3px solid #c30d23;
border-top:0.4vw solid #c30d23;
border-right:6px solid transparent;
border-right:0.8vw solid transparent;
}
#content_philosophy .box_philosophy .dl_value dt.active::before{
border-top:none;
border-bottom:2px solid #c30d23;
border-bottom:0.2666vw solid #c30d23;
border-right:2px solid transparent;
border-right:0.2666vw solid transparent;
border-left:2px solid transparent;
border-left:0.2666vw solid transparent;
}
#content_philosophy .box_philosophy .dl_value dd{
font-size:24px;
font-size:3.2vw;
}

}