@charset "UTF-8";section#second>header{background-image:url(./recruit-career-culture-images-main.jpg)}.index_box01{margin:120px auto 0;padding:0 10px;width:calc(100% - 20px);max-width:1160px}.index_box01 div{letter-spacing:-.5em;border-bottom:1px solid #AAAAAA;margin:0 auto 40px;padding:0 0 40px;width:100%;max-width:1160px}div.index_box01 div *{letter-spacing:normal}div.index_box01 div>dl{display:inline-block;margin:0;padding:0;width:calc(100% - 660px);vertical-align:top}div.index_box01 div>dl>dt{margin:0 0 20px;padding:0;font-size:1.4em;line-height:160%;text-align:left}div.index_box01 div.type01>dl>dt{color:#ff9673}div.index_box01 div.type02>dl>dt{color:#ff8000}div.index_box01 div.type03>dl>dt{color:#59b200}div.index_box01 div>dl>dd{margin:0;padding:0;text-align:left}div.index_box01 div>ul{letter-spacing:-.5em;display:inline-block;margin:0;padding:0;width:660px;text-align:center;vertical-align:top}div.index_box01 div>ul>li{display:inline-block;border-radius:10px;margin:0 0 0 20px;padding:10px;width:180px;height:180px;vertical-align:top}div.index_box01 div.type01>ul>li{background:#ffb399}div.index_box01 div.type02>ul>li{background:#fc9}div.index_box01 div.type03>ul>li{background:#cfffbf}div.index_box01 div>ul>li dl{margin:0;padding:0;text-align:left}div.index_box01 div>ul>li dl dt{margin:0 0 10px;padding:0;font-size:1.2em;line-height:160%}div.index_box01 div.type01>ul>li dl dt{color:#fff}div.index_box01 div.type02>ul>li dl dt{color:#ff870f}div.index_box01 div.type03>ul>li dl dt{color:#59b200}div.index_box01 div>ul>li dl dd{margin:0;padding:0}@media screen and (max-width:960px){.index_box01{margin:80px auto 0}div.index_box01 div>dl{margin:0 0 20px;width:100%}div.index_box01 div>ul{width:100%}div.index_box01 div>ul>li{margin:10px;padding:10px;width:180px;height:180px;vertical-align:top}}@media screen and (max-width:800px){div.index_box01 div>ul>li{width:140px;height:140px}}@media screen and (max-width:640px){div.index_box01 div>ul>li{margin:10px 0 0;width:calc(100% - 20px);height:auto}}.talk{position:relative;margin:0;padding:0}.talk p.sticky{position:-webkit-sticky;position:sticky;background:url(./recruit-career-culture-images-talk.jpg) center top no-repeat;background-size:cover;top:0;z-index:1;margin:0;padding:0;width:100%;height:100vh}section#second article .talk h3{position:relative;z-index:2;top:0;margin:0 auto;padding:0 10px;width:calc(100% - 20px);max-width:1160px;font-size:3.6em;line-height:140%}section#second article .talk h3 span{display:block;color:#ffa54c}section#second article .talk h4{position:relative;z-index:2;top:0;background:url(./recruit-career-culture-images-talk_h4.png) left top repeat-y;margin:80px auto 60px;padding:20px 10px;width:calc(100% - 20px);max-width:1160px;font-size:2em;line-height:140%;color:#002046}section#second article .talk h4 span{display:inline-block;margin:0 auto;padding:0 20px 0 0;width:80px;text-align:center;color:#fff;vertical-align:top}section#second article .talk h4 strong{display:inline-block;width:calc(100% - 100px);vertical-align:top}.talk>div{position:-webkit-sticky;position:sticky;z-index:2;top:0;margin:0;padding:0;width:100%}.talk>div>div{margin:0 auto;padding:0 0 40px;width:100%;max-width:1180px}.talk>div>div:after{content:"";display:block;height:0;clear:both}.talk>div>div>div{margin:0 auto;padding:0 0 20px;clear:both}.talk>div>div>div:after{content:"";display:block;height:0;clear:both}.talk>div>div>div.left{float:left}.talk>div>div>div.right{float:right}.talk>div>div>div p{margin:0;padding:0;width:100px;height:auto}.talk>div>div>div.all p{margin:0;padding:0 10px;width:calc(100% - 20px);font-size:2.5em;line-height:140%;font-weight:700;color:#ffa54c;text-align:center;text-shadow:1px 1px 0 #FFF,-1px -1px 0 #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,0px 1px 0 #FFF,0-1px 0 #FFF,-1px 0 0 #FFF,1px 0 0 #FFF}.talk>div>div>div.left p{float:left}.talk>div>div>div.right p{float:right}.talk>div>div>div.left dl{float:right}.talk>div>div>div.right dl{float:left}.talk>div>div>div dl{margin:0 20px;padding:0;width:400px}.talk>div>div>div dl dt{margin:0;padding:0 0 4px;font-size:1.1em;font-weight:700}.talk>div>div>div.blue dl dt{color:#001f46}.talk>div>div>div.purple dl dt{color:#995b8c}.talk>div>div>div.yellow dl dt{color:#d3c903}.talk>div>div>div.pink dl dt{color:#ed659b}.talk>div>div>div.green dl dt{color:#7ca029}.talk>div>div>div.orange dl dt{color:#ff7f00}.talk>div>div>div dl dd{position:relative;display:inline-block;border-radius:10px;margin:0;padding:10px}.talk>div>div>div.right dl dd:before{content:"";position:absolute;top:30px;right:-24px;margin-top:-12px;border:12px solid transparent;z-index:2}.talk>div>div>div.left dl dd:before{content:"";position:absolute;top:30px;left:-24px;margin-top:-12px;border:12px solid transparent;z-index:2}.talk>div>div>div.blue dl dd{background:#d3edfa}.talk>div>div>div.purple dl dd{background:#e7d7e4}.talk>div>div>div.yellow dl dd{background:#fefbc6}.talk>div>div>div.pink dl dd{background:#fbdde9}.talk>div>div>div.green dl dd{background:#e3f0c5}.talk>div>div>div.orange dl dd{background:#fce4c2}.talk>div>div>div.right.blue dl dd:before{border-left:12px solid #D3EDFA}.talk>div>div>div.right.purple dl dd:before{border-left:12px solid #E7D7E4}.talk>div>div>div.right.yellow dl dd:before{border-left:12px solid #FEFBC6}.talk>div>div>div.right.pink dl dd:before{border-left:12px solid #FBDDE9}.talk>div>div>div.right.green dl dd:before{border-left:12px solid #E3F0C5}.talk>div>div>div.right.orange dl dd:before{border-left:12px solid #FCE4C2}.talk>div>div>div.left.blue dl dd:before{border-right:12px solid #D3EDFA}.talk>div>div>div.left.purple dl dd:before{border-right:12px solid #E7D7E4}.talk>div>div>div.left.yellow dl dd:before{border-right:12px solid #FEFBC6}.talk>div>div>div.left.pink dl dd:before{border-right:12px solid #FBDDE9}.talk>div>div>div.left.green dl dd:before{border-right:12px solid #E3F0C5}.talk>div>div>div.left.orange dl dd:before{border-right:12px solid #FCE4C2}@media screen and (max-width:840px){section#second article .talk h4{padding:10px;font-size:1.6em}}@media screen and (max-width:640px){section#second article .talk h3{font-size:2.4em}section#second article .talk h4{font-size:1.4em;line-height:140%}.talk>div>div>div p{margin:0;padding:20px 0 0;width:60px;height:auto}.talk>div>div>div dl{margin:0 20px;padding:0;width:240px}}.index_box02{background:#f8f8f7;margin:120px auto 0;padding:10px 10px 60px;width:calc(100% - 20px)}.index_box02 dl{letter-spacing:-.5em;background:url(./recruit-career-culture-images-index_bg01.png) left 224px top repeat-y;margin:0 auto;padding:40px 0 0;width:100%;max-width:1160px}.index_box02 dl *{letter-spacing:normal}.index_box02 dl dt{display:inline-block;background:url(./recruit-career-culture-images-index_bg02.png) right top no-repeat;margin:0;padding:0 60px 20px 0;width:180px;font-size:2.4em;color:#002046;text-align:right;font-weight:700;font-style:italic;vertical-align:top}.index_box02 dl dd{display:inline-block;margin:0;padding:0;width:calc(100% - 240px);vertical-align:top}.index_box02 dl dd:after{content:"";display:block;height:0;clear:both}.index_box02 dl dd span{display:block;margin:0;padding:0 40px;width:calc(68% - 80px);float:left}.index_box02 dl dd img{display:block;width:32%;float:right}@media screen and (max-width:840px){.index_box02 dl{background:url(./recruit-career-culture-images-index_bg01.png) left 124px top repeat-y}.index_box02 dl dt{background:url(./recruit-career-culture-images-index_bg02.png) right top no-repeat;padding:0 40px 20px 0;width:100px;font-size:1.6em}.index_box02 dl dd{width:calc(100% - 140px)}.index_box02 dl dd span{padding:0 20px;width:calc(68% - 40px)}}@media screen and (max-width:480px){.index_box02{margin:80px auto 0}.index_box02 dl{background:url(./recruit-career-culture-images-index_bg01.png) left 84px top repeat-y}.index_box02 dl dt{background:url(./recruit-career-culture-images-index_bg02.png) right top no-repeat;padding:2px 40px 20px 0;width:60px;font-size:1.1em}.index_box02 dl dd{width:calc(100% - 100px)}.index_box02 dl dd span{padding:0 10px;width:calc(68% - 20px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/recruit-career-culture.css.map */