@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); .sp_only{display:none}a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{font-family:ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;overflow-x:auto}body{position:relative}article,aside,details,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.hidden{visibility:hidden}.none{display:none}.no-js .hidden{visibility:visible}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dd,div,dt,li,p,pre,td,th{line-break:strict;-ms-line-break:strict;-webkit-line-break:strict;word-break:break-strict;-ms-word-break:break-strict}small{font-size:80%}ol,ul{list-style:none}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,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-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:"";display:block;clear:both}.clearfix{zoom:1}body:before{content:"";display:none!important;font-family:PC}.inner{position:relative;padding:0 55px}.box720{max-width:720px}.box720,.box1000{width:100%;margin:0 auto}.box1000{max-width:1000px}.imageview{position:relative;padding-top:60px}.imageview>div{position:relative;height:100%}.imageview .background{padding-top:39.0625%;background:50% no-repeat;background-size:100% 100%}.imageview .container{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.imageview .container h1{text-align:center}.imageview .container h1 .text_en{display:block;height:1.875vw;max-height:30px;margin-bottom:1.25vw}.imageview .container h1 .text_en .replace-svg{height:100%;width:auto;opacity:0}.imageview .container h1 .text_en svg{height:100%;width:auto}.imageview .container h1 .text_en svg path{fill:#fff}.imageview .container h1 .text_ja{display:block;font-size:1.01562vw;line-height:.65;font-weight:700;color:#fff}.head-text .box720{padding-top:74px;padding-bottom:60px;max-width:720px}.head-text p{font-size:150%;font-size:1.5rem;line-height:1.80001}.load-bg-image{background-image:none!important}.scroll-to-discover{position:absolute;left:40px;bottom:0;height:60px}.scroll-to-discover .bar{position:absolute;display:block;width:1px;height:100%;background:#fff;animation:a 2s ease 0ms infinite}.scroll-to-discover img{position:absolute;left:21px;bottom:35px;width:96px;height:8.61px}.global_header{zoom:1;position:fixed;top:0;left:0;width:100%;height:60px;z-index:8000;background:#fff}.global_header:after{content:"";display:block;clear:both}.global_header .replace-svg{max-width:100%;height:auto;opacity:0}.global_header h1{position:absolute;top:0;left:20px;width:280px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.global_header h1 img,.global_header h1 svg{width:100%;height:auto}.global_header .menu-button{display:none}.global_header .menu-button .bars{display:block;width:25px;height:16px}.global_header .menu-button .bars span{display:block;position:absolute;top:50%;left:0;width:25px;height:2px;background:#000;transition:background .3s ease .3s}.global_header .menu-button .bars span.barT{margin-top:-8px}.global_header .menu-button .bars span.barM{margin-top:-1px}.global_header .menu-button .bars span.barB{margin-top:6px}.global_header .menu-button .bars span.barB,.global_header .menu-button .bars span.barT{transition:background .3s ease .3s,transform .3s ease,margin-top .3s ease .3s}.open-menu .global_header .menu-button .bars span.barT{margin-top:-1px;transform:rotate(-45deg)}.open-menu .global_header .menu-button .bars span.barM{opacity:0}.open-menu .global_header .menu-button .bars span.barB{margin-top:-1px;transform:rotate(45deg)}.open-menu .global_header .menu-button .bars span.barB,.open-menu .global_header .menu-button .bars span.barT{transition:background .3s ease 0ms,margin-top .3s ease,transform .3s ease .3s}.global_header .nav{position:relative}.global_header .nav .container{box-sizing:border-box}.global_header .nav .main-nav{zoom:1;float:right}.global_header .nav .main-nav:after{content:"";display:block;clear:both}.global_header .nav .main-nav li{float:left}.global_header .nav .main-nav li:last-child{margin-left:18px}.global_header .nav .main-nav li a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;padding:0 12px;color:#000;transition:color .3s,background .3s}.global_header .nav .main-nav li a:hover{color:#999}.global_header .nav .main-nav li a.button-entry{color:#fff;padding:0 26px;background:#e50000}.global_header .nav .main-nav li a.button-entry:hover{content:#fff;background:#ff1414}.global_header .nav .main-nav li span{display:block}.global_header .nav .main-nav li span img{height:100%;width:auto}.global_header .nav .main-nav li .text_en{display:none;height:17.5px;margin-bottom:2px}.global_header .nav .main-nav li .text_ja{font-size:120%;font-size:1.2rem;line-height:1.66668;font-weight:700}.global_header .nav .sub-nav{display:none}.global_header .nav .sub-nav li:not(:last-child){margin-bottom:2px}.global_header .nav .sub-nav li a{font-size:100%;font-size:1rem;line-height:2.00001;font-weight:700;color:#000}.global_footer{padding-top:21px;padding-bottom:16px;border-top:1px solid #f7f7f7}.global_footer .inner{zoom:1;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;column-gap: 20px;}.global_footer .inner:after{/* content:""; *//* display:block; *//* clear:both; */}.global_footer .inner .side-l{}.global_footer .inner .side-r{}.global_footer .title{font-size:140%;font-size:1.4rem;line-height:1.07144;font-weight:700;margin-bottom:11px}.global_footer .title a{color:#646464}.global_footer .license{font-size:100%;font-size:1rem;line-height:1.50001;color:#646464}.global_footer .links{zoom:1}.global_footer .links:after{content:"";display:block;clear:both}.global_footer .links li{float:left}.global_footer .links li:after,.global_footer .links li:first-child:before{content:"|"}.global_footer .links li a{padding:0 .75em}.global_footer .copyright,.global_footer .links li a{font-size:100%;font-size:1rem;line-height:1.50001;color:#646464}.global_footer .copyright{display:block; text-align: right;}#loading{position:fixed;top:0;left:-100%;width:100%;height:100%;z-index:8000;background:#fff;opacity:0;transition:opacity .5s cubic-bezier(.55,.085,.68,.53),left 0ms linear .5s}.show-loading #loading{left:0;opacity:1;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}#loading .bar{position:absolute;bottom:0;left:0;width:0;height:3px;background:#e50000}a{text-decoration:none}a.current{cursor:default;pointer-events:none}.background-waves,.background-waves canvas{position:absolute;top:0;left:0;width:100%;height:100%}#top .view{position:relative;height:100vh}#top .view .background-waves{background:#a00}#top .view .container{position:absolute;top:0;left:0;width:100%;height:100%}#top .view .title-area{position:absolute;top:26.04167vh;left:7.42188vw}#top .view h1{position:relative;width:63.125vw;min-width:620px;max-width:1000px;margin-bottom:45px}#top .view h1 img{width:100%;height:auto}#top .view p{font-size:180%;font-size:1.8rem;line-height:1.50001;color:#fff;font-weight:700;padding-left:10px}#top .links ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#top .links ul li{width:33.33333%}#top .links ul li a{display:block;position:relative;height:0;padding-top:74.93333%;color:#fff;overflow:hidden;transform:translateZ(0)}#top .links ul li a .background{position:absolute;top:0;left:0;width:100%;height:100%;background:50% no-repeat;background-size:cover;transition:transform .8s ease;transform:translateZ(0) scale(1)}#top .links ul li a:hover .background{transform:translateZ(0) scale(1.05)}#top .links ul li a .container{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#top .links ul li a .container h2{text-align:center}#top .links ul li a .container h2 .text_en{display:block;height:1.875vw;max-height:30px;margin-bottom:1.25vw}#top .links ul li a .container h2 .text_en img{height:100%;width:auto}#top .links ul li a .container h2 .text_en .replace-svg{opacity:0}#top .links ul li a .container h2 .text_en svg{height:100%;width:auto}#top .links ul li a .container h2 .text_en svg path{fill:#fff}#top .links ul li a .container h2 .text_ja{display:block;font-size:1.01562vw;line-height:.65;font-weight:700}#top .links ul li a.message .background{background-image:url(/recruit/images/top/img_message.jpg)}#top .links ul li a.about-us .background{background-image:url(/recruit/images/top/img_about-us.jpg)}#top .links ul li a.job-description .background{background-image:url(/recruit/images/top/img3.jpg)}#top .links ul li a.interview .background{background-image:url(/recruit/images/top/img_interview.jpg)}#top .links ul li a.recruit .background{background-image:url(/recruit/images/top/img_recruit.jpg)}#top .links ul li a.entry .background{background-color:#a00}#message .view{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:100vh}#message .view .background-waves{background:#a00}#message .view .box{position:relative;width:47.65625vw;padding-top:4.375%;margin-right:11.48438%;max-width:760px}#message .view .box p{margin-bottom:10.16393%}#message .view .box p img{max-width:100%;height:auto}#message .view .box h1{width:87.54098%}#about-us .imageview .background{background-image:url(/recruit/images/about_us/view.jpg)}#about-us .page-nav{position:-webkit-sticky;position:sticky;top:60px;height:100px;line-height:0;text-align:center;z-index:1;margin-bottom:100px}#about-us .page-nav>div{width:100%;background:#fff;border-bottom:1px solid #e6e6e6}#about-us .page-nav.fixed>div{position:fixed;top:60px;z-index:2}#about-us .page-nav ul{zoom:1;display:inline-block;margin:0 auto}#about-us .page-nav ul:after{content:"";display:block;clear:both}#about-us .page-nav ul li{float:left}#about-us .page-nav ul li:not(:last-child){margin-right:4em}#about-us .page-nav ul li a{font-size:12px;line-height:100px;font-weight:700;display:block;color:#c8c8c8;padding:0 3em;transition:color .4s ease}#about-us .page-nav ul li a:hover{color:#000}#about-us section{padding-top:160px;margin-top:-160px}#about-us section .box1000 img{width:100%;height:auto}#about-us section .box720{padding-top:60px;padding-bottom:100px}#about-us section h2{zoom:1;margin-bottom:110px}#about-us section h2:after{content:"";display:block;clear:both}#about-us section h2 span{display:block}#about-us section h2 .text_en{height:24px;margin-bottom:8px}#about-us section h2 .text_en img{height:100%;width:auto}#about-us section h2 .text_ja{font-size:130%;font-size:1.3rem;line-height:1.53847;font-weight:700;float:left}#about-us section h2 .when{font-size:100%;font-size:1rem;line-height:2.00001;font-weight:700;float:right}#about-us section dl{display:-ms-flexbox;display:flex;position:relative;padding:5% 0;border-top:1px solid #f0f0f0}#about-us section dl:before{content:"";display:block;position:absolute;top:-1px;left:0;width:25%;height:2px;background:#e50000}#about-us section dl dt{width:25%}#about-us section dl dt h3{font-size:160%;font-size:1.6rem;line-height:1.75001;font-weight:700}#about-us section dl dt h3 .caption{font-size:120%;font-size:1.2rem;line-height:2.33334}#about-us section dl dd{-ms-flex:1;flex:1;padding-left:3.61111%}#about-us section dl dd li,#about-us section dl dd p,#about-us section dl dd td,#about-us section dl dd th{font-size:160%;font-size:1.6rem;line-height:1.75001}#about-us section dl dd li.small,#about-us section dl dd p.small,#about-us section dl dd ul.small li,#about-us section dl dd td.small,#about-us section dl dd th.small{font-size:120%;font-size:1.2rem;line-height:2.33334}#about-us section dl dd a{color:#000;border-bottom:1px solid #000}#about-us section dl dd table th{text-align:left}#about-us section dl dd table.has-colon td{text-indent:-1em;padding-left:1em}#about-us section dl dd table.has-colon td:before{content:":";margin:0 .3em}#about-us section dl dd .tb1 th{padding-right:3em}#about-us section dl dd .tb2 th{width:7em}#about-us section dl dd .tb3 th{width:9.5em}#about-us section dl dd .tb4 th{width:2.5em}#about-us .link{padding:10px 0;text-align:right;border-bottom:1px solid #f0f0f0}#about-us .link a{font-size:100%;font-size:1rem;line-height:1.50001;color:#646464;transition:color .4s ease}#about-us .link a:hover{color:#000}#about-us .link a:after{content:"";float:right;display:block;width:14px;height:14px;background:url(/recruit/images/common/arrow.svg);background-size:100% 100%;margin-left:10px}#about-us #welware .text{font-size:160%;font-size:1.6rem;line-height:1.75001;margin-bottom:8.33333%}#job-description.top-page .imageview .background{background-image:url(/recruit/images/job_description/top-page/img3.jpg)}#job-description.top-page .links .box1000{padding-top:15px;padding-bottom:100px;max-width:1200px}#job-description.top-page .links ul{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#job-description.top-page .links ul li{width:48%}#job-description.top-page .links ul li .link{display:block;position:relative;overflow:hidden}#job-description.top-page .links ul li .link .background{height:0;padding-top:66.66667%;background:50% no-repeat;background-size:100% 100%;transition:transform .8s ease;transform:translateZ(0) scale(1)}#job-description.top-page .links ul li .link.hover:hover .background{transform:translateZ(0) scale(1.05)}#job-description.top-page .links ul li .link .container{position:absolute;top:0;left:0;width:100%;height:100%}#job-description.top-page .links ul li .link h2{position:absolute;left:6.04167%;bottom:7.5%}#job-description.top-page .links ul li .link h2 .text_en{display:block;height:20px;margin-bottom:17px}#job-description.top-page .links ul li .link h2 .text_en img{height:20px;width:auto}#job-description.top-page .links ul li .link h2 .text_en .replace-svg{opacity:0}#job-description.top-page .links ul li .link h2 .text_en svg{height:100%}#job-description.top-page .links ul li .link h2 .text_en svg path{fill:#fff}#job-description.top-page .links ul li .link h2 .text_ja{font-size:130%;font-size:1.3rem;line-height:1.53847;display:block;color:#fff;font-weight:700}#job-description.top-page .links ul li .link.movie .background{background-image:url(/recruit/images/job_description/top-page/thum_smp.png)}#job-description.top-page .links ul li .link.mission .background{background-image:url(/recruit/images/job_description/top-page/img_mission.jpg)}#job-description.top-page .links ul li .link.value-chain .background{background-image:url(/recruit/images/job_description/top-page/img_value-chain.jpg)}#job-description.mission .imageview .background{background-image:url(/recruit/images/job_description/mission/view.jpg)}#job-description.mission .system .box1000{padding-top:8px;padding-bottom:118px}#job-description.mission .system h2{font-size:200%;font-size:2rem;line-height:1.50001;text-align:center;margin-bottom:19px}#job-description.mission .system .text{max-width:720px;margin:0 auto 42px}#job-description.mission .system .text p{font-size:140%;font-size:1.4rem;line-height:1.92858}#job-description.mission .system .figure{zoom:1;display:-ms-flexbox;display:flex}#job-description.mission .system .figure:after{content:"";display:block;clear:both}#job-description.mission .system .figure img{width:100%;height:auto}#job-description.mission .system .figure p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;float:left}#job-description.mission .system .figure .box{width:22%}#job-description.mission .system .figure .arrow{width:9%}#job-description.mission .system .figure .circle{width:38%}#job-description.mission .role .box1000{padding-top:8px;padding-bottom:100px}#job-description.mission .role h2{font-size:200%;font-size:2rem;line-height:1.50001;text-align:center;margin-bottom:70px}#job-description.mission .role .figure{zoom:1;display:-ms-flexbox;display:flex;margin-bottom:80px}#job-description.mission .role .figure:after{content:"";display:block;clear:both}#job-description.mission .role .figure img{width:100%;height:auto}#job-description.mission .role .figure p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;float:left}#job-description.mission .role .figure .box{width:20%}#job-description.mission .role .figure .arrow{width:6.666%}#job-description.mission .role .role-box{display:-ms-flexbox;display:flex;width:100%;max-width:720px;margin:0 auto}#job-description.mission .role .role-box h3{font-size:160%;font-size:1.6rem;line-height:1.87501;font-weight:700;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:25%;background:#e50000;border-radius:6px 0 0 6px}#job-description.mission .role .role-box ul{-ms-flex:1;flex:1;padding:26px 20px 26px 50px;list-style-type:disc;border-radius:0 6px 6px 0;background:#fafafa}#job-description.mission .role .role-box ul li{font-size:160%;font-size:1.6rem;line-height:1.75001;font-weight:700}#job-description.value-chain .imageview .background{background-image:url(/recruit/images/job_description/value-chain/view.jpg)}#job-description.value-chain .head-text .text{margin-bottom:1em}#job-description.value-chain .head-text .text sup{font-size:50%}#job-description.value-chain .head-text .small{font-size:110%;font-size:1.1rem;line-height:1.36365}#job-description.value-chain .flow .box720{padding-bottom:100px}#job-description.value-chain .flow .arrow{box-sizing:border-box;position:relative;height:100%;width:16px}#job-description.value-chain .flow .arrow .bar{position:relative;display:block;left:6px;width:4px;height:100%;background:#e50000}#job-description.value-chain .flow .arrow.dw:after,#job-description.value-chain .flow .arrow.up:before{content:"";display:block;position:absolute;width:16px;height:14px;background:0 0 no-repeat;background-size:100% 100%}#job-description.value-chain .flow .arrow.up{padding-top:6px}#job-description.value-chain .flow .arrow.dw{padding-bottom:6px}#job-description.value-chain .flow .arrow.up:before{top:0;background-image:url(/recruit/images/job_description/value-chain/arrow-up.png)}#job-description.value-chain .flow .arrow.dw:after{bottom:0;background-image:url(/recruit/images/job_description/value-chain/arrow-dw.png)}#job-description.value-chain .flow .num{position:absolute;width:30px;height:30px;font-size:180%;font-size:1.8rem;color:#fff;font-weight:700;line-height:32px;text-align:center;background:#e50000;border-radius:3px}#job-description.value-chain .flow .num.item1,#job-description.value-chain .flow .num.item3{top:3px;right:26px}#job-description.value-chain .flow .num.item4{top:17px;left:26px}#job-description.value-chain .flow .figure{display:-ms-flexbox;display:flex;margin-bottom:120px}#job-description.value-chain .flow .figure .left{width:84.72222%}#job-description.value-chain .flow .figure .left .box{font-size:180%;font-size:1.8rem;line-height:1.66668;color:#737987;font-weight:700;text-align:center;padding:16px 0 12px;border:1px solid #737987;border-radius:6px;background:#fff}#job-description.value-chain .flow .figure .left .arrows{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:50px;padding:15px 0;z-index:1}#job-description.value-chain .flow .figure .left .arrows .arrow:not(:last-child){margin-right:78px}#job-description.value-chain .flow .figure .left .mufg{padding:40px 35px;background:#ffe0e0;margin-top:-40px;border-radius:6px}#job-description.value-chain .flow .figure .left .mufg .row{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}#job-description.value-chain .flow .figure .left .mufg .dept{width:35.18519%;padding:15px 0 10px;background:#fff;border-radius:6px}#job-description.value-chain .flow .figure .left .mufg .dept h3{font-size:180%;font-size:1.8rem;line-height:1.66668;color:#737987;font-weight:700;text-align:center;margin-bottom:5px}#job-description.value-chain .flow .figure .left .mufg .dept .members{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}#job-description.value-chain .flow .figure .left .mufg .dept .members li:not(:last-child){margin-right:10px}#job-description.value-chain .flow .figure .left .mufg .dept .members li a img{width:70px;height:auto}#job-description.value-chain .flow .figure .left .mufg .triangle{position:relative;-ms-flex:1;flex:1}#job-description.value-chain .flow .figure .left .mufg .triangle .bg{height:0;padding-top:118.75%;background:url(/recruit/images/job_description/value-chain/arrows.png) 50% no-repeat;background-size:100%}#job-description.value-chain .flow .figure .left .mufg .triangle .item2{top:50%;left:50%;margin:-15px 0 0 -15px}#job-description.value-chain .flow .figure .left .mufg .arrows{padding:0 0 10px}#job-description.value-chain .flow .figure .left .mufg .box{border:none}#job-description.value-chain .flow .figure .right{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end;padding-top:140px}#job-description.value-chain .flow .figure .right .box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:54.54545%;border-radius:6px;background:#737987;font-size:180%;font-size:1.8rem;color:#fff;font-weight:700;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.ua-firefox #job-description.value-chain .flow .figure .right .box h2{width:34px}#job-description.value-chain .flow .figure .right .side-arrow{position:absolute;top:66%;left:0;height:50px}#job-description.value-chain .flow .figure .right .side-arrow .arrow{transform:rotate(90deg)}#job-description.value-chain .flow .figure .right .side-arrow .item5{top:-25px;left:-13px}#job-description.value-chain .flow .works>li:not(:last-child){margin-bottom:25px}#job-description.value-chain .flow .works>li h2{display:-ms-flexbox;display:flex;margin-bottom:11px}#job-description.value-chain .flow .works>li h2 .number{font-size:180%;font-size:1.8rem;display:block;color:#fff;font-weight:700;width:44px;height:44px;line-height:48px;text-align:center;background:#e50000;border-radius:3px 0 0 3px}#job-description.value-chain .flow .works>li h2 .text{font-size:180%;font-size:1.8rem;display:block;color:#737987;font-weight:700;-ms-flex:1;flex:1;height:44px;padding-left:1em;line-height:48px;background:#fafafa;border-radius:0 3px 3px 0}#job-description.value-chain .flow .works>li li,#job-description.value-chain .flow .works>li p{font-size:140%;font-size:1.4rem;line-height:1.50001}#job-description.value-chain .flow .works>li ul li{text-indent:-5em;padding-left:5em}#interview.top-page .imageview .background{background-image:url(/recruit/images/interview/top-page/view.jpg)}#interview.top-page .people .box1000{padding-top:15px;padding-bottom:60px}#interview.top-page .people ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto}#interview.top-page .people ul li{width:22%;margin-bottom:4%;margin-right:4%;}#interview.top-page .people ul li:nth-child(4n){margin-right:0;}#interview.top-page .people ul li a{display:block;color:#000}#interview.top-page .people ul li a:hover .image img{transform:translateZ(0) scale(1.05)}#interview.top-page .people ul li .image{position:relative;height:0;padding-top:160.3773%;overflow:hidden}#interview.top-page .people ul li .image img{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0) scale(1);transition:transform .8s ease}#interview.top-page .people ul li .profile{position:relative;padding:9% 11% 9%;background:#fafafa}#interview.top-page .people ul li .profile:before{content:"";display:block;background:#e50000;position:absolute;top:0;left:0;width:16.33987%;height:5px}#interview.top-page .people ul li .profile span{display:block}#interview.top-page .people ul li .profile .year{font-size:120%;font-size:1.2rem;line-height:1.33334;font-weight:700;margin-bottom:14px}#interview.top-page .people ul li .profile h2{font-size:140%;font-size:1.4rem;line-height:1.50001;font-weight:600}#interview.top-page .people ul li.special .image .category{box-sizing:border-box;position:absolute;top:0;right:0;width:120px;padding:12px 5px;background:#e50000;text-align:center;font-size:120%;font-size:1.2rem;line-height:1.50001;font-weight:700;color:#fff}#interview.top-page .people ul li.special .profile{padding-bottom:12.7451%;background:#e50000;color:#fff}#interview.top-page .people ul li.special .profile .label{margin-bottom:9px;font-size:160%;font-size:1.6rem;line-height:2.00001;font-weight:700}#interview.people .view{position:relative;box-sizing:border-box;height:100vh;padding-top:60px}#interview.people .view>div{position:relative;height:100%}#interview.people .view .background{position:absolute;top:0;left:0;width:100%;height:100%;background:top no-repeat;background-size:cover}#interview.people .view .container{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;padding:0 55px}#interview.people .view .container h1{width:100%;max-width:720px;margin-top:120px}#interview.people .view .container h1 svg path{fill:#fff}#interview.people .view.people01 .background{background-image:url(/recruit/images/interview/people01/view.jpg)}#interview.people .view.people02 .background{background-image:url(/recruit/images/interview/people02/view.jpg)}#interview.people .view.people03 .background{background-image:url(/recruit/images/interview/people03/view.jpg)}#interview.people .view.people04 .background{background-image:url(/recruit/images/interview/people04/view.jpg)}#interview.people .view.special01 .background{background-image:url(/recruit/images/interview/special01/view.jpg)}#interview.people .view.special02 .background{background-image:url(/recruit/images/interview/special02/view.jpg)}#interview.people .profile .box720{width:720px;padding-top:50px}#interview.people .profile .year{font-size:130%;font-size:1.3rem;line-height:2.46155;font-weight:700;display:block;margin-bottom:13px}#interview.people .profile h2{font-size:180%;font-size:1.8rem;line-height:1.16668;font-weight:700;margin-bottom:33px}#interview.people .profile .text{font-size:140%;font-size:1.4rem;line-height:1.78572;margin-bottom:33px}#interview.people .profile .image{max-width:720px;margin:0 auto}#interview.people .profile .image img{width:100%;height:auto}#interview.people .section .box720{width:720px;max-width:720px;padding-top:95px;padding-bottom:92px}#interview.people .section h2{font-weight:700;margin-bottom:28px}#interview.people .section .text,#interview.people .section h2{font-size:160%;font-size:1.6rem;line-height:1.75001}#interview.people .section .image{zoom:1;position:relative}#interview.people .section .image:after{content:"";display:block;clear:both}#interview.people .section .image.left>img{float:left}#interview.people .section .image.right>img{float:right}#interview.people .section .image>img{width:calc((100vw - 720px) / 2 + 720px)}#interview.people .section .image .message{position:absolute;right:55px;width:calc(50% - 55px);margin-top:11.71875%}#interview.people .pager .box720{max-width:720px;padding-top:80px;padding-bottom:100px}#interview.people .pager .neighbor{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}#interview.people .pager .neighbor li{display:-ms-flexbox;display:flex;width:50%;padding:95px 0 25px}#interview.people .pager .neighbor li:not(:last-child){border-right:1px solid #e6e6e6}#interview.people .pager .neighbor li a{display:-ms-flexbox;display:flex;height:100px;color:#000}#interview.people .pager .neighbor li a:hover img{transform:translateZ(0) scale(1.05)}#interview.people .pager .neighbor li img{width:auto;height:100px;transition:transform .4s ease;transform:translateZ(0) scale(1)}#interview.people .pager .neighbor li .dep{font-size:120%;font-size:1.2rem;line-height:1.75001;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}#interview.people .pager .neighbor li:first-child{-ms-flex-pack:start;justify-content:flex-start}#interview.people .pager .neighbor li:first-child .dep{text-align:left;margin-left:30px}#interview.people .pager .neighbor li:last-child{-ms-flex-pack:end;justify-content:flex-end}#interview.people .pager .neighbor li:last-child img{-ms-flex-order:2;order:2}#interview.people .pager .neighbor li:last-child .dep{-ms-flex-order:1;order:1;text-align:right;margin-right:30px}#interview.people .pager .goto-list{display:block;width:30px;height:30px;margin:0 auto}#interview.people .pager .goto-list ul{zoom:1}#interview.people .pager .goto-list ul:after{content:"";display:block;clear:both}#interview.people .pager .goto-list ul li{float:left;width:5px;height:5px;background:#969696;border-radius:50%;margin:2.5px;transition:background .3s}#interview.people .pager .goto-list:hover ul li{background:#e50000}#interview.special .view .container h1{text-align:center;font-size:360%;font-size:3.6rem;line-height:1.50001;font-weight:700;color:#fff}#interview.special .view .container h1 span{display:block;margin-bottom:9px;font-size:160%;font-size:1.6rem;line-height:1.31251}#interview.special .profile.column2 ul{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#interview.special .profile.column2 li{width:47.22222%}#interview.special .profile.column2 .year{font-size:130%;font-size:1.3rem;line-height:1.61539;margin-bottom:13px}#interview.special .profile.column2 h2{font-size:160%;font-size:1.6rem;line-height:1.31251;margin-bottom:0}#interview.special .profile.column2 .image{margin-bottom:16px}#interview.special .section h2{font-size:240%;font-size:2.4rem;line-height:1.50001}#interview.special .section.talk h2{position:relative;padding-left:54px}#interview.special .section.talk h2:before{content:"";display:block;position:absolute;top:16px;left:0;width:48px;height:2px;background:#000}#interview.special .section.talk .text dl{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#interview.special .section.talk .text dl:not(:last-child){margin-bottom:44px}#interview.special .section.talk .text dl.line1{-ms-flex-align:center;align-items:center}#interview.special .section.talk .text dt{width:11.11111%}#interview.special .section.talk .text dt img{width:100%;height:auto}#interview.special .section.talk .text dd{width:83.33333%;padding-top:2px}#recruit .imageview .background{background-image:url(/recruit/images/recruit/view.jpg)}#recruit .information .box720{padding-top:80px;padding-bottom:100px}#recruit .information dl{display:-ms-flexbox;display:flex;position:relative;padding:5% 0;border-top:1px solid #f0f0f0}#recruit .information dl:before{content:"";display:block;position:absolute;top:-1px;left:0;width:25%;height:2px;background:#e50000}#recruit .information dl dt{width:25%}#recruit .information dl dt h2{font-size:160%;font-size:1.6rem;line-height:1.75001;font-weight:700}#recruit .information dl dd{font-size:160%;font-size:1.6rem;line-height:1.75001;-ms-flex:1;flex:1;padding-left:3.61111%}#recruit .information dl .tb1 th{width:4.4em}#recruit .information dl .tb1 td{text-indent:-1em;padding-left:1em}#recruit .information dl .tb1 td:before{content:":";margin:0 .3em}#recruit .information dl .tb2 th{text-align:right}#recruit .information dl .tb2 td{text-align:right;width:8em}#recruit .information dl .locations{zoom:1}#recruit .information dl .locations:after{content:"";display:block;clear:both}#recruit .information dl .locations li{float:left}#recruit .information dl .locations li:not(:last-child):after{content:"/";margin:0 .5em}#recruit .information dl .caption{font-size:120%;font-size:1.2rem;line-height:1.50001;display:block;margin-top:1em;text-indent:-1em;padding-left:1em}#recruit .information dl a{color:#000;border-bottom:1px solid #000}#recruit .link{padding:10px 0;text-align:right;border-bottom:1px solid #f0f0f0}#recruit .link a{font-size:100%;font-size:1rem;line-height:1.50001;color:#646464}#recruit .link a:after{content:"";float:right;display:block;width:14px;height:14px;background:url(/recruit/images/common/arrow.svg);background-size:100% 100%;margin-left:10px}@media (min-width:700px) and (max-width:1024px){body:before{font-family:TB}.inner{padding:0 32px}.box720{width:83.33333%}.box1000{width:100%}.global_header .nav .container{padding:60px}#top .view h1{min-width:0;margin-bottom:30px}#top .view p{font-size:150%;font-size:1.5rem;line-height:1.50001}#top .links ul li{width:50%}#top .links ul li a .container h2 .text_en{height:2.34375vw;margin-bottom:1.5625vw}#top .links ul li a .container h2 .text_ja{font-size:1.26953vw}#message .view .box{width:52.08333%;margin-right:5.72917%}#about-us .page-nav ul li a{line-height:84px;padding:0 1.5em}#about-us section dl dd li,#about-us section dl dd p,#about-us section dl dd td,#about-us section dl dd th,#about-us section dl dt h3{font-size:140%;font-size:1.4rem;line-height:1.7143}#job-description.value-chain .flow .figure .left .mufg .dept .members li a img{width:50px}#interview.people .profile .box720,#interview.people .section .box720{width:100%}#interview.people .section .image>img{float:none!important;width:100%}#interview.people .section .image .message{position:static;width:auto;padding:0 55px;margin-top:25px}#interview.people .pager .box720{width:100%}#recruit .information dl dd,#recruit .information dl dt h2{font-size:140%;font-size:1.4rem;line-height:1.7143}}@media (min-width:700px) and (max-width:1024px) and (orientation:portrait){#message .view .box{width:66.66667%}}@media (min-width:1025px) and (max-width:1200px){.global_header h1{width:200px}.global_header .nav .main-nav li a{padding:0 6px}}@media (max-width:1024px){.imageview{padding-top:68px}.global_header{height:68px}.global_header h1{left:15px;width:185px}.global_header .menu-button{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:30px;right:22px;height:16px;z-index:2}.global_header .nav{position:absolute;top:68px;left:0;width:100%;height:0;z-index:1;background:#fff;transition:height .6s cubic-bezier(.77,0,.175,1);overflow:hidden;-webkit-overflow-scrolling:touch;background-size:100% auto}.open-menu .global_header .nav{height:calc(100vh - 136px * .5)}.global_header .nav .main-nav{width:100%;margin-bottom:40px}.global_header .nav .main-nav li{float:none}.global_header .nav .main-nav li:last-child{margin-left:0}.global_header .nav .main-nav li:not(:last-child){margin-bottom:25px}.global_header .nav .main-nav li a{display:block;height:auto;padding:0;color:#000!important}.global_header .nav .main-nav li a.button-entry{padding:0;background:none!important}.global_header .nav .main-nav li .text_en{display:block}.global_header .nav .main-nav li .text_ja{font-size:100%;font-size:1rem;line-height:2.00001}.global_header .nav .sub-nav{display:block;width:100%}#about-us .page-nav{top:68px}#interview.people .view{padding-top:68px}}@media (max-width:699px){.pc_only{display:none}.sp_only{display:inherit}html{min-width:320px}body:before{font-family:SP}.inner{padding:0 25px}.box1000{width:100%}.imageview .background{position:relative;height:0;padding-top:74.93333%}.imageview .container{display:block;position:relative;height:auto;padding:40px 0}.imageview .container h1 .text_en{height:22px;margin-bottom:17.5px}.imageview .container h1 .text_en svg path{fill:#000}.imageview .container h1 .text_ja{font-size:130%;font-size:1.3rem;line-height:1.00001;color:#000}.head-text .box720{padding-top:0;padding-bottom:50px}.head-text p{font-size:110%;font-size:1.1rem;line-height:1.50001}.global_header .nav .container{padding:60px 25px 25px}.global_footer{padding-top:35px}.global_footer .inner .side-r{padding-top:17px}.global_footer .title{margin-bottom:14px}.global_footer .links{margin-bottom:15px}.global_footer .links li a{font-size:110%;font-size:1.1rem;line-height:2.00001}.global_footer .copyright{text-align:left}#top .view .title-area{top:30.88456%;left:6.66667%}#top .view h1{position:relative;width:86.66667vw;min-width:0;max-width:400px;margin-bottom:16px}#top .view p{font-size:110%;font-size:1.1rem;line-height:1.50001;padding-left:0}#top .links ul li{width:100%}#top .links ul li a .container h2 .text_en{height:5.33333vw;margin-bottom:2.66667vw}#top .links ul li a .container h2 .text_ja{font-size:2.66667vw}#message .view{height:auto;padding:127px 0 72px}#message .view .box{width:86.66667%;max-width:400px;padding-top:30px;margin:0 auto}#message .view .box p{margin-bottom:90px}#message .view .box h1{width:100%}#about-us .global_header h1 svg .mark,#about-us .global_header h1 svg .mufg,#about-us .global_header h1 svg .text{fill:#fff}#about-us .imageview .background{background-image:url(/recruit/images/about_us/view_sp.jpg)}#about-us .page-nav{display:none}#about-us section .box720{padding-top:20px;padding-bottom:80px}#about-us section h2{margin-bottom:30px}#about-us section h2 .text_en{height:16.5px;margin-bottom:16px}#about-us section h2 .text_ja{font-size:110%;font-size:1.1rem;line-height:1.00001}#about-us section h2 .when{font-size:100%;font-size:1rem;line-height:1.10001}#about-us section dl{padding:18px 0}#about-us section dl:before,#about-us section dl dt{width:25.23077%}#about-us section dl dt h3{font-size:110%;font-size:1.1rem;line-height:1.50001}#about-us section dl dt h3 .caption{font-size:100%;font-size:1rem;line-height:1.50001}#about-us section dl dd li,#about-us section dl dd p,#about-us section dl dd td,#about-us section dl dd th{font-size:110%;font-size:1.1rem;line-height:1.50001}#about-us section dl dd li.small,#about-us section dl dd p.small,#about-us section dl dd td.small,#about-us section dl dd th.small{font-size:100%;font-size:1rem;line-height:1.50001}#about-us section dl dd .tb3 th{width:8em}#job-description.top-page .imageview .background{background-image:url(/recruit/images/job_description/top-page/img3_sp.jpg)}#job-description.top-page .links .box1000{padding-top:0;padding-bottom:80px}#job-description.top-page .links ul{display:block}#job-description.top-page .links ul li{width:100%}#job-description.top-page .links ul li:not(:last-child){margin-bottom:30px}#job-description.top-page .links ul li .link h2{left:20px;bottom:13px}#job-description.top-page .links ul li .link h2 .text_en{height:16.5px;margin-bottom:10px}#job-description.top-page .links ul li .link h2 .text_en img{height:16.5px}#job-description.top-page .links ul li .link h2 .text_ja{font-size:110%;font-size:1.1rem;line-height:1.81819}#job-description.top-page .links ul li .link.movie .background{background-image:url(/recruit/images/job_description/top-page/thum_smp.png)}#job-description.top-page .links ul li .link.mission .background{background-image:url(/recruit/images/job_description/top-page/img_mission_sp.jpg)}#job-description.top-page .links ul li .link.value-chain .background{background-image:url(/recruit/images/job_description/top-page/img_value-chain_sp.jpg)}#job-description.mission .imageview .background{background-image:url(/recruit/images/job_description/mission/view_sp.jpg)}#job-description.mission .system .box1000{padding-bottom:60px}#job-description.mission .system h2{font-size:130%;font-size:1.3rem;line-height:1.15386;font-weight:700;text-align:left;margin-bottom:15px}#job-description.mission .system .text{margin-bottom:20px}#job-description.mission .system .text p{font-size:100%;font-size:1rem;line-height:1.50001}#job-description.mission .system .figure{display:block}#job-description.mission .system .figure p{display:block;float:none;width:100%!important}#job-description.mission .role .box1000{padding-bottom:80px}#job-description.mission .role h2{font-size:130%;font-size:1.3rem;line-height:1.15386;font-weight:700;text-align:left;margin-bottom:15px}#job-description.mission .role .figure{display:block}#job-description.mission .role .figure p{display:block;float:none;width:100%!important}#job-description.mission .role .role-box h3{font-size:100%;font-size:1rem;line-height:1.50001;width:27.69231%}#job-description.mission .role .role-box ul{padding:13px 13px 13px 30px}#job-description.mission .role .role-box ul li{font-size:100%;font-size:1rem;line-height:1.50001}#job-description.value-chain .imageview .background{background-image:url(/recruit/images/job_description/value-chain/view_sp.jpg)}#job-description.value-chain .head-text .small{font-size:100%;font-size:1rem;line-height:1.50001}#job-description.value-chain .flow .box720{padding-bottom:70px}#job-description.value-chain .flow .arrow{width:8px;margin-left:10px}#job-description.value-chain .flow .arrow .bar{width:2px;left:3px}#job-description.value-chain .flow .arrow.dw:after,#job-description.value-chain .flow .arrow.up:before{width:8px;height:7px}#job-description.value-chain .flow .arrow.up{padding-top:3px}#job-description.value-chain .flow .arrow.dw{padding-bottom:3px}#job-description.value-chain .flow .num{font-size:100%;font-size:1rem;width:15px;height:15px;line-height:16px;border-right:1.5px}#job-description.value-chain .flow .num.item1,#job-description.value-chain .flow .num.item3{top:1.5px;right:13px}#job-description.value-chain .flow .num.item4{top:8.5px;left:13px}#job-description.value-chain .flow .figure{max-width:420px;margin:0 auto 40px}#job-description.value-chain .flow .figure .left{width:78.46154%}#job-description.value-chain .flow .figure .left .box{font-size:100%;font-size:1rem;line-height:1.50001;padding:12px 0 11px}#job-description.value-chain .flow .figure .left .arrows{height:25px;padding:2.5px 0}#job-description.value-chain .flow .figure .left .arrows .arrow:not(:last-child){margin-right:32px}#job-description.value-chain .flow .figure .left .mufg{padding:15px 10px;margin-top:-15px}#job-description.value-chain .flow .figure .left .mufg .dept h3{font-size:100%;font-size:1rem;line-height:1.50001}#job-description.value-chain .flow .figure .left .mufg .dept .members li a img{width:26px}#job-description.value-chain .flow .figure .left .mufg .triangle .bg{padding-top:118.66667%;background-image:url(/recruit/images/job_description/value-chain/arrows_sp.png)}#job-description.value-chain .flow .figure .left .mufg .triangle .item2{margin:-7.5px 0 0 -7.5px}#job-description.value-chain .flow .figure .right{padding-top:70px}#job-description.value-chain .flow .figure .right .box{font-size:100%;font-size:1rem;line-height:40px}.ua-firefox #job-description.value-chain .flow .figure .right .box h2{width:40px}#job-description.value-chain .flow .figure .right .side-arrow{right:-25px;height:25px}#job-description.value-chain .flow .figure .right .side-arrow .item5{top:-10px;left:2px}#job-description.value-chain .flow .works>li:not(:last-child){margin-bottom:17px}#job-description.value-chain .flow .works>li h2{margin-bottom:5px}#job-description.value-chain .flow .works>li h2 .number{width:22px}#job-description.value-chain .flow .works>li h2 .number,#job-description.value-chain .flow .works>li h2 .text{font-size:100%;font-size:1rem;height:22px;line-height:24px}#job-description.value-chain .flow .works>li li,#job-description.value-chain .flow .works>li p{font-size:100%;font-size:1rem;line-height:1.50001}#interview.top-page .imageview .background{background-image:url(/recruit/images/interview/top-page/view_sp.jpg)}#interview.top-page .people .box1000{padding-top:0;padding-bottom:80px}#interview.top-page .people ul{display:block}#interview.top-page .people ul li{width:100%;margin-bottom:30px}#interview.top-page .people ul li:last-child{margin-bottom:0}#interview.top-page .people ul li .profile{padding:32px 38px}#interview.top-page .people ul li .profile:before{width:53px}#interview.top-page .people ul li .profile .year{font-size:120%;font-size:1.2rem;line-height:1.50001}#interview.top-page .people ul li .profile h2{font-size:150%;font-size:1.5rem;line-height:1.50001}#interview.top-page .people ul li.special .profile{padding-bottom:32px}#interview.people .view .container{padding:0 25px}#interview.people .view .container h1{margin-top:24%}#interview.people .view.people01 .background{background-image:url(/recruit/images/interview/people01/view_sp.jpg)}#interview.people .view.people02 .background{background-image:url(/recruit/images/interview/people02/view_sp.jpg)}#interview.people .view.people03 .background{background-image:url(/recruit/images/interview/people03/view_sp.jpg)}#interview.people .view.people04 .background{background-image:url(/recruit/images/interview/people04/view_sp.jpg)}#interview.people .view.special01 .background{background-image:url(/recruit/images/interview/special01/view_sp.jpg)}#interview.people .view.special02 .background{background-image:url(/recruit/images/interview/special02/view_sp.jpg)}#interview.people .profile .box720{width:100%;padding-top:27px}#interview.people .profile .year{font-size:120%;font-size:1.2rem;line-height:1.50001;margin-bottom:15px}#interview.people .profile h2{font-size:150%;font-size:1.5rem;line-height:1.50001;margin-bottom:13px}#interview.people .profile .text{font-size:110%;font-size:1.1rem;line-height:1.50001;margin-bottom:27px}#interview.people .section .box720{width:100%;padding-top:38px;padding-bottom:36px}#interview.people .section h2{margin-bottom:22px}#interview.people .section .text,#interview.people .section h2{font-size:130%;font-size:1.3rem;line-height:1.50001}#interview.people .section .image>img{float:none!important;width:100%}#interview.people .section .image .message{position:static;width:auto;padding:0 25px;margin-top:17px}#interview.people .pager .box720{width:100%;padding-top:50px;padding-bottom:80px}#interview.people .pager .neighbor{margin-bottom:30px}#interview.people .pager .neighbor li{padding:30px 0}#interview.people .pager .neighbor li a{display:block;width:138px;height:auto;text-align:center}#interview.people .pager .neighbor li img{height:80px;margin-bottom:10px}#interview.people .pager .neighbor li .dep{font-size:100%;font-size:1rem;line-height:1.35001;display:block;height:auto}#interview.people .pager .neighbor li:first-child .dep{text-align:center;margin-left:0}#interview.people .pager .neighbor li:last-child .dep{text-align:center;margin-right:0}#interview.special .view .container{padding-left:0;padding-right:0}#interview.special .view .container h1{font-size:270%;font-size:2.7rem;line-height:1.70371}#interview.special .view .container h1 span{font-size:150%;font-size:1.5rem;line-height:1.33334}#interview.special .profile.column2{padding-bottom:19px}#interview.special .profile.column2 .year{font-size:120%;font-size:1.2rem;line-height:1.50001;margin-bottom:15px}#interview.special .profile.column2 h2{font-size:150%;font-size:1.5rem;line-height:1.50001;margin-bottom:0}#interview.special .section h2{font-size:130%;font-size:1.3rem;line-height:1.50001}#interview.special .section.talk h2:before{top:9px}#recruit .imageview .background{background-image:url(/recruit/images/recruit/view_sp.jpg)}#recruit .information .box720{padding-top:0;padding-bottom:80px}#recruit .information dl{padding:18px 0}#recruit .information dl:before,#recruit .information dl dt{width:25.23077%}#recruit .information dl dd,#recruit .information dl dt h2{font-size:110%;font-size:1.1rem;line-height:1.50001}#recruit .information dl .caption{font-size:100%;font-size:1rem;line-height:1.50001}}@media (max-width:699px) and (orientation:landscape){#interview.people .view.people01 .background{background-image:url(/recruit/images/interview/people01/view.jpg)}#interview.people .view.people02 .background{background-image:url(/recruit/images/interview/people02/view.jpg)}#interview.people .view.people03 .background{background-image:url(/recruit/images/interview/people03/view.jpg)}#interview.people .view.people04 .background{background-image:url(/recruit/images/interview/people04/view.jpg)}#interview.people .view.special01 .background{background-image:url(/recruit/images/interview/special01/view.jpg)}#interview.people .view.special02 .background{background-image:url(/recruit/images/interview/special02/view.jpg)}}@media (max-width:374px){.inner{padding:0 20px}}@media (max-height:640px){.global_header .nav{overflow:auto}}@keyframes a{0%{height:0;transform:translateZ(0)}30%{height:60px;transform:translateZ(0)}60%{height:60px;transform:translate3d(0,60px,0)}to{height:60px;transform:translate3d(0,60px,0)}} /*---------------------------------------------------------- クロスブラウザ修正2021/2/2 ------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #indention { white-space: nowrap; } } @-moz-document url-prefix() { #indention { white-space: nowrap; } span#line-break { line-break: auto; } } /*---------------------------------------------------------- fix20210301 ------------------------------------------------------------*/ /* pc版表示css */ .mb { display: none; } .mb2 { display: none; } #td_indent { word-break: keep-all; } /* smp版表示css */ @media screen and (max-width: 480px) { .mb { display: none; } .mb2 { display: none; } .mb { display: block; } } /* iPhone5s表示css */ @media screen and (max-width: 321px) { .mb { display: none; } .mb2 { display: none; } .mb2 { display: block; } } /*---------------------------------------------------------- fix20210401 ------------------------------------------------------------*/ .inner .box720 .caption { font-size: 120%; font-size: 1.2rem; line-height: 1.50001; display: block; margin-top: 1em; text-indent: -1em; padding-left: 1em; } @media (max-width:699px) { .inner .box720 .caption { font-size: 100%; font-size: 1rem; line-height: 1.50001; } } @media (max-width:699px) { #interview.top-page .people ul li .image { padding-top: 112.7451%; } } /*---------------------------------------------------------- 202212 about_us 認定ロゴエリア ------------------------------------------------------------*/ .logoarea ul { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .logoarea ul li { width: 20%; } .logoarea ul li img { width: 100%; } @media (max-width:699px) { /* .logoarea ul { display: block; } */ .logoarea ul li { width: 50%; margin: 0 auto 1em; } } /*---------------------------------------------------------- 202212 special03 ------------------------------------------------------------*/ #interview.people .view.special03 .background { background-image: url(/recruit/images/interview/special03/view.jpg) } #interview.special .section.talk.talktype01 .text dt { width: 6% } #interview.special .section.talk.talktype01 .text dd { width: 90% } @media (max-width: 699px) { #interview.people .view.special03 .background { background-image: url(/recruit/images/interview/special03/view_sp.jpg) } } @media (max-width: 699px) and (orientation:landscape) { #interview.people .view.special03 .background { background-image: url(/recruit/images/interview/special03/view.jpg) } #interview.people .special03cap .disp_pc { display: block; } #interview.people .special03cap .disp_sp { display: none; } } /*---------------------------------------------------------- 202212 special04 ------------------------------------------------------------*/ #interview.people .view.special04 .background { background-image: url(/recruit/images/interview/special04/view.jpg) } @media (max-width: 699px) { #interview.people .view.special04 .background { background-image: url(/recruit/images/interview/special04/view_sp.jpg) } } @media (max-width: 699px) and (orientation:landscape) { #interview.people .view.special04 .background { background-image: url(/recruit/images/interview/special04/view.jpg) } } #interview.people .wide_img { max-width: 1100px; margin: auto; text-align: center; } /* 以下、プラグイン用 ------------------------------------------------------------*/ /* colorbox(pc) ------------------------------------------------------------*/ @media (min-width: 767px) { #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:hidden; -webkit-overflow-scrolling: hidden;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:40px;/*background:#000;*/} #cboxError{padding:50px; border:1px solid #ccc;} /*#cboxLoadedContent{border:5px solid #000; background:#fff;}*/ #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxLoadingGraphic{background:url(/recruit/images/common/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious, #cboxNext{ display:none!important;} #cboxClose{ position: absolute; top: -40px; right: 0px; display: block;/*font-size: 70px; width: 35px; height: 35px; color: #ccc; line-height: 0;*/ width:27px; height:27px;background:url(/recruit/images/common/close.png) no-repeat ;text-indent:-999em;} #cboxClose:hover{background-position:bottom center;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } } /* colorbox(smp) ------------------------------------------------------------*/ @media (max-width: 767px) { #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:70%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000 repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:90px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingGraphic{background:url(/recruit/images/common/loading.gif) no-repeat center center;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxClose{position:absolute; top:55px; right:0; background:url(/recruit/images/common/close.png) no-repeat 0 0; width:27px; height:27px; text-indent:-9999px;border: none;} } /* 20220201 */ /* navi */ #about-us .page-nav { z-index: 100; } #about-us .page-nav > div { padding: 32px 0 22px; } #about-us .page-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #about-us .page-nav ul li { float: none; } #about-us .page-nav ul li a.page-nav__link { line-height: 1.85; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #about-us .page-nav ul li a.page-nav__link:hover .cls-1 { fill: #000; transition: fill .4s ease; } #about-us .page-nav ul li .page-nav__img .cls-1 { fill: #c8c8c8; fill-rule: evenodd; } #about-us .page-nav ul li .page-nav__txt { margin-top: 8px; line-height: 140%; } /* top */ #top .links ul li a.movie .background{ background-image:url(/recruit/images/top/img_movie.jpg); } #top .links ul li a.fact .background{ background-image:url(/recruit/images/top/img_fact.jpg); } /* education */ .education__intro { font-size: 16px; font-weight: 600; line-height: 1.5; margin-bottom: 22px; } .education__fig { padding-top: 160px; margin-top: -160px; margin-bottom: 130px; opacity: 0; transform: translateY(30px); } .education__fig.active { opacity: 1; transform: translateY(0px); transition: all 0.3s ease 0.3s; } .education__img { width: 100%; } .education__scroll { display: none; } .education-anchor { position: relative; z-index: 5; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 64px; } .education-anchor__link { position: relative; display: block; width: calc(50% - 8px); font-size: 20px; font-weight: 600; color: #000; height: 70px; background: #efefef; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 16px; box-sizing: border-box; padding: 0 49px; } .education-anchor__arrow { width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 29px; } .education-sec { position: relative; margin-bottom: 64px; padding-top: 160px; margin-top: -160px; opacity: 0; transform: translateY(30px); } .education-sec.active { opacity: 1; transform: translateY(0px); transition: all 0.3s ease 0.3s; } .education-sec:nth-of-type(1) { z-index: 4; } .education-sec:nth-of-type(2) { z-index: 3; } .education-sec:nth-of-type(3) { z-index: 2; } .education-sec:nth-of-type(4) { z-index: 1; } .education-sec__inner { background: rgba(239, 239, 239, 0.3); padding: 48px 40px; border-radius: 4px; } .education-sec__ttl { text-align: center; font-size: 20px; font-weight: 600; } .education-sec.active .education-sec__img { opacity: 1; transform: scale(1); transition: opacity 1s cubic-bezier(0.5, 0, 0, 1) 0.5s, transform 1s cubic-bezier(0.5, 0, 0, 1) 0.5s; } .education-sec__img { width: 100%; height: auto; display: block; margin: 16px auto 0; opacity: 0; transform: scale(1.25); } .education-sec__img--01 { width: 92px; } .education-sec__img--02 { width: 114px; } .education-sec__img--03 { width: 46px; } .education-sec__blc { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 32px; } .education-sec__item { width: calc(50% - 16px); margin-bottom: 40px; } .education-sec__head { text-align: center; background: #ffe0df; border: 1px solid #ffe0df; font-size: 16px; font-weight: 600; color: #393939; border-radius: 4px; letter-spacing: -0.01em; margin-bottom: 24px; padding: 0px 5px; height: 50px; display: flex; align-items: center; justify-content: center; flex-direction: row; box-sizing: border-box; } .education-sec__head--exception { background: #fff; } .education-sec__text { font-size: 16px; line-height: 1.5; } .education-sec__bottom { text-align: right; } .education-sec__link { position: relative; font-size: 14px; padding-bottom: 10px; color: #000; } .education-sec__link:before { content: ""; position: absolute; height: 1px; bottom: 0; width: 100%; background: #d80c18; } .education-sec__arrow { width: 20px; transform: scale(1, -1); margin-left: 9px; } /* fact */ .fact__sec { margin-bottom: 48px; } .fact__ttl { font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 24px; letter-spacing: -0.01em; } .fact__blc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fact__item { margin-bottom: 62px; } .fact__item.active .fact__fig { opacity: 1; transform: scale(1); transition: opacity 1s cubic-bezier(0.5, 0, 0, 1) 0s, transform 1s cubic-bezier(0.5, 0, 0, 1) 0s; } .fact__item.active .fact__value { opacity: 1; transition: opacity 0.5s linear 1s; } .fact__item.active .fact__txt { opacity: 1; transform: translateY(0); transition: opacity 1s cubic-bezier(0.5, 0, 0, 1) 1s, transform 1s cubic-bezier(0.5, 0, 0, 1) 1s; } .fact__item--2 { width: calc(50% - (31px / 2)); } .fact__item--3 { width: calc((100% / 3) - (62px / 3)); } .fact__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 40px; color: #fff; background: #d80c18; border-radius: 5px; font-size: 16px; font-weight: 700; line-height: 1.18; letter-spacing: -0.01em; } .fact__label span { font-size: 12px; } .fact__txt { font-size: 16px; line-height: 1.5; letter-spacing: -0.01em; transform: translateY(20px); opacity: 0; } .fact__txt p { font-size: 17px; font-weight: 700; text-align: center; } .fact__sec.balance .fact__fig { max-height: 258px; height: 20.15vw; } /* .fact__sec.balance .fact__item:last-of-type { margin-right: auto; margin-left: auto; } */ /* .fact__sec.balance .fact__item:last-of-type .fact__fig { max-height: 207px; height: 16.17vw; } */ .fact__fig { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 198px; height: 15.46vw; opacity: 0; transform: scale(1.25); overflow: hidden; } .fact__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .fact__pic div:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fact__pic:last-of-type { margin-top: 22px; } .fact__balloon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; border-radius: 10px; max-width: 297px; width: 23.2vw; margin-left: 27px; padding: 0 11px; box-sizing: border-box; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; color: #0f0f0f; } .fact__balloon::before { content: ""; position: absolute; left: 0; top: 55.2%; transform: translateX(-100%); border-style: solid; border-width: 5.5px 19px 5.5px 0; border-color: transparent #f7f7f7 transparent transparent; } .fact__pattern { font-family: Roboto; font-size: 14px; color: #d80c18; margin-bottom: 7px; } #about-us section .box1000 img.fact__img--01, #about-us section .box1000 img.fact__img--02, #about-us section .box1000 img.fact__img--03, #about-us section .box1000 img.fact__img--10 { width: 100%; } #about-us section .box1000 img.fact__img--01 { padding-bottom: 40px; } #about-us section .box1000 img.fact__img--04 { max-width: 156.5px; width: 11.22vw; margin-right: -150px; } #about-us section .box1000 img.fact__img--05 { max-width: 153px; width: 11.95vw; margin-right: 260px; } #about-us section .box1000 img.fact__img--06 { max-width: 219px; width: 14.8vw; } @media (max-width: 1280px) { #about-us section .box1000 img.fact__img--07 { max-width: 125px; width: 9.6vw; margin-right: 20.7vw; } } #about-us section .box1000 img.fact__img--07 { max-width: 125px; width: 9.6vw; margin-right: 310px; } #about-us section .box1000 img.fact__img--08 { max-width: 99px; width: 8vw; margin-right: 360px; } @media (max-width: 1280px) { #about-us section .box1000 img.fact__img--09 { max-width: 139px; width: 14.8vw; margin-right: 11.7vw; } } #about-us section .box1000 img.fact__img--09 { max-width: 139px; width: 14.8vw; margin-right: 150px; } #about-us section .box1000 img.fact__img--10 { width: 100%; max-width: 300px; } #about-us section .box1000 img.fact__img--11 { max-width: 189px; width: 14.76vw; } #about-us section .box1000 img.fact__img--12 { max-width: 189px; width: 14.76vw; } #about-us section .box1000 img.fact__img--13 { max-width: 117px; width: 9.14vw; } #about-us section .box1000 img.fact__img--14 { max-width: 207px; width: 16.17vw; } #about-us section .box1000 img.fact__img--15 { max-width: 342.5px; width: 26.75vw; } #about-us section .box1000 img.fact__img--16 { max-width: 217px; width: 16.95vw; } #about-us section .box1000 img.fact__img--17 { max-width: 280px; width: 18.85vw; margin-right: 150px; } #about-us section .box1000 img.fact__img--18 { max-width: 224px; width: 14.85vw; margin-right: 150px; } #about-us section .box1000 img.fact__img--19 { max-width: 156px; width: 14.85vw; margin-right: 170px; } #about-us section .box1000 img.fact__img--20 { max-width: 339px; width: 26vw; } #about-us section .box1000 img.fact__img--21 { max-width: 405px; width: 83.5%; } .fact__value { position: absolute; z-index: 3; opacity: 0; } .fact__value--center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .fact__value--left { top: 50%; left: 5%; transform: translateY(-50%); } .fact__value--right { top: 50%; right: 5%; transform: translateY(-50%); } .fact__value--left.fact__value--ikuji { left: 20%; } .fact__value--right.fact__value--ikuji { right: 20%; } .fact__num, .fact__unit { font-weight: 500; color: #393939; } .fact__num { letter-spacing: -0.03em; line-height: 1; } .fact__num--bordering { position: relative; z-index:2; font-size: 80px; display: flex; align-items: flex-end; line-height: 0.8; } .fact__num--cover { font-size: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-text-stroke: 10px #fff; z-index:1; color: #393939; display: flex; align-items: flex-end; line-height: 0.8; } .fact__num--pie01 { font-size: 63px; } .fact__num--pie02 { color: #3a3a3a; font-size: 54px; } .fact__num--pie03 { color: #3a3a3a; font-size: 44px; letter-spacing: -0.04em; } .fact__unit--bordering { font-size: 32px; } .fact__unit--cover { font-size: 32px; white-space: nowrap; -webkit-text-stroke: 10px #fff; } .fact__unit--pie01 { font-size: 22px; } .fact__unit--pie02 { font-size: 23px; } .fact__unit--classification { font-size: 16px; text-align: center; color: #d80c18; line-height: 1; margin-bottom: 6px; letter-spacing: 0.2em; } .fact__link { display: block; font-weight: 700; text-decoration: underline; color: #d80c18; } .fact__link:hover { text-decoration: none } #about-us .other__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 100px; } #interview .other{ display: flex; justify-content: space-between; flex-wrap: wrap; } #interview .other .other__inner{ width: 30%; } @media (max-width: 699px) { #interview .other .other__inner{ width: 100%; } } #interview .other__item { position: relative; display: block; width: 100%; margin: 0 auto 16.7451%; overflow: hidden; } #about-us .other__item { position: relative; overflow: hidden; width: calc(50% - (32px / 2)); } #about-us .other__img, #interview .other__img { width: 100%; height: auto; transition: transform .8s ease; } #about-us .other__item:hover .other__img, #interview .other__item:hover .other__img { transform: translateZ(0) scale(1.05); } #about-us .other__ttl, #interview .other__ttl { position: absolute; left: 6.04167%; bottom: 7.5%; width: 88%; z-index: 2; } #about-us section .box1000 img.other__ttl--en, #interview img.other__ttl--en { height: 23px; width: auto; } #about-us .other__ttl--ja, #interview .other__ttl--ja{ color: #fff; margin-top: 14px; font-size: 16px; } .inline-block { display: inline-block; } .hidden-pc { display: none; } @media (max-width: 1280px) { .fact__balloon { font-size: 1.56vw; } #about-us section .box1000 img.fact__img--04 { margin-right: auto; } #about-us section .box1000 img.fact__img--05 { margin-right: 20.3vw; } #about-us section .box1000 img.fact__img--07 { margin-right: 26.7vw; } #about-us section .box1000 img.fact__img--08 { margin-right: 20.7vw; } #about-us section .box1000 img.fact__img--09 { width: 10.8vw; margin-right: initial; } #about-us section .box1000 img.fact__img--17 { margin-right: 19vw; } #about-us section .box1000 img.fact__img--18 { margin-right: 23vw; } #about-us section .box1000 img.fact__img--19 { margin-right: auto; } .fact__num--bordering { font-size: 6.25vw; } .fact__num--cover { font-size: 6.25vw; -webkit-text-stroke: 0.78vw #fff; } .fact__num--pie01 { font-size: 4.9vw; } .fact__num--pie02 { font-size: 4.2vw; } .fact__num--pie03 { font-size: 3.4vw; } .fact__unit--bordering { font-size: 2.5vw; } .fact__unit--cover { font-size: 2.5vw; -webkit-text-stroke: 0.78vw #fff; } .fact__unit--pie01 { font-size: 1.7vw; } .fact__unit--pie02 { font-size: 1.8vw; } .fact__unit--classification { font-size: 1.25vw; } } @media (max-width: 930px) { .education-sec__head { height: 74px; flex-direction: column; } } @media (max-width: 699px) { .education__intro { font-size: 11px; margin-bottom: 21px; } .education__fig { position: relative; margin-right: calc(50% - 50vw); margin-bottom: 80px; overflow-x: auto; } .education__img { width: 140vw; margin-right: 25px; } .education__scroll { display: block; position: absolute; top: calc(50% + 80px); left: 50%; transform: translate(-50%, -50%); width: 191px; width: 38.2vw; opacity: 0; z-index: -100; transition: opacity 0.5s ease, z-index 0.01s linear 0.5s; } .education__scroll.scroll { animation: scroll 2s linear 0s infinite; opacity: 1; z-index: 10; transition: none; } .education-anchor { margin-bottom: 48px; } .education-anchor__link { font-size: 14px; min-height: 50px; height: auto; padding: 18px 28px; } .education-anchor__arrow { width: 20px; right: 8px; } .education-sec { margin-bottom: 40px; padding-top: 68px; margin-top: -68px; } .education-sec__inner { padding: 32px 3.3%; } .education-sec__ttl { font-size: 14px; margin-bottom: 24px; } .education-sec__img { margin: 16px auto 0; } .education-sec__img--01 { width: 66px; } .education-sec__img--02 { width: 74px; } .education-sec__img--03 { width: 36px; } .education-sec__blc { margin-top: 24px; } .education-sec__item { width: calc(50% - 9px); } .education-sec__head { font-size: 11px; border-radius: 5px; margin-bottom: 16px; padding: 10px 2px; flex-direction: row; height: 50px; } .education-sec__text { font-size: 11px; line-height: 1.63; } .education-sec__link { font-size: 10px; padding-bottom: 9px; } .education-sec__arrow { width: 16px; margin-left: 7px; } .fact__sec { margin-bottom: 47px; } .fact__ttl { font-size: 11px; line-height: 2.2; margin-bottom: 19px; } .fact__item { margin-bottom: 40px; } .fact__item--2, .fact__item--3 { width: calc(50% - (16px / 2)); } .fact__label { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 30px; font-size: 11px; line-height: 1.25; padding: 0 8px; box-sizing: border-box; } .fact__label span { font-size: 11px; } .fact__txt { font-size: 11px; line-height: 1.63; } .fact__txt p { font-size: 11px; } .fact__txt p span { display: block; } .fact__fig, .fact__sec.balance .fact__fig { height: 35.4vw; } .fact__sec.balance .fact__item:last-of-type { margin-right: 0; margin-left: 0; } /* .fact__sec.balance .fact__item:last-of-type .fact__fig { height: 18.2vw; } */ .fact__pic.balance { margin-top: 4.4vw; } .fact__balloon { width: 27vw; margin-left: 3.6vw; padding: 5px 8px; font-size: 2vw; } .fact__balloon::before { top: 61%; border-width: 3px 9px 3px 0; } .fact__balloon br { display: none; } .fact__pattern { font-size: 2vw; margin-bottom: 4px; } #about-us section .box1000 img.fact__img--04 { width: 23.2vw; margin-right: 0; } #about-us section .box1000 img.fact__img--05 { width: 24vw; margin-right: 0; } #about-us section .box1000 img.fact__img--06 { width: 27.8vw; } #about-us section .box1000 img.fact__img--07 { width: 16vw; margin-right: 20vw; } #about-us section .box1000 img.fact__img--08 { width: 13.2vw; } #about-us section .box1000 img.fact__img--09 { width: 18vw; } #about-us section .box1000 img.fact__img--11 { width: 24vw; } #about-us section .box1000 img.fact__img--12 { width: 16.4vw; } #about-us section .box1000 img.fact__img--13 { width: 10.4vw; } #about-us section .box1000 img.fact__img--14 { width: 16.4vw; } #about-us section .box1000 img.fact__img--15 { width: 33.4vw; } #about-us section .box1000 img.fact__img--16 { width: 19.8vw; } #about-us section .box1000 img.fact__img--17 { width: 90%; margin-right: initial; } #about-us section .box1000 img.fact__img--18 { width: 80%; margin-right: initial; } #about-us section .box1000 img.fact__img--19 { width: 60%; margin-right: initial; } #about-us section .box1000 img.fact__img--20 { width: 90%; margin-right: initial; } #about-us section .box1000 img.fact__img--21 { width: 100%; margin-right: initial; } .fact__num--bordering { font-size: 10vw; } .fact__num--cover { font-size: 10vw; -webkit-text-stroke: 1vw #fff; } .fact__num--pie01, .fact__num--pie02 { font-size: 6.6vw; } .fact__num--pie03 { font-size: 5.8vw; } .fact__num--balloon { font-size: 3vw; } .fact__unit--bordering { font-size: 3.4vw; } .w2em{width: 2em;} .mln05{margin-left: -5px;} .fact__unit--cover { font-size: 3.4vw; -webkit-text-stroke: 1vw #fff; } .fact__unit--classification { font-size: 2vw; } .fact__unit--pie01, .fact__unit--pie02 { font-size: 2.2vw; } .fact__unit--balloon { font-size: 1.8vw; } .fact__value--left.fact__value--ikuji { left: 6%; } .fact__value--right.fact__value--ikuji { right: 5%; } .fact__value--left { left: 9%; } .fact__value--right { right: 5%; } #about-us .other__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 63.4px; box-sizing: border-box; padding: 0 25px; } #interview .other__inner { padding: 0 25px; box-sizing: border-box; } #about-us .other__item, #interview .other__item { width: 100%; } #about-us .other__item:last-of-type { margin-top: 40.4px; } #about-us .other__ttl, #interview .other__ttl { left: 20px; bottom: 13px; } #about-us section .box1000 img.other__ttl--en, #interview img.other__ttl--en { height: 20px; } #about-us .other__ttl--ja, #interview .other__ttl--ja { margin-top: 9px; font-size: 13px; } .hidden-pc { display: block; } .hidden-sp { display: none; } } @media (max-width: 520px) { .education-sec__head { height: 56px; flex-direction: column; } } @keyframes scroll { 0% { opacity: 0; transform: translate(-25%, -50%); } 15% { opacity: 0; transform: translate(-25%, -50%); } 40% { opacity: 1; transform: translate(-45%, -50%); } 60% { opacity: 1; transform: translate(-55%, -50%); } 85% { opacity: 0; transform: translate(-75%, -50%); } 100% { opacity: 0; transform: translate(-75%, -50%); } } /*202212add*/ .sp_entry{display: none;} #top .links ul li a.entry .background{background-image:url(/recruit/images/top/img_entry.jpg);} .disp_pc{display: block;} .disp_sp{display: none;} .new_footer{background: #c4c4c5; border-top:none;} .footer_menu{margin: 0 auto; max-width: 1000px; display: flex; justify-content: space-between; padding-top: 20px;} .foot_menu_list li{ font-size: 17px; font-weight: bold; color: #000; margin-bottom: 20px;} .foot_menu_list li a{ font-size: 17px; font-weight: bold; color: #000; text-decoration: none;} .foot_menu_list li.foot_menu_sub{margin-bottom: 12px;} .foot_menu_list li.foot_menu_sub a{font-size: 13px; color: #000; text-decoration: none;} .global_footer .title a{color: #000;} .global_footer .license{color: #000;} .global_footer .copyright, .global_footer .links li a{color: #000;} #job-description.top-page .links ul li .link.movie .background.nmovie{background-image:url(/recruit/images/top/img_movie.jpg)} .global_header .nav .main-nav li:last-child{margin-top: 8px; margin-bottom: 8px; margin-right: 8px;} .global_header .nav .main-nav li:last-child a{height: 44px;} @media (max-width:1024px){ .sp_entry{display: block; position: absolute; right: 60px; top:22px;} .sp_entry a{font-size: 12px; padding: 8px 4%; color: #fff; background: #d70d18; display: block; width: 70px; text-align: center;} } @media (max-width:700px){ .disp_pc{display: none;} .disp_sp{display: block;} .entry_sp{width: 80%; margin: 50px auto; display: block; text-align: center;} .entry_sp img{max-width: 100%;} .footer_menu{margin: 0 auto; max-width: 1000px; display: block; padding: 20px 25px;} .foot_menu_list li{ font-size: 16px; font-weight: bold; color: #000; margin-bottom: 0px;} .foot_menu_list li a{ font-size: 16px; font-weight: bold; color: #000; text-decoration: none;} .foot_menu_list li.foot_menu_sub{margin-bottom: 4px;} .foot_menu_list li.foot_menu_sub a{font-size: 13px; color: #000; text-decoration: none;} .foot01 .foot_menu_list li{margin-bottom: 20px;} .foot_menu_list{margin-bottom: 20px;} } @media (max-width:350px){ .global_header h1{width: 150px;} } #about-us section { padding-top: 165px; margin-top: -160px; } /*202308add*/ @media (min-width:700px){ #message .view .box { width:51vw; } } #message .view .box p { font-size: 1.6rem; font-weight:600; color:#fff; line-height:2; } @media (max-width:1440px){ #message .view .box p { font-size: 1.5rem; font-weight:600; color:#fff; line-height:1.8; } } @media (max-width:1000px){ #message .view .box p { font-size: 1.4rem; font-weight:600; color:#fff; line-height:1.5; } } @media (max-width:1000px){ #message .view .box { width: 55vw; } } @media (max-width:699px){ #message .view .box p { font-size:1.4rem; } } #recruit .information dl .tb1 th { width:5em; } @media (max-width:699px){ #interview.people .view.special03 { height: calc(149.2vw + 68px); } #interview.people .view.special03>div { height:149.2vw; } #interview.people .view.special03 .background { background-image: url(/recruit/images/interview/special03/view_sp.jpg); } #interview.people .view.special03 .container h1 { margin-top:45%; } } #about-us section dl dd .tb2 th { width: fit-content; min-width: 15em; } @media (max-width:700px){ #about-us section dl dd .tb2 th { min-width: unset; width: unset; } #about-us section dl dd .tb2 th.t-header { min-width: 70px; } } /******************** 202312add ********************/ .open-menu body { overflow: hidden !important; } .global_header .nav { overflow: auto; } .foot_menu_list li.foot_menu_sub { display: flex; } .foot_menu_list li.foot_menu_sub:before { content: "－"; font-size: 13px; flex: 0 0 1.3em; max-width: 1.3em; } .foot_menu_list li.foot_menu_sub a { flex: 0 0 calc(100% - 1.3em); max-width: calc(100% - 1.3em); } .footer_menu > li .foot_menu_list:not(:first-of-type) { margin-top: 20px; } .foot_menu_list li:not(.foot_menu_sub):has(+ .foot_menu_sub) { margin-bottom: 12px; } .footer_menu > li { flex-grow: 1; } .footer_menu > li:not(:first-of-type) { padding-left: 15px; } @media (max-width:700px){ .footer_menu > li:not(:first-of-type) { padding-left: 0; } } .global_header .nav .main-nav li .header_entry { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px solid #950000; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 100%); font-size: 13px; font-weight: 700; color: #ffffff; box-sizing: border-box; padding: 0 35px; position: relative; /* transition: all .3s ease-in; */ transition: color .1s ease-in, opacity .3s ease-in; } .global_header .nav .main-nav li .header_entry::before { position: absolute; content: ''; width: 18px; height: 18px; top: 50%; right: 10px; transform: translateY(-50%); background: url(/recruit/images/recruit/arrow.png) no-repeat 0 0/contain; z-index: 2; } .global_header .nav .main-nav li .header_entry::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #e50000 0%, #e50000 50%, #c80000 50%, #c80000 100%); transition: all .3s ease-in; } .global_header .nav .main-nav li .header_entry:hover { border: 1px solid #e50000; color: #d20101; } .global_header .nav .main-nav li .header_entry span { position: relative; z-index: 3; } .global_header .nav .main-nav li .header_entry:hover::after { opacity: 0; } @media (max-width: 700px) { .global_header .nav .main-nav li .header_entry { font-size: 14px; height: 50px; } } .sp_entry_new { display: none; } @media (max-width:1024px) { .sp_entry_new { display: block; position: absolute; right: 60px; top: 22px; } } .sp_entry_new .header_entry { display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; border: 1px solid #950000; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 100%); font-size: 10px; font-weight: 700; color: #ffffff; box-sizing: border-box; padding: 0 25px; position: relative; } .sp_entry_new .header_entry::before { position: absolute; content: ''; width: 14px; height: 14px; top: 50%; right: 5px; transform: translateY(-50%); background: url(/recruit/images/recruit/arrow.png) no-repeat 0 0/contain; z-index: 2; } .sp_entry_new .header_entry::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #e50000 0%, #e50000 50%, #c80000 50%, #c80000 100%); transition: all .3s ease-in; } .sp_entry_new .header_entry span { position: relative; z-index: 3; } @media (max-width:1024px) { .global_header .nav .main-nav li:last-child { display: none; } .global_header .nav .main-nav li:not(:last-child) { margin-bottom: 0; } .global_header .nav .main-nav li { border-top: 2px #c8c8c8 solid; position: relative; } .global_header .nav .main-nav li:after { content: ""; display: block; width: 50px; height: 2px; position: absolute; bottom: -2px; left: 60px; background-color: #e50000; overflow: visible; z-index: 2; } .global_header .nav .main-nav li:nth-last-of-type(2) { border-bottom: 2px #c8c8c8 solid; } .global_header .nav .main-nav li a { padding: 6px 60px; position: relative; } .global_header .nav .main-nav li a:after { content: ""; display: block; width: 17px; height: 17px; position: absolute; top: 50%; right: 43px; transform: translateY(-50%); background: url(/recruit/images/common/arrow_new2.svg) no-repeat center / contain; } .global_header .nav .main-nav li .text_ja { font-size: 25px; } .global_header .nav .container { padding: 0 0 60px; } } .global_header .nav .sub-nav li { text-align: center; } /***** .otherpages *****/ .otherpages { max-width: 1000px; display: flex; justify-content: space-between; /* justify-content: flex-start; */ /* justify-content: center; */ flex-wrap: wrap; margin-left: auto; margin-right: auto; } .otherpages.fact_otherpages { justify-content: center; } .otherpages > li { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } .otherpages > li:nth-of-type(n+3) { margin-top: 30px; } @media (max-width: 700px) { .otherpages > li { flex: 0 0 100%; max-width: 100%; } .otherpages > li:nth-of-type(n+3) { margin-top: 0; } .otherpages > li:nth-of-type(n+2) { margin-top: 30px; } } .otherpages.topuse { max-width: none; max-width: inherit; } .otherpages.topuse > li { /* flex: 0 0 calc((1 / 3) * 100%); max-width: calc((1 / 3) * 100%); */ flex: 0 0 calc((1 / 4) * 100%); max-width: calc((1 / 4) * 100%); } .otherpages.topuse > li.long { flex: 0 0 100%; max-width: 100%; } .otherpages.topuse > li:nth-of-type(n+3) { margin-top: 0; } @media (max-width: 700px) { .otherpages.topuse > li { /* flex: 0 0 100%; max-width: 100%; */ flex: 0 0 calc((1 / 2) * 100%); max-width: calc((1 / 2) * 100%); } .otherpages.topuse > li:nth-of-type(n+2) { margin-top: 0; } } /***** .otherpages__item *****/ .otherpages__item { position: relative; display: block; width: 100%; overflow: hidden; } .otherpages__item:not(.cboxElement):after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; opacity: 0; transition: opacity 0.5s ease; } .otherpages__item:not(.cboxElement):hover:after { opacity: 0.2; } .otherpages__item .otherpages__img { width: 100%; height: auto; transition: transform .8s ease; } .otherpages__item:hover .otherpages__img { transform: translateZ(0) scale(1.05); } .otherpages__item .otherpages__ttl { position: absolute; left: 6.04167%; bottom: 7.5%; width: 88%; z-index: 2; } .otherpages__item .otherpages__ttl .otherpages__ttl--en--svg svg, .otherpages__item .otherpages__ttl .otherpages__ttl--en { height: 20px; width: auto; margin-bottom: 17px; filter: drop-shadow(0 0 5px rgba(0,0,0,0.4)); fill: rgba(255,255,255,1.0); } .otherpages__item .otherpages__ttl .otherpages__ttl--en_txt { /* font-size: 32px; */ font-size: min(2.22223vw, 32px); line-height: 1.19; display: block; color: #fff; font-weight: 600; text-shadow: 0 0 5px rgba(0,0,0,0.4); margin-bottom: 10px; text-transform: uppercase; } .otherpages__item .otherpages__ttl .otherpages__ttl--ja { /* font-size: 13px; */ font-size: min(0.9vw, 32px); line-height: 1.53847; display: block; color: #fff; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.4); } @media (max-width: 700px) { .otherpages__item .otherpages__ttl { left: 20px; bottom: 13px; } .otherpages__item .otherpages__ttl .otherpages__ttl--ja { font-size: min(3.2vw, 12px); } .otherpages__item .otherpages__ttl .otherpages__ttl--en { margin-bottom: 9px; } .otherpages__item .otherpages__ttl .otherpages__ttl--en_txt { font-size: 26px; line-height: 1.19; } } .entrylink__item { display: block; position: relative; z-index: 1; overflow: hidden; background-color: #b40100; text-align: center; padding: 34px 0; } .entrylink__item:after { background: #d70d18; position: absolute; top: 0; left: 0; content: ''; width: 110%; height: 100%; transform: scale(0, 1); transform-origin: left top; transition: .5s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; transform: skewX(-15deg) scale(0, 1); } .entrylink__item:hover:after { transform: skewX(-15deg) scale(1, 1); } .entrylink__item .entrylink__box { display: flex; justify-content: center; align-items: center; } @media (max-width: 700px) { .entrylink__item .entrylink__box .entrylink__ttl { display: flex; align-items: center; } } .entrylink__item .entrylink__box .entrylink__ttl .otherpages__ttl--en { height: 35px; width: auto; margin-bottom: 17px; filter: drop-shadow(0 0 5px rgba(0,0,0,0.4)); fill: rgba(255,255,255,1.0); } @media (max-width: 700px) { .entrylink__item .entrylink__box .entrylink__ttl .otherpages__ttl--en { height: 26px; margin-bottom: 0; } } .entrylink__item .entrylink__box .entrylink__ttl .entrylink__ttl--ja { color: #ffffff; font-size: 16px; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.4); } @media (max-width: 700px) { .entrylink__item .entrylink__box .entrylink__ttl .entrylink__ttl--ja { font-size: 14px; margin-left: 10px; } } .entrylink__item .entrylink__box .entrylink__arrow { width: 36px; margin-left: 20px; } @media (max-width: 700px) { .entrylink__item .entrylink__box .entrylink__arrow { width: 27px; margin-left: 10px; } } .entrylink__item .entrylink__box .entrylink__arrow img { width: 100%; height: auto; } /***** .imageview *****/ #faq .imageview .background, #make_progress .imageview .background, #recruit .imageview .background, #job-description.mission .imageview .background, #interview.top-page .imageview .background, #job-description.top-page .imageview .background, #about-us .imageview .background, #about-us.fact .imageview .background { padding-top: 0; aspect-ratio: 1440 / 582; background-size: cover; } #job-description.value-chain .imageview .background { padding-top: 0; aspect-ratio: 1440 / 388; background-size: cover; } @media (max-width: 700px) { #faq .imageview .background, #make_progress .imageview .background, #recruit .imageview .background, #job-description.mission .imageview .background, #interview.top-page .imageview .background, #job-description.top-page .imageview .background, #about-us .imageview .background, #about-us.fact .imageview .background { height: auto; padding-top: 0; aspect-ratio: 750 / 807; } #job-description.value-chain .imageview .background { height: auto; padding-top: 0; aspect-ratio: 750 / 403; } .imageview .container { display: flex; position: absolute; height: 100%; padding: 0; } .imageview .container h1 .text_en svg path { fill: #fff; } .imageview .container h1 .text_ja { color: #ffffff; } } /***** #about-us.fact *****/ #about-us.fact .imageview .background { background-image: url(/recruit/images/fact/view.jpg); } @media (max-width: 700px) { #about-us.fact .imageview .background { background-image: url(/recruit/images/fact/view_sp.jpg); } } #about-us.fact .fact__sec:first-of-type { margin-top: 48px; } @media (max-width: 700px) { #about-us.fact .fact__sec:first-of-type { margin-top: 47px; } } #about-us.fact .caption.fact__txt { margin-top: 0.2em; } #about-us.fact .caption.fact__txt li { font-size: 75%; display: flex; } #about-us.fact .caption.fact__txt li:before { content: "※"; flex: 0 0 1em; max-width: 1em; } #about-us.fact .caption.fact__txt li span { flex: 0 0 calc(100% - 1em); max-width: calc(100% - 1em); } /***** #about-us *****/ .td_indent { word-break: keep-all; } #about-us section .box1000 img.fact__img--17 { margin-right: inherit; } #about-us section .box1000 img.fact__img--18 { margin-right: inherit; } #about-us section .box1000 img.fact__img--19 { margin-right: inherit; } #about-us .grayBox { padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } #about-us .other__inner { margin-bottom: 0; } @media (max-width: 700px) { #about-us .grayBox { padding-top: 40px; padding-bottom: 40px; } #about-us #company-profile .box1000 { padding-top: 50px; } } /***** .breadcrumb *****/ .breadcrumb_outer { background-color: #ffffff; position: relative; } .breadcrumb { display: flex; flex-wrap: wrap; font-size: 13px; padding-top: 30px; padding-bottom: 30px; } .breadcrumb li:not(:last-of-type) { color: #c8c8c8; } .breadcrumb li:not(:last-of-type):after { content: "＞"; margin-left: 0.5em; margin-right: 0.5em; } .breadcrumb li a { color: #c8c8c8; } @media (max-width: 700px) { .breadcrumb { font-size: 12px; } } /***** swiper *****/ .sample-slider { overflow: hidden; } .sample-slider .swiper-wrapper { transition-timing-function: linear; } .sample-slider .swiper-wrapper .swiper-slide { padding-top: 70px; padding-bottom: 30px; } .sample-slider .swiper-wrapper .swiper-slide.odd { padding-top: 50px; padding-bottom: 50px; } .sample-slider .swiper-wrapper .swiper-slide img { box-shadow: 0 0 20px rgba(0,0,0,0.15); max-width: 100%; } /***** #message *****/ #message .message_bg { background: url(../images/message/bg.jpg) no-repeat top center / cover; } #message .mainTxt { max-width: 1200px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; } #message .mainTxt > * { flex: 0 0 calc(50% - 25px); max-width: calc(50% - 25px); } #message .mainTxt > .whiteBoard { background-color: rgba(255,255,255,0.8); padding: 25px; box-sizing: border-box; font-size: 20px; line-height: 1.9; font-weight: bold; } #message .mainTxt > .whiteBoard p:not(:first-of-type) { margin-top: 1.0em; } #message .mainTxt > * img { max-width: 100%; } #message .breadcrumb_outer { margin-top: -60px; } #message .breadcrumb { padding-top: 60px; } @media (max-width: 700px) { #message .message_bg { background-image: url(../images/message/bg_sp.jpg); } #message .mainTxt { display: block; } #message .mainTxt > * { max-width: none; max-width: inherit; } #message .mainTxt > h1 { padding-left: 15px; padding-right: 15px; padding-top: 15px; } #message .mainTxt > .whiteBoard { background-color: transparent; padding: 15px 0; font-size: 14px; text-align: center; } .sample-slider .swiper-wrapper .swiper-slide img { box-shadow: 0 0 10px rgba(0,0,0,0.15); } .sample-slider .swiper-wrapper .swiper-slide { padding-top: 30px; padding-bottom: 10px; } .sample-slider .swiper-wrapper .swiper-slide.odd { padding-top: 20px; padding-bottom: 20px; } #message .breadcrumb { padding-top: 90px; } } /***** #job-description.top-page *****/ @media (max-width: 700px) { #job-description.top-page .head-text .box720 { padding-top: 50px; } } #job-description.top-page .links ul li .link.mission:after, #job-description.top-page .links ul li .link.value-chain:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; opacity: 0; transition: opacity 0.5s ease; } #job-description.top-page .links ul li .link.mission:hover:after, #job-description.top-page .links ul li .link.value-chain:hover:after { opacity: 0.2; } #job-description.top-page .links ul li .link .background { height: auto; aspect-ratio: 690 / 464; padding-top: 0; background-size: cover; } #job-description.top-page .links ul li .link h2 .text_en img { filter: drop-shadow(0 0 5px rgba(0,0,0,0.4)); } #job-description.top-page .links ul li .link h2 .text_en svg { filter: drop-shadow(0 0 5px rgba(0,0,0,0.4)); } #job-description.top-page .links ul li .link h2 .text_ja { text-shadow: 0 0 5px rgba(0,0,0,0.4); } /***** #job-description.mission *****/ #job-description.mission .imageview .background { aspect-ratio: 1440 / 388; } #job-description.mission .head-text { padding-top: 60px; padding-bottom: 80px; } #job-description.mission .system .figure .box { width: calc((260 / 1000) * 100%); } #job-description.mission .system .figure .arrow { width: calc((65 / 1000) * 100%); } #job-description.mission .system .figure .circle { width: calc((350 / 1000) * 100%); } #job-description.mission .role h2, #job-description.mission .system h2 { font-size: 30px; font-weight: 700; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px #c8c8c8 solid; } #job-description.mission .role .figure p { display: block; float: none; } #job-description.mission .role .figure { display: block; position: relative; margin-bottom: 0; } #job-description.mission .role .figure .under_box { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #job-description.mission .role .figure .circle { width: calc((462/ 1000) * 100%); position: relative; z-index: 2; pointer-events: none; margin-left: auto; margin-right: auto; } #job-description.mission .role .figure .box { width: calc((350/ 1000) * 100%); position: absolute; top: 0; } #job-description.mission .role .figure .box.left { left: 0; } #job-description.mission .role .figure .box.right { right: 0; } #job-description.mission .inlineModalBody { background-color: #ffffff; font-size: 15px; padding: 60px 40px; } #job-description.mission .inlineModalBody h3 { font-size: 26px; font-weight: 700; text-align: center; } #job-description.mission .inlineModalBody .h3_lead { text-align: center; padding-top: 40px; padding-bottom: 40px; } #job-description.mission .inlineModalBody h4 { font-size: 22px; font-weight: 700; } #job-description.mission .inlineModalBody h4:not(:first-of-type) { margin-top: 60px; } #job-description.mission .inlineModalBody .h4_lead { padding-top: 5px; padding-bottom: 70px; } #job-description.mission .inlineModalBody .figure { text-align: center; } #job-description.mission .inlineModalBody .figure img { max-width: 100%; } #job-description.mission .grayBox { padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } #job-description.mission .grayBox h3 { text-align: center; font-size: 26px; font-weight: 700; padding-bottom: 30px; } #job-description.mission .other__inner { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0; } #job-description.mission .other__item { width: calc(50% - (32px / 2)); } #job-description.mission .other__item a { position: relative; overflow: hidden; display: block; } #job-description.mission .other__item a:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; opacity: 0; transition: opacity 0.5s ease; } #job-description.mission .other__item a:hover:after { opacity: 0.2; } #job-description.mission .other__img { width: 100%; height: auto; transition: transform .8s ease; } #job-description.mission .other__item a:hover .other__img { transform: translateZ(0) scale(1.05); } #job-description.mission section .box1000 img.other__ttl--en { height: 23px; width: auto; } #job-description.mission .other__ttl--ja { color: #fff; margin-top: 14px; font-size: 16px; } #job-description.mission .other__ttl--sub { font-size: 18px; font-weight: 700; text-align: center; margin-top: 30px; } #job-description.mission .other__ttl--sub strong { display: inline-block; background-color: #e50000; color: #ffffff; transform: rotate(-5deg); margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; } #job-description.mission .other__ttl { position: absolute; left: 6.04167%; bottom: 7.5%; width: 88%; z-index: 2; } @media (max-width: 700px) { #job-description.mission .imageview .background { height: auto; padding-top: 0; aspect-ratio: 750 / 403; } #job-description.mission .head-text { padding-top: 40px; padding-bottom: 50px; } #job-description.mission .role h2, #job-description.mission .system h2 { font-size: 20px; text-align: center; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px #c8c8c8 solid; } #job-description.mission .role .figure .under_box { position: static; display: flex; margin-top: calc((30 / 690) * -100%); } #job-description.mission .role .figure .box { position: static; } #job-description.mission .role .figure .circle { width: calc((400/ 690) * 100%) !important; } #job-description.mission .role .figure .box.right { margin-left: 15px; } #job-description.mission .inlineModalBody { font-size: 12px; padding: 40px 15px; } #job-description.mission .inlineModalBody h3 { font-size: 19px; } #job-description.mission .inlineModalBody .h3_lead { padding-top: 25px; } #job-description.mission .inlineModalBody h4 { font-size: 17px; } #job-description.mission .inlineModalBody h4:not(:first-of-type) { margin-top: 40px; } #job-description.mission .inlineModalBody .h4_lead { padding-bottom: 30px; } #job-description.mission .grayBox { padding-top: 40px; padding-bottom: 40px; } #job-description.mission .other__inner { flex-direction: column; box-sizing: border-box; padding: 0 25px; } #job-description.mission .other__item { width: 100%; } #job-description.mission .other__ttl { left: 20px; bottom: 13px; } #job-description.mission .other__item:last-of-type { margin-top: 40.4px; } #job-description.mission section .box1000 img.other__ttl--en { height: 20px; } #job-description.mission .other__ttl--ja { margin-top: 9px; font-size: 13px; } #job-description.mission .grayBox h3 { font-size: 19px; padding-bottom: 20px; } #job-description.mission .other__ttl--sub { font-size: 15px; font-weight: 700; margin-top: 20px; } } /***** #job-description.mission *****/ #job-description.value-chain .head-text .text { text-align: center; } #job-description.value-chain .head-text { padding-top: 60px; padding-bottom: 80px; } #job-description.value-chain .flow .figure { padding-left: 14%; } #job-description.value-chain .flow .figure .left { width: calc((720 / 860) * 100%); } #job-description.value-chain .flow .figure .left .box { background-color: #f7f7f7; border-radius: 0; border: none; color: #000000; } #job-description.value-chain .flow .figure .left .arrows { padding-top: 0; padding-bottom: 0; } #job-description.value-chain .flow .num.item4, #job-description.value-chain .flow .num.item1 { top: 50%; transform: translateY(-50%); } #job-description.value-chain .flow .arrow .bar { width: 10px; } #job-description.value-chain .flow .arrow.dw:after, #job-description.value-chain .flow .arrow.up:before { width: 22px; } #job-description.value-chain .flow .figure .left .mufg { margin-top: 0; border-radius: 0; } #job-description.value-chain .flow .figure .left .mufg .row { align-items: normal; } #job-description.value-chain .flow .figure .left .mufg .row:nth-of-type(2) { margin-top: 80px; } #job-description.value-chain .flow .figure .left .mufg .dept { width: calc((300 / 710) * 100%); padding: 15px 15px 15px; box-sizing: border-box; border-radius: 0; } #job-description.value-chain .flow .figure .left .mufg .dept h3 { color: #000000; } #job-description.value-chain .flow .figure .left .mufg .dept .members { display: block; text-align: center; } #job-description.value-chain .flow .figure .left .mufg .dept .members hr { display: none; } #job-description.value-chain .flow .figure .left .mufg .dept .members li a img { width: 100%; transition: transform 0.5s ease; } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock { display: flex; justify-content: space-between; align-items: center; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock picture { width: 140px; display: inline-block; } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock picture { width: 90px; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock:hover picture img { transform: scale(1.05); } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members li:nth-of-type(2) { margin-top: 15px; } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock .spib { text-align: left; width: calc(100% - 110px); margin-top: 0; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .affiliation { font-size: 12px; width: 100%; display: flex; margin-top: 10px; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .affiliation:before { content: "\025B6"; color: #c80000; margin-right: 0.5em; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .affiliation span { color: #000000; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock:hover .affiliation span { color: #c80000; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .affiliation span u { background: linear-gradient(transparent calc(100% - 1px), #c80000 0%); display: inline; text-decoration: none; } #job-description.value-chain .flow .figure .left .mufg .dept .members li a { display: inline-block; } #job-description.value-chain .flow .figure .left .mufg .dept .members li:not(:last-child) { margin-right: 0; } #job-description.value-chain .flow .figure .left .mufg .triangle .item2 { margin-top: -8px; } #job-description.value-chain .flow .figure .left .mufg .triangle .bg { position: absolute; top: -85px; /* left: -12.5%; */ /* width: 125%; */ left: 50%; transform: translateX(-50%); width: 138px; height: auto; padding-top: 0; aspect-ratio: 138 / 115; background-size: contain; } #job-description.value-chain .flow .figure .left .mufg .triangle .bg2 { position: absolute; bottom: 0; height: 85%; width: 100%; } #job-description.value-chain .flow .triangle .arrow.up { width: 10px; margin-left: auto; margin-right: auto; } #job-description.value-chain .flow .triangle .arrow.up:before { left: -6px; top: -2px; } #job-description.value-chain .flow .triangle .arrow.up .bar { left: 0; height: calc(100% - 10px); } #job-description.value-chain .flow .num.item3 { top: auto; bottom: 0; left: 50%; transform: translate(-50%, 100%); } #job-description.value-chain .flow .figure .left .box.white { background-color: #ffffff; } #job-description.value-chain .flow .figure .left .mufg .dept.product .members .resp { display: none; } #job-description.value-chain .flow .figure .right { padding-top: 216px; } #job-description.value-chain .flow .figure .right .box { background-color: #9d9d9d; border-radius: 0; width: calc((60 / 110) * 100%); } #job-description.value-chain .flow .works>li h2 .text { color: #000000; } @media (max-width: 1024px) { #job-description.value-chain .flow .figure { padding-left: 0; } } @media (max-width: 700px) { #job-description.value-chain .flow .figure { max-width: none; max-width: inherit; } #job-description.value-chain .head-text { padding-top: 40px; padding-bottom: 40px; } #job-description.value-chain .flow .box780 { padding-bottom: 70px; } #job-description.value-chain .flow .figure .left .mufg { padding: 15px 10px; } #job-description.value-chain .flow .arrow .bar { left: 6px; } #job-description.value-chain .flow .num.item4 { left: 24px; } #job-description.value-chain .flow .figure { display: block; padding-left: 0; } #job-description.value-chain .flow .figure .left { width: 100%; } #job-description.value-chain .flow .figure .left .mufg .dept { width: calc((285 / 630) * 100%); padding: 20px 5px; } #job-description.value-chain .flow .figure .left .mufg .dept .members hr { display: block; width: 100%; height: 0; border: none; padding: 0; margin: 0; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock picture { width: calc((195 / 285) * 100%); } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock { display: block; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .affiliation { font-size: 12px; text-align: left; margin-top: 10px; } #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock .affiliation { margin-top: 10px; } #job-description.value-chain .flow .figure .left .mufg .dept .members .linkBlock .spib, #job-description.value-chain .flow .figure .left .mufg .dept.operation .members .linkBlock .spib { /* width: 100%; */ width: auto; display: inline-block; } #job-description.value-chain .flow .figure .left .mufg .dept.product .members { display: flex; flex-direction: column; height: calc(100% - 20px); } #job-description.value-chain .flow .figure .left .mufg .dept.product .members .resp { flex-grow: 1; display: flex; align-items: center; margin-top: 35px; padding-top: 20px; position: relative; } #job-description.value-chain .flow .figure .left .mufg .dept.product .members .resp:before { content: ""; display: block; position: absolute; top: -15px; left: -5px; width: calc(100% + 10px); height: 15px; background-color: #ffe0e0; } #job-description.value-chain .flow .figure .left .mufg .dept.product .members .resp h3 { width: 100%; } #job-description.value-chain .flow .figure .left .mufg .triangle .bg { aspect-ratio: 195/ 160; } #job-description.value-chain .flow .num { width: 20px; height: 20px; line-height: 20px; } #job-description.value-chain .flow .figure .left .mufg .triangle .item2 { margin-left: -10px; } #job-description.value-chain .flow .figure .left .mufg .arrows { display: none; } #job-description.value-chain .flow .figure .left .box.white { display: none; } #job-description.value-chain .flow .arrow.dw:after, #job-description.value-chain .flow .arrow.up:before { height: 11px; } #job-description.value-chain .flow .arrow.up:before { top: -2px; } #job-description.value-chain .flow .arrow.dw:after { bottom: -2px; } #job-description.value-chain .flow .figure .left .mufg .triangle .bg2 { height: 90%; } #job-description.value-chain .flow .triangle .arrow.up .bar { height: calc(80% - 5px); } #job-description.value-chain .flow .triangle .arrow.up .bar:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; bottom: 0; left: -10px; background-color: #e50000; } #job-description.value-chain .flow .num.item3 { bottom: 20%; left: -25px; transform: translateX(0); } #job-description.value-chain .flow .figure .left .arrows { padding-top: 10px; padding-bottom: 10px; } #job-description.value-chain .flow .figure .right { padding-top: 0; display: block; } #job-description.value-chain .flow .figure .right .side-arrow { position: relative; width: 100%; top: auto; right: auto; left: auto; } #job-description.value-chain .flow .figure .right .side-arrow .arrow { transform: rotate(180deg); left: auto; right: 25%; position: absolute; margin-left: 0; bottom: 2px; } #job-description.value-chain .flow .figure .right .box { width: 100%; writing-mode: horizontal-tb; line-height: 40px; } #job-description.value-chain .flow .figure .right .arrow .bar { left: auto; height: calc(100% + 5px); } #job-description.value-chain .flow .figure .right .arrow:before { left: -6px; } #job-description.value-chain .flow .figure .right .side-arrow .item5 { left: auto; right: 15%; top: -10px; } #job-description.value-chain .flow .figure .right .side-arrow { height: 25px; } } /***** #interview.top-page *****/ #interview.top-page .other { max-width: 1000px; margin-left: auto; margin-right: auto; } #interview.top-page .other .other__inner.box1000 { width: calc(50% - 10px); margin-left: 0; margin-right: 0; margin-bottom: 30px; } /* #interview.top-page .other__item { margin-bottom: 30px; } */ #interview.top-page .people ul li a { display: flex; flex-direction: column; height: 100%; color: #000; background-color: #fafafa; } #interview.top-page .people ul li.special a { background-color: #e50000; } @media (max-width: 700px) { #interview.top-page .head-text .box720 { padding-top: 50px; } #interview.top-page .other { display: flex; } #interview.top-page .other .other__inner.box1000 { width: 100%; padding-left: 0; padding-right: 0; } #interview.top-page .other__item { margin-bottom: 20px; } } /***** #recruit *****/ @media (max-width: 699px) { #recruit .information .box720 { padding-top: 50px; } } #job-description.value-chain .head-text .small { display: flex; } /***** #interview.people *****/ #interview.people .view.special01 .background { background-image: url(/recruit/images/interview/special01/view.jpg); } @media (max-width: 700px) { #interview.people .view.special01 .background { background-image: url(/recruit/images/interview/special01/view_sp.jpg); } } #interview.special .view.special01 .container h1 { max-width: none; max-width: inherit; } #interview.special .section.talk.talktype01 .text dd p.mt1em { margin-top: 1em; } #interview.people .section h2.mt2em { margin-top: 60px; } @media (max-width: 700px) { #interview.people .section h2.mt2em { margin-top: 40px; } } #interview.people .pager .neighbor li .dep { transition: color 0.5s ease; } #interview.people .pager .neighbor li a:hover .dep { color: #e50000; } .pagetop_link { display: block; width: 54px; height: 54px; position: fixed; right: 80px; bottom: 20px; z-index: 2; } @media (max-width: 700px) { .pagetop_link { width: 38px; height: 38px; right: 15px; } } .pagetop_link img { width: 100%; height: auto; } /***** #make_progress *****/ .box780 { max-width: 780px; margin-left: auto; margin-right: auto; } .box780.anc { padding-bottom: 80px; } #make_progress .imageview .background { background-image: url(/recruit/images/make_progress/view.jpg); } @media (max-width: 700px) { #make_progress .imageview .background { background-image: url(/recruit/images/make_progress/view_sp.jpg); } } #make_progress .page-nav { position: -webkit-sticky; position: sticky; top: 60px; height: 100px; line-height: 0; text-align: center; z-index: 100; /* margin-bottom: 100px; */ } @media (max-width: 1024px) { #make_progress .page-nav { top: 68px; } #make_progress .page-nav:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; background-color: #ffffff; top: -1px; left: 0; } } #make_progress .page-nav>div { width: 100%; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 29px 0 20px; } @media (max-width: 700px) { #make_progress .page-nav>div { padding: 30px 0 24px; } } #make_progress .page-nav ul { zoom: 1; max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; } #make_progress .page-nav ul li { flex: 0 0 50%; max-width: 50%; text-align: center; } #make_progress .page-nav ul li a { font-size: 12px; line-height: 100px; font-weight: 700; display: block; color: #c8c8c8; /* padding: 0 3em; */ transition: color .4s ease; } #make_progress .page-nav ul li a:hover { color: #000; } #make_progress .page-nav ul li a.page-nav__link { line-height: 1.85; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #make_progress .page-nav ul li a.page-nav__link svg { height: 25px; width: auto; } @media (max-width: 700px) { #make_progress .page-nav ul li a.page-nav__link svg { height: 20px; } } #make_progress .page-nav ul li a.page-nav__link svg .cls-1 { fill: #c8c8c8; fill-rule: evenodd; } #make_progress .page-nav ul li a.page-nav__link:hover svg .cls-1 { fill: #000; transition: fill .4s ease; } #make_progress .page-nav ul li .page-nav__txt { margin-top: 8px; line-height: 140%; } #make_progress #questionnaire { padding-top: 160px; margin-top: -160px; } @media (max-width: 1024px) { #make_progress #questionnaire { padding-top: 168px; margin-top: -168px; } } #make_progress .baseTtl { padding-top: 80px; padding-bottom: 120px; font-size: 18px; font-weight: 700; text-align: center; } @media (max-width: 700px) { #make_progress .baseTtl { padding-top: 30px; padding-bottom: 70px; font-size: 14px; } } #make_progress section h2 { padding-bottom: 80px; } @media (max-width: 700px) { #make_progress section h2 { padding-bottom: 30px; } } #make_progress section h2 .text_en { display: block; font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0.1em; } @media (max-width: 700px) { #make_progress section h2 .text_en { font-size: 17px; } } #make_progress section h2 .text_ja { display: block; font-size: 14px; } @media (max-width: 700px) { #make_progress section h2 .text_ja { font-size: 12px; } } #make_progress .lead_txt { font-size: 16px; } @media (max-width: 700px) { #make_progress .lead_txt { font-size: 14px; } } #make_progress .enqueteBox { display: flex; flex-wrap: wrap; margin-top: 40px; margin-left: -15px; margin-right: -15px; } @media (max-width: 700px) { #make_progress .enqueteBox { margin-top: 25px; } } #make_progress .upborder { padding: 40px 30px; border: 2px dashed #7b8184; border-radius: 10px; margin-top: 40px; } @media (max-width: 700px) { #make_progress .upborder { border-radius: 0; border-left: none; border-right: none; padding: 20px 0; } } #make_progress .upborder .enqueteBox:first-of-type { margin-top: 0; } #make_progress .enqueteBox > [class*='col-'] { padding-left: 15px; padding-right: 15px; box-sizing: border-box; } #make_progress .enqueteBox > .col-100 { flex: 0 0 100%; max-width: 100%; } #make_progress .enqueteBox > .col-50 { flex: 0 0 50%; max-width: 50%; } #make_progress .enqueteBox h3 { background-color: #d70d18; color: #ffffff; font-size: 28px; font-weight: 700; text-align: center; max-width: 375px; margin-left: auto; margin-right: auto; padding: 0.3em 0; } @media (max-width: 700px) { #make_progress .enqueteBox h3 { font-size: 14px; padding: 0.5em 0; } } #make_progress .enqueteBox h3 .text_en { font-family: 'Oswald', sans-serif; letter-spacing: 0.05em; display: inline-block; } #make_progress .enqueteBox h3 .text_ja { margin-left: 0.5em; display: inline-block; } #make_progress .enqueteBox .text_qtn { font-size: 16px; margin-top: 20px; text-align: center; } @media (max-width: 700px) { #make_progress .enqueteBox .text_qtn { font-size: 12px; margin-top: 20px; } } #make_progress .enqueteBox .graph_img { position: relative; margin-top: 30px; } @media (max-width: 700px) { #make_progress .enqueteBox .graph_img { margin-top: 20px; } } #make_progress .enqueteBox .graph_img img { width: 100%; height: auto; } #make_progress .enqueteBox .graph_img .graph01_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.8s ease; transform: translateY(50%); opacity: 0; } #make_progress .enqueteBox .graph_img.active .graph01_txt { transform: translateY(0); opacity: 1.0; } #make_progress .enqueteBox .graph_img .graph02_txt { position: relative; width: 100%; aspect-ratio: 375 / 200; background: url(/recruit/images/make_progress/graph02_txt.svg) no-repeat center / auto 100%; } @media (max-width: 700px) { #make_progress .enqueteBox .graph_img .graph02_txt { aspect-ratio: 330 / 220; } } #make_progress .enqueteBox .graph_img .graph08_txt { position: relative; width: 100%; aspect-ratio: 343 / 200; background: url(/recruit/images/make_progress/graph08_txt.svg) no-repeat center / auto 100%; } @media (max-width: 700px) { #make_progress .enqueteBox .graph_img .graph08_txt { aspect-ratio: 147.5 / 80; } } #make_progress .enqueteBox .graph_img .graph09_txt { position: relative; width: 100%; aspect-ratio: 343 / 200; background: url(/recruit/images/make_progress/graph09_txt.svg) no-repeat center / auto 100%; } @media (max-width: 700px) { #make_progress .enqueteBox .graph_img .graph09_txt { aspect-ratio: 147.5 / 80; } } #make_progress .enqueteBox .graph_img .graph10_txt { position: relative; width: 100%; aspect-ratio: 716 / 200; background: url(/recruit/images/make_progress/graph10_txt.svg) no-repeat center / auto 100%; } #make_progress .enqueteBox .graph_img .graph10_txt .bars { display: block; position: absolute; background-color: #e50000; width: 10%; bottom: 16%; z-index: -1; } #make_progress .enqueteBox .graph_img .graph10_txt .bars.bar01 { left: 4%; } #make_progress .enqueteBox .graph_img.active .graph10_txt .bars.bar01 { animation: anm_bar01 1.0s ease forwards; } #make_progress .enqueteBox .graph_img .graph10_txt .bars.bar02 { left: 24%; } #make_progress .enqueteBox .graph_img.active .graph10_txt .bars.bar02 { animation: anm_bar02 1.0s ease forwards; } #make_progress .enqueteBox .graph_img .graph10_txt .bars.bar03 { left: 44%; } #make_progress .enqueteBox .graph_img.active .graph10_txt .bars.bar03 { animation: anm_bar03 1.0s ease forwards; } #make_progress .enqueteBox .graph_img .graph10_txt .bars.bar04 { left: 65%; } #make_progress .enqueteBox .graph_img.active .graph10_txt .bars.bar04 { animation: anm_bar04 1.0s ease forwards; } #make_progress .enqueteBox .graph_img .graph10_txt .bars.bar05 { left: 85%; } #make_progress .enqueteBox .graph_img.active .graph10_txt .bars.bar05 { animation: anm_bar05 1.0s ease forwards; } @keyframes anm_bar01 { 0% { height: 0; } 100% { height: 84%; } } @keyframes anm_bar02 { 0% { height: 0; } 100% { height: 24.5%; } } @keyframes anm_bar03 { 0% { height: 0; } 100% { height: 10%; } } @keyframes anm_bar04 { 0% { height: 0; } 100% { height: 2.5%; } } @keyframes anm_bar05 { 0% { height: 0; } 100% { height: 17%; } } #make_progress .upborder .grayBox { background-color: #f7f7f7; border-radius: 20px; margin-top: 40px; padding: 40px 15px; } @media (max-width: 700px) { #make_progress .grayBox { padding: 15px; } } #make_progress .grayBox p { font-size: 16px; text-align: center; } @media (max-width: 700px) { #make_progress .grayBox p { font-size: 12px; } } #make_progress .grayBox strong { font-size: 112.5%; color: #d70d18; font-weight: 700; } #make_progress .enqueteBox .text_note { font-size: 14px; text-align: center; margin-top: 30px; } @media (max-width: 700px) { #make_progress .enqueteBox .text_note { font-size: 10px; text-align: left; margin-top: 15px; } } #make_progress .enqueteBox .text_note strong { font-weight: 700; } #make_progress .supplement_question5 { padding-top: 40px; } #make_progress .supplement_question5 .balloon { background-color: #f7f7f7; border-radius: 15px; padding: 30px 20px; position: relative; } @media (max-width: 700px) { #make_progress .supplement_question5 .balloon { padding: 15px 10px; } } #make_progress .supplement_question5 .balloon .balloon_ttl { background-color: #7b8184; border-radius: 0 1000px 1000px 0; color: #ffffff; display: inline-block; padding: 0.2em 1.0em 0.2em 0.5em; font-size: 16px; transform: translateX(-20px); } @media (max-width: 700px) { #make_progress .supplement_question5 .balloon .balloon_ttl { font-size: 14px; transform: translateX(-10px); } } #make_progress .supplement_question5 .balloon:before { content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 20px solid #f7f7f7; border-top: 0; } #make_progress .supplement_question5 .enqueteBox { margin-top: 0; } #make_progress .supplement_question5 .enqueteBox .graph_img { margin-top: 0; } #make_progress .enqueteBox .graph_img .graph05_txt { position: relative; width: 100%; max-width: 470px; aspect-ratio: 470 / 200; background: url(/recruit/images/make_progress/graph05_txt.svg) no-repeat left 48% center / auto 100%; margin-left: auto; margin-right: auto; } #make_progress .enqueteBox .swiper_progress { overflow: hidden; position: relative; margin-top: 30px; padding-bottom: 40px; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress { margin-top: 15px; } } #make_progress .enqueteBox .swiper_progress .swiper-wrapper { align-items: stretch!important; } #make_progress .enqueteBox .swiper_progress .swiper-slide { height: auto; } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox { display: flex; flex-direction: column; height: 100%; padding: 30px 0 70px 20px; position: relative; box-sizing: border-box; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox { padding: 20px 0 40px 10px; } } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 20px; right: 20px; background-color: #ffe0e0; border-radius: 10px 0 10px 0; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox:before { bottom: 10px; right: 10px; } } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: url(../images/make_progress/icn_human.svg) no-repeat left 30% center / contain; z-index: 4; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox:after { height: 60px; } } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .sub_body { z-index: 3; position: relative; } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .sub_body p { display: inline-block; background-color: #ffffff; font-size: 13px; font-weight: 700; box-sizing: border-box; padding: 0.5em 1.5em 0.2em 0.5em; border-radius: 0 1000px 1000px 0; margin-bottom: 20px; transform: translateX(-20px); } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .sub_body p { font-size: 9px; margin-bottom: 10px; transform: translateX(-10px); } } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .sub_body p small { color: #e50000; display: inline-block; margin-right: 0.5em; } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .main_body { font-size: 14px; background-color: #f7f7f7; border-radius: 10px; padding: 20px 20px 30px; position: relative; z-index: 3; position: relative; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .main_body { font-size: 12px; padding: 15px 10px 30px; } } #make_progress .enqueteBox .swiper_progress .swiper-slide .talkBox .main_body:before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%) skewX(-30deg); width: 0; height: 0; border-style: solid; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 10px solid #f7f7f7; border-bottom: 0; } #make_progress .enqueteBox .swiper_progress .swiper-button-next, #make_progress .enqueteBox .swiper_progress .swiper-button-prev { width: 30px; height: 92px; top: 50%; background: linear-gradient(to bottom, rgba(150,0,0,1) 0%,rgba(210,1,1,1) 100%); } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-button-next, #make_progress .enqueteBox .swiper_progress .swiper-button-prev { width: 15px; height: 46px; } } #make_progress .enqueteBox .swiper_progress .swiper-button-prev { left: calc((10 / 28) * (100% - 220px)); transform: translate(50%, -50%); } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-button-prev { left: calc(((10 / 20) / 2) * (100% - 40px) - 15px); } } #make_progress .enqueteBox .swiper_progress .swiper-button-next { right: calc((10 / 28) * (100% - 220px)); transform: translate(-50%, -50%); } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-button-next { right: calc(((10 / 20) / 2) * (100% - 40px) - 15px); } } #make_progress .enqueteBox .swiper_progress .swiper-button-prev:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 14px solid #ffffff; border-left: 0; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-button-prev:after { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 7px solid #ffffff; border-left: 0; } } #make_progress .enqueteBox .swiper_progress .swiper-button-next:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #ffffff; border-right: 0; } @media (max-width: 700px) { #make_progress .enqueteBox .swiper_progress .swiper-button-next:after { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #ffffff; } } #make_progress .enqueteBox .swiper_progress .swiper-horizontal>.swiper-pagination-bullets, #make_progress .enqueteBox .swiper_progress .swiper-pagination-bullets.swiper-pagination-horizontal, #make_progress .enqueteBox .swiper_progress .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } #make_progress .enqueteBox .swiper_progress .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #make_progress .enqueteBox .swiper_progress .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; border-radius: 0; width: 10px; height: 10px; } #make_progress .enqueteBox .swiper_progress .swiper-pagination-bullet-active { background-color: #d70d18; } .circleBox { height: 100%; aspect-ratio: 1 / 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .c-circle { width: 100%; padding-bottom: 100%; position: relative; margin: auto; } .c-circle__view { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; overflow: visible; } .c-circle__16, .c-circle__15, .c-circle__14, .c-circle__13, .c-circle__12, .c-circle__11, .c-circle__10, .c-circle__9, .c-circle__8, .c-circle__7, .c-circle__6, .c-circle__5, .c-circle__4, .c-circle__3, .c-circle__2, .c-circle__1 { fill: transparent; stroke-width: 31.8309886184; stroke-dashoffset: 25; stroke-dasharray: 0,0,0,100; } .c-circle__1 { stroke: #e50000; } .c-circle__2 { stroke: #c80000; } .c-circle__3 { stroke: #950000; } .c-circle__4 { stroke: #e50000; } .c-circle__5 { stroke: #c80000; } .c-circle__6 { stroke: #950000; } .c-circle__7 { stroke: #eb8e94; } .c-circle__8 { stroke: #f5b7ba; } .c-circle__9 { stroke: #ffe0e0; } .c-circle__10 { stroke: #e50000; } .c-circle__11 { stroke: #e50000; } .c-circle__12 { stroke: #c80000; } .c-circle__13 { stroke: #950000; } .c-circle__14 { stroke: #eb8e94; } .c-circle__15 { stroke: #f5b7ba; } .c-circle__16 { stroke: #ffe0e0; } .graph_img.active .c-circle__1 { animation: graph01 1.0s ease forwards; } .graph_img.active .c-circle__2 { animation: graph02 1.0s ease forwards; } .graph_img.active .c-circle__3 { animation: graph03 1.0s ease forwards; } .graph_img.active .c-circle__4 { animation: graph04 1.0s ease forwards; } .graph_img.active .c-circle__5 { animation: graph05 1.0s ease forwards; } .graph_img.active .c-circle__6 { animation: graph06 1.0s ease forwards; } .graph_img.active .c-circle__7 { animation: graph07 1.0s ease forwards; } .graph_img.active .c-circle__8 { animation: graph08 1.0s ease forwards; } .graph_img.active .c-circle__9 { animation: graph09 1.0s ease forwards; } .graph_img.active .c-circle__10 { animation: graph10 1.0s ease forwards; } .graph_img.active .c-circle__11 { animation: graph11 1.0s ease forwards; } .graph_img.active .c-circle__12 { animation: graph12 1.0s ease forwards; } .graph_img.active .c-circle__13 { animation: graph13 1.0s ease forwards; } .graph_img.active .c-circle__14 { animation: graph14 1.0s ease forwards; } .graph_img.active .c-circle__15 { animation: graph15 1.0s ease forwards; } .graph_img.active .c-circle__16 { animation: graph16 1.0s ease forwards; } @keyframes graph01 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 37,63,0,0; } } @keyframes graph02 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,37,34,29; } } @keyframes graph03 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,71,29,0; } } @keyframes graph04 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 39.4,60.6,0,0; } } @keyframes graph05 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,39.4,22.6,38; } } @keyframes graph06 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,62,17.4,20.6; } } @keyframes graph07 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,79.4,12.3,8.3; } } @keyframes graph08 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,91.7,6.5,1.8; } } @keyframes graph09 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,98.2,1.8,0; } } @keyframes graph10 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 100,0,0,0; } } @keyframes graph11 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 12,88,0,0; } } @keyframes graph12 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,12,27,61; } } @keyframes graph13 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,39,31,30; } } @keyframes graph14 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,70,15,15; } } @keyframes graph15 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,85,8,7; } } @keyframes graph16 { 0% { stroke-dasharray: 0,0,0,100; } 100% { stroke-dasharray: 0,93,7,0; } } #make_progress #text_crosstalk { padding-top: 160px; margin-top: -160px; } @media (max-width: 1024px) { #make_progress #text_crosstalk { padding-top: 168px; margin-top: -168px; } } #make_progress .crosstalkMV { padding-left: 55px; padding-right: 55px; text-align: center; } @media (max-width: 700px) { #make_progress .crosstalkMV { padding-left: 0; padding-right: 0; } } #make_progress .crosstalkMV img { max-width: 100%; } .box780.crs { padding-top: 20px; } @media (max-width: 700px) { .box780.crs { padding-top: 40px; } } #make_progress .crosstalk_basebody { position: relative; } @media (max-width: 1440px) { #make_progress .crosstalk_basebody { padding-left: 220px; } } @media (max-width: 700px) { #make_progress .crosstalk_basebody { padding-left: 0; } } #make_progress .crosstalk_menu { width: 260px; position: absolute; top: 0; left: 0; } @media (max-width: 700px) { #make_progress .crosstalk_menu { display: none; } } #make_progress .crosstalk_contents { max-width: 1000px; margin-left: auto; margin-right: auto; } @media (max-width: 1440px) { #make_progress .crosstalk_contents { max-width: 1000px; margin-left: 0; } } #make_progress .crosstalk_contents .grayBox { background-color: #f7f7f7; padding: 110px; margin-top: 80px; } @media (max-width: 700px) { #make_progress .crosstalk_contents .grayBox { padding: 50px 25px; } } #make_progress .crosstalk_contents .grayBox .crosstalk_thema { font-size: 26px; font-weight: 700; display: flex; } #make_progress .crosstalk_contents .grayBox .crosstalk_thema > dt { flex: 0 0 2em; max-width: 2em; } #make_progress .crosstalk_contents .grayBox .crosstalk_thema > dd { flex: 0 0 calc(100% - 2em); max-width: calc(100% - 2em); } @media (max-width: 700px) { #make_progress .crosstalk_contents .grayBox .crosstalk_thema { font-size: 19px; } } #make_progress .crosstalk_contents #crosstalk01.crosstalk_conversation { padding-bottom: 60px; } @media (max-width: 700px) { #make_progress .crosstalk_contents #crosstalk01.crosstalk_conversation { padding-bottom: 30px; } } #make_progress .crosstalk_contents .grayBox .crosstalk_speak { display: flex; font-size: 16px; margin-top: 1em; } @media (max-width: 700px) { #make_progress .crosstalk_contents .grayBox .crosstalk_speak { font-size: 14px; } } #make_progress .crosstalk_contents .grayBox .crosstalk_speak > dt { flex: 0 0 3em; max-width: 3em; } #make_progress .crosstalk_contents .grayBox .crosstalk_speak > dd { flex: 0 0 calc(100% - 3em); max-width: calc(100% - 3em); } #make_progress .crosstalk_contents .cross_img.img01 { margin-left: 70px; margin-top: -30px; } #make_progress .crosstalk_contents .cross_img.img02 { margin-right: 70px; margin-top: -30px; text-align: right; } @media (max-width: 700px) { #make_progress .crosstalk_contents .cross_img.img01 { margin-left: 0; margin-right: 100px; margin-top: -20px; } #make_progress .crosstalk_contents .cross_img.img02 { margin-right: 0; margin-left: 100px; margin-top: -20px; } } #make_progress .crosstalk_contents .cross_img img { max-width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.15); } #make_progress .crosstalk_menu { } #make_progress .crosstalk_menu > ul > li { border-top: 1px #c8c8c8 solid; } #make_progress .crosstalk_menu > ul > li:last-of-type { border-bottom: 1px #c8c8c8 solid; } #make_progress .crosstalk_menu > ul > li > a, #make_progress .crosstalk_menu > ul > li > p { display: block; padding: 15px; } #make_progress .crosstalk_menu > ul > li > p { font-size: 18px; font-weight: 700; } #make_progress .crosstalk_menu > ul > li > a { font-size: 12px; color: #000000; transition: all 0.5s ease; opacity: 0.5; } #make_progress .crosstalk_menu > ul > li > a.focus { background-color: #d70d18; color: #ffffff; } #make_progress .crosstalk_menu > ul > li > a:hover { background-color: #d70d18; color: #ffffff; opacity: 1.0; } #make_progress .crosstalk_menu > ul > li > a > dl { display: flex; } #make_progress .crosstalk_menu > ul > li > a > dl > dt { flex: 0 0 2em; max-width: 2em; } #make_progress .crosstalk_menu > ul > li > a > dl > dd { flex: 0 0 calc(100% - 2em); max-width: calc(100% - 2em); } #make_progress #crosstalk06, #make_progress #crosstalk05, #make_progress #crosstalk04, #make_progress #crosstalk03, #make_progress #crosstalk02, #make_progress #crosstalk01 { padding-top: 160px; margin-top: -160px; } @media (max-width: 1024px) { #make_progress #crosstalk06, #make_progress #crosstalk05, #make_progress #crosstalk04, #make_progress #crosstalk03, #make_progress #crosstalk02, #make_progress #crosstalk01 { padding-top: 168px; margin-top: -168px; } } #make_progress .breadcrumb_outer { margin-top: 120px; } @media (max-width: 700px) { #make_progress .breadcrumb_outer { margin-top: 70px; } } /**************************************** #interview.people ****************************************/ #interview.people .view.people05 .background { background: url(/recruit/images/interview/people05/view.jpg) no-repeat center top/cover; } #interview.people .view.people06 .background { background: url(/recruit/images/interview/people06/view.jpg) no-repeat center top/cover; } #interview.people .view.people07 .background { background: url(/recruit/images/interview/people07/view.jpg) no-repeat center top/cover; } #interview.people .view.people08 .background { background: url(/recruit/images/interview/people08/view.jpg) no-repeat center top/cover; } #interview.people .view.people09 .background { background: url(/recruit/images/interview/people09/view.jpg) no-repeat center top/cover; } #interview.people .view.people10 .background { background: url(/recruit/images/interview/people10/view.jpg) no-repeat center top/cover; } #interview.people .view.people11 .background { background: url(/recruit/images/interview/people11/view.jpg) no-repeat center top/cover; } #interview.people .view.people12 .background { background: url(/recruit/images/interview/people12/view.jpg) no-repeat center top/cover; } @media (max-width: 700px) { #interview.people .view.people05 .background { background: url(/recruit/images/interview/people05/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people06 .background { background: url(/recruit/images/interview/people06/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people07 .background { background: url(/recruit/images/interview/people07/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people08 .background { background: url(/recruit/images/interview/people08/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people09 .background { background: url(/recruit/images/interview/people09/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people10 .background { background: url(/recruit/images/interview/people10/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people11 .background { background: url(/recruit/images/interview/people11/view_sp.jpg) no-repeat center top/cover; } #interview.people .view.people12 .background { background: url(/recruit/images/interview/people12/view_sp.jpg) no-repeat center top/cover; } } #interview.people .view.people05 .container h1, #interview.people .view.people06 .container h1, #interview.people .view.people07 .container h1, #interview.people .view.people08 .container h1, #interview.people .view.people09 .container h1, #interview.people .view.people10 .container h1, #interview.people .view.people11 .container h1, #interview.people .view.people12 .container h1 { text-align: center; font-size: 3.6rem; line-height: 1.50001; font-weight: 700; color: #fff; margin-top: 0; } @media (max-width: 700px) { #interview.people .view.people05 .container h1, #interview.people .view.people06 .container h1, #interview.people .view.people07 .container h1, #interview.people .view.people08 .container h1, #interview.people .view.people09 .container h1, #interview.people .view.people10 .container h1, #interview.people .view.people11 .container h1, #interview.people .view.people12 .container h1 { font-size: 2.7rem; line-height: 1.70371; } } #interview.people .section .text p:not(:first-child) { margin-top: 20px; } @media (max-width: 700px) { #interview.people .people05 .section .text p:not(:first-child) { margin-top: 10px; } } .max_w100p { max-width: 100%; } /* #interview.people .profile h2.charge { margin-bottom: 0; } */ #interview.people .profile .text.mb_0 { margin-bottom: 0; } #interview.people .profile .year { margin-bottom: 0; } #interview.people .profile .year span { width: 5.5em; display: inline-block; } @media (max-width: 700px) { #interview.people .profile .year { margin-bottom: 5px; } } #interview.people .section .box720 { padding-top: 50px; padding-bottom: 50px; } @media (max-width: 700px) { #interview.people .section .box720 { padding-top: 30px; padding-bottom: 30px; } } #interview.people .profile .text .note { display: flex; font-size: 75%; } /**************************************** info ****************************************/ #recruit .information .grayBox { padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } @media (max-width: 700px) { #recruit .information .grayBox { padding-top: 40px; padding-bottom: 40px; } } #recruit .information .grayBox .other__ttl--sub { font-size: 18px; font-weight: 700; text-align: center; margin-top: 30px; } #recruit .information .grayBox .other__ttl--sub strong { display: inline-block; background-color: #e50000; color: #ffffff; transform: rotate(-5deg); margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; } @media (max-width: 700px) { #recruit .information .grayBox .other__ttl--sub { font-size: 15px; font-weight: 700; margin-top: 20px; letter-spacing: -0.05em; } } #recruit .information .grayBox .office_tour_link { margin-top: 30px; max-width: 490px; margin-left: auto; margin-right: auto; } #recruit .information .grayBox .office_tour_link a { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px solid #950000; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 100%); font-size: 16px; font-weight: 700; color: #ffffff; box-sizing: border-box; padding: 0 75px; position: relative; transition: all .3s ease-in; } #recruit .information .grayBox .office_tour_link a::before { position: absolute; content: ''; width: 20px; height: 20px; top: 50%; right: 30px; transform: translateY(-50%); background: url(/recruit/images/recruit/arrow.png) no-repeat 0 0/contain; z-index: 2; } #recruit .information .grayBox .office_tour_link a::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #e50000 0%, #e50000 50%, #c80000 50%, #c80000 100%); transition: all .3s ease-in; } #recruit .information .grayBox .office_tour_link a:hover { border: 1px solid #e50000; color: #d20101; } #recruit .information .grayBox .office_tour_link a span { position: relative; z-index: 3; } #recruit .information .grayBox .office_tour_link a:hover::after { opacity: 0; } #recruit .information .grayBox .image { text-align: center; } #recruit .information .grayBox img { max-width: 100%; } @media (max-width: 700px) { #recruit .information .grayBox .office_tour_link { margin-top: 25px; max-width: 100%; } #recruit .information .grayBox .office_tour_link a { font-size: 14px; height: 50px; } } #recruit .information .information_inner_flow { width: 50vw; max-width: 240px; border-top: 1px solid #c5c5c5; margin-top: 15px; } #recruit .information .information_inner_flow li { font-size: 18px; font-weight: 700; text-align: center; border-bottom: 1px solid #c5c5c5; padding-top: 15px; padding-bottom: 15px; position: relative; } #recruit .information .information_inner_flow li:before { position: absolute; content: ''; width: 15px; height: 11px; background: url(/recruit/images/common/arrow_info.svg) no-repeat center center/contain; bottom: -7px; left: 50%; transform: translateX(-50%) } #recruit .information .information_inner_flow li:last-of-type:before { display: none; } @media (max-width: 700px) { #recruit .information .information_inner_flow li { font-size: 12px; } } /**************************************** interview top ****************************************/ #interview.top-page .people ul li.special .profile:before { background: #fafafa; } /**************************************** make_progress ****************************************/ #make_progress .crosstalk_contents .grayBox ul.cap { margin-top: 30px; } #make_progress .crosstalk_contents .grayBox ul.cap li { display: flex; flex-wrap: nowrap; font-size: 14px; line-height: 1.8; } #make_progress .crosstalk_contents .grayBox ul.cap li span:first-of-type { display: inline-block; white-space: nowrap; } #make_progress .crosstalk_contents .grayBox ul.cap li strong { font-size: 14px; font-weight: bold; color: #000000; } #make_progress .crosstalk_contents .grayBox ul.cap li strong small { font-size: 14px; } @media (max-width: 700px) { #make_progress .crosstalk_contents .grayBox ul.cap { margin-top: 20px; } #make_progress .crosstalk_contents .grayBox ul.cap li { font-size: 12px; } #make_progress .crosstalk_contents .grayBox ul.cap li strong { font-size: 12px; } #make_progress .crosstalk_contents .grayBox ul.cap li strong small { font-size: 10px; } } #make_progress .crosstalk_contents .anim.active { opacity: 1; transform: translateY(0); } #make_progress .crosstalk_contents .anim { opacity: 0; transition: all 0.8s ease; transform: translateY(50%); } @media (min-width: 700px) and (max-width: 1024px) { #about-us section dl dd .tb2 th { width: 8.5em; } } /**************************************** return_link ****************************************/ #interview.people .return_link { margin-top: 120px; max-width: 690px; margin-left: auto; margin-right: auto; margin-bottom: 120px; } #interview.people .return_link a { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px solid #950000; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 100%); font-size: 16px; font-weight: 700; color: #ffffff; box-sizing: border-box; padding: 0 75px; position: relative; transition: all .3s ease-in; } #interview.people .return_link a::before { position: absolute; content: ''; width: 20px; height: 20px; top: 50%; left: 30px; transform: translateY(-50%) rotate(180deg); background: url(/recruit/images/recruit/arrow.png) no-repeat 0 0/contain; z-index: 2; } #interview.people .return_link a::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #e50000 0%, #e50000 50%, #c80000 50%, #c80000 100%); transition: all .3s ease-in; } #interview.people .return_link a:hover { border: 1px solid #e50000; color: #d20101; } #interview.people .return_link a span { position: relative; z-index: 3; } #interview.people .return_link a:hover::after { opacity: 0; } @media (max-width: 700px) { #interview.people .return_link { margin-top: 80px; max-width: 100%; margin-bottom: 80px; } #interview.people .return_link a { font-size: 14px; height: 50px; padding: 0 30px; } #interview.people .return_link a::before { left: 15px; } } .global_header h1 { z-index: 10; } /******************** 202412add ********************/ a {outline:none;} a:focus {outline:none;} .ff_oswald { font-family: "Oswald", serif; font-optical-sizing: auto; } /***** #faq *****/ #faq .imageview .background { background-image: url(/recruit/images/faq/view.jpg); } @media (max-width: 700px) { #faq .imageview .background { background-image: url(/recruit/images/faq/view_sp.jpg); } } #faq .page-nav { position: sticky; top: 60px; height: 100px; line-height: 0; text-align: center; z-index: 100; } @media (max-width: 1000px) { #faq .page-nav { top: 68px; height: 30vw; } #faq .page-nav:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; background-color: #ffffff; top: -1px; left: 0; } } #faq .page-nav>div { width: 100%; height: 100px; background: #fff; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; } @media (max-width: 1000px) { #faq .page-nav>div { height: 30vw; } } #faq .page-nav ul { zoom: 1; width: 100%; height: 100px; max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: nowrap; } #faq .page-nav ul li { flex: 0 0 25%; max-width: 25%; text-align: center; } @media (max-width: 1000px) { #faq .page-nav ul { flex-wrap: wrap; height: 30vw; } #faq .page-nav ul li { flex: 0 0 50%; max-width: 50%; text-align: center; height: 15vw; } } #faq .page-nav ul li a { font-size: 12px; font-weight: 700; color: #c8c8c8; transition: color .4s ease; } #faq .page-nav ul li a:hover { color: #000; } #faq .page-nav ul li a.page-nav__link { line-height: 1.85; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } #faq .page-nav ul li .page-nav__txt { margin-top: 8px; line-height: 140%; } #faq .otherpages__ttl--en_txt { font-size: 30px; font-size: min(5.33333vw, 30px); line-height: 1.19; display: block; font-weight: 600; text-transform: uppercase; } #faq .baseTtl { padding-top: 80px; padding-bottom: 120px; font-size: 18px; font-weight: 700; text-align: center; } @media (max-width: 700px) { #faq .baseTtl { padding-top: 30px; padding-bottom: 50px; font-size: 14px; line-height: 1.5; } } #faq .box780 { max-width: 780px; margin-left: auto; margin-right: auto; } #faq .box780 .faq_ttl { width: 100%; height: 40px; color: #fff; background: #d80c18; font-size: 18px; font-weight: 700; line-height: 1.18; letter-spacing: -0.01em; display: flex; align-items: center; padding-left: 30px; box-sizing: border-box; } #faq .s_01 .accordion_one { width: 100%; border-bottom: 2px solid #f0f0f0; box-sizing: border-box; position: relative; } #faq .s_01 .accordion_one:before { position: absolute; content: ''; width: 25%; height: 2px; background-color: #e50000; bottom: -2px; left: 0; } #faq .s_01 .accordion_one .accordion_header { color: #000000; font-size: 26px; font-weight: bold; padding: 25px 50px 25px 1.5em; text-align: left; position: relative; z-index: +1; cursor: pointer; /* transition-duration: 0.2s; */ /* touch-action: manipulation; */ } #faq .s_01 .accordion_one .accordion_header:active { touch-action: manipulation; } #faq .s_01 .accordion_one .accordion_header::before { position: absolute; content: 'Q'; top:25px; left: 0; } #faq .s_01 .accordion_one .accordion_header:hover { opacity: .8; } #faq .s_01 .accordion_one .accordion_header .i_box { position: absolute; content: ''; top: 50%; right: 0; transform: translateY(-50%); width: 46px; height: 46px; background: url(/recruit/images/faq/plus.svg) no-repeat 0 0; /* transition-duration: 0.2s; */ pointer-events: none; } #faq .s_01 .accordion_one .accordion_header.open .i_box { /* background-image: url(/recruit/images/faq/minus.svg); */ background: url(/recruit/images/faq/minus.svg) no-repeat 0 0; /* transition-duration: 0.2s; */ touch-action: manipulation; } #faq .s_01 .accordion_one .accordion_inner { display: none; padding: 0 0 25px 1.5em; box-sizing: border-box; font-size: 26px; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac { margin: 0; font-size: 16px; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac.d-flex { display: flex; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac.d-flex span { white-space: nowrap; width: 5em; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac span { font-size: 14px; } #faq .s_01 .accordion_one .accordion_inner a.text_link { font-size: 16px; margin-top: 20px; padding-left: 1.5em; position: relative; color: #000000; } #faq .s_01 .accordion_one .accordion_inner a.text_link { font-size: 16px; margin-top: 20px; padding-left: 1.5em; position: relative; display: inline-block; } #faq .s_01 .accordion_one .accordion_inner a.text_link:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 14px solid #c80000; border-right: 0; left: 0; top: 50%; transform: translateY(-50%); } #faq .s_01 .accordion_one .accordion_inner a.text_link span { border-bottom: 1px solid #c80000; } @media screen and (max-width: 700px) { #faq .s_01 .accordion_one .accordion_header { font-size: 19px; text-align: left; padding: 20px 7vw 20px 1.2em; line-height: 1.5; /* touch-action: manipulation; */ } #faq .s_01 .accordion_one .accordion_header::before { top: 20px; } #faq .s_01 .accordion_one .accordion_header .i_box, #faq .s_01 .accordion_one .accordion_header.open .i_box { width: 8vw; height: 8vw; background-size: 100%; } #faq .s_01 .accordion_one .accordion_inner { font-size: 19px; padding: 0 0 20px 1.2em; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac, #faq .s_01 .accordion_one .accordion_inner a.text_link { font-size: 14px; line-height: 1.5; } #faq .s_01 .accordion_one .accordion_inner a.text_link { margin-top: 10px; } #faq .s_01 .accordion_one .accordion_inner p.txt_a_ac span { font-size: 12px; } #faq .s_01 .accordion_one .accordion_inner .sp_right { text-align: right; } } #faq #company, #faq #recruitment, #faq #career, #faq #workstyle, #faq #entry { padding-top: 160px; margin-top: -160px; } #faq #company, #faq #career, #faq #workstyle { padding-bottom: 80px; } @media screen and (max-width: 1000px) { #faq #company, #faq #career, #faq #recruitment, #faq #workstyle, #faq #entry { padding-top: calc(30vw + 68px); margin-top: calc((30vw + 68px) * -1); } #faq #company, #faq #career, #faq #workstyle { padding-bottom: 50px; } } #faq .s_01 .accordion_one .accordion_inner a.text_link.link02 { padding-left: 0; padding-right: 1.5em; margin-top: 0; margin-bottom: 20px; } @media screen and (max-width: 700px) { #faq .s_01 .accordion_one .accordion_inner a.text_link.link02 { padding-left: 0; padding-right: 1.2em; margin-bottom: 10px; } } #faq .s_01 .accordion_one .accordion_inner a.text_link.link02:before { position: absolute; content: ''; width: 22px; height: 22px; background: url(/recruit/images/faq/icon_arrow.svg) no-repeat 0 0/contain; border: none; right: 0; bottom: 0; left: auto; top: auto; transform: translateY(0); } #faq .s_01 .accordion_one .accordion_inner a.text_link.ml-10 { margin-left: 20px; } @media screen and (max-width: 700px) { #faq .s_01 .accordion_one .accordion_inner a.text_link.ml-10 { margin-left: 10px; } } #faq .baseTtl.ttl02 { padding-top: 35px; padding-bottom: 80px; } @media screen and (max-width: 700px) { #faq .baseTtl.ttl02 { padding-top: 25px; padding-bottom: 50px; } } #faq .entry_btn { margin-top: 30px; max-width: 490px; margin-left: auto; margin-right: auto; } #faq .entry_btn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px solid #950000; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f7f7f7 50%, #f7f7f7 100%); font-size: 16px; font-weight: 700; color: #ffffff; box-sizing: border-box; padding: 0 75px; position: relative; transition: all .3s ease-in; } #faq .entry_btn a:before { position: absolute; content: ''; width: 20px; height: 20px; top: 50%; right: 30px; transform: translateY(-50%); background: url(/recruit/images/recruit/arrow.png) no-repeat 0 0 / contain; z-index: 2; } #faq .entry_btn a:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #e50000 0%, #e50000 50%, #c80000 50%, #c80000 100%); transition: all .3s ease-in; } #faq .entry_btn a span { position: relative; z-index: 3; } #faq .entry_btn a:hover { border: 1px solid #e50000; color: #d20101; } #faq .entry_btn a:hover:after { opacity: 0; } @media screen and (max-width: 700px) { #faq .entry_btn { margin-top: 25px; max-width: 100%; } #faq .entry_btn a { font-size: 14px; height: 50px; } } #faq .grayBox{ padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } @media screen and (max-width: 700px) { #faq .grayBox{ padding-top: 40px; padding-bottom: 40px; } } #faq .grayBox .other__ttl--sub { font-size: 18px; font-weight: 700; text-align: center; margin-top: 30px; } #faq .grayBox .other__ttl--sub strong { display: inline-block; background-color: #e50000; color: #ffffff; transform: rotate(-5deg); margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; } @media screen and (max-width: 700px) { #faq .grayBox .other__ttl--sub { font-size: 15px; font-weight: 700; margin-top: 20px; letter-spacing: -0.05em; } } #faq .grayBox h3 { text-align: center; font-size: 26px; font-weight: 700; padding-bottom: 30px; } @media screen and (max-width: 700px) { #faq .grayBox h3 { font-size: 19px; padding-bottom: 20px; line-height: 1.5; } } #faq #recruitment { padding-bottom: 35px; } @media screen and (max-width: 700px) { #faq #recruitment { padding-bottom: 25px; } } #top .otherpages__item .otherpages__ttl .otherpages__ttl--en_txt { text-shadow: 0 0 5px rgba(0,0,0,1.0), 0 0 5px rgba(0,0,0,1.0); } #top .otherpages__item .otherpages__ttl .otherpages__ttl--ja { text-shadow: 0 0 5px rgba(0,0,0,1.0), 0 0 5px rgba(0,0,0,1.0); } .imageview .container h1 .text_en_txt { font-size: min(2.3vw, 30px); letter-spacing: 0.05em; line-height: 1.0; display: block; color: #fff; font-weight: 600; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); margin-bottom: 1.25vw; text-transform: uppercase; } @media screen and (max-width: 700px) { .imageview .container h1 .text_en_txt { font-size: min(7vw, 65px); margin-bottom: 17.5px; } } #interview.people.special.special02 .profile .year { font-weight: normal; } #interview.people.special.special02 .profile .year.d-flex { display: flex; } #interview.people.special.special02 .profile .year.d-flex span { white-space: nowrap; width: 5em; } #interview.people.special.special02 .mt-35.mt-md-50 { margin-top: 50px; } @media screen and (max-width: 700px) { #interview.people.special.special02 .mt-35.mt-md-50 { margin-top: 35px; } } #interview.people.special.special02 .mb-0 { margin-bottom: 0; } #interview.people.special.special02 .mb-15.mb-md-20 { margin-bottom: 20px; } @media screen and (max-width: 700px) { #interview.people.special.special02 .mb-15.mb-md-20 { margin-bottom: 15px; } } #interview.people.special.special02 .text .d-flex { display: flex; margin-top: 0; } #interview.people.special.special02 .text .d-flex span { white-space: nowrap; } #interview.people.special.special02 .text .d-flex.fz-10.fz-md-14 { font-size: 14px; } @media screen and (max-width: 700px) { #interview.people.special.special02 .text .d-flex.fz-10.fz-md-14 { font-size: 10px; } } @media (max-width: 700px) { .foot04 .foot_menu_list { margin-bottom: 0px; } } #job-description.value-chain .flow .figure .left .mufg .dept.product { padding: 0; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .dept.product { background: transparent; } } #job-description.value-chain .flow .figure .left .mufg .dept.product .product_inner { background: #ffffff; padding: 20px 5px; } @media (max-width: 700px) { #job-description.value-chain .flow .triangle .arrow.up .bar { height: 100%; } #job-description.value-chain .flow .triangle .arrow.up .bar:before { content: none; } #job-description.value-chain .flow .num.item3 { bottom: 0; left: 50%; transform: translate(-50%, 100%); z-index: 2; } } #job-description.value-chain .flow .figure .left .arrows.pdg { height: 30px; } #job-description.value-chain .flow .figure .left .mufg .basis .basis_inner { position: relative; background-color: #ffffff; padding: 15px; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis { margin-top: 10px; position: relative; } #job-description.value-chain .flow .figure .left .mufg .basis:before { content: ""; display: block; width: 10px; /* height: 100%; */ background-color: #e50000; position: absolute; top: -10px; bottom: -10px; right: calc(25% - 5px); } } #job-description.value-chain .flow .figure .left .mufg .basis h3 { font-size: 180%; font-size: 1.8rem; line-height: 1.66668; color: #000000; font-weight: 700; text-align: center; margin-bottom: 5px; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis h3 { font-size: 1.0rem; line-height: 1.50001; } } #job-description.value-chain .flow .figure .left .mufg .basis .expl { font-size: 1.4rem; font-weight: 400; text-align: center; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis .expl { font-size: 0.9rem; text-align: left; padding-left: 1em; text-indent: -1em; } } #job-description.value-chain .flow .figure .left .mufg .basis .members { display: flex; flex-wrap: wrap; justify-content: space-between; /* justify-content: center; */ /* text-align: center; */ } @media (max-width: 850px) { /* #job-description.value-chain .flow .figure .left .mufg .basis .members { text-align: left; } */ #job-description.value-chain .flow .figure .left .mufg .basis .members li:nth-of-type(1) { order: 1; width: 100%; } #job-description.value-chain .flow .figure .left .mufg .basis .members li:nth-of-type(2) { order: 3; width: 100%; } #job-description.value-chain .flow .figure .left .mufg .basis .members li:nth-of-type(3) { order: 2; width: 100%; } } #job-description.value-chain .flow .figure .left .mufg .basis .members > li { /* flex: 0 0 50%; max-width: 50%; */ /* flex-grow: 1; */ display: inline-block; padding-left: 10px; padding-right: 10px; margin-top: 20px; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis .members > li { display: block; padding-left: 0; padding-right: 0; } } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock { display: flex; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock picture { display: inline-block; width: 90px; } #job-description.value-chain .flow .figure .left .mufg .basis .members li a img { width: 100%; height: auto; transition: transform 0.5s ease; } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock:hover picture img { transform: scale(1.05); } #job-description.value-chain .flow .figure .left .mufg .basis .members hr { display: block; width: 20px; border: none; padding: 0; margin: 0; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis .members hr { width: 5px; } } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .spib { text-align: left; /* width: calc(100% - 110px); */ margin-top: 0; } @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .spib { width: calc(100% - 105px); } } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .affiliation { font-size: 1.2rem; width: 100%; display: flex; /* margin-top: 10px; */ } /* @media (max-width: 700px) { #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .affiliation { font-size: 1.3rem; } } */ #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .affiliation span { color: #000000; } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .affiliation:before { content: "\025B6"; color: #c80000; margin-right: 0.5em; } #job-description.value-chain .flow .figure .left .mufg .basis .members .linkBlock .affiliation span u { background: linear-gradient(transparent calc(100% - 1px), #c80000 0%); display: inline; text-decoration: none; } #interview.top-page .people ul li.special .image .category { display: flex; align-items: center; justify-content: center; height: 45px; } #interview.top-page .grayBox { padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } @media (max-width: 700px) { #interview.top-page .grayBox { padding-top: 40px; padding-bottom: 40px; } } #interview.top-page .banner_area { background-color: #ffe0e0; padding: 20px; width: 48%; box-sizing: border-box; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 700px) { #interview.top-page .banner_area { padding: 25px; width: 100%; } } #interview.top-page .banner_area .banner_area-ttl { font-size: 2.4rem; font-weight: 700; text-align: center; } #interview.top-page .banner_area picture { margin-top: 5px; display: block; } #interview.top-page .banner_area img { max-width: 100%; } @media (max-width: 700px) { #interview.top-page .banner_area picture { margin-top: 10px; } #interview.top-page .banner_area img { max-width: 49%; } }