@charset "utf-8";/*210812*/ @import url(css/basic.css); @import url(shared.css); .comment-pmtc{position:relative;margin:-5em auto 1.5em;background-color:#fff;width:80%;padding:20px;-webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);} .scroll{overflow:auto;white-space:nowrap;} .fc-green{color:#009d3c;} .one-point{display: flex;margin-bottom:10px;border:1px solid #beddbe;flex-direction: column;} .one-point-tag{background:#fff;color:#6c6969;padding: 2px;margin:0;display: flex;justify-content: center;padding-top:20px;} .one-point-txt{display:inline-block;padding: 20px;} @media(min-width:48em){ .one-point{flex-direction: row;} .one-point-tag{margin:0 1em 0 0;display: flex;width: 25%;justify-content: center;align-items: center;margin-right:0px;} .one-point-txt{width: 75%;} } .text_wrapper{position:relative;margin-bottom:100px;} .text_wrapper .text{height:90px;overflow:hidden;} .show_more{position:absolute;bottom:0;left:0;width:100%;height:30px;padding-top:60px;text-align:center;line-height:30px;background:linear-gradient(180deg,rgb(255,255,255,0) 0%,rgb(255,255,255,1) 70%);cursor:pointer;transition:bottom 0.2s;} .show_more.active{background:none;bottom:-30px} .show_more::after{content:"";width:10px;height:10px;border:2px solid;border-color:#565656 #565656 transparent transparent;transform:rotate(135deg) translateX(-50%);display:inline-block;margin:0 0 0 10px;} .show_more.active::after{transform:rotate(-45deg) translateX(-50%);} .pconly{position:absolute;left:120%;top:0;} @media(min-width:30em){ .sponly{position:absolute;left:120%;top:0;} .pconly{position:static;} .reverse{flex-direction:row-reverse;} } @media(min-width:48em){ .bs #global{padding:0/*20px 0*/;} .show_more{left:120%;} } .max78{max-width:78px;} @media(min-width:40em){ .comment-pmtc{margin:-10em auto 3em;padding:40px;width:50%;} .scroll{overflow:auto;white-space:unset;} } /* ポイント */ .point-label{border-radius:20px;background-color:#009d3c;color:#ffffff;padding:2px 20px;letter-spacing:.1em;font-weight:600;display:inline-block;} .point-label2{border-radius:20px;background-color:#ffad00;color:#ffffff;padding:2px 20px;letter-spacing:.1em;font-weight:600;display:inline-block;} /* 吹き出し */ .ttl-point{background:#ffad00;color:#fff;display:inline-block;padding:.5em 20px;border-radius:3em;} .ttl-point{border-radius:10px;position:relative;padding:.8em;font-weight:bold;font-size:1.2em;line-height:1.25;margin:20px 15px;} .ttl-point::after{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";border:6px solid transparent;border-top-color:#ffad00;} [class*="ttl-"]{font-size:15px;text-align:center;}[class*="ttl-"]>span{vertical-align:middle;} /*縦長の流れ*/ .d-flow li{padding:2em;width:100%;} .d-flow li>p{margin-bottom:0;width:100%;} .d-flow li>p:nth-child(odd){text-align:center;padding:0 0 1em;} .d-flow li>p:nth-child(even){border:1px solid #000;border-width:1px 0 0 0;padding:1em 0 0;} @media(min-width:40em){ .d-flow li{display:flex;align-items:center;padding:3em 0;} .d-flow li>p:nth-child(odd){width:25%;padding:0;} .d-flow li>p:nth-child(even){border-width:0 0 0 1px;padding:0 3em;} } .max-80 {max-width: 80px;} .as-c{align-self:center;} /* 左右吹き出し */ .sideline{display:inline-block;position:relative;line-height:1.6;padding:0 3.5em;} .sideline::before,.sideline::after{content:"";position:absolute;left:2.5em;bottom:0;height:2em;border-left:2px solid;transform:rotate(130deg);box-shadow:0 0 1px #efefef;} .sideline::after{left:auto;right:2.5em;transform:rotate(-130deg);} /*文字に背景*/ .waku{background:#ffad00;padding:0px 20px;margin:10px 0px;color:#fff;font-size:1.2em;display:inline-block;} /* 文字の上てんてんてん */ .fd-e{text-emphasis: dot #17B251;-webkit-text-emphasis: dot #17B251;} /* YouTube */ .youtube{position:relative;height:0;padding-bottom:56.25%;display:block;} .youtube iframe{position:absolute;width:100%;height:100%;top:0;left:0;} /* 吹き出しつきチェックボックス */ .bubble{position: relative;display:block;text-align:center;color:#fff;padding:.5em 2em;background-color:#009d3c;border-radius:5px;font-size:1.2em;margin:0 auto -1em;z-index:3;} .bubble:before{content:"";position:absolute;display:block;z-index:1;border-style:solid;border-color:#009d3c transparent;border-width:10px 10px 0 10px;bottom:-10px;left:50%;margin-left:-10px;} /*横長の流れ*/ .arrow-br>li{background:#f8f8f8;padding:20px;justify-content:center;position:relative;} .arrow-br>li::after{content:"";position:absolute;bottom:-1.5em;width:1em;height:1em;border:1px solid;border-color:transparent transparent #000 #000;-webkit-transform:translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);z-index:1;} .arrow-br>li:last-child::after{content:none;} @media(min-width:40em){ .arrow-br>li::after{right:-2%;top:50%;bottom:auto;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg);} } .h4 .fs-1{font-size: .6em;font-weight: normal;letter-spacing: 1.5px;padding-bottom: 10px;} .linebox5 {background:#f5f5f5;border:3px solid;border-color:#808080;} .mark3{background: linear-gradient(rgba(255,255,255,0) 60%,#dcdcdc 40%);} .linebox6 {background:#ffffe0;border:3px solid;border-color:#009d3c;} @charset "utf-8";/*210812*/ @import url(css/basic.css); @import url(shared.css); .comment-pmtc{position:relative;margin:-5em auto 1.5em;background-color:#fff;width:80%;padding:20px;-webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);} .scroll{overflow:auto;white-space:nowrap;} .fc-green{color:#009d3c;} @media(min-width:48em){ .bs #global{padding:0/*20px 0*/;} } .max78{max-width:78px;} @media(min-width:40em){ .comment-pmtc{margin:-10em auto 3em;padding:40px;width:50%;} .scroll{overflow:auto;white-space:unset;} } /* ポイント */ .point-label{border-radius:20px;background-color:#009d3c;color:#ffffff;padding:2px 20px;letter-spacing:.1em;font-weight:600;display:inline-block;} .point-label2{border-radius:20px;background-color:#ffad00;color:#ffffff;padding:2px 20px;letter-spacing:.1em;font-weight:600;display:inline-block;} /* 吹き出し */ .ttl-point{background:#ffad00;color:#fff;display:inline-block;padding:.5em 20px;border-radius:3em;} .ttl-point{border-radius:10px;position:relative;padding:.8em;font-weight:bold;font-size:1.2em;line-height:1.25;margin:20px 15px;} .ttl-point::after{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";border:6px solid transparent;border-top-color:#ffad00;} [class*="ttl-"]{font-size:15px;text-align:center;}[class*="ttl-"]>span{vertical-align:middle;} /*縦長の流れ*/ .d-flow li{padding:2em;width:100%;} .d-flow li>p{margin-bottom:0;width:100%;} .d-flow li>p:nth-child(odd){text-align:center;padding:0 0 1em;} .d-flow li>p:nth-child(even){border:1px solid #000;border-width:1px 0 0 0;padding:1em 0 0;} @media(min-width:40em){ .d-flow li{display:flex;align-items:center;padding:3em 0;} .d-flow li>p:nth-child(odd){width:25%;padding:0;} .d-flow li>p:nth-child(even){border-width:0 0 0 1px;padding:0 3em;} } .max-80 {max-width: 80px;} .as-c{align-self:center;} /* 左右吹き出し */ .sideline{display:inline-block;position:relative;line-height:1.6;padding:0 3.5em;} .sideline::before,.sideline::after{content:"";position:absolute;left:2.5em;bottom:0;height:2em;border-left:2px solid;transform:rotate(130deg);box-shadow:0 0 1px #efefef;} .sideline::after{left:auto;right:2.5em;transform:rotate(-130deg);} /*文字に背景*/ .waku{background:#ffad00;padding:0px 20px;margin:10px 0px;color:#fff;font-size:1.2em;display:inline-block;} /* 文字の上てんてんてん */ .fd-e{text-emphasis: dot #17B251;-webkit-text-emphasis: dot #17B251;} /* YouTube */ .youtube{position:relative;height:0;padding-bottom:56.25%;display:block;} .youtube iframe{position:absolute;width:100%;height:100%;top:0;left:0;} /* 吹き出しつきチェックボックス */ .bubble{position: relative;display:block;text-align:center;color:#fff;padding:.5em 2em;background-color:#009d3c;border-radius:5px;font-size:1.2em;margin:0 auto -1em;z-index:3;} .bubble:before{content:"";position:absolute;display:block;z-index:1;border-style:solid;border-color:#009d3c transparent;border-width:10px 10px 0 10px;bottom:-10px;left:50%;margin-left:-10px;} /*横長の流れ*/ .arrow-br>li{background:#f8f8f8;padding:20px;justify-content:center;position:relative;} .arrow-br>li::after{content:"";position:absolute;bottom:-1.5em;width:1em;height:1em;border:1px solid;border-color:transparent transparent #000 #000;-webkit-transform:translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);z-index:1;} .arrow-br>li:last-child::after{content:none;} @media(min-width:40em){ .arrow-br>li::after{right:-2%;top:50%;bottom:auto;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg);} } .h4 .fs-1{font-size: .6em;font-weight: normal;letter-spacing: 1.5px;padding-bottom: 10px;} .linebox5 {background:#f5f5f5;border:3px solid;border-color:#808080;} .mark3{background: linear-gradient(rgba(255,255,255,0) 60%,#dcdcdc 40%);} .linebox6 {background:#ffffe0;border:3px solid;border-color:#009d3c;} .box-arrow li+li{position:relative;display:inline-block;color:#000;vertical-align:middle;text-decoration:none;font-size:15px;overflow:visible;} .box-arrow li+li::before,.box-arrow li+li::after{position:absolute;margin:auto;content:"";vertical-align:middle;} .box-arrow li+li::before{top:-20px;bottom:auto;left:calc(50% - 6px);width:12px;height:12px;border-top:4px solid #7a0;border-right:4px solid #7a0;-webkit-transform:rotate(135deg);transform:rotate(135deg);} @media(min-width:40em){ .box-arrow li+li::before{top:0;bottom:0;left:-36px;width:18px;height:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} } #contents01-2 .content{margin-bottom:auto;} /* 採用フロー */ .switching{overflow:hidden;text-align:left;position:relative;text-align:center;max-width:1000px;margin:0 auto;} .switching .tab{margin:0 auto 10px auto;overflow:hidden;font-size:12px;max-width:40em;} .switching .tab li{display:inline-block;margin:0 .4em 10px .4em;} .switching input{position:absolute;right:100%;top:0;z-index:0;} .switching label{display:inline-block;cursor:pointer;font-weight:600;padding:1em 0;background:#ececec;width:10em;} .screen,#recruit-fulltime{overflow:hidden;position:relative;z-index:1;padding:3px;} .screen>div,.screen>p{margin:0 auto;background:#fff;text-align:center;padding:1em;} .screen>div{display:block;position:relative;width:100%;padding:0;overflow:hidden;z-index:1;} .switching .screen>div{height:0;-webkit-transition:.3s;transition:.3s;opacity:0;} .switching input#box1:checked~.screen>div:first-child, .switching input#box2:checked~.screen>div:nth-of-type(2){z-index:2;opacity:1;height:auto;} #recruit-fulltime{margin-bottom:50px;}#recruit-fulltimeimg{margin:0 auto;} .switching#recruit-fulltime.tab,#recruit-fulltime.screen{background:#fff;padding:0 4% 30px 4%;margin:0 auto;max-width:none;} .switching#recruit-fulltime.tab{padding:30px 4%;} .switching#recruit-fulltime label{width:auto;padding:10px;background:#bbb;color:#fff;} #recruit-fulltime{margin-bottom:50px;}#recruit-fulltime img{margin:0 auto;} .switching#recruit-fulltime .tab,#recruit-fulltime .screen{background:#fff;padding:0 4% 30px 4%;margin:0 auto;max-width:none;} #recruit-fulltime input#box1:checked~.tab label[for="box1"],#recruit-fulltime label[for="box1"]:hover{background:#009d3c;} #recruit-fulltime input#box2:checked~.tab label[for="box2"],#recruit-fulltime label[for="box2"]:hover{background:#ffad00;} .newspin::before{position:relative;top:4px;left:0;content:url(images/design/newspin.svg);margin:0 8px 0 0;} @media (min-width:48em){ .switching .tab{font-size:14px;} #index #news{padding: 80px 0px 25px;} #index h2+p img{max-height:65px;} #index #global{padding-top: calc(125px - 8em);} #index #top{padding-top:100px;} } @media(min-width:40em){ .switching .tab{display:table;table-layout:fixed;width:100%;max-width:60em;margin:0;} .switching .tab li{display:table-cell;margin:0;padding:0 0 0 3px;}.switching .tab li:first-child{padding:0;} .switching label{display:block;text-align:center;width:auto;padding:.8em 0 .65em 0;} } .linebox7{background-color:#00b050;} .linebox8{background-color:#EBFAF1;} .fc-yellow2{color:#FFFF00;} .fs-6,.fs-7{font-size:3.0em;} .a-btn-1{font-size:2.0rem;} .bg-green{background:#C4E8D2;} .max70,[class*="a-btn"].max70{max-width:70%;}