@charset "UTF-8";
.second-text img{width:100%;margin-bottom: 7%;}
.intro {margin-bottom:15vw;}
.intro img{width:100%;margin-bottom: 4vw;}
.intro .textbox{position:relative;}
.intro .title{font-weight:bold;color:var(--red);font-size: 7vw;line-height: 1.4;margin-bottom: 4%;}
.intro .textbox:before{content:"";width: 30%;height: 16vw;background: url(../images/work/deco01.png) top center no-repeat;background-size: contain;position:absolute;right: -7vw;top: -8vw;}

.philosophy{margin-bottom:15vw;}
.philosophy .midashi01{color:var(--red);}
.philosophy .midashi01 .jp{color:#000;}
.philosophy  img{margin-bottom:5vw;}
.philosophy .sub{display:table;background:var(--red);color:#fff;font-weight:bold;padding:1% 6%;font-size:120%;margin-bottom: 0;}
.philosophy .tit{font-size: 10vw;font-weight: bold;margin-bottom: 0;}
.philosophy  ul{background:#f1f3f5;padding:7%;}
.philosophy  li{position:relative;font-weight:bold;padding:0 0 0 10%;margin-bottom:4%;}
.philosophy  li:nth-last-child(1){margin-bottom:0;}
.philosophy  li:before{content:"一、";position:absolute;left:0;top:0;}

.ab{margin-bottom: 15vw;}
.ab li{margin-bottom: 12vw;position:relative;}
.ab .sub{display:table;background:var(--red);color:#fff;font-weight:bold;padding: 1% 2%;font-size: 100%;margin-bottom: 2vw;}
.ab span{font-family: "Prompt", sans-serif;font-weight: 600;display:block;margin-bottom:2vw;color:#f7f7f7;position:absolute;right: 0;top: 0;font-size: 13vw;line-height: 1;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 0;}
.ab p{position:relative;}

.value .midashi01{color:var(--red);}
.value .midashi01 .jp{color:#000;}
.value .tit{margin-bottom: 1vw;font-size: 6vw;font-weight: bold;}
.value li{background:#f1f3f5;padding: 6vw;margin-bottom:5%;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.intro{margin-bottom: 70px;}
.intro .title{font-size: 42px;}
.intro .textbox:before{width:190px;}

.ab span{font-size:60px;top:0;}
.ab li{margin-bottom:60px;}
.ab li img{margin-bottom:20px;}
.ab li .textbox{background:#fff;width:85%;margin:-100px 0 0 0;position: relative;padding: 40px;}
.ab li:nth-child(even) .textbox{margin: -100px 0 0 auto;} 
    
.philosophy{margin-bottom: 60px;}
.philosophy .midashi01{text-align:left;margin-bottom: 20px;}
.philosophy .midashi01 .en{font-size:60px;}
.philosophy .midashi01 span{display:inline-block;}
.philosophy .midashi01 span.jp{margin-left:20px;}
.philosophy .sub{padding:5px 20px;}
.philosophy .tit{font-size:50px;}
.philosophy ul{padding:40px;}
.philosophy li{padding:0 0 0 30px;margin-bottom:10px;}
.value li{padding: 30px;}
.value .tit{font-size:30px;}
}


@media screen and (min-width: 1000px) {
.philosophy .in{margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.philosophy .in img{width:45%;margin-bottom: 0;}
.philosophy .in  .textbox{width: 50%;}

.ab{margin-bottom: 80px;}
.ab ul{margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.ab li{width: 100%;margin-bottom:0}
.ab li img{width: 80%;}
.ab li .textbox{margin: -140px 0 60px auto;padding: 40px 0 0 40px;width: 76%;}
    
.value ul{margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.value li{width:32%;margin-bottom: 0;}
.value .tit{font-size:28px;}
}

@media screen and (min-width: 1200px) {
.intro img{margin-bottom: 30px;}
.intro .title{font-size: 53px;margin-bottom: 26px;}
.intro .textbox:before{right: 40px;top: -70px;}
.philosophy{margin-bottom: 70px;}
.philosophy .in img{width:450px;}
.philosophy li{margin-bottom:0;}
.philosophy .in .textbox{width:580px;}
.philosophy .tit,.philosophy .sub{line-height: 1;display:inline-block;vertical-align: middle;margin-bottom: 20px;}
.philosophy .sub{margin-right:10px;padding: 10px 20px;}

.ab .sub{margin-bottom:10px;}
.value .tit{text-align:center;}
}