/* Theme Name: ヤマダエッグ/ウフウフカンパニー 採用 Theme URI: http://pnra-inc.jp Author: shogo yonetani Author URI: http://pnra-inc.jp Description: ヤマダエッグ/ウフウフカンパニー 採用 */ /*normalize.css*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;/*cursor:pointer*/}button[disabled],html input[disabled]{/*cursor:default*/}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*normalize.css*/ /*--------------basic css--------------*/ html { height:100%; font-size:62.5%; } body { position:relative;margin-left:auto;margin-right:auto;width:auto; height:auto; font-family: 'Montserrat',Avenir Next,Verdana,游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,sans-serif; font-weight:500;font-weight:normal; letter-spacing: .1em;-webkit-text-size-adjust: 100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow-x:hidden; overflow-y:auto; background:#FFF; color: #151515; /*opacity: 0; top: 0;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*cursor: none;*/ min-width: 1200px; } body::before { /*content: ''; display: block; width: 120vw; height: 100vh; background: url(images/bgPath.svg) no-repeat; background-size: cover; background-position: 0 0; position: fixed;*/ } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::selection { background-color: #f3cc3c; color: #252525; } /*マウスストーカー*/ .cursor, .follower { border-radius: 50%; position: absolute; top: 0; left: 0; cursor: none; pointer-events: none; } .cursor { width: 8px; height: 8px; background-color: #000; z-index: 10001; } .follower { width: 40px; height: 40px; background-color: #000; opacity: .2; z-index: 10000; transition: transform ease .1s; } .follower.is-active { transform: scale(2); transition: transform ease .1s; } /*TEXT*/ p,h1,h2,h3,h4,h5 { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin:0; line-height: 1.8; } h1,h2,h3,h4,h5 {} p { font-size: 1.5rem; letter-spacing: 0; } .sans { font-family: 'Montserrat', sans-serif; } .sanserif { font-family: 'M PLUS 1p', sans-serif; } .serif { font-family: YuMincho, '游明朝',"Times New Roman","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","HGS明朝B","ＭＳ Ｐ明朝",serif,"Meiryo","Sawarabi Mincho","メイリオ","ＭＳ Ｐゴシック",sans-serif } i { font-style: normal; } .emphasis { background: linear-gradient(rgba(230,0,17,.25), rgba(230,0,17,.25)) no-repeat; background-size: 100% 8px; background-position: 0 0.9em; } .posCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); } /*LINK*/ a { color: #151515; text-decoration:none; } a.not { cursor: not-allowed; } a[target='_blank'] {} a[target='_blank'] p::after { content: ''; display: inline-block; vertical-align: sub; width: 1em; height: 1em; background: url(images/iconLinkout.svg); background-size: cover; margin-left: 1em; } a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; } a.btn.sm { width: 5.4rem; } a.btn.md { width: auto; max-width: 30rem; } a.btn.lg { width: auto; max-width: 42em; } a.btn.xl { width: auto; max-width: 68em; } a.left { margin-right: auto; } a.center { margin-left: auto; margin-right: auto; } a.right { margin-left: auto; } a.btn { display: block; width: 100%; max-width: 28.5rem; height: auto; background: #222; border-radius: 5em; overflow: hidden; position: relative; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.btn.wh { background: #fff; } a.btn::before { content: ''; display: block; width: 0; height: 100%; background: linear-gradient(306deg, #ebbb0f, #fa3232 49%, #f3cc3c); position: absolute; top: 0; right: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.btn p { font-weight: 400; display: flex; align-items: center; justify-content: space-around; line-height: 8rem; color: #fff!important; position: relative; z-index: 5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.btn p span {} a.btn p::after { content: ''; display: block; width: 1em; height: 1em; background: url(images/iconArrowRightWh.svg); background-size: cover; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*:hover*/ a.btn:hover::before { width: 100%; left: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.btn:hover p { color: #151515!important; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.btn:hover p::after { background: url(images/iconArrowRight.svg); transform: scale(.8); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink { display: table; } a.circleLink.center { margin: 0 auto; } a.circleLink p { display: flex; align-items: center; } a.circleLink.wh p { color: #fff; } a.circleLink p span { display: block; } a.circleLink p span.circle { width: 6rem; height: 6rem; border-radius: 6rem; background: #efefef; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; position: relative; z-index: 10; overflow: hidden; } a.circleLink p span.circle::before { content: ''; display: block; width: 200%; height: 100%; background: url(images/iconCircleArrow.svg); background-position: left top; background-size: cover; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink p span.txt { width: calc(100% - 6rem); padding-left: 1.5rem; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink p span.txt span.en { font-size: 2rem; font-weight: 600; } a.circleLink p span.txt span.jp { font-size: 1.3rem; font-weight: 400; } /*:hover*/ a.circleLink:hover p span.circle { background: #000; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink:hover p span.circle::before { background-position: 60px top; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink:hover p span.txt { opacity: .5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*ul li*/ ul, dl { -webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;-moz-margin-before:0;-moz-margin-after:0;-moz-margin-start:0;-moz-margin-end:0;-moz-padding-start:0;-ms-margin-before:0;-ms-margin-after:0;-ms-margin-start:0;-ms-margin-end:0;-ms-padding-start:0;-o-margin-before:0;-o-margin-after:0;-o-margin-start:0;-o-margin-end:0;-o-padding-start:0;margin-before:0;margin-after:0;margin-start:0;margin-end:0;padding-start:0;-webkit-padding-left:0;-moz-padding-left:0;-ms-padding-left:0;-o-padding-left:0;padding-left:0;margin-top:0;margin-bottom:0; } ul::after, dl::after { content:''; display:block; clear:both; } ul li { list-style-type:none; } dl dd { margin-left: 0; } .clear::after { content:''; display:block; clear:both; } /*ASPECT*/ .aspect { width: 100%; height: auto; position: relative; } .aspect.circle { border-radius: 50%; } .aspect.aspect25 { padding-top: 25%; overflow: hidden; } .aspect.aspect35 { padding-top: 35%; overflow: hidden; } .aspect.aspect41 { padding-top: 41.4%; overflow: hidden; } .aspect.aspect45 { padding-top: 45%; overflow: hidden; } .aspect.aspect50 { padding-top: 50%; overflow: hidden; } .aspect.aspect56 { padding-top: 56.25%; overflow: hidden; } .aspect.aspect60 { padding-top: 60%; overflow: hidden; } .aspect.aspect618 { padding-top: 61.8%; overflow: hidden; } .aspect.aspect67 { padding-top: 66.666667%; overflow: hidden; } .aspect.aspect75 { padding-top: 75%; overflow: hidden; } .aspect.aspect100 { padding-top: 100%; overflow: hidden; } .aspect.aspect112 { padding-top: 112.5%; overflow: hidden; } .aspect.aspect120 { padding-top: 120%; overflow: hidden; } .aspect.aspect123 { padding-top: 123.6%; overflow: hidden; } .aspect.aspect133 { padding-top: calc((4/3)*100%); overflow: hidden; } .aspect.aspect141 { padding-top: 141.4%; overflow: hidden; } .aspect.aspect150 { padding-top: 150%; overflow: hidden; } .aspect.aspect178 { padding-top: 178%; overflow: hidden; } .aspect.aspect200 { padding-top: 200%; overflow: hidden; } .aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; } .aspect .aspectBlock .aspectInner { height: calc(100% + 24rem); transform: translateY(-12rem); } .aspect .aspectBlock img { width: 100%; height: auto; } .aspect .aspectBlock img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .aspect .aspectBlock iframe { width: 100%; height: 100%; } .aspect .aspectBlock video { width: 100%; height: auto; } img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } /*FIGURE*/ figure { margin: 0; } /*SHADOW*/ .sdw { box-shadow: 0 1rem 3rem rgba(0,0,0,0.05); } .shadow { box-shadow: -3rem 3rem 10rem rgba(0,0,0,.25); } /*RESPONSIVE*/ .hidden-xs { display: block !important; } .visible-xs { display: none !important; } /*STICKY*/ .sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 8999; } /*loop slider*/ .loopSliderWrap { top: 0; left: 0; height: 42rem; overflow: hidden; position: absolute; } .loopSlider { width: 100%; height: 42rem; text-align: left; position: relative; overflow: hidden; background:none; } .loopSlider ul { height: 42rem; float: left; overflow: hidden; } .loopSlider ul::after { content: ''; display: none; } .loopSlider ul li { width: 42rem; height: 42rem; float: left; display: inline; overflow: hidden; position:relative; } .loopSlider ul li img { width: 100%; height: auto; } .loopSlider ul li img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .loopSliderWrap::after { content: ""; display: none; clear: none; } /*BOTH*/ .inview { opacity: 0; } .inview.action { opacity: 1; transition: ease-in-out 1s; } .animated { transform: translateY(2rem); } .animated.move { transform: translateY(0); transition: ease-in-out 1.5s; } .animate { transform: translateY(-2rem); } .animate.move { transform: translateY(0); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .inview.action[data-delay="00"] {} .inview.action[data-delay="05"] { transition-delay: .05s; } .inview.action[data-delay="1"] { transition-delay: .1s; } .inview.action[data-delay="15"] { transition-delay: .15s; } .inview.action[data-delay="2"] { transition-delay: .2s; } .inview.action[data-delay="25"] { transition-delay: .25s; } .inview.action[data-delay="3"] { transition-delay: .3s; } .inview.action[data-delay="35"] { transition-delay: .35s; } .inview.action[data-delay="4"] { transition-delay: .4s; } .inview.action[data-delay="45"] { transition-delay: .45s; } .blur { filter: blur(10px); transform:translate3d(0,0,0) perspective(0); backface-visibility:hidden; will-change: contents; } .blur.action { filter: blur(0); transition: ease .5s; } .cover { position: relative; overflow: hidden; } .cover::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #202020; opacity: 1; z-index: 15; } .cover.gone::after { transform: translateX(100%); transition: ease-in-out .3s .3s; } /*#cover*/ #cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 1s; } #cover .innerWrap { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } #cover .innerWrap .inner { width: 100%; max-width: 35rem; text-align: center; } #cover .innerWrap img { display: block; width: 35%; max-width: 30rem; margin: 0 auto 1.5em; } #cover .innerWrap p { display: flex; justify-content: center; } #cover .innerWrap p span { display: block; } /*.active*/ #cover.active { opacity: 1; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*animation*/ #cover .innerWrap p span { opacity: 0; -webkit-animation: load 1.5s linear 0s infinite; -o-animation: load 1.5s linear 0s infinite; animation: load 1.5s linear 0s infinite; } #cover .innerWrap p span:nth-child(1) { animation-delay: 0; } #cover .innerWrap p span:nth-child(2) { animation-delay: .1s; } #cover .innerWrap p span:nth-child(3) { animation-delay: .15s; } #cover .innerWrap p span:nth-child(4) { animation-delay: .2s; } #cover .innerWrap p span:nth-child(5) { animation-delay: .25s; } #cover .innerWrap p span:nth-child(6) { animation-delay: .3s; } #cover .innerWrap p span:nth-child(7) { animation-delay: .35s; } #cover .innerWrap p span:nth-child(8) { animation-delay: .4s; } #cover .innerWrap p span:nth-child(9) { animation-delay: .45s; } #cover .innerWrap p span:nth-child(10) { animation-delay: .5s; } @keyframes load { 0%{ opacity: 0; } 30%{ opacity: 1; } 95%{ opacity: 1; } 100%{ opacity: 0; } } @-webkit-keyframes load { 0%{ opacity: 0; } 30%{ opacity: 1; } 95%{ opacity: 1; } 100%{ opacity: 0; } } @-o-keyframes load { 0%{ opacity: 0; } 30%{ opacity: 1; } 95%{ opacity: 1; } 100%{ opacity: 0; } } /*#page*/ #page { opacity: 0; position: relative; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } #page .site-content-contain { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*#page.move*/ #page.move { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } #page.move .site-content-contain { filter: blur(1); opacity: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } #page.move .siteHeader { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } #page.move .headLogo { transform: translateY(-30px); opacity: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } #page.move nav.headNav { transform: translateY(-30px); opacity: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*BOTH_HEADER*/ .siteHeader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 84px; z-index: 9999; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .siteHeader .innerWrap { width: 95%; max-width: 1440px; margin: 0 auto; padding: 1.5rem 0 0 5%; } .siteHeader .flexWrap { display: flex; align-items: center; justify-content: space-between; } .siteHeader .flexWrap>.flexLeft {} .siteHeader .flexWrap>.flexRight { display: flex; align-items: center; } .headLogo { display: block; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s .5s; } .headLogo img { width: auto; height: 5rem; } nav.headNav { margin-right: 1.5em; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s .5s; } ul.listHeadNav { display: flex; justify-content: flex-end; } ul.listHeadNav li {} ul.listHeadNav li a {} ul.listHeadNav li p {} ul.listHeadNav li p span { display: block; width: 18rem; color: #fff; font-weight: bold; text-align: center; background: #f3cc3c; line-height: 6rem; border-radius: 6rem; box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); } /*smpNav*/ .humbNav { position: relative; width: 6rem; height: 6rem; border-radius: 6rem; opacity: 1; visibility: visible; overflow: hidden; background: #f3cc3c; box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); } .humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 2px; background: #fff; position: absolute; } .humbNav span.border:nth-child(1) { top: 40%; left: 50%; transform: translate(-50%,-50%); transition: ease .3s; } .humbNav span.border:nth-child(2) { top: 50%; left: 50%; transform: translate(-50%,-50%); transition: ease .3s; } .humbNav span.border:nth-child(3) { top: 60%; left: 50%; transform: translate(-50%,-50%); transition: ease .3s; } .humbNav span.border { width: 30%; -webkit-animation: humbNav 1.5s linear 0s infinite; -o-animation: humbNav 1.5s linear 0s infinite; animation: humbNav 1.5s linear 0s infinite; } .humbNav span.border:nth-child(1) { animation-delay: 0s; } .humbNav span.border:nth-child(2) { animation-delay: .25s; } .humbNav span.border:nth-child(3) { animation-delay: .5s; } @keyframes humbNav { 0%{ width: 30%; } 50%{ width: 15%; } 100%{ width: 30%; } } @-webkit-keyframes humbNav { 0%{ width: 30%; } 50%{ width: 15%; } 100%{ width: 30%; } } @-o-keyframes humbNav { 0%{ width: 30%; } 50%{ width: 15%; } 100%{ width: 30%; } } .humbNav:hover span.border { animation-play-state: paused; } .humbNav.active span.border { animation: none !important; } /*.active*/ .humbNav.active span.border:nth-child(1) { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); transition: ease .3s .3s; } .humbNav.active span.border:nth-child(2) { transform: translate(-500%,-50%); transition: ease .3s; } .humbNav.active span.border:nth-child(3) { top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); transition: ease .3s .3s; } .humbNav.active span.txt span.open { display: none; } .humbNav.active span.txt span.close { display: block; } /*aside#aside_sp navigation*/ aside#aside { opacity: 0; visibility: hidden; pointer-events: none; display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -9999; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } aside#aside .flexWrap { width: 85%; max-width: 1440px; height: 100%; margin: 0 auto; position: relative; display: flex; align-items: flex-end; } aside#aside .flexWrap>.flexLeft { width: 32.5%; padding: 7.5% 0; } aside#aside .flexWrap>.flexRight { width: 67.5%; padding: 7.5% 0 7.5% 7.5%; } /*.move*/ aside#aside.move { z-index: 8000; opacity: 1; visibility: visible; pointer-events: auto; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } aside#aside.move img.leadCopy { transform: translateY(0); opacity: 1; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s .3s; } aside#aside.move dl.listCoupInfo { transform: translateY(0); opacity: 1; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s .4s; } aside#aside.move dl.listSPNav { transform: translateY(0); opacity: 1; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } aside#aside.move dl.listSPNav:nth-child(1) { transition-delay: .5s; } aside#aside.move dl.listSPNav:nth-child(2) { transition-delay: .55s; } aside#aside.move dl.listSPNav:nth-child(3) { transition-delay: .6s; } aside#aside.move dl.listSPNav:nth-child(4) { transition-delay: .65s; } aside#aside.move dl.listSPNav:nth-child(5) { transition-delay: .7s; } aside#aside.move dl.listSPNav:nth-child(6) { transition-delay: .75s; } aside#aside.move dl.listSPNav:nth-child(7) { transition-delay: .8s; } aside#aside.move dl.listSPNav:nth-child(8) { transition-delay: .85s; } img.leadCopy { transform: translateY(30px); opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listCoupInfo { margin-top: 4.1em; font-weight: bold; transform: translateY(30px); opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listCoupInfo dt { margin-bottom: 1.23em; } dl.listCoupInfo dt p { font-size: 2.25rem; } dl.listCoupInfo dd { margin-top: .41em; } dl.listCoupInfo dd p { font-size: 1.435em; line-height: 1.65; } nav.spNav {} ul.listSPNav {} ul.listSPNav * { color: #151515; } ul.listSPNav li {} dl.listSPNav { display: flex; flex-wrap: wrap; transform: translateY(30px); opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listSPNav~dl.listSPNav { margin-top: .82em; } dl.listSPNav dt { width: 100%; } dl.listSPNav dt p { padding: .41em 0; display: table; position: relative; z-index: 15; line-height: 1.41; } dl.listSPNav:not(.entry) dt p::before { content: ''; display: block; width: 0; height: 2px; position: absolute; bottom: 0; right: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; border-radius: 1px; background: #151515; } dl.listSPNav dt p span { display: block; font-size: 2.46rem; font-weight: 600; } dl.listSPNav.entry dt p { display: block; } dl.listSPNav.entry dt p span { display: block; width: 100%; max-width: 21em; font-size: 1.64rem; color: #fff; text-align: center; background: #f3cc3c; line-height: 5em; border-radius: 6rem; box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); } dl.listSPNav dd { width: auto; margin-right: 3.075em; } dl.listSPNav dd p { display: flex; align-items: center; padding: .82em 0; font-size: 1.64rem; font-weight: 600; opacity: .75; } dl.listSPNav:not(.entry) dd p::before { content: ''; display: block; width: 1em; height: 1em; background: url(images/iconArrowRight.svg) center no-repeat; background-size: 70%; margin-right: .5em; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listSPNav dd p span { display: block; } /*:hover*/ dl.listSPNav dt p:hover::before { width: 100%; left: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listSPNav dd p:hover::before { transform: translateX(2.5px); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*BOTH_FOOTER*/ .siteFooter { position: relative; z-index: 20; } .siteFooter p.secTxt { width: 100%; text-align: center; position: absolute; top: -9.6rem; left: 0; right: 0; font-size: 6rem; font-weight: 700; line-height: 1; } .siteFooter p.secTxt.txt1 { opacity: .075; } .siteFooter p.secTxt.txt2 { color: #000; } .secFoot { position: relative; overflow: hidden; } .secFoot .innerWrap { width: 80%; max-width: 128rem; margin: 0 auto; } .secFoot .ttlWrap { display: table; } .secFoot .ttlWrap.center { margin: 0 auto; } .secFoot.sec1 { background: #000; position: relative; } .secFoot.sec1::before { content: ''; display: block; width: 100%; height: 6px; background: linear-gradient(306deg, #ebbb0f, #ebbb0f 49%, #f3cc3c); } .secFoot.sec1 * { color: #fff; } .secFoot.sec1 .innerWrap { padding: 6rem 0; } .secFoot.sec1 .flexWrap { display: flex; flex-wrap: wrap; align-items: center; } .secFoot.sec1 .flexWrap>.flexItem { width: calc(100% / 3); } .secFoot.sec1 .flexWrap>.flexItem~.flexItem { border-left: solid 1px #151515; } /*:hover*/ .secFoot.sec1 .flexWrap>.flexItem:hover img { opacity: .2; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secFoot.sec1 .flexWrap>.flexItem:hover .txtWrap { opacity: 0; transform: translateY(0); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secFoot.sec2 { background: #000; border-top: solid 1px #151515; position: relative; z-index: 15; } .secFoot.sec2 .imageWrap { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secFoot.sec2 .innerWrap { padding: 9.6rem 0; } /*.active*/ .secFoot.sec2.active .imageWrap { opacity: .3; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secFoot.sec3 { background: #151515; } .secFoot.sec3 p.cr { font-size: 1.2rem; text-align: center; color: #777; } .secFoot.sec3 .innerWrap { padding: 5rem 0; } /*INDEX*/ h1.indexTtl { font-size: 6.4rem; margin-bottom: .75em; } h1.indexTtl span { display: block; color: #fff; } h1.indexTtl span.en { font-size: 12rem; font-weight: 700; margin-bottom: .5em; line-height: 1.05; } h1.indexTtl span.jp { line-height: 1.35; text-shadow: 0 3px 30px #49a89478; } h2.indexTtl { font-size: 1.65rem; font-weight: 400; } h3.indexTtl { font-size: 4.8rem; line-height: 1.15; margin-bottom: 1.25em; font-weight: 500; position: relative; z-index: 15; letter-spacing: 0; } h2.indexTtl.wh , h3.indexTtl.wh { color: #fff; } main.index {} .secIndex { position: relative; z-index: 15; overflow: hidden; } .secIndex a.circleLink { margin-top: 4rem; } .secIndex .innerWrap { width: 80%; max-width: 1440px; margin: 0 auto; } .secIndex .ttlWrap { display: table; margin: 0 auto; } .secIndex .ttlWrap.left { margin-left: 0; } .secIndex .ttlWrap.right { margin-right: 0; } .secIndex p.secTxt { white-space: nowrap; } .secIndex.sec1 { z-index: 15; } .secIndex.sec1 .bgImgWrap { width: 100vw; height: 100vh; z-index: -10; overflow: hidden; } .secIndex.sec1 .bgImgWrap::after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .25; position: absolute; top: 0; left: 0; } .secIndex.sec1 .bgImgWrap .inner { width: calc(100% + 120px); height: 100%; } /*animation*/ .secIndex.sec1 .swiper-slide img { -webkit-animation: firstview 24s linear 0s infinite; -o-animation: firstview 24s linear 0s infinite; animation: firstview 24s linear 0s infinite; } @keyframes firstview { 0%{ transform: translateX(0); } 50%{ transform: translateX(-120px); } 100%{ transform: translateX(0); } } @-webkit-keyframes firstview { 0%{ transform: translateX(0); } 50%{ transform: translateX(-120px); } 100%{ transform: translateX(0); } } @-o-keyframes firstview { 0%{ transform: translateX(0); } 50%{ transform: translateX(-120px); } 100%{ transform: translateX(0); } } .secIndex.sec1 .txtWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100; display: flex; justify-content: center; align-items: center; } .secIndex.sec1 .txtWrap .inner { width: 70%; max-width: 68rem; margin-top: 4.2rem; } .secIndex.sec2 {} .secIndex.sec2 p.secTxt { position: absolute; left: 32%; bottom: -3%; z-index: -1; font-size: 32rem; font-weight: 700; color: #fff; text-shadow: #ddd 1px 1px 0px, #ddd -1px 1px 0px, #ddd 1px -1px 0px, #ddd -1px -1px 0px; transition: linear .1s; white-space: nowrap; line-height: 1; } .secIndex.sec2 .innerWrap { padding: 14.4rem 0; } .secIndex.sec2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .secIndex.sec2 .flexWrap>.flexLeft { width: 32.5%; } .secIndex.sec2 .flexWrap>.flexRight { width: 62.5%; margin-top: 3.5rem; } dl.listLead {} dl.listLead dt {} dl.listLead dt p { font-size: 2.75rem; line-height: 1.5; margin-bottom: 1em; } dl.listLead dd { max-width: 48rem; } dl.listLead dd p { font-size: 1.65rem; } .secIndex.sec2 .innerFlex { display: flex; flex-wrap: wrap; } .secIndex.sec2 .innerFlex>.innerItem { width: 100%; } .secIndex.sec2 .innerFlex>.innerImg { transform: translateX(-5vw); } body.effect { background: #151515; } .secIndex.sec3 {} .secIndex.sec3 .innerWrap { width: 87.5%; padding: 14.4rem 0 24rem; } .secIndex.sec3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .secIndex.sec3 .flexWrap>.flexItem { width: calc((100% / 3) - (100px / 3)); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secIndex.sec3 .flexWrap>.flexItem:nth-child(1) { transform: translateY(24rem); } .secIndex.sec3 .flexWrap>.flexItem:nth-child(2) { transform: translateY(12rem); } .secIndex.sec3 .flexWrap>.flexItem:nth-child(3) {} .secIndex.sec3 .wrapperHead {} .secIndex.sec3 .wrapperBody { margin-top: 6em; } .secIndex.sec3 .wrapperBody h3.indexTtl { margin-bottom: 0; } /*:hover*/ .secIndex.sec3 .flexWrap:hover>.flexItem { opacity: .5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secIndex.sec3 .flexWrap>.flexItem:hover { opacity: 1; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secIndex.sec4 {} .secIndex.sec4 p.secTxt { position: absolute; z-index: -1; font-size: 32rem; font-weight: 700; color: #fff; text-shadow: #ddd 1px 1px 0px, #ddd -1px 1px 0px, #ddd 1px -1px 0px, #ddd -1px -1px 0px; line-height: 1; transition: linear .1s; } .secIndex.sec4 .innerWrap { padding: 14.4rem 0 19.2rem; } .secIndex.sec4 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .secIndex.sec4 .flexWrap>.flexLeft { width: 47.5%; } .secIndex.sec4 .flexWrap>.flexLeft .inner {} .secIndex.sec4 .flexWrap>.flexLeft p.secTxt { bottom: 5%; right: -5%; } .secIndex.sec4 .flexWrap>.flexRight { width: 47.5%; margin-top: 3.5rem; } .indexEnvironmentHead {} .indexEnvironmentBody { display: table; margin-left: auto; } /*PAGE*/ body.page main {} h1.pageTtl { margin-top: 4.2em; text-align: center; } h1.pageTtl span { display: block; color: #fff; } h1.pageTtl span.en { font-size: 7.2rem; font-weight: 500; line-height: 1.05; } h1.pageTtl span.jp { font-size: 2.25rem; } h2.pageTtl { letter-spacing: 0; font-weight: 600; } h3.pageTtl { letter-spacing: 0; font-size: 8.2em; font-weight: 400; margin-bottom: .75em; padding-bottom: .15em; line-height: 1.1; border-bottom: solid 4px #151515; } h3.pageTtl span { position: relative; } h3.pageTtl span[data-number]::before { content: attr(data-number)""; display: block; position: absolute; right: -2rem; font-size: 1.5rem; width: 4rem; height: 4rem; background: #3596fb; border-radius: 4rem; line-height: 4rem; text-align: center; } h4.pageTtl { font-size: 2rem; font-weight: 600; line-height: 1.5; display: table; margin: 0 auto; margin-bottom: 1.25em; position: relative; z-index: 15; } h5.pageTtl { margin-bottom: 1.75em; } h5.pageTtl span { display: block; } h5.pageTtl span.jp { font-size: 2.5rem; font-weight: 600; } h5.pageTtl span.en { text-transform: capitalize; font-weight: 400; font-size: 1.5rem; letter-spacing: 0; } .pageHeader { position: relative; z-index: 15; } .pageHeader .imgWrap { width: 100%; height: 50vw; max-height: 42rem; overflow: hidden; position: relative; } .pageHeader .imgWrap::after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .35; position: absolute; top: 0; left: 0; right: 0; } .pageHeader .imgWrap .inner { height: calc(100% + 120px); transform: translateY(-60px); } .pageHeader .imageWrap { width: 100%; height: auto; margin-top: 246px; } .pageHeader .imageWrap h1.pageTtl { margin-top: 0; } .pageHeader .txtWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; } .pageHeader .innerWrap { position: relative; width: 80%; max-width: 128rem; margin: 0 auto; } ul.listPageAnker { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -1.5em; } ul.listPageAnker li { width: 25%; margin-bottom: 1.5em; } ul.listPageAnker li:last-child {} .pageContent { padding: 12rem 0 19.2rem; } .flexPage { width: 80%; max-width: 128rem; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .flexPage>.flexLeft { width: 25%; } .flexPage>.flexLeft .inner {} .flexPage>.flexLeft .sticky { top: 140px; z-index: 7999; } .flexPage>.flexRight { width: 67.5%; } ul.listAnker { border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 2.25em 0; } ul.listAnker li { padding: 1.25em 0; } ul.listAnker li p {} ul.listAnker li p span {} .secPage { position: relative; z-index: 15; } .secPage~.secPage { margin-top: 19.2rem; } .secPage a.btn { margin-top: 4rem; } .secPage .innerWrap { width: 87.5%; max-width: 1440px; margin: 0 auto; } .secPage .ttlWrap { display: table; margin: 0 auto; } .secPage .ttlWrap.left { margin-left: 0; } .ankerWrap { background: #000; } .ankerWrap * { color: #fff; } .ankerWrap .innerWrap { width: 87.5%; max-width: 1440px; margin: 0 auto; padding: 3rem 0; } /*PAGE_About*/ .about1 {} .missionWrap {} .missionWrap .flexWrap { display: flex; align-items: center; flex-wrap: wrap; margin-top: 7.2em; } .missionWrap .flexWrap>.flexLeft { width: 65%; padding-right: 7.5%; } .missionWrap .flexWrap>.flexRight { width: 35%; } figure.figMission {} figure.figMission .fig { opacity: .5; width: 60%; height: auto; position: absolute; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } figure.figMission .fig.fig1 { top: 0; left: 20%; } figure.figMission .fig.fig2 { bottom: 0; left: 0; } figure.figMission .fig.fig3 { bottom: 0; right: 0; } figure.figMission .fig.active { opacity: 1; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .missionInner { position: relative; } dl.listMission { transform: translateY(30px); position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listMission dt {} dl.listMission dt p { font-size: 2.5rem; font-weight: 700; } dl.listMission dd {} dl.listMission dd p { font-size: 1.75rem; } .missionInner+p { color: #777; margin-top: 2.5em; } /*.active*/ dl.listMission.active { transform: translateY(0); position: relative; opacity: 1; visibility: visible; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .about2 {} .igWrap {} .igWrap .flexWrap { display: flex; flex-wrap: wrap; margin-bottom: -5em; } .igWrap .flexWrap>.flexItem { width: calc(100% / 3); border-bottom: solid 1px #151515; margin-bottom: 5em; padding-bottom: 5em; overflow: hidden; position: relative; } .igWrap .flexWrap>.flexItem:nth-child(2n-1) { border-right: solid 1px #151515; padding-right: 5%; } .igWrap .flexWrap>.flexItem:nth-child(2n) { padding-left: 5%; } .igWrap .flexWrap>.flexItem.x15 { width: calc((100% / 3) * 1.5); } .igWrap .flexWrap>.flexItem.x2 { width: calc((100% / 3) * 2); } .igWrap .flexWrap>.flexItem::before { content: ''; display: block; position: absolute; } .igWrap .flexWrap>.flexItem[data-text="establishment"]::before { right: -5%; top: 0; width: 200px; height: 200px; background: url(images/igEstablishment.svg); background-size: cover; } .igWrap .flexWrap>.flexItem[data-text="YoY"]::before { right: 0; top: 12.5%; width: 300px; height: 150px; background: url(images/igYoY.svg); background-size: cover; } .igWrap .flexWrap>.flexItem[data-text="Stores"]::before { right: 0; top: 12.5%; width: 300px; height: 150px; background: url(images/igStores.svg); background-size: cover; } .igWrap .flexWrap>.flexItem[data-text="gender"]::before { right: 0; top: 12.5%; width: 300px; height: 150px; background: url(images/igGender.svg); background-size: cover; } .igWrap .flexWrap>.flexItem[data-text="opening"]::before { right: 0; top: 12.5%; width: 300px; height: 150px; background: url(images/igOpening.svg); background-size: cover; } .igWrap .igPram { display: flex; align-items: baseline; } .igWrap .igPram span { display: block; line-height: 1.05; } .igWrap .igPram span.number { font-size: 12.3rem; font-family: 'Libre Baskerville', serif; } .igWrap .igPram span.txt { font-size: 2.5rem; } .about3 {} .styleWrap {} .styleWrap .imgWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; } .styleWrap .txtWrap { position: absolute; bottom: 0; left: 0; } .styleWrap .txtWrap p { font-size: 15rem; line-height: 0.7; color: #fff; font-family: 'Libre Baskerville', serif; } .styleWrap .styleBody { padding: 4em 5%; background: rgba(255,255,255,.75); } dl.listStyle {} dl.listStyle dt {} dl.listStyle dt p { font-size: 2.5rem; font-weight: 600; margin-bottom: .35em; } dl.listStyle dd {} dl.listStyle dd p {} .about4 {} .about4 h5.pageTtl { margin-bottom: 4em; } .welfareWrap {} .welfareWrap>.welfareItem {} .welfareWrap>.welfareItem~.welfareItem { margin-top: 7.2em; } .educationWrap { margin-top: 7.2em; } .flexEducation { display: flex; flex-wrap: wrap; } .flexEducation>.flexItem { margin-bottom: 2em; padding: 0 3.075em; background: rgba(255,255,255,0.05); box-shadow: 0 8px 12px -6px #1301011f; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); border-radius: 12px; border: solid 1px #0000001f; } .flexEducation>.flexItem.c2 { width: calc(50% - 1em); padding: 0 4.1em; } .flexEducation>.flexItem.c2+.flexItem.c2 { margin-left: 2em; } .flexEducation>.flexItem.c3 { width: calc((100% / 3) - (4em / 3)); margin-right: 2em; } .flexEducation>.flexItem.c3:nth-child(3n) { margin-right: 0; } ul.listWelfare { display: flex; flex-wrap: wrap; width: calc(100% + 2em); margin: 0 -1em; } ul.listWelfare li { width: calc(100% / 5); padding: 1em; } ul.listWelfare li .inner { background: rgba(255,255,255,0.05); box-shadow: 0 8px 12px -6px #1301011f; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); border-radius: 12px; border: solid 1px #0000001f; padding: 3.075em 0 2.46em; } ul.listWelfare li img { display: block; width: 40%; margin: 0 auto 1.5em; } ul.listWelfare li p { text-align: center; line-height: 1.5; min-height: 3em; font-weight: 600; } ul.listWelfare li p span { font-weight: 400; font-size: 1.3rem; color: #555; } .supportWrap { display: flex; flex-wrap: wrap; margin-bottom: -2em; } .supportWrap>.supportItem { width: calc((100% / 3) - (4em / 3)); margin-right: 2em; margin-bottom: 2em; padding: 0 3.075em; background: rgba(255,255,255,0.05); box-shadow: 0 8px 12px -6px #1301011f; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); border-radius: 12px; border: solid 1px #0000001f; } .supportWrap>.supportItem:nth-child(3n) { margin-right: 0; } dl.listSupport { border-top: solid 3px #151515; padding: 3.075em 0 4.1em; } dl.listSupport dt {} dl.listSupport dt p { font-size: 1.64em; font-weight: 600; } dl.listSupport dt~dt p { font-size: 1.23em; margin-top: 1em; opacity: .8; } dl.listSupport dd { margin-top: 1.23em; } dl.listSupport dd p { line-height: 1.65; } .c2 dl.listSupport dt p { font-size: 2.05em; } .c2 dl.listSupport dt~dt p { font-size: 1.23em; } .about5 {} .careerWrap {} .careerWrap p.career1 { background: #30c39e; } .careerWrap p.career2 { background: #48a9c5; } .careerWrap p.career3 { background: #ff6c5f; } .careerWrap p.careerTtl { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; border-radius: 5em 5em 0 0; } .careerWrap p.careerTtl span { font-size: 1.5rem; display: inline-block; } .careerWrap p.careerTtl span.number { font-family: 'Libre Baskerville', serif; margin: .35em 0 .65em; width: 4rem; height: 4rem; background: #fff; border-radius: 4rem; text-align: center; line-height: 4rem; } .careerWrap p.careerTtl span.txt { font-weight: 700; line-height: 5rem; } .flexCareer { display: flex; } .flexCareer>.flexLeft { width: 20%; display: flex; } .flexCareer>.flexRight { width: 80%; } .careerWrap .careerItem { border-top: dashed 1px #151515; border-bottom: dashed 1px #151515; /*padding: 2.5em 0;*/ } .careerWrap .careerItem~.careerItem { border-top: 0; } .careerWrap .flexWrap { display: flex; flex-wrap: wrap; align-items: center; padding: 0 2.05em; } .careerWrap .flexWrap>.flexLeft { width: 25%; text-align: center; } .careerWrap .flexWrap>.flexCenter { width: calc(75% / 2); text-align: center; } .careerWrap .flexWrap>.flexRight { width: calc(75% / 2); text-align: center; } ul.listRank {} ul.listRank li { padding: 2.05em 0; } ul.listRank li~li { border-top: dashed 1px #777; } ul.listRank li p {} dl.listGrade {} dl.listGrade dt {} dl.listGrade dt p { font-weight: 700; } dl.listGrade dd { display: none; margin-top: .75em; } dl.listGrade dd p {} .about6 {} .independentWrap {} .independentWrap p#pram2 { padding: 3em 0 1em; font-weight: 700; } .independentWrap p#pram3 { padding: 3em 0 1em; font-weight: 700; } .independentWrap p.pramTtl { text-align: center; padding-bottom: 2em; font-weight: 700; } .independentWrap .flexWrap { display: flex; } .independentWrap .flexWrap>.flexLeft { width: 20%; } .independentWrap .flexWrap>.flexRight { width: 80%; } ul.listIndependent { background: rgba(0,0,0,.1); border: solid 1px #ddd; } ul.listIndependent li { border-bottom: solid 1px #ddd; padding: 1.5em 1em; text-align: center; } ul.listIndependent li:last-child { border-bottom: 0; } ul.listIndependent li p {} ul.listIndependentPram { background: rgba(255,255,255,.75); border: solid 1px #ddd; } ul.listIndependentPram li { border-bottom: solid 1px #ddd; padding: 1.5em 1em; text-align: center; } ul.listIndependentPram li:last-child { border-bottom: 0; } ul.listIndependentPram li p {} .about7 {} .landscapeWrap { position: relative; overflow: hidden; } .landscapeWrap .swiper-button { display: block; width: 84px; height: 84px; border-radius: 84px; background: #fff; top: initial; bottom: 5%; z-index: 50; overflow: hidden; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .landscapeWrap .swiper-button::before { content: ''; display: block; width: 200%; height: 100%; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .landscapeWrap .swiper-button-prev { left: initial; right: calc(3% + 114px); } .landscapeWrap .swiper-button-next { left: initial; right: 3%; } .landscapeWrap .swiper-button-prev::before { background: url(images/iconCircleArrowL.svg) repeat; background-size: cover; background-position: 84px 0; } .landscapeWrap .swiper-button-next::before { background: url(images/iconCircleArrow.svg) repeat; background-size: cover; background-position: 0 0; } /*:hover*/ .landscapeWrap .swiper-button:hover { background: #151515; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .landscapeWrap .swiper-button:hover::before { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .landscapeWrap .swiper-button-prev:hover::before { background: url(images/iconCircleArrowL.svg) repeat; background-size: cover; background-position: 0 0; } .landscapeWrap .swiper-button-next:hover::before { background: url(images/iconCircleArrow.svg) repeat; background-size: cover; background-position: 84px 0; } /*PAGE_Company*/ .company1 {} .company2 {} .messageWrap {} .messageWrap .messageHead {} .messageWrap .messageBody { margin-top: 7.2em; /* Old Chrome, Safari and Opera */ -webkit-column-count: 2; -webkit-column-gap: 40px; /* Old Firefox */ -moz-column-count: 2; -moz-column-gap: 40px; /* Standard syntax */ column-count: 2; column-gap: 40px; } .messageWrap .messageBody p { font-size: 1.75rem; margin-bottom: 2em; } dl.listCEO { display: table; margin-left: auto; } dl.listCEO dt {} dl.listCEO dt p { text-align: right; font-size: 2.25rem; } dl.listCEO dd {} dl.listCEO dd p { font-size: 1.75rem; } .company3 {} /*PAGE_People*/ .peopleWrap {} .peopleWrap .flexWrap { display: flex; flex-wrap: wrap; margin-bottom: -9.6rem; } .peopleWrap .flexWrap>.flexItem { width: 50%; margin-bottom: 9.6rem; } .peoplePickHead {} .peoplePickHead img { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .peoplePickBody { margin-top: 4em; display: flex; } .peoplePickBody p.postNumber { font-size: 3.5rem; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .peoplePickBody p.postNumber span { margin-right: .5em; padding-right: .5em; border-right: dashed 1px #ddd; } .peoplePickBody dl.listPickProfile {} .peoplePickBody dl.listPickProfile dd {} .peoplePickBody dl.listPickProfile dd p {} .peoplePickBody dl.listPickProfile dd p span {} .peoplePickBody dl.listPickProfile dd p span~span { margin-left: .5em; } .peoplePickBody dl.listPickProfile dt {} .peoplePickBody dl.listPickProfile dt p {} .peoplePickBody dl.listPickProfile dt p span { font-size: 2rem; } .peoplePickBody dl.listPickProfile dt p span.jp { font-weight: 600; } .peoplePickBody dl.listPickProfile dt p span.en { margin-left: 1em; } /*:hover*/ .peopleWrap .flexWrap>.flexItem:hover img { transform: scale(1.05); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .peopleWrap .flexWrap>.flexItem:hover p.postNumber { color: #f3cc3c; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .landscapeWrap {} /*PAGE_Interview*/ .interview0 { padding-top: 9.6rem; } .interview1 {} .interview1 .interviewHead { height: 42rem; position: relative; } .interview1 .interviewHead .bgWrap { width: 100%; height: 100%; } .interview1 .interviewHead .profileWrap { width: 52.5%; position: absolute; right: 0; bottom: 0; background: #fff; display: flex; align-items: center; } .interview1 .interviewHead .profileWrap>.flexLeft { width: 25%; } .interview1 .interviewHead .profileWrap>.flexRight { width: 75%; } .interview1 .interviewHead .peoplePickBody { margin: 0; } .interview1 .interviewHead p.postNumber span { margin-left: 1em; } .interview1 .interviewBody { margin-top: 12em; } dl.listInterview { display: flex; flex-wrap: wrap; } dl.listInterview~dl.listInterview { margin-top: 7.2em; } dl.listInterview dt { width: 30%; } dl.listInterview dt p { font-size: 1.65rem; font-weight: 700; } dl.listInterview dd { width: 70%; } dl.listInterview dd p { font-size: 1.65rem; } /*PAGE_Culture*/ .culture1 {} .culture2 {} .culture3 {} /*PAGE_Entry*/ .entryform { padding-top: 9.6rem; } .entryform .innerWrap {} .entryform .flexWrap {} .entryform .flexWrap>.flexLeft {} .entryform .flexWrap>.flexRight {} /*FORM*/ .mw_wp_form {} .mw_wp_form form {} .mw_wp_form form>p { display: none; } .formWrap {} .formWrap * {} .formWrap p.must { margin-top: 2em; } .formWrap p.must span.dot { display: inline-block; width: .65em; height: .65em; border-radius: 1em; background: #e8330f; margin-right: .5em; } .formWrap .flexWrap { display: flex; flex-wrap: wrap; } .formWrap .flexWrap>.flexLeft { width: 35%; padding-right: 7.5%; } .formWrap .flexWrap>.flexLeft .inner {} .formWrap .flexWrap>.flexLeft .sticky { top: calc(84px + 5em); } .formWrap .flexWrap>.flexRight { width: 65%; } .formWrap .flexWrap>.flexRight .inner { box-shadow: 0 10px 20px rgba(84, 84, 84, 0.1); padding: 5% 8.5% 7.5%; border-radius: 1em; background: rgba(0,0,0,.1); backdrop-filter: blur(5.5px); } ul.listDocForm {} ul.listDocForm li {} ul.listDocForm li~li { margin-top: 4em; } ul.listDocForm li:last-child {} dl.listDocForm {} dl.listDocForm dt {} dl.listDocForm dt p { font-weight: bold; margin-top: 0; margin-bottom: 1.25em; } dl.listDocForm dt p::after {} dl.listDocForm dt p.must::after { content: ''; display: inline-block; vertical-align: baseline; width: .65em; height: .65em; border-radius: 1em; background: #e8330f; margin-left: 1em; } dl.listDocForm dt p.can::after {} dl.listDocForm dd { font-size: 1.5rem; } dl.listDocForm dd p {} input::placeholder { color: #aaa; } input[type="text"], textarea, select { width: 100%; height: auto; border: solid 1px #ddd; background: #fff; border-radius: 0; font-size: 1.6rem; line-height: 1.5; color: #252525; } input[type="text"], textarea { padding: 18px 24px; } select { padding: 0 24px; } input[type="radio"]+span { font-size: 1.6rem; color: #252525; } input[type="text"]#old { width: 10em; margin-right: 1em; } input[type="text"]#date2,input[type="text"]#date3 { margin-top: 1em; } select { height: 8rem; } label { line-height: 8rem; } input[type="text"]:focus, textarea:focus, select:focus { outline: none; border: solid 1px #a0a0a0; } input[type="submit"] { width: 100%; max-width: 32rem; height: 8rem; border: none; font-weight: bold; text-align: center; line-height: 8rem; border-radius: 8rem; font-size: 1.5rem; background: #252525; color: #fff; position: relative; margin:0 auto; display:block; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } input[type="submit"]:hover { background: linear-gradient(306deg, #ebbb0f, #fa3232 49%, #f3cc3c); color: #151515!important; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*確認画面*/ .mw_wp_form_confirm .entryBtnWrap { display: flex; } .mw_wp_form_confirm dl.listDocForm dd { background: #f8f8f8; color: #777; padding: 1em 2em; border: solid 1px #efefef; border-radius: 5px; } /*完了画面*/ .mw_wp_form_complete {} .mw_wp_form_complete p a { text-decoration: underline; } .mw_wp_form_complete p~p { margin-top: 1em; } .mw_wp_form_complete dl.listComplete { margin-top: 1em; } .mw_wp_form_complete dl.listComplete dt p { font-size: 4.2rem; font-weight: bold; font-style: italic; } /*ARCHIVE*/ .archiveHeader { position: relative; z-index: 15; } .archiveHeader h1 span { color: #151515; } .archiveHeader .innerWrap { position: relative; width: 80%; max-width: 128rem; margin: 0 auto; padding: 12rem 0 0; } .archive1 { background: rgba(0,0,0,.1); border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); } .archive1 .innerWrap { padding: 9.6rem 0; } .archive2 {} .archiveWrap { width: 100%; max-width: 86rem; margin: 0 auto; } .archiveWrap h2.resultTtl { font-weight: 400; line-height: 12rem; text-align: center; } .archiveWrap h2.resultTtl span { font-size: 3.5rem; font-weight: 500; } /*絞り込み検索*/ .searchandfilter {} .sfWrap {} .sfWrap h3.indexTtl { margin-bottom: .5em; } .sfWrap h4.sfBtn { font-size: 16px; padding: 1.5em 0 5px; } .sfWrap label.sfLabel { display: block; } ul.listSFWrap { display: flex; flex-wrap: wrap; justify-content: space-evenly; } ul.listSFWrap::after { display: none; } ul.listSFWrap>li { width: calc((100% / 3) - (3.075em / 3)); padding: 0; } ul.listSFWrap>li.btn { width: calc(50% - 7.5px); max-width: 35em; margin-top: 2em; } /*検索・リセット*/ #search-filter-form-28 ul li.sf-field-submit { width: calc(50% - .75rem); margin-top: 1.5rem; } #search-filter-form-28 ul li.sf-field-reset { width: calc(50% - .75rem); margin-top: 1.5rem; } #search-filter-form-28 ul li.sf-field-reset input[type="submit"] { background: #777; color: #fff; } /*求人一覧*/ .pickUpWrap {} .pickUpWrap {} .pickUpWrap>.pickItem {} .pickUpWrap>.pickItem~.pickItem { margin-top: 5em; padding-top: 5em; border-top: solid 1px #252525; } .pickUpWrap>.pickItem img { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .pickupHead { box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); } .pickupHead .txtWrap { position: absolute; left: 5%; bottom: 7.5%; } .pickupBody { width: 100%; max-width: 72rem; margin: 0 auto; margin-top: 3em; } dl.listPickup {} dl.listPickup dt {} dl.listPickup dt p { font-weight: 600; font-size: 2.75rem; line-height: 1.5; margin-bottom: .5em; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } dl.listPickup dd {} dl.listPickup dd.tags {} ul.listTag { display: flex; flex-wrap: wrap; align-items: center; } ul.listTag li {} ul.listTag li p { display: flex; align-items: center; } ul.listTas li p span { display: block; } ul.listTag li p::after { content: ''; display: block; width: .5em; height: .5em; border-radius: 1em; background: #f3cc3c; margin: 0 1em; } ul.listTag li:last-child p::after { display: none; } ul.listPickup { display: flex; flex-wrap: wrap; } ul.listPickup li { width: 50%; padding: .5em 0; } ul.listPickup li p { font-size: 1.4rem; display: flex; align-items: center; justify-content: space-between; } ul.listPickup li p::before { content: ''; display: block; width: 1em; height: 1em; } ul.listPickup li.store p::before { background: url(images/iconType.svg); background-size: cover; } ul.listPickup li.area p::before { background: url(images/iconArea.svg); background-size: cover; } ul.listPickup li.position p::before { background: url(images/iconStatus.svg); background-size: cover; } ul.listPickup li.bill p::before { background: url(images/iconIncome.svg); background-size: cover; } ul.listPickup li p span { display: block; width: calc(100% - 2rem); line-height: 1.5; } /*:hover*/ .pickUpWrap>.pickItem:hover img { transform: scale(1.05); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .pickUpWrap>.pickItem:hover dl.listPickup dt p { color: #f3cc3c; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } /*求人一覧_ページナビゲーション*/ nav.navigation.pagination { margin-top: 5em; padding-top: 5em; border-top: solid 1px #efefef; } nav.navigation.pagination h2 { display: none; } .nav-links { display: flex; align-items: center; justify-content: center; } .nav-links .page-numbers { display: block; width: 6rem; height: 6rem; border-radius: 6rem; line-height: 6rem; text-align: center; font-size: 1.5rem; border: solid 1px #efefef; margin: 0 .5em; } .nav-links .page-numbers.dots { border: 0; } .nav-links .page-numbers.current { background: #e0e0e0; } /*:hover*/ .nav-links .page-numbers:hover { background: #f8f8f8; } .nav-links .page-numbers.dots:hover { background: #fff; } /*SINGLE*/ body.single main {} h1.singleTtl { font-size: 3.75rem; font-weight: 600; margin-bottom: .5em; line-height: 1.5; } h2.singleTtl { font-size: 2.4rem; font-weight: 700; margin-bottom: .75em; } h3.singleTtl {} .singleHeader {} .singleHeader .innerWrap { width: 80%; max-width: 128rem; margin: 0 auto; padding-top: 20.6rem; } .singleHeader .imgWrap { position: relative; margin-bottom: 7.2em; } ul.listPickups { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -.82em; } ul.listPickups li { margin-right: .82em; margin-bottom: .82em; } ul.listPickups li:last-child { margin-right: 0; } ul.listPickups li p {} ul.listPickups li p span { display: block; text-align: center; background: #f7f7f7; border: solid 1px #ddd; line-height: 1; padding: .82em 1.23em; border-radius: 4em; box-shadow: 0 4px 12px -8px rgba(50, 89, 87, 0.1); } .singleContent {} .secSingle {} .secSingle~.secSingle { border-top: solid 1px #ddd; } .secSingle .innerWrap { width: 80%; max-width: 128rem; margin: 0 auto; padding: 12rem 0; } /*SINGLE_求人共通*/ .jobWrap {} .jobWrap>.jobItem {} .jobWrap>.jobItem~.jobItem { border-top: solid 1px #ddd; margin-top: 9.6em; padding-top: 9.6em; } .flexJob { display: flex; flex-wrap: wrap; } .flexJob>.flexLeft { width: 35%; } .flexJob>.flexRight { width: 65%; } /*SINGLE_求人導入*/ .job1 {} .job1 .innerWrap {} dl.listIntro { width: 100%; max-width: 86rem; margin: 0 auto; } dl.listIntro dt {} dl.listIntro dt p { font-size: 2.75rem; font-weight: 600; margin-bottom: 1.25em; } dl.listIntro dt p span {} dl.listIntro dd {} dl.listIntro dd p { font-size: 1.75rem; } .featureWrap {} .featureWrap>.featureItem {} .featureWrap>.featureItem~.featureItem { margin-top: 6em; } .job-container { margin-top: 10.8em; } .flexVoice { display: flex; flex-wrap: wrap; } .flexVoice~.flexVoice { margin-top: 6em; } .flexVoice>.flexLeft { width: 35%; padding-right: 7.5%; } .flexVoice>.flexRight { width: 65%; } dl.listVoice {} dl.listVoice dt {} dl.listVoice dt p { font-size: 2rem; margin-bottom: .75em; font-weight: 600; } dl.listVoice dd {} dl.listVoice dd p {} dl.listVoice+p { margin-top: 2em; text-align: right; } /*SINGLE_募集内容*/ .job2 {} .job2 .innerWrap {} .jobPostWrap { width: 100%; max-width: 86rem; margin: 0 auto; } .flexJobPost { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1.75em 0; } .flexJobPost~.flexJobPost {} .flexJobPost>.flexLeft { width: 30%; } .flexJobPost>.flexLeft p { font-weight: 700; opacity: .41; } .flexJobPost>.flexRight { width: 70%; } .flexJobPost>.flexRight p {} .flexJobPost>.flexRight .googleMap { width: 100%; height: auto; padding-top: 50%; position: relative; margin-bottom: 1.75em; } .flexJobPost>.flexRight .googleMap iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } /*SINGLE_募集内容_会社情報*/ .job3 { border-top: solid 1px #ddd; background: rgba(0,0,0,.1); backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); } .job3 .innerWrap {} .pickCompanyWrap { display: flex; flex-wrap: wrap; } dl.listPickCompany { width: 100%; display: flex; } dl.listPickCompany~dl.listPickCompany { margin-top: 1.64em; } dl.listPickCompany dt { width: 30%; } dl.listPickCompany dt p { font-weight: 700; font-size: 1.4rem; color: #555; } dl.listPickCompany dd { width: 70%; } dl.listPickCompany dd p { font-size: 1.4rem; } /*SINGLE_応募フォーム*/ .secSingle.sec2 { border-top: solid 1px #ddd; } .secSingle.sec2 .innerWrap { width: 80%; margin: 0 auto; padding: 12rem 0 18rem; } /*SINGLE_関連ポスト*/ .secSingle.sec3 { border-top: solid 1px #ddd; background: rgba(0,0,0,.1); } .secSingle.sec3 .innerWrap { width: 80%; margin: 0 auto; padding: 12rem 0 18rem; } .secSingle.sec3 .popular-container { position: relative; } .secSingle.sec3 .popular-container .swiper-slide { transform: scale(.9); opacity: .5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secSingle.sec3 .popular-container .swiper-slide.swiper-slide-active { transform: scale(1); opacity: 1; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secSingle.sec3 .popular-container .swiper-button-prev, .secSingle.sec3 .popular-container .swiper-button-next { width: 60px; height: 60px; margin-top: -30px; background: #fff; box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); border-radius: 6rem; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secSingle.sec3 .popular-container .swiper-button-prev::before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background: url(images/iconArrowLeft.svg) center no-repeat; background-size: 35%; } .secSingle.sec3 .popular-container .swiper-button-next::before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background: url(images/iconArrowRight.svg) center no-repeat; background-size: 35%; } /*:hover*/ .secSingle.sec3 .popular-container .swiper-button-prev:hover, .secSingle.sec3 .popular-container .swiper-button-next:hover { transform: scale(.85); transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .secSingle.sec3 .indexPickupHead { box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); border-radius: 1em; overflow: hidden; } .secSingle.sec3 .indexPickupBody { width: 100%; max-width: 64rem; margin: 0 auto; margin-top: 3.5em; } .secSingle.sec3 .indexPickupBody>p { font-size: 2.25rem; line-height: 1.65; font-weight: 700; margin-bottom: .75em; } /*SINGLE_お知らせ*/ header.headInformation {} header.headInformation p.informationData { color: #aaa; margin-bottom: 1.25em; } header.headInformation h1.infoTtl { font-size: 4.25rem; font-weight: 400; line-height: 1.5; } header.headInformation .innerWrap { max-width: 64rem; padding: 19.2rem 0 6rem; } header.headInformation .thumbnailImg { width: calc(100% + 20vw); margin: 6rem -10vw 0; } .secInformation { border-bottom: solid 1px #252525; margin-bottom: 19.2rem; padding-bottom: 19.2rem; } .secInformation .innerWrap { max-width: 64rem; } .secInformation .innerWrap p { font-size: 1.75rem; line-height: 2; margin: 3em 0; } /*お知らせページネーション*/ .pagenationWrap { width: 80%; max-width: 128rem; margin: 0 auto; background: #f8f8f8; padding: 3rem 0; border-radius: 6rem; } .pagenationWrap .flexPagenation { width: 85%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .pagenationWrap .flexPagenation>.flexLeft { width: 50%; } .pagenationWrap .flexPagenation>.flexLeft p { text-align: left; } .pagenationWrap .flexPagenation>.flexRight { width: 50%; } .pagenationWrap .flexPagenation>.flexRight p { text-align: right; } /*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎desktop◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/ @media (min-width:1680px) { } /*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎tablet◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/ @media (min-width:768px) and (max-width:1024px) { } /*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎smartphone◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/ @media (max-width:767px) { /*--------------basic css--------------*/ body { min-width: initial; } * { transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0s; } /*マウスストーカー*/ .cursor, .follower { border-radius: 50%; position: absolute; top: 0; left: 0; cursor: none; pointer-events: none; } .cursor { width: 8px; height: 8px; background-color: #000; z-index: 10001; } .follower { width: 40px; height: 40px; background-color: #000; opacity: .2; z-index: 10000; transition: transform ease .1s; } .follower.is-active { transform: scale(2); transition: transform ease .1s; } /*TEXT*/ p { font-size: 3.6vw; } /*LINK*/ a {} a.not {} a[target='_blank'] {} a[target='_blank'] p::after { content: ''; display: inline-block; vertical-align: sub; width: 1em; height: 1em; background: url(images/iconLinkout.svg); background-size: cover; margin-left: 1em; } a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; } a.btn.sm { width: 5.4rem; } a.btn.md { width: auto; max-width: 30rem; } a.btn.lg { width: auto; max-width: 42em; } a.btn.xl { width: auto; max-width: 68em; } a.btn {} a.btn p { line-height: 17.5vw; font-size: 3.8vw; font-weight: 500; } a.btn p::after { content: ''; display: block; width: 1em; height: 1em; background: url(images/iconArrowRightWh.svg); background-size: cover; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } a.circleLink {} a.circleLink p {} a.circleLink p span {} a.circleLink p span.circle { width: 7.5vw; height: 7.5vw; } a.circleLink p span.circle::before {} a.circleLink p span.txt { width: calc(100% - 10vw); padding-left: 1.5rem; } a.circleLink p span.txt span.en { font-size: 4.2vw; white-space: nowrap; } a.circleLink p span.txt span.jp { font-size: 3vw; white-space: nowrap; } /*:hover*/ a.circleLink:hover p span.circle {} a.circleLink:hover p span.circle::before { background-position: -12.5vw top; } a.circleLink:hover p span.txt {} /*ASPECT*/ .aspect .aspectBlock .aspectInner { height: calc(100% + 5rem); transform: translateY(-2.5rem); } /*RESPONSIVE*/ .hidden-xs { display: none !important; } .visible-xs { display: block !important; } /*loop slider*/ .loopSliderWrap { top: 0; left: 0; height: 42rem; overflow: hidden; position: absolute; } .loopSlider { width: 100%; height: 42rem; text-align: left; position: relative; overflow: hidden; background:none; } .loopSlider ul { height: 42rem; float: left; overflow: hidden; } .loopSlider ul::after { content: ''; display: none; } .loopSlider ul li { width: 42rem; height: 42rem; float: left; display: inline; overflow: hidden; position:relative; } .loopSlider ul li img { width: 100%; height: auto; } .loopSlider ul li img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .loopSliderWrap::after { content: ""; display: none; clear: none; } /*BOTH*/ .inview.action[data-delay="00"] {} .inview.action[data-delay="05"] { transition-delay: .05s; } .inview.action[data-delay="1"] { transition-delay: .1s; } .inview.action[data-delay="15"] { transition-delay: .15s; } .inview.action[data-delay="2"] { transition-delay: .2s; } .inview.action[data-delay="25"] { transition-delay: .25s; } .inview.action[data-delay="3"] { transition-delay: .3s; } .inview.action[data-delay="35"] { transition-delay: .35s; } .inview.action[data-delay="4"] { transition-delay: .4s; } .inview.action[data-delay="45"] { transition-delay: .45s; } #cover {} #cover .bgTxtWrap {} #cover .innerWrap {} #cover .innerWrap img {} /*#page*/ #page {} #page.move {} #page.move .siteHeader {} /*BOTH_HEADER*/ .siteHeader { top: 2.5vw; height: auto; } .siteHeader .innerWrap { padding: 0; background: initial; box-shadow: initial; } .siteHeader .flexWrap {} .siteHeader .flexWrap>.flexLeft { height: 15vw; display: flex; align-items: center; padding-left: 5vw; } .siteHeader .flexWrap>.flexRight {} /*.home*/ body.home .siteHeader { transform: translateY(0); } /*.scrollUp*/ body.scrollUp .siteHeader { transform: translateY(0); } .headLogo {} .headLogo img { height: 8vw; } nav.headNav { margin-right: 3vw; } ul.listHeadNav {} ul.listHeadNav li {} ul.listHeadNav li a {} ul.listHeadNav li p {} ul.listHeadNav li p span { width: 12rem; line-height: 15vw; } /*smpNav*/ .humbNav { width: 15vw; height: 15vw; } /*aside#aside_sp navigation*/ aside#aside { overflow: scroll; } aside#aside .flexWrap { flex-wrap: wrap; align-items: center; width: 85%; } aside#aside .flexWrap>.flexLeft { width: 100%; padding: 0 0 15vw; order: 1; } aside#aside .flexWrap>.flexRight { width: 100%; padding: 20vw 0 7.5vw; } /*.move*/ aside#aside.move dl.listCoupInfo { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s .9s; } img.leadCopy { display: none; } dl.listCoupInfo { margin-top: 0; } dl.listCoupInfo dt {} dl.listCoupInfo dt p { font-size: 4.5vw; } dl.listCoupInfo dd {} dl.listCoupInfo dd p { font-size: 3.5vw; } nav.spNav {} ul.listSPNav {} ul.listSPNav * {} ul.listSPNav li {} dl.listSPNav {} dl.listSPNav dt {} dl.listSPNav dt p { padding: .615em 0;} dl.listSPNav:not(.entry) dt p::before {} dl.listSPNav dt p span { font-size: 5vw; } dl.listSPNav.entry dt p span { line-height: 15vw; border-radius: 15vw; } dl.listSPNav dd {} dl.listSPNav dd p { padding: .82em 0; font-size: 4.1vw; } dl.listSPNav:not(.entry) dd p::before {} dl.listSPNav dd p span {} /*BOTH_FOOTER*/ .siteFooter {} .secFoot {} .secFoot .innerWrap { width: 85%; } .secFoot.sec1 {} .secFoot.sec1 .innerWrap { padding: 7.5vw 0; } .secFoot.sec1 .flexWrap {} .secFoot.sec1 .flexWrap>.flexItem { width: 100%; padding: 1.75vw 0; } .secFoot.sec1 .flexWrap>.flexItem~.flexItem { width: 50%; border-left: 0; } .secFoot.sec1 .flexWrap a.circleLink.center { margin-left: 0; } ul.listFootJobCat {} ul.listFootJobCat li { width: 100%; } ul.listFootJobCat li~li { margin-top: 4vw; } ul.listFootJobCat li~li a {} ul.listFootJobCat li~li p {} .secFoot.sec2 {} .secFoot.sec2 p.cr { font-size: 2.4vw; } .secFoot.sec2 .innerWrap { padding: 10vw 0; } ul.listFooterNav { display: block; } ul.listFooterNav li {} ul.listFooterNav li~li { margin-left: 0; margin-top: 3vw; } ul.listFooterNav li a {} ul.listFooterNav li p { font-size: 3vw; } /*INDEX*/ h1.indexTtl { font-size: 8.4vw; margin-bottom: .75em; } h1.indexTtl span {} h1.indexTtl span.en { font-size: 10vw; margin-bottom: .5em; line-height: 1.05; } h1.indexTtl span.jp { line-height: 1.5; } h2.indexTtl { font-size: 3.5vw; } h3.indexTtl { font-size: 9.6vw; margin-bottom: .75em; } main.index {} .secIndex {} .secIndex a.circleLink { margin-top: 3em; } .secIndex .ttlWrap { margin-left: 0; } .secIndex .ttlWrap.left { margin-left: 0; } .secIndex .ttlWrap.right { margin-left: 0; margin-right: auto; } .secIndex .innerWrap { width: 80%; } .secIndex.sec1 {} .secIndex.sec1 .bgImgWrap { height: 100vh; max-height: 177.8vw; } .secIndex.sec1 .bgImgWrap::after {} .secIndex.sec1 .bgImgWrap .inner { width: calc(100% + 120px); height: 100%; } .secIndex.sec1 .txtWrap {} .secIndex.sec1 .txtWrap .inner { width: 70%; max-width: 68rem; margin-top: 12.5vw; } .secIndex.sec2 {} .secIndex.sec2 p.secTxt { left: 32%; bottom: -3%; z-index: -1; font-size: 32vw; } .secIndex.sec2 .innerWrap { padding: 25vw 0 30vw; } .secIndex.sec2 .flexWrap {} .secIndex.sec2 .flexWrap>.flexLeft { width: 100%; } .secIndex.sec2 .flexWrap>.flexRight { width: 100%; margin-top: 0; } dl.listLead {} dl.listLead dt {} dl.listLead dt p { font-size: 5vw; font-weight: 700; margin-bottom: 1em; } dl.listLead dd {} dl.listLead dd p { font-size: 3.8vw; } .secIndex.sec2 .innerFlex {} .secIndex.sec2 .innerFlex>.innerItem {} .secIndex.sec2 .innerFlex>.innerImg { display: none; } body.effect {} .secIndex.sec3 {} .secIndex.sec3 .innerWrap { padding: 0; } .secIndex.sec3 .flexWrap {} .secIndex.sec3 .flexWrap>.flexItem { width: 100%; } .secIndex.sec3 .flexWrap>.flexItem~.flexItem { margin-top: 15vw; } .secIndex.sec3 .flexWrap>.flexItem:nth-child(1) { transform: translateY(0); } .secIndex.sec3 .flexWrap>.flexItem:nth-child(2) { transform: translateY(0); } .secIndex.sec3 .flexWrap>.flexItem:nth-child(3) {} .secIndex.sec3 .wrapperHead {} .secIndex.sec3 .wrapperHead .aspect120 { padding-top: 56.25%; } .secIndex.sec3 .wrapperBody { margin-top: 4em; } .secIndex.sec3 .wrapperBody h3.indexTtl { margin-bottom: 0; } .secIndex.sec4 {} .secIndex.sec4 p.secTxt { font-size: 32vw; } .secIndex.sec4 .innerWrap { padding: 30vw 0 25vw; } .secIndex.sec4 .flexWrap {} .secIndex.sec4 .flexWrap>.flexLeft { width: 100%; } .secIndex.sec4 .flexWrap>.flexLeft .inner {} .secIndex.sec4 .flexWrap>.flexLeft p.secTxt { bottom: 20%; right: -5%; } .secIndex.sec4 .flexWrap>.flexRight { width: 100%; margin-top: 0; } .indexEnvironmentHead {} .indexEnvironmentBody { margin-left: 0; } /*PAGE*/ body.page main {} h1.pageTtl { margin-top: 12.5vw; } h1.pageTtl span {} h1.pageTtl span.en { font-size: 12.5vw; line-height: 1.05; } h1.pageTtl span.jp { font-size: 4.5vw; } h2.pageTtl {} h3.pageTtl { font-size: 10vw; line-height: 1.05; margin-bottom: .75em; } h3.pageTtl span {} h3.pageTtl span[data-number]::before { top: -.5em; right: -2.5rem; font-size: 3.2vw; width: 8vw; height: 8vw; line-height: 8vw; } h4.pageTtl { font-size: 1.5rem; } h5.pageTtl { margin-bottom: 1.25em; } h5.pageTtl span {} h5.pageTtl span.jp { font-size: 5vw; } h5.pageTtl span.en { font-size: 3.5vw; } .pageHeader {} .pageHeader .imgWrap { height: 120vw; } .pageHeader .imgWrap::after {} .pageHeader .imgWrap .inner { height: calc(100% + 50px); transform: translateY(-25px); } .pageHeader .imageWrap { margin-top: 30vw; } .pageHeader .imageWrap h1.pageTtl {} .pageHeader .imageWrap h1.pageTtl span.en { font-size: 9.6vw; } .pageHeader .txtWrap {} .pageHeader .innerWrap {} ul.listPageAnker { margin-bottom: -3vw; } ul.listPageAnker li { width: 50%; margin-right: 0; margin-bottom: 3vw; } ul.listPageAnker li.large { width: 100%; } ul.listPageAnker li~li {} .pageContent { padding: 12.5vw 0 18vw; } .flexPage { width: 80%; } .flexPage>.flexLeft { width: 100%; } .flexPage>.flexLeft .inner {} .flexPage>.flexLeft .sticky { top: 140px; } .flexPage>.flexRight { width: 100%; margin-top: 18vw; } ul.listAnker { display: flex; flex-wrap: wrap; padding: 1.5em 0; } ul.listAnker li { width: 50%; padding: .75em 0; } ul.listAnker li p { font-size: 3.2vw; } ul.listAnker li p span {} .secPage { overflow: hidden; } .secPage~.secPage { margin-top: 18vw; } .secPage a.btn { margin-top: 4rem; } .secPage .innerWrap {} .secPage .ttlWrap {} .secPage .ttlWrap.left { margin-left: auto; } .ankerWrap {} .ankerWrap * {} .ankerWrap .innerWrap { width: 85%; padding: 2.5rem 0; } /*PAGE_About*/ .about1 {} .missionWrap {} .missionWrap .flexWrap { margin-top: 7.5vw; } .missionWrap .flexWrap>.flexLeft { width: 100%; padding: 0 12.5%; } .missionWrap .flexWrap>.flexRight { width: 100%; } figure.figMission {} figure.figMission .fig {} figure.figMission .fig.fig1 {} figure.figMission .fig.fig2 {} figure.figMission .fig.fig3 {} figure.figMission .fig.active {} .missionInner { margin-top: 7.5vw; } dl.listMission {} dl.listMission dt {} dl.listMission dt p { font-size: 6.5vw; } dl.listMission dd {} dl.listMission dd p { font-size: 4vw; } .missionInner+p { margin-top: 1.5em; } .about2 {} .igWrap {} .igWrap .flexWrap { margin-bottom: -12.5vw; } .igWrap .flexWrap>.flexItem { width: 100%; margin-bottom: 12.5vw; padding-bottom: 7.5vw; overflow: visible; } .igWrap .flexWrap>.flexItem:nth-child(2n-1) { border-right: 0; padding: 0 7.5vw 7.5vw; } .igWrap .flexWrap>.flexItem:nth-child(2n) { padding: 0 7.5vw 7.5vw; } .igWrap .flexWrap>.flexItem.x15 { width: 100%; } .igWrap .flexWrap>.flexItem.x2 { width: 100%; } .igWrap .flexWrap>.flexItem::before {} .igWrap .flexWrap>.flexItem[data-text="establishment"]::before { width: 30vw; height: 30vw; } .igWrap .flexWrap>.flexItem[data-text="YoY"]::before { right: -6.25vw; top: 12.5%; width: 40vw; height: 20vw; } .igWrap .flexWrap>.flexItem[data-text="Stores"]::before { right: -12.5vw; top: 12.5%; width: 40vw; height: 20vw; } .igWrap .flexWrap>.flexItem[data-text="gender"]::before { right: -3.125vw; top: 7.5%; width: 40vw; height: 20vw; } .igWrap .flexWrap>.flexItem[data-text="opening"]::before { right: -6.25vw; top: 12.5%; width: 40vw; height: 20vw; } .igWrap .igPram {} .igWrap .igPram span {line-height: 1.05; } .igWrap .igPram span.number { font-size: 24.6vw; } .igWrap .igPram span.txt { font-size: 5vw; } .about3 {} .styleWrap {} .styleWrap .swiper-slide { opacity: .5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .styleWrap .swiper-slide.swiper-slide-active { opacity: 1; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .styleWrap .imgWrap {} .styleWrap .txtWrap {} .styleWrap .txtWrap p { font-size: 15rem; } .styleWrap .styleBody { padding: 8vw 5%; } dl.listStyle {} dl.listStyle dt {} dl.listStyle dt p { font-size: 6vw; } dl.listStyle dd {} dl.listStyle dd p {} .about4 {} .about4 h5.pageTtl { margin-bottom: 3em; } .welfareWrap {} .welfareWrap>.welfareItem {} .welfareWrap>.welfareItem~.welfareItem { margin-top: 12.5vw; } .educationWrap { margin-top: 7.5vw; } .flexEducation {} .flexEducation>.flexItem { margin-bottom: 1em; padding: 0 6vw; } .flexEducation>.flexItem.c2 { width: 100%; padding: 0 6vw; } .flexEducation>.flexItem.c2+.flexItem.c2 { margin-left: 0; } .flexEducation>.flexItem.c3 { width: 100%; margin-right: 0; } .flexEducation>.flexItem.c3:nth-child(3n) {} ul.listWelfare { width: calc(100% + 1em); margin: 0 -.5em; } ul.listWelfare li { width: calc(100% / 2); padding: .5em; } ul.listWelfare li .inner { padding: 5vw 0 4vw; } ul.listWelfare li img { width: 33%; margin: 0 auto 1em; } ul.listWelfare li p { font-size: 3.2vw; } ul.listWelfare li p span { font-size: 3vw; } .supportWrap { margin-bottom: -1em; } .supportWrap>.supportItem { width: 100%; margin-right: 0; margin-bottom: 1em; padding: 0 6vw; } .supportWrap>.supportItem:nth-child(3n) {} dl.listSupport { padding: 6vw 0 8vw; } dl.listSupport dt {} dl.listSupport dt p {} dl.listSupport dt~dt p { margin-top: 1em; } dl.listSupport dd { margin-top: .41em; } dl.listSupport dd p {} .c2 dl.listSupport dt p { font-size: 1.64em; } .c2 dl.listSupport dt~dt { position: relative; z-index: 15; } .c2 dl.listSupport dt~dt::before { content: ''; display: block; width: 1.23em; height: 2px; border-radius: 1px; background: #000; margin-top: 2.46em; } .c2 dl.listSupport dt~dt p { font-size: 1.23em; } .about5 {} .careerWrap {} .careerWrap p.careerTtl { width: 5vw; font-size: 3vw; } .careerWrap p.careerTtl span { font-size: 3vw; } .careerWrap p.careerTtl span.number { width: 4.5vw; height: 4.5vw; line-height: 4.5vw; margin: .3em 0 .5em; } .careerWrap p.careerTtl span.txt { line-height: 5vw; } .flexCareer {} .flexCareer>.flexLeft { width: 15vw; } .flexCareer>.flexRight { width: calc(100% - 15vw); padding-left: 2.05em; } .careerWrap .careerItem {} .careerWrap .careerItem~.careerItem {} .careerWrap .flexWrap { padding-left: 1.025em; padding-right: 0; } .careerWrap .flexWrap>.flexLeft { width: 25%; } .careerWrap .flexWrap>.flexCenter { width: 75%; } .careerWrap .flexWrap>.flexRight { display: none; } ul.listRank {} ul.listRank li { padding: 1em 0; } ul.listRank li p {} dl.listGrade { display: flex; flex-wrap: wrap; justify-content: center; } dl.listGrade dt { width: 100%; } dl.listGrade dt p {} dl.listGrade dd { display: block; } dl.listGrade dd p {} dl.listGrade dd+dd p::before { content: '／'; display: inline-block; } .about6 {} .independentWrap {} .independentWrap p#pram2 { padding: 2em 0 1em; white-space: nowrap; } .independentWrap p#pram3 { padding: 2em 0 1em; } .independentWrap p.pramTtl { padding-bottom: 2em; font-weight: 700; } .independentWrap .swiper-slide { transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .independentWrap .swiper-slide-prev { opacity: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .independentWrap .swiper-slide-next { opacity: .5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) .3s; } .independentWrap .flexWrap {} .independentWrap .flexWrap>.flexLeft { width: 30%; position: relative; z-index: 15; } .independentWrap .flexWrap>.flexRight { width: 70%; position: relative; z-index: 10; } ul.listIndependent { overflow: hidden; border-radius: 12px 0 0 12px; } ul.listIndependent li { padding: 1em .75em; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(5.5px); -webkit-backdrop-filter: blur(5.5px); } ul.listIndependent li:last-child {} ul.listIndependent li p { font-size: 3vw; } ul.listIndependentPram { } ul.listIndependentPram li { padding: 1em 1em; } ul.listIndependentPram li:last-child { border-bottom: 0; } ul.listIndependentPram li p { font-size: 3vw; } .about7 {} .landscapeWrap {} .landscapeWrap .swiper-button { width: 12.5vw; height: 12.5vw; } .landscapeWrap .swiper-button::before {} .landscapeWrap .swiper-button-prev { right: calc(3% + 15vw); } .landscapeWrap .swiper-button-next { right: 3%; } .landscapeWrap .swiper-button-prev::before { background: url(images/iconCircleArrowL.svg) repeat; background-size: cover; background-position: 12.5vw 0; } .landscapeWrap .swiper-button-next::before {} /*:hover*/ .landscapeWrap .swiper-button:hover {} .landscapeWrap .swiper-button:hover::before {} .landscapeWrap .swiper-button-prev:hover::before {} .landscapeWrap .swiper-button-next:hover::before { background: url(images/iconCircleArrow.svg) repeat; background-size: cover; background-position: 12.5vw 0; } /*PAGE_Company*/ .company1 {} .company2 {} .messageWrap {} .messageWrap .messageHead {} .messageWrap .messageBody { margin-top: 7.5vw; -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; column-count: 1; column-gap: 0; } .messageWrap .messageBody p { font-size: 3.8vw; margin-bottom: 1.5em; } dl.listCEO {} dl.listCEO dt {} dl.listCEO dt p { font-size: 5vw; } dl.listCEO dd {} dl.listCEO dd p { font-size: 3.8vw; } .company3 {} /*PAGE_people*/ .peopleWrap {} .peopleWrap .flexWrap { margin-bottom: -12.5vw; } .peopleWrap .flexWrap>.flexItem { width: 100%; margin-bottom: 12.5vw; } .peoplePickHead {} .peoplePickBody { margin-top: 7.5vw; } .peoplePickBody p.postNumber { font-size: 7vw; } .peoplePickBody p.postNumber span { margin-right: .5em; padding-right: .5em; } .peoplePickBody dl.listPickProfile {} .peoplePickBody dl.listPickProfile dd {} .peoplePickBody dl.listPickProfile dd p {} .peoplePickBody dl.listPickProfile dd p span {} .peoplePickBody dl.listPickProfile dd p span~span { margin-left: .25em; } .peoplePickBody dl.listPickProfile dt {} .peoplePickBody dl.listPickProfile dt p {} .peoplePickBody dl.listPickProfile dt p span { font-size: 4vw; } .peoplePickBody dl.listPickProfile dt p span.jp {} .peoplePickBody dl.listPickProfile dt p span.en { font-size: 3vw; margin-left: .5em; } .landscapeWrap {} /*PAGE_Interview*/ .interview0 { padding-top: 19.2vw; } .interview1 {} .interview1 .interviewHead { height: 100vw; } .interview1 .interviewHead .bgWrap {} .interview1 .interviewHead .profileWrap { width: 97.5%; } .interview1 .interviewHead .profileWrap>.flexLeft { width: 30%; } .interview1 .interviewHead .profileWrap>.flexRight { width: 70%; } .interview1 .interviewHead .peoplePickBody { margin: 0; } .interview1 .interviewHead p.postNumber span { margin-left: .75em; } .interview1 .interviewBody { margin-top: 15vw; } dl.listInterview {} dl.listInterview~dl.listInterview { margin-top: 12.5vw; } dl.listInterview dt { width: 100%; } dl.listInterview dt p { font-size: 3.5vw; margin-bottom: 1.25em; } dl.listInterview dd { width: 100%; } dl.listInterview dd p { font-size: 3.8vw; } /*PAGE_Culture*/ .culture1 {} .culture2 {} .culture3 {} /*PAGE_Entry*/ .entryform { padding-top: 20vw; } .entryform .innerWrap { width: 90%; } .entryform .flexWrap {} .entryform .flexWrap>.flexLeft {} .entryform .flexWrap>.flexRight {} .secPage.entry {} .secPage.entry .innerWrap {} .secPage.entry .innerWrap .inner {} /*FORM*/ .mw_wp_form {} .mw_wp_form form {} .mw_wp_form form>p {} .formWrap {} .formWrap * {} .formWrap .caption {} .formWrap p.must { margin-top: 1em; ; } .formWrap p.must span.dot {} .formWrap .flexWrap {} .formWrap .flexWrap>.flexLeft { width: 100%; padding-right: 0; margin-bottom: 7.5vw; } .formWrap .flexWrap>.flexLeft .inner {} .formWrap .flexWrap>.flexLeft .sticky { top: initial; } .formWrap .flexWrap>.flexRight { width: 100%; } .formWrap .flexWrap>.flexRight .inner { width: calc(100% + 7.5vw)!important; margin-left: -3.75vw; padding: 5% 8.5% 7.5%; } ul.listDocForm {} ul.listDocForm li {} ul.listDocForm li~li { margin-top: 5vw; } ul.listDocForm li:last-child {} dl.listDocForm {} dl.listDocForm dt {} dl.listDocForm dt p { margin-bottom: .5em; } dl.listDocForm dt p::after {} dl.listDocForm dt p.must::after {} dl.listDocForm dt p.can::after {} dl.listDocForm dd { font-size: 3.4vw; } dl.listDocForm dd p {} input::placeholder {} input[type="text"], textarea, select {} input[type="text"], textarea { padding: 12px 18px; } select { padding: 0 18px; } input[type="radio"]+span {} input[type="text"]#old { width: 10em; margin-right: 1em; } input[type="text"]#date2,input[type="text"]#date3 {} select { height: 5.4rem; } label { line-height: 5.4rem; } input[type="text"]:focus, textarea:focus, select:focus {} input[type="submit"] { max-width: 100%; height: 5.4rem; line-height: 4rem; font-size: 3.4vw; } input[type="submit"]:hover {} /*確認画面*/ .mw_wp_form_confirm .entryBtnWrap { display: flex; } .mw_wp_form_confirm dl.listDocForm dd { background: #f8f8f8; color: #777; padding: 1em 2em; border: solid 1px #efefef; border-radius: 5px; } /*完了画面*/ .mw_wp_form_complete {} .mw_wp_form_complete p a { text-decoration: underline; } .mw_wp_form_complete p~p { margin-top: 1em; } .mw_wp_form_complete dl.listComplete { margin-top: 1em; } .mw_wp_form_complete dl.listComplete dt p { font-size: 4.2rem; font-weight: bold; font-style: italic; } /*ARCHIVE*/ .archiveHeader {} .archiveHeader .innerWrap { padding: 15vw 0 0; } .archive1 {} .archive1 .innerWrap { width: 85%; padding: 12.5vw 0; } .archive2 {} .archive2 .innerWrap { width: 90%; } .archive1+.archive2 {} .archiveWrap {} .archiveWrap h2.resultTtl { line-height: 9.6rem; } .archiveWrap h2.resultTtl span { font-size: 5vw; } /*絞り込み検索*/ .searchandfilter {} .sfWrap {} .sfWrap h3.indexTtl { margin-bottom: .75em; } .sfWrap h4.sfBtn { font-size: 15px; padding: 1em 0 5px; } .sfWrap label.sfLabel {} ul.listSFWrap {} ul.listSFWrap::after {} ul.listSFWrap>li { width: 100%; } ul.listSFWrap>li.btn {width: calc(50% - 1.25vw); margin-top: 1.5em; } /*検索・リセット*/ #search-filter-form-28 ul li.sf-field-submit { width: calc(50% - .75rem); margin-top: 1.5rem; } #search-filter-form-28 ul li.sf-field-reset { width: calc(50% - .75rem); margin-top: 1.5rem; } #search-filter-form-28 ul li.sf-field-reset input[type="submit"] { background: #777; color: #fff; } /*求人一覧*/ .pickUpWrap {} .pickUpWrap {} .pickUpWrap>.pickItem {} .pickUpWrap>.pickItem~.pickItem { margin-top: 3.5em; padding-top: 3.5em; } .pickupHead { border-radius: 1em; } .pickupHead .txtWrap {} .pickupBody { margin-top: 2em; } dl.listPickup {} dl.listPickup dt {} dl.listPickup dt p { font-size: 5vw; margin-bottom: .5em; } dl.listPickup dd {} dl.listPickup dd.tags {} ul.listTag {} ul.listTag li {} ul.listTag li p {} ul.listTas li p span {} ul.listTag li p::after { margin: 0 .5em; } ul.listTag li:last-child p::after {} ul.listPickup {} ul.listPickup li {} ul.listPickup li p { font-size: 2.8vw; } ul.listPickup li p::before {} ul.listPickup li p span {} /*求人一覧_ページナビゲーション*/ nav.navigation.pagination { margin-top: 3.5em; padding-top: 3.5em; } nav.navigation.pagination h2 {} .nav-links {} .nav-links .page-numbers { width: 10vw; height: 10vw; line-height: 10vw; font-size: 3.5vw; margin: 0 .3em; } .nav-links .page-numbers.dots {} .nav-links .page-numbers.current {} /*SINGLE*/ body.single main {} h1.singleTtl { font-size: 4.51vw; margin-bottom: .82em; line-height: 1.5; } h2.singleTtl { font-size: 4.8vw; margin-bottom: .75em; } h3.singleTtl {} .singleHeader {} .singleHeader .innerWrap { width: 85%; padding-top: 22.5vw; } .singleHeader .imgWrap { margin-bottom: 7.5vw; } ul.listPickups {} ul.listPickups li { margin-right: .5em; } ul.listPickups li:last-child {} ul.listPickups li p { font-size: 3vw; } ul.listPickups li p span {} .singleContent {} .secSingle { width: 100vw; overflow: hidden; } .secSingle~.secSingle {} .secSingle .innerWrap { width: 85%; padding: 18vw 0; } /*SINGLE_求人共通*/ .jobWrap {} .jobWrap>.jobItem {} .jobWrap>.jobItem~.jobItem { margin-top: 12.5vw; padding-top: 12.5vw; } .flexJob {} .flexJob>.flexLeft { width: 100%; } .flexJob>.flexRight { width: 100%; } /*SINGLE_求人導入*/ .job1 {} .job1 .innerWrap {} dl.listIntro {} dl.listIntro dt {} dl.listIntro dt p { font-size: 5vw; margin-bottom: 1.25em; } dl.listIntro dt p span {} dl.listIntro dd {} dl.listIntro dd p { font-size: 3.8vw; } .featureWrap {} .featureWrap>.featureItem {} .featureWrap>.featureItem~.featureItem { margin-top: 10vw; } .job-container { margin-top: 18vw; } .flexVoice {} .flexVoice~.flexVoice { margin-top: 6em; } .flexVoice>.flexLeft { width: 35%; padding-right: 7.5%; } .flexVoice>.flexRight { width: 65%; } dl.listVoice {} dl.listVoice dt {} dl.listVoice dt p { font-size: 4.2vw; margin-bottom: .75em; line-height: 1.65; } dl.listVoice dd {} dl.listVoice dd p { font-size: 3.4vw;} dl.listVoice+p { margin-top: 1.5em; } /*SINGLE_募集内容*/ .job2 {} .job2 .innerWrap {} .jobPostWrap {} .flexJobPost { padding: 2.05em 0; border-bottom: dashed 1px #aaa; } .flexJobPost~.flexJobPost {} .flexJobPost>.flexLeft { width: 100%; margin-bottom: .82em; } .flexJobPost>.flexLeft p { font-size: 3.2vw; } .flexJobPost>.flexRight { width: 100%; } .flexJobPost>.flexRight p {} .flexJobPost>.flexRight .googleMap { padding-top: 61.8%; } .flexJobPost>.flexRight .googleMap iframe {} /*SINGLE_募集内容_会社情報*/ .job3 {} .job3 .innerWrap {} .pickCompanyWrap {} dl.listPickCompany { width: 100%; display: flex; } dl.listPickCompany~dl.listPickCompany {} dl.listPickCompany dt {} dl.listPickCompany dt p { font-size: 1.2rem; } dl.listPickCompany dd {} dl.listPickCompany dd p {} /*SINGLE_応募フォーム*/ .secSingle.sec2 {} .secSingle.sec2 .innerWrap { width: 85%; padding: 18vw 0 18vw; } .secSingle.sec2 .innerWrap .inner { width: 100%; max-width: 72rem; margin-right: auto; } /*SINGLE_関連ポスト*/ .secSingle.sec3 {} .secSingle.sec3 .innerWrap { width: 90%; padding: 12.5vw 0 18vw; } .secSingle.sec3 .popular-container {} .secSingle.sec3 .popular-container .swiper-slide {} .secSingle.sec3 .popular-container .swiper-slide.swiper-slide-active {} .secSingle.sec3 .popular-container .swiper-button-prev, .secSingle.sec3 .popular-container .swiper-button-next { width: 10vw; height: 10vw; margin-top: 3vw; top: 0; } .secSingle.sec3 .popular-container .swiper-button-prev { left: initial; right: 15vw; } .secSingle.sec3 .popular-container .swiper-button-prev::before { background-size: 35%; } .secSingle.sec3 .popular-container .swiper-button-next::before { background-size: 35%; } .secSingle.sec3 .indexPickupHead { border-radius: 1em; } .secSingle.sec3 .indexPickupHead .txtWrap {} .secSingle.sec3 .indexPickupBody { margin-top: 2.5em; } .secSingle.sec3 .indexPickupBody>p { font-size: 5vw; } /*SINGLE_お知らせ*/ header.headInformation {} header.headInformation p.informationData { margin-bottom: 3.5vw; } header.headInformation h1.infoTtl { font-size: 6.5vw; } header.headInformation .innerWrap { padding: 30vw 0 0; } header.headInformation .thumbnailImg { margin: 10vw -10vw 5vw; } .secInformation { margin-bottom: 25vw; padding-bottom: 25vw; } .secInformation .innerWrap {} .secInformation .innerWrap p { font-size: 3.8vw; margin: 2.5em 0; } /*お知らせページネーション*/ .pagenationWrap { width: 80%; max-width: 128rem; margin: 0 auto; background: #f8f8f8; padding: 3rem 0; border-radius: 6rem; } .pagenationWrap .flexPagenation { width: 85%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .pagenationWrap .flexPagenation>.flexLeft { width: 50%; } .pagenationWrap .flexPagenation>.flexLeft p { text-align: left; } .pagenationWrap .flexPagenation>.flexRight { width: 50%; } .pagenationWrap .flexPagenation>.flexRight p { text-align: right; } } /*add*/ .aspect.circle { overflow: hidden; } /* キャリアステップ 調整 */ .careerh{height: auto;position: relative;} .careerWrap .careerItem{border-top: 0;border-bottom: 0;} .careerWrap #careerh1 .careerItem,.careerWrap #careerh2 .careerItem,.careerWrap #careerh3 .careerItem{border-top: dashed 1px #151515;border-bottom: 0;} .careerWrap .careerh:last-child{border-bottom: dashed 1px #151515;} aside#aside .flexWrap>.flexLeft img { width: 100%; max-width: 320px; } /* ヘッダー調整 */ .headLogo img{width: 7.5rem;height: 7.5rem;} @media (max-width:767px) { .headLogo img{width: 12vw;height: 12vw;} } /* トップページ 調整 */ .secIndex.sec1 .txtWrap .inner{width: 61.5%;} /* 5分で知る 調整*/