@charset "UTF-8"; @media screen and (min-width: 768px),print { .seo_bread_list { margin-bottom: 18px; color: #fff; } .seo_bread_list a { color: #fff; } .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } #rbicon01 {position: absolute;top: -4px;left: 0;} #rbicon02 {position: absolute;top: 230px;right: 5.7rem;} #rbicon03 {position: absolute;top: 373px;left: 50%;margin-left: -690px;z-index: 1;} #rbicon04 {position: absolute;top: 737px;left: 50%;z-index: 1;margin-left: 532px;} .recruit-main-titlebox { background: url(../images/recruitment-info/h1.jpg)no-repeat top center; } #reccontentsystem {margin: 0 auto;position: relative;padding: 4.3rem 4rem 30rem;max-width: 1440px;} #reccontentsystem .inner-Box {margin: 0 auto;position: relative;background: #E9E7DE;border-radius: 750px 750px 0 0;padding: 0 4rem 170px;} #reccontentsystem .inner-Box h2.f-en {font-size: 10.5rem;line-height: 1;font-weight: 700;letter-spacing: 1.05rem;margin-bottom: -45px;position: relative;text-align: center;opacity: 0.4;color: #FFFFFF;padding: 78px 0 0;} #reccontentsystem .inner-Box p.subtext {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 68px;position: relative;text-align: center;} #reccontentsystem .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 730px;margin: 0 auto;z-index: 3;position: relative;} #reccontentsystem .inner-Box ul li {width: 46.7%;margin-right: 6.6%;margin-bottom: 50px;} #reccontentsystem .inner-Box ul li:nth-child(2n) { margin-right: 0px; } #reccontentsystem .inner-Box ul li figure {margin-bottom: 3.1rem;} #reccontentsystem .inner-Box ul li a {color: #fff;width: 100%;display: block;border: 2px solid #000000;border-radius: 170px 170px 20px 20px;background: #1788A0;padding: 5.7rem 0 0;min-height: 340px;transition: all 0.3s ease-in-out;} #reccontentsystem .inner-Box ul li a:hover { text-decoration: none; color: #1788A0; background: #fff; } #reccontentsystem .inner-Box p.ltext {font-size: 2rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.4rem;position: relative;} #reccontentsystem .inner-Box ul li a .post-arrow{top: auto;bottom: 1.8rem;right: 2rem;} #reccontentsystem .inner-Box ul li a:hover figure img{ opacity: 1!important;/* 元が白アイコンの場合 */ filter: brightness(0) saturate(100%) invert(43%) sepia(51%) saturate(943%) hue-rotate(151deg) brightness(79%) contrast(66%); } #recruitment-info #recinfodl.onecol-contents{max-width: 1100px;padding: 6.8rem 3rem;background: #fff;border: 2px solid #000000;border-radius: 15px;top: 53px;margin-bottom: 560px;} #recinfodl #contentssysmain{margin: 0 auto 51px;max-width: 814px;} #recinfodl #contentssysmain h1{font-size: 2.3rem;letter-spacing: 0.23rem;font-weight: bold;color: #fff;margin-bottom: 29px;background: #1788A0;border-radius: 10px;padding: 1.8rem;} #recinfodl #contentssysmain .category-img{overflow: hidden;} #recinfodl #contentssysmain .category-img img{width: 100%;height: auto;} #recinfodl #contentssys01{ margin: 0 auto 64px; max-width: 814px; } #recinfodl #contentssys01 .inner-Box{ } #recinfodl #contentssys01 .inner-Box h2{font-size: 1.8rem;font-weight: bold;border-left: #000000 5px solid;border-bottom: 1px solid #000;line-height: 1;padding: 4px 6px 7px 13px;margin-bottom: 13px;} #recinfodl #contentssys01 .inner-Box { } #recinfodl #contentssys01 .inner-Box table th {border-bottom: #D2D2D2 1px solid;font-weight: bold;padding: 17px 2px;vertical-align: top;text-align: left;width: 155px;color: #1788A0;font-size: 1.6rem;letter-spacing: 0;} #recinfodl #contentssys01 .inner-Box table td {border-bottom: #D2D2D2 1px solid;text-align: center;vertical-align: middle;text-align: left;line-height: 1.8;letter-spacing: 0;padding: 17px 2px;} #recinfodl #contentssys02{ margin: 0 auto 64px; max-width: 814px; } #recinfodl #contentssys02 .inner-Box{ } #recinfodl #contentssys02 .inner-Box h2{font-size: 1.8rem;font-weight: bold;border-left: #000000 5px solid;border-bottom: 1px solid #000;line-height: 1;padding: 4px 6px 7px 13px;margin-bottom: 13px;} #recinfodl #contentssys02 .inner-Box { } #recinfodl #contentssys02 .inner-Box table th {border-bottom: #D2D2D2 1px solid;font-weight: bold;padding: 17px 2px;vertical-align: top;text-align: left;width: 155px;color: #1788A0;font-size: 1.6rem;letter-spacing: 0;} #recinfodl #contentssys02 .inner-Box table td {border-bottom: #D2D2D2 1px solid;text-align: center;vertical-align: middle;text-align: left;line-height: 1.8;letter-spacing: 0;padding: 17px 2px;} #recinfodl #contentssys03{ margin: 0 auto 64px; max-width: 814px; } #recinfodl #contentssys03 .inner-Box{ } #recinfodl #contentssys03 .inner-Box h2{font-size: 1.8rem;font-weight: bold;border-left: #000000 5px solid;border-bottom: 1px solid #000;line-height: 1;padding: 4px 6px 7px 13px;margin-bottom: 13px;} #recinfodl #contentssys03 .inner-Box { } #recinfodl #contentssys03 .btn{ margin-bottom: 20px; text-align: center; } #recinfodl #contentssys03 .btn img{ max-width: 100%;} #recinfodl #contentssys03 .textbb{ font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 2; } #recinfodl #contentssys03 .textbb strong{ font-weight: 700; } #contentssysform{margin: 0 auto 64px;max-width: 977px;} #contentssysform h3{font-size: 1.8rem;font-weight: bold;border-left: #000000 5px solid;border-bottom: 1px solid #000;line-height: 1;padding: 4px 6px 7px 13px;margin-bottom: 13px;} #contentssysform .blue-Box {margin: 0 auto 46px;max-width: 713px;position: relative;padding: 31px 0px 10px 0px;border-top: 1px solid #000;border-bottom: 1px solid #000;} #contentssysform .blue-Box h4 {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.32rem;margin-bottom: 9px;position: absolute;display: inline-block;top: -10px;width: 100%;left: 0;text-align: center;} #contentssysform .blue-Box h4 span{display: inline-block;background: #fff;padding: 0 6px;} #contentssysform .blue-Box ul.dot {} #contentssysform .blue-Box ul.dot li { position: relative; } #contentssysform .blue-Box ul.dot li::before {content: "";display: block;width: 7px;height: 7px;border-radius: 50%;background: #1788A0;position: absolute;left: 0;top: 9px;} #contentssysform .blue-Box ul.dot p.ltext {font-size: 1.6rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.16rem;position: relative;padding-left: 14px;margin-bottom: 20px;} #your-file,#your-file2{ padding-top: 1.1rem; } .form-Box{margin-bottom: -51px!important;} } @media screen and (min-width:768px) and ( max-width:1300px) { } @media screen and (max-width: 767px) { .recruit-main-titlebox { background: url(../images/recruitment-info/sp-h1.jpg)no-repeat top center; background-size: 100% auto; height: 86vw; } .seo_bread_list { margin-bottom: -15.3vw; color: #fff; z-index: 3; position: relative; top: -0.9vw; } .seo_bread_list a { color: #fff; } .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } #rbicon01 {position: absolute;top: 2.6vw;left: -3.9vw;width: 34vw;z-index: 3;} #rbicon02 {position: absolute;top: 160vw;right: -12.7vw;width: 33vw;z-index: 3;} #rbicon03 {position: absolute;top: 350vw;right: -12.7vw;width: 33vw;z-index: 3;display: none;} #rbicon04 {position: absolute;top: 320.1vw;right: -12.7vw;width: 38.7vw;z-index: 3;} #reccontentsystem {margin: 0 5.3vw;position: relative;padding: 15.9vw 0vw 0;} #reccontentsystem .inner-Box {position: relative;background: #E9E7DE;border-radius: 44.42vw 44.42vw 0 0;padding: 0 0vw 18.93vw;margin-bottom: -4vw;} #reccontentsystem .inner-Box h2.f-en {font-size: 10.67vw;line-height: 1;font-weight: 700;letter-spacing: 1.07vw;margin: 0 -1.2vw -5.2vw;position: relative;text-align: center;opacity: 0.4;color: #FFFFFF;padding: 14.7vw 0 0;} #reccontentsystem .inner-Box p.subtext {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 6.13vw;position: relative;text-align: center;} #reccontentsystem .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 1.3vw;z-index: 3;position: relative;} #reccontentsystem .inner-Box ul li {margin-bottom: 5.33vw;width: 100%;} #reccontentsystem .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; } #reccontentsystem .inner-Box ul li figure {margin: 0 22vw 6.9vw;} #reccontentsystem .inner-Box ul li a {color: #fff;display: block;border: 0.53vw solid #000000;border-radius: 45.33vw 45.33vw 5.33vw 5.33vw;background: #1788A0;padding: 13.1vw 0 0;transition: all 0.3s ease-in-out;height: 78.5vw;} #reccontentsystem .inner-Box p.ltext {font-size: 4.80vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.96vw;position: relative;} #reccontentsystem .inner-Box ul li a .post-arrow{top: auto;bottom: 3.8vw;right: 3.6vw;} #recruitment-info #recinfodl.onecol-contents{background: #fff;border: 0.53vw solid #000000;border-radius: 4.0vw;margin: 0 4vw 0vw;top: 15.8vw;position: relative;} #recruitment-info #recinfodl.onecol-contents{padding: 10.1vw 7.6vw;margin-bottom: 34vw;} #recinfodl #contentssysmain{margin-bottom: 10.87vw;} #recinfodl #contentssysmain h1{font-size: 4.80vw;letter-spacing: 0.61vw;font-weight: bold;color: #fff;margin-bottom: 5.73vw;background: #1788A0;border-radius: 2.67vw;padding: 3.5vw;} #recinfodl #contentssysmain .category-img{overflow: hidden;margin-bottom: -5.2vw;} #recinfodl #contentssysmain .category-img img{width: 100%;height: auto;} #recinfodl #contentssys01{margin-bottom: 8.37vw;} #recinfodl #contentssys01 .inner-Box{ } #recinfodl #contentssys01 .inner-Box h2{font-size: 4.27vw;font-weight: bold;border-left: #000000 1.33vw solid;border-bottom: 0.27vw solid #000;line-height: 1;padding: 1.07vw 1.6vw 2.47vw 3.47vw;margin-bottom: 1.47vw;letter-spacing: 0.30vw;} #recinfodl #contentssys01 .inner-Box { } #recinfodl #contentssys01 .inner-Box table{width: 100%;font-size: 4.00vw;letter-spacing: 0.21vw;} #recinfodl #contentssys01 .inner-Box table th {border-bottom: #D2D2D2 0.27vw solid;font-weight: bold;vertical-align: top;text-align: left;color: #1788A0;font-size: 3.73vw;width: 22.8vw;letter-spacing: 0;padding: 2.6vw 0;} #recinfodl #contentssys01 .inner-Box table td {border-bottom: #D2D2D2 0.27vw solid;vertical-align: middle;text-align: left;line-height: 1.6;font-size: 3.73vw;padding: 2.6vw 0;} #recinfodl #contentssys01 .inner-Box table tr td:last-child{} #recinfodl #contentssys02{margin-bottom: 8.37vw;} #recinfodl #contentssys02 .inner-Box{ } #recinfodl #contentssys02 .inner-Box h2{font-size: 4.27vw;font-weight: bold;border-left: #000000 1.33vw solid;border-bottom: 0.27vw solid #000;line-height: 1;padding: 1.07vw 1.6vw 2.47vw 3.47vw;margin-bottom: 1.47vw;letter-spacing: 0.30vw;} #recinfodl #contentssys02 .inner-Box { } #recinfodl #contentssys02 .inner-Box table{width: 100%;font-size: 4.00vw;letter-spacing: 0.21vw;} #recinfodl #contentssys02 .inner-Box table th {border-bottom: #D2D2D2 0.27vw solid;font-weight: bold;vertical-align: top;text-align: left;color: #1788A0;font-size: 3.73vw;width: 22.8vw;letter-spacing: 0;padding: 2.6vw 0;} #recinfodl #contentssys02 .inner-Box table td {border-bottom: #D2D2D2 0.27vw solid;vertical-align: middle;text-align: left;line-height: 1.6;font-size: 3.73vw;padding: 2.6vw 0;} #recinfodl #contentssys02 .inner-Box table tr td:last-child{} #recinfodl #contentssys03{margin-bottom: 5.37vw;} #recinfodl #contentssys03 .inner-Box{ } #recinfodl #contentssys03 .inner-Box h2{font-size: 4.27vw;font-weight: bold;border-left: #000000 1.33vw solid;border-bottom: 0.27vw solid #000;line-height: 1;padding: 1.07vw 1.6vw 2.47vw 3.47vw;margin-bottom: 1.47vw;letter-spacing: 0.30vw;} #recinfodl #contentssys03 .inner-Box { } #recinfodl #contentssys03 .btn{ margin-bottom: 5.33vw; } #recinfodl #contentssys03 .textbb{ font-size: 4.27vw; letter-spacing: 0.21vw; line-height: 2; } #recinfodl #contentssys03 .textbb strong{ font-weight: 700; } #contentssysform{margin: 0 -4vw 17.07vw;} #contentssysform h3{font-size: 4.27vw;font-weight: bold;border-left: #000000 1.33vw solid;border-bottom: 0.27vw solid #000;line-height: 1;padding: 1.07vw 1.6vw 2.47vw 3.47vw;margin-bottom: 1.47vw;letter-spacing: 0.30vw;} #contentssysform .blue-Box {margin: 14vw auto 12.27vw;position: relative;padding: 8.27vw 0.0vw 2.67vw 0.0vw;border-top: 0.27vw solid #000;border-bottom: 0.27vw solid #000;} #contentssysform .blue-Box h4 {font-size: 4.27vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.85vw;margin-bottom: 2.4vw;position: absolute;display: inline-block;top: -5.9vw;width: 100%;left: 0;text-align: center;} #contentssysform .blue-Box h4 span{display: inline-block;background: #fff;padding: 0 1.6vw;} #contentssysform .blue-Box ul.dot {} #contentssysform .blue-Box ul.dot li { position: relative; } #contentssysform .blue-Box ul.dot li::before {content: "";display: block;width: 1.87vw;height: 1.87vw;border-radius: 50%;background: #1788A0;position: absolute;left: 0;top: 2.4vw;} #contentssysform .blue-Box ul.dot p.ltext {font-size: 4.27vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;position: relative;padding-left: 3.73vw;margin-bottom: 5.33vw;} #your-file,#your-file2{ padding-top: 1.1rem; } .form-Box{margin-bottom: 0vw!important;} .confirm_button{left: 0!important;} .hissttext span{ color: #FF2700; } .priv{ margin-bottom: 10vw; } #contentssysform{ margin-bottom: 5vw; } }