@charset "utf-8";

/*------Company/base-------*/
@media screen and (min-width:768px){
#company .cnt_box{
padding:50px 0;
}
#company .cnt_box+.cnt_box{
margin-top:-10px;
padding:0 0 50px;
}
}
@media screen and (max-width:767px){
#company .cnt_box{
padding:7vw 0;
}
#company .cnt_box+.cnt_box{
margin-top:-2vw;
padding:0 0 7vw;
}
}


/*------Company/greeting-------*/
@media screen and (min-width:768px){
#greeting .cnt_box{
display:flex;
justify-content:space-between;
}
#greeting .img_box{
width:23%;
}
#greeting .img_box .position{
margin-top:10px;
}
#greeting .img_box .name{
font-size:1.8rem;
}
#greeting .img_box .name+.img{
margin-top:10px;
}
#greeting .txt_box{
width:74.5%;
order:-1;
}
#greeting .txt_box dl{
margin-top:-0.2em;
}
#greeting .txt_box dt{
font-size:2.4rem;
line-height:1.3;
}
#greeting .txt_box dd{
margin-top:20px;
text-indent:1em;
}
#greeting .txt_box dd+dt{
margin-top:40px;
}
}
@media screen and (max-width:767px){
#greeting .cnt_box{
position:relative;
padding-bottom:35vw;
}
#greeting .img_box{
width:34%;
margin-left:5%;
float:right;
}
#greeting .img_box .position{
position:absolute;
right:0;
white-space:nowrap;
}
#greeting .img_box .name{
position:absolute;
right:0;
bottom:16vw;
font-size:4.8vw;
white-space:nowrap;
}
#greeting .img_box div:nth-child(2){
bottom:24vw;
}
#greeting .img_box div:nth-child(3){
bottom:17vw;
}
#greeting .img_box div:nth-child(5){
bottom:11vw;
}
#greeting .img_box div:nth-child(6){
bottom:4vw;
}
#greeting .img_box .name+.img{
margin-top:0.5vw;
}
#greeting .txt_box{
display:inline;
}
#greeting .txt_box dt{
font-size:4.8vw;
}
#greeting .txt_box dd{
margin-top:0.5vw;
text-indent:1em;
}
#greeting .txt_box dd+dt{
margin-top:3vw;
}
}


/*------Company/overview,history-------*/
#overview .list_box dd dl.biz dd:before{
content:'：';
width:1em;
height:1em;
}
#overview .list_box dd dl.oversea dt{
font-weight:700;
}
#overview .list_box dd dl.oversea a{
font-weight:700;
}
@media screen and (min-width:768px){
#overview .list_box>dl,
#history .list_box>dl{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#overview .list_box>dl>dt,
#overview .list_box>dl>dd,
#history .list_box>dl>dt,
#history .list_box>dl>dd{
padding:20px 0;
border-bottom:1px #b2b2b2 solid;
}
#overview .list_box>dl>dt:first-child,
#overview .list_box>dl>dt:first-child+dd,
#history .list_box>dl>dt:first-child,
#history .list_box>dl>dt:first-child+dd{
border-top:1px #b2b2b2 solid;
}
#overview .list_box>dl>dt,
#history .list_box>dl>dt{
width:230px;
flex-shrink:0;
}
#overview .list_box>dl>dd,
#history .list_box>dl>dd{
width:calc(97.5% - 230px);
}
#overview .list_box{
margin-top:40px;
}
#overview .list_box+.list_box{
margin-top:50px;
}
#overview .list_box>dl>dt .btn_box{
margin-top:10px;
}
#overview .list_box dd dl.biz{
display:flex;
flex-wrap:wrap;
}
#overview .list_box dd dl.biz dt{
width:6em;
}
#overview .list_box dd dl.biz dd{
width:calc(100% - 6em);
display:flex;
}
#overview .list_box dd dl.oversea dd{
margin-top:20px;
}
#overview .list_box dd dl.oversea dd+dt{
margin-top:20px;
padding-top:20px;
border-top:1px #b2b2b2 solid;
}
#overview .list_box dd dl.oversea a{
text-decoration:underline;
}
}
@media screen and (max-width:767px){
#overview .list_box>dl,
#history .list_box>dl{
border-bottom:1px #b2b2b2 solid;
}
#overview .list_box>dl>dt,
#history .list_box>dl>dt{
padding:2.5vw 0 0;
border-top:1px #b2b2b2 solid;
font-weight:700;
}
#overview .list_box>dl>dd,
#history .list_box>dl>dd{
padding:0 0 2.5vw;
}
#overview .list_box{
margin-top:5vw;
}
#overview .list_box+.list_box{
margin-top:5vw;
}
#overview .list_box>dl>dd .btn_box{
margin:2vw 0;
}
#overview .list_box dd dl.biz dt{
width:6em;
display:inline-block;
float:left;
}
#overview .list_box dd dl.oversea dt{
margin-top:2vw;
}
#overview .list_box dd dl.oversea dt:first-child{
margin-bottom:2vw;
}
#overview .list_box dd dl.oversea dd+dd{
margin-top:3vw;
}
#overview .list_box dd dl.oversea dd+dt{
margin-top:4vw;
}
}


/*------Company/philosophy-------*/
@media screen and (min-width:768px){
#philosophy h3{
margin-bottom:20px;
font-size:2.4rem;
}
#philosophy .catch li{
font-size:1.8rem;
}
#philosophy .list{
margin-top:50px;
}
#philosophy .list li:after{
content:'';
display:block;
margin-bottom:5px;
}
#philosophy .list li:last-child:after{
margin-bottom:0;
}
}
@media screen and (max-width:767px){
#philosophy h3{
font-size:4.8vw;
margin-bottom:2vw;
}
#philosophy .catch li+li{
margin-top:1.5vw;
}
#philosophy .list{
margin-top:2vw;
font-size:3.2vw;
}
}

/*------Company/esgmanage-------*/
#esgmanage h3{
margin-bottom:20px;
font-size:2.4rem;
}
#esgmanage dt{
font-size:1.8rem;
}

/*------#esgmanage .img_box .position{-------*/
/*------margin-top:0px;-------*/
/*------}-------*/

/*------Company/quality-------*/
@media screen and (min-width:768px){
#quality .cnt_box+.cnt_box{
margin-top:0;
padding:20px 0 50px;
}
#quality .box+.box{
margin-top:30px;
}
#quality h3{
margin-bottom:20px;
font-size:2.4rem;
}
#quality .box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#quality .txt_box{
width:49%;
}
#quality dt{
font-size:1.8rem;
}
#quality dd ol{
padding-top:20px;
}
#quality dd ol li:after{
content:'';
display:block;
margin-bottom:5px;
}
#quality ol li:last-child:after{
margin-bottom:0;
}
#quality .img_box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:49%;
margin-top:-10px;
}
#quality .img_box li{
width:47%;
margin-top:10px;
}
#quality .img_box>a{
color:#333333;
}
#quality .img_box img{
margin-bottom:10px;
}
#quality .img_box .cap{
display:block;
margin-top:-5px;
font-size:1.2rem;
line-height:1.3;
}
#quality .modal_content{
max-width:670px;
}
}
@media screen and (max-width:767px){
#quality .cnt_box+.cnt_box{
margin-top:0;
}
#quality .box+.box{
margin-top:7vw;
}
#quality h3{
margin-bottom:3vw;
font-size:4.8vw;
}
#quality dt{
font-weight:700;
}
#quality dd ol li{
font-size:3.2vw;
}
#quality .img_box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:2vw;
}
#quality .img_box div.sp{
width:100%;
}
#quality .img_box li:nth-child(n+3){
margin-top:2vw;
}
#quality .img_box li{
width:47.8%;
}
#quality .img_box .cap{
display:inline-block;
margin-top:1vw;
font-size:2.8vw;
line-height:1.3;
}
}