@charset "UTF-8";
/*--------------------------------------------------------------------------
キープリスト
-------------------------------------------------------------------------*/
main.Static-Page.Keep {
padding-top: 0; }
.Keep__List h2 {
font-size: 16px;
font-size: calc($size / 10)rem;
font-weight: bold; }
.Keep__List h2 span {
color: #e83018;
font-size: 30px;
font-size: calc($size / 10)rem;
margin: 0 5px; }
.Keep__List .Inner > p {
margin-top: 5px;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.Keep__List .Inner > p {
font-size: 14px;
font-size: calc($size / 10)rem; } }
.Keep__List .Inner > ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px -1.1278% 0; }
.Keep__List .Inner > ul > li {
background: #fff;
width: 17.74%;
padding: 10px;
border: 1px solid #e3e4e9;
position: relative;
margin: 0 1.1278% 30px; }
@media only screen and (max-width: 1000px) {
.Keep__List .Inner > ul > li {
width: 23%;
margin: 0 1% 20px; } }
@media only screen and (max-width: 768px) {
.Keep__List .Inner > ul > li {
width: 47.8768%; } }
.Keep__List .Inner > ul > li .Thum {
height: 122px;
padding-bottom: 10px;
margin-bottom: 20px; }
@media only screen and (max-width: 1400px) {
.Keep__List .Inner > ul > li .Thum {
height: auto;
overflow: hidden;
margin-bottom: 10px;
padding-bottom: 0; } }
@media only screen and (max-width: 768px) {
.Keep__List .Inner > ul > li .Thum {
margin-bottom: 0px; } }
.Keep__List .Inner > ul > li .Thum a {
display: block;
width: 100%;
height: 100%; }
.Keep__List .Inner > ul > li .Thum a img {
width: 100%;
height: auto; }
.Keep__List .Inner > ul > li .Text {
border-bottom: 1px solid #04aa51;
position: relative;
padding-top: 5px;
margin-bottom: 10px; }
.Keep__List .Inner > ul > li .Text .Price {
padding-left: 20px; }
.Keep__List .Inner > ul > li .Text .Jobtype {
padding-left: 20px;
font-size: 12px;
font-size: calc($size / 10)rem;
font-weight: 600;
line-height: 1.5;
border-bottom: 1px solid #04aa51;
padding-bottom: 7px;
margin-bottom: 5px;
letter-spacing: .05em; }
.Keep__List .Inner > ul > li .Text p {
font-size: 12px;
font-size: calc($size / 10)rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: .05em;
margin: 5px 0 5px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
height: 58px;
overflow: hidden; }
.Keep__List .Inner > ul > li .Text .EmployeeStatus {
padding-left: 20px;
font-size: 12px;
font-size: calc($size / 10)rem;
letter-spacing: .05em;
font-weight: 600;
padding-bottom: 5px; }
.Keep__List .Inner > ul > li .Icon-New {
background: #e83018;
color: #fff;
position: absolute;
top: 0;
right: 10px; }
.Keep__List .Inner > ul > li .Icon-New span {
position: relative;
display: block;
padding: 10px 5px 5px;
font-size: 12px;
font-size: calc($size / 10)rem;
letter-spacing: .05em;
font-weight: bold; }
.Keep__List .Inner > ul > li .Icon-New span:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 0;
bottom: -10px;
border-style: solid;
border-color: #e83018 #e83018 transparent #e83018;
border-width: 1px 20px 10px 20px;
z-index: 1; }
.Keep__List .Inner > ul > li ul.Btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%; }
.Keep__List .Inner > ul > li ul.Btn > li {
width: 47.64%; }
.Keep__List .Inner > ul > li ul.Btn > li a {
display: block;
width: 100%;
height: 100%;
font-size: 14px;
font-size: calc($size / 10)rem;
text-align: center;
line-height: 1.6;
padding: 7px 0;
border-collapse: collapse;
font-weight: bold; }
.Keep__List .Inner > ul > li ul.Btn > li.Btn-Detail a {
background: #04aa51;
color: #fff;
border: 2px solid #04aa51; }
@media only screen and (max-width: 640px) {
.Keep__List .Inner > ul > li ul.Btn > li a {
font-size: 12px;
font-size: calc($size / 10)rem; } }
@media all and (-ms-high-contrast: none) {
.Keep__List .Inner > ul > li ul.Btn > li a {
padding: 9px 0 5px; } }
/*--------------------------------------------------------------------------
求人詳細
-------------------------------------------------------------------------*/
.single-jobs .Pagetop {
display: none !important;
opacity: 0; }
.Detail {
position: relative;
/*ページ下部固定応募：Lineなし*/
/*ページ下部固定応募：Lineあり*/ }
.Detail h2 {
font-size: 22px;
font-size: calc($size / 10)rem;
font-weight: bold;
padding-left: 30px;
position: relative;
line-height: 1.5;
margin-bottom: 5px; }
.Detail h2:before {
content: "";
display: block;
width: 25px;
height: 5px;
background: #004ea2;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 768px) {
.Detail h2 {
border-top: 4px solid #dbeef4;
border-bottom: 1px solid #dbeef4;
position: relative;
font-size: 18px;
font-size: calc($size / 10)rem;
padding-top: 5px;
line-height: 1.8;
margin-bottom: 0;
padding-bottom: 5px; }
.Detail h2:before {
width: 4px;
height: 25px;
left: 13px; } }
.Detail h3 {
font-size: 22px;
font-size: calc($size / 10)rem;
line-height: 1.5;
padding-left: 25px;
font-weight: bold;
margin: 20px 0;
border-left: 10px solid #f1bb00; }
@media only screen and (max-width: 1400px) {
.Detail h3 {
padding-left: 20px;
border-left: 8px solid #f1bb00; } }
@media only screen and (max-width: 768px) {
.Detail h3 {
margin-left: 2%;
margin-right: 2%;
font-size: 18px;
font-size: calc($size / 10)rem;
padding-left: 15px; } }
.Detail h4 {
font-size: 18px;
font-size: calc($size / 10)rem;
line-height: 1.5;
margin: 10px 0;
color: #004ea2;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.Detail h4 {
margin-left: 2%;
margin-right: 2%;
font-size: 15px;
font-size: calc($size / 10)rem; } }
.Detail table {
border-top: 1px solid #8f8f8f;
border-right: #8f8f8f 1px solid;
width: 100%; }
.Detail table th, .Detail table td {
border-bottom: #8f8f8f 1px solid;
border-left: #8f8f8f 1px solid; }
@media only screen and (max-width: 768px) {
.Detail table th, .Detail table td {
font-size: 13px;
font-size: calc($size / 10)rem; } }
@media only screen and (max-width: 1400px) {
.Detail table th {
padding: 10px; } }
.Detail .Text {
/*wp用ネイティブcss*/
/* img */
/* clearfix */ }
.Detail .Text p {
margin: 10px 0;
display: block; }
@media only screen and (max-width: 768px) {
.Detail .Text p {
margin-right: 2%;
margin-left: 2%;
font-size: 13px;
font-size: calc($size / 10)rem; } }
.Detail .Text a {
color: #04aa51; }
@media only screen and (max-width: 768px) {
.Detail .Text table {
width: 94%;
margin: 0 2%; }
.Detail .Text table th, .Detail .Text table td {
padding: 4px 2%; } }
.Detail .Text ol, .Detail .Text ul {
margin: 10px 0; }
.Detail .Text strong {
font-weight: bold; }
.Detail .Text em {
font-style: italic; }
.Detail .Text blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; }
.Detail .Text .aligncenter {
display: block;
margin: 0 auto; }
.Detail .Text .alignright {
float: right; }
.Detail .Text .alignleft {
float: left; }
.Detail .Text img[class*="wp-image-"],
.Detail .Text img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.Detail .Text .clearfix {
overflow: hidden;
zoom: 1; }
.Detail .Text .clearfix:after {
content: "";
display: block;
clear: both; }
.Detail .Text ol, .Detail .Text ul {
list-style: inherit; }
.Detail .Text ol, .Detail .Text ul {
padding-left: 20px;
margin: 10px 0; }
.Detail .Text li {
line-height: 1.6;
list-style: inherit; }
.Detail .Text ul {
list-style: disc; }
.Detail .Text ol {
list-style: decimal; }
.Detail .Job-Apply {
background: #e3e4e9;
padding: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin: 20px 0;
align-items: center; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply {
background: #dbeef4;
margin: 0;
padding: 5px 3.5555%;
justify-content: space-between; } }
.Detail .Job-Apply > div {
margin: 0 10px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply > div {
margin: 0; } }
.Detail .Job-Apply > div a {
font-size: 22px;
font-size: calc($size / 10)rem;
padding: 10px;
text-align: center;
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: 1.3; }
@media only screen and (max-width: 1000px) {
.Detail .Job-Apply > div a {
font-size: 18px;
font-size: calc($size / 10)rem; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply > div a {
font-size: 17px;
font-size: calc($size / 10)rem;
padding: 10px 2px; } }
@media only screen and (max-width: 640px) {
.Detail .Job-Apply > div a {
font-size: 15px;
font-size: calc($size / 10)rem; } }
.Detail .Job-Apply > div a:before {
content: "";
display: inline-block;
vertical-align: top;
margin-right: 10px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply > div a:before {
content: none; } }
.Detail .Job-Apply .Btn {
background: #ff7b47;
padding: 1px;
max-width: 300px;
width: 100%; }
@media only screen and (max-width: 1000px) {
.Detail .Job-Apply .Btn {
max-width: 260px; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply .Btn {
max-width: inherit;
width: 31.1111%; } }
.Detail .Job-Apply .Btn a {
border: 2px solid #fff;
background: #ff7b47;
color: #fff; }
.Detail .Job-Apply .Btn.Web a:before {
width: 26px;
height: 26px;
background: url("/powerjob/assets/img/detail/icon-apply-web.png") no-repeat; }
.Detail .Job-Apply .Btn.Phone a:before {
width: 23px;
height: 23px;
background: url(/powerjob/assets/img/detail/icon-apply-phone.png) no-repeat; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply .Status {
width: 28%;
height: 42px; } }
.Detail .Job-Apply .Status a {
padding: 8px 10px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply .Status a {
width: 100%;
padding: 10px 2px; } }
@media only screen and (max-width: 640px) {
.Detail .Job-Apply .Status a {
font-size: 15px;
font-size: calc($size / 10)rem; } }
.Detail .Job-Apply .Status a:before {
width: 22px;
height: 22px; }
.Detail .Job-Apply .Status.Btn-Watch a:before {
background: url("/powerjob/assets/img/detail/icon-apply-keep.png") no-repeat; }
.Detail .Job-Apply .Status.Btn-Keep a:before {
background: url("/powerjob/assets/img/detail/icon-apply-watch.png") no-repeat; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply.pc {
display: none; } }
.Detail .Job-Apply.sp {
display: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Apply.sp {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.Detail .Job-Apply .Btn-Keep a {
color: #f1bb00; }
.Detail .Tagged {
margin-bottom: 10px;
padding-left: 0; }
@media only screen and (max-width: 768px) {
.Detail .Tagged {
margin: 0 2% 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.Detail .Tagged li {
display: inline-block;
background: #04aa51;
color: #fff;
padding: 5px;
width: 118px;
border-radius: 16px;
font-size: 14px;
font-size: calc($size / 10)rem;
font-weight: bold;
margin: 0 10px 0 0;
text-align: center;
margin-bottom: 10px; }
@media only screen and (max-width: 768px) {
.Detail .Tagged li {
font-size: 11px;
font-size: calc($size / 10)rem;
border-radius: 4px;
width: 32%;
margin-right: 2%; } }
@media only screen and (max-width: 768px) {
.Detail .Tagged li:nth-child(3n) {
margin-right: 0; } }
.Detail .Job__Outline .Period {
text-align: right;
font-size: 14px;
font-size: calc($size / 10)rem; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Period {
display: none; } }
.Detail .Job__Outline h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 26px;
font-size: calc($size / 10)rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 20px; }
.Detail .Job__Outline h1:before {
content: none; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline h1 {
padding: 10px;
font-size: 18px;
font-size: calc($size / 10)rem;
line-height: 1.3; } }
.Detail .Job__Outline h1 div {
margin-bottom: 5px; }
.Detail .Job__Outline h1 div span {
color: #fff;
background: #04aa51;
display: inline-block;
vertical-align: top;
height: 100%;
padding: 5px 15px;
font-size: 14px;
font-size: calc($size / 10)rem;
letter-spacing: .05em;
margin: 0 5px 0 0; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline h1 div span {
font-size: 11px;
font-size: calc($size / 10)rem;
margin-bottom: 5px; } }
.Detail .Job__Outline .Flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex {
display: block; } }
.Detail .Job__Outline .Flex .Img {
width: 37.3076%; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Img {
width: 100%;
margin-bottom: 20px; } }
.Detail .Job__Outline .Flex .Img .job-slide ul {
padding-left: 0;
margin: 0; }
.Detail .Job__Outline .Flex .Img .job-slide ul li {
list-style: none;
height: 100%;
padding-top: 61.9%;
max-height: 243px;
background-size: 100%;
background-repeat: no-repeat; }
.Detail .Job__Outline .Flex .Img .slide-thumb {
margin-top: 5px; }
.Detail .Job__Outline .Flex .Img .slide-thumb ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -0.5%;
padding-left: 0; }
.Detail .Job__Outline .Flex .Img .slide-thumb ul li {
list-style: none;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
width: 19%;
padding-top: 11.5%;
margin: 0 0.5% 5px; }
.Detail .Job__Outline .Flex .Img .slide-thumb ul li:hover {
opacity: 0.9; }
.Detail .Job__Outline .Flex .Text {
width: 60.3846%; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text {
width: 100%; } }
.Detail .Job__Outline .Flex .Text .Outline {
border-top: 2px solid #8f8f8f;
border-bottom: 2px solid #8f8f8f;
padding: 10px 0;
margin-bottom: 40px; }
@media only screen and (max-width: 1400px) {
.Detail .Job__Outline .Flex .Text .Outline {
margin-bottom: 20px; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline {
border-top: 1px solid #8f8f8f;
border-bottom: none;
padding: 0;
margin-bottom: 20px;
margin-right: 2%;
margin-left: 2%; } }
.Detail .Job__Outline .Flex .Text .Outline ul {
padding-left: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul {
display: block;
border-bottom: 1px solid #8f8f8f; } }
.Detail .Job__Outline .Flex .Text .Outline ul li {
list-style: none;
border-right: 1px solid #8f8f8f;
padding: 15px 15px 15px 70px;
position: relative;
width: 33%; }
@media only screen and (max-width: 1400px) {
.Detail .Job__Outline .Flex .Text .Outline ul li {
padding: 30px 10px 0px 10px; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li {
width: 100%;
border-right: none;
padding: 6px 6px 6px 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.Detail .Job__Outline .Flex .Text .Outline ul li:last-child {
border-right: none; }
.Detail .Job__Outline .Flex .Text .Outline ul li:before {
content: "";
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 0;
left: 20px;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
transform: translateY(50%); }
@media only screen and (max-width: 1400px) {
.Detail .Job__Outline .Flex .Text .Outline ul li:before {
width: 21px;
height: 21px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li:before {
left: 10px;
top: 5px; } }
.Detail .Job__Outline .Flex .Text .Outline ul li div:first-child {
color: #004ea2;
font-size: 14px;
font-size: calc($size / 10)rem;
line-height: 1.3;
margin-bottom: 5px;
font-weight: bold; }
@media only screen and (max-width: 1400px) {
.Detail .Job__Outline .Flex .Text .Outline ul li div:first-child {
text-align: center;
display: block; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li div:first-child {
width: 70px;
border-right: 1px solid #8f8f8f;
margin-bottom: 0; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li div:nth-child(2) {
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px); } }
.Detail .Job__Outline .Flex .Text .Outline ul li p {
font-size: 18px;
font-size: calc($size / 10)rem;
color: #333;
font-weight: bold;
margin: 0; }
@media only screen and (max-width: 1400px) {
.Detail .Job__Outline .Flex .Text .Outline ul li p {
font-size: 16px;
font-size: calc($size / 10)rem; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li p {
display: inline-block;
margin-left: 1em;
font-size: 13px;
font-size: calc($size / 10)rem; } }
.Detail .Job__Outline .Flex .Text .Outline ul li.Status:before {
background: url("/powerjob/assets/img/detail/icon-outline-status.png") no-repeat;
background-size: 100%; }
.Detail .Job__Outline .Flex .Text .Outline ul li.Type:before {
background: url("/powerjob/assets/img/detail/icon-outline-type.png") no-repeat;
background-size: 100%; }
.Detail .Job__Outline .Flex .Text .Outline ul li.Location:before {
background: url("/powerjob/assets/img/detail/icon-outline-location.png") no-repeat;
background-size: 100%; }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text .Outline ul li:first-child {
padding-top: 10px; }
.Detail .Job__Outline .Flex .Text .Outline ul li:last-child {
padding-bottom: 10px; } }
@media only screen and (max-width: 768px) {
.Detail .Job__Outline .Flex .Text table {
margin-left: 2%;
margin-right: 2%;
font-size: 13px;
font-size: calc($size / 10)rem;
width: 96% !important; } }
.Detail .Taglist-Sp {
display: none; }
@media only screen and (max-width: 768px) {
.Detail .Taglist-Sp {
display: block;
margin: 20px 0 0; }
.Detail .Taglist-Sp h2 {
border-top: 7px solid #dbeef4;
margin-bottom: 10px; } }
.Detail .Job-Info {
/*wp用ネイティブcss*/
/* img */
/* clearfix */ }
.Detail .Job-Info table {
margin: 10px 0 40px;
border-top: 2px solid #8f8f8f;
border-bottom: 2px solid #8f8f8f;
border-right: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Info table {
margin: 0;
border-top: none;
border-bottom: none; } }
.Detail .Job-Info table th, .Detail .Job-Info table td {
border-bottom: 1px solid #ccc;
border-left: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Info table th, .Detail .Job-Info table td {
border-bottom: none;
display: block;
width: 100%;
padding: 4px 2%; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Info h2 {
border-top: none; } }
.Detail .Job-Info strong {
font-weight: bold; }
.Detail .Job-Info em {
font-style: italic; }
.Detail .Job-Info blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; }
.Detail .Job-Info .aligncenter {
display: block;
margin: 0 auto; }
.Detail .Job-Info .alignright {
float: right; }
.Detail .Job-Info .alignleft {
float: left; }
.Detail .Job-Info img[class*="wp-image-"],
.Detail .Job-Info img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.Detail .Job-Info .clearfix {
overflow: hidden;
zoom: 1; }
.Detail .Job-Info .clearfix:after {
content: "";
display: block;
clear: both; }
.Detail .Job-Info ol, .Detail .Job-Info ul {
list-style: inherit; }
.Detail .Job-Info ol, .Detail .Job-Info ul {
padding-left: 20px;
margin: 10px 0; }
.Detail .Job-Info li {
line-height: 1.6;
list-style: inherit; }
.Detail .Job-Info ul {
list-style: disc; }
.Detail .Job-Info ol {
list-style: decimal; }
@media only screen and (max-width: 768px) {
.Detail .Job-Access h2 {
margin-bottom: 10px; } }
.Detail .Job-Access .Flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Access .Flex {
display: block;
margin-bottom: 0; } }
.Detail .Job-Access .Flex .Map {
width: 37.3076%; }
@media only screen and (max-width: 768px) {
.Detail .Job-Access .Flex .Map {
width: 100%;
margin-bottom: 10px; } }
.Detail .Job-Access .Flex .Map .Map-Content {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.Detail .Job-Access .Flex .Map .Map-Content iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.Detail .Job-Access .Flex .Text {
width: 60.4615%; }
@media only screen and (max-width: 768px) {
.Detail .Job-Access .Flex .Text {
width: 100%; } }
.Detail .Job-Access .Flex .Text table {
width: 100%; }
@media only screen and (max-width: 768px) {
.Detail .Job-Access .Flex .Text table {
border: none;
width: 100%;
margin: 0; }
.Detail .Job-Access .Flex .Text table th, .Detail .Job-Access .Flex .Text table td {
display: block;
width: 100%;
border: none; } }
@media only screen and (max-width: 768px) and (max-width: 768px) {
.Detail .Job-Access .Flex .Text table th, .Detail .Job-Access .Flex .Text table td {
padding: 4px 2%; } }
.Detail .Job-Schedule {
padding-bottom: 40px;
/*wp用ネイティブcss*/
/* img */
/* clearfix */ }
@media only screen and (max-width: 768px) {
.Detail .Job-Schedule {
padding-bottom: 20px; } }
.Detail .Job-Schedule p {
margin: 10px 0; }
@media only screen and (max-width: 768px) {
.Detail .Job-Schedule p {
font-size: 13px;
font-size: calc($size / 10)rem;
margin: 10px 2%; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Schedule table {
width: 94%;
margin: 0 2%; }
.Detail .Job-Schedule table td, .Detail .Job-Schedule table th {
padding: 4px 2%; } }
.Detail .Job-Schedule strong {
font-weight: bold; }
.Detail .Job-Schedule em {
font-style: italic; }
.Detail .Job-Schedule blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; }
.Detail .Job-Schedule .aligncenter {
display: block;
margin: 0 auto; }
.Detail .Job-Schedule .alignright {
float: right; }
.Detail .Job-Schedule .alignleft {
float: left; }
.Detail .Job-Schedule img[class*="wp-image-"],
.Detail .Job-Schedule img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.Detail .Job-Schedule .clearfix {
overflow: hidden;
zoom: 1; }
.Detail .Job-Schedule .clearfix:after {
content: "";
display: block;
clear: both; }
.Detail .Job-Schedule ol, .Detail .Job-Schedule ul {
list-style: inherit; }
.Detail .Job-Schedule ol, .Detail .Job-Schedule ul {
padding-left: 20px;
margin: 10px 0; }
.Detail .Job-Schedule li {
line-height: 1.6;
list-style: inherit; }
.Detail .Job-Schedule ul {
list-style: disc; }
.Detail .Job-Schedule ol {
list-style: decimal; }
.Detail .Job-Senior {
padding-bottom: 40px;
/*wp用ネイティブcss*/
/* img */
/* clearfix */ }
@media only screen and (max-width: 768px) {
.Detail .Job-Senior {
padding-bottom: 0; } }
.Detail .Job-Senior .Flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between; }
@media only screen and (max-width: 768px) {
.Detail .Job-Senior .Flex {
display: block;
margin: 0 2%; } }
.Detail .Job-Senior .Flex .Thum {
width: 37.3076%; }
@media only screen and (max-width: 768px) {
.Detail .Job-Senior .Flex .Thum {
width: 100%; } }
.Detail .Job-Senior .Flex .Thum img {
width: 100%; }
.Detail .Job-Senior .Flex .Text {
width: 60.4615%; }
@media only screen and (max-width: 768px) {
.Detail .Job-Senior .Flex .Text {
width: 100%; } }
.Detail .Job-Senior strong {
font-weight: bold; }
.Detail .Job-Senior em {
font-style: italic; }
.Detail .Job-Senior blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; }
.Detail .Job-Senior .aligncenter {
display: block;
margin: 0 auto; }
.Detail .Job-Senior .alignright {
float: right; }
.Detail .Job-Senior .alignleft {
float: left; }
.Detail .Job-Senior img[class*="wp-image-"],
.Detail .Job-Senior img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.Detail .Job-Senior .clearfix {
overflow: hidden;
zoom: 1; }
.Detail .Job-Senior .clearfix:after {
content: "";
display: block;
clear: both; }
.Detail .Job-Senior ol, .Detail .Job-Senior ul {
list-style: inherit; }
.Detail .Job-Senior ol, .Detail .Job-Senior ul {
padding-left: 20px;
margin: 10px 0; }
.Detail .Job-Senior li {
line-height: 1.6;
list-style: inherit; }
.Detail .Job-Senior ul {
list-style: disc; }
.Detail .Job-Senior ol {
list-style: decimal; }
.Detail .Job-Applyinfo {
padding-bottom: 40px;
/*wp用ネイティブcss*/
/* img */
/* clearfix */ }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo {
padding-bottom: 0; } }
.Detail .Job-Applyinfo table {
border-top: 2px solid #8f8f8f;
border-bottom: 2px solid #8f8f8f;
border-right: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo table {
border: none; } }
.Detail .Job-Applyinfo table th, .Detail .Job-Applyinfo table td {
border-left: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo table th, .Detail .Job-Applyinfo table td {
display: block;
width: 100%;
border: none;
padding: 4px 2%; } }
.Detail .Job-Applyinfo table td table {
border-top: none;
border-bottom: none;
border-collapse: separate;
border-spacing: 0px 10px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo table td table {
border-collapse: collapse;
border-spacing: 0; } }
.Detail .Job-Applyinfo table td table td, .Detail .Job-Applyinfo table td table th {
border-bottom: none;
margin-bottom: 10px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo table td table td, .Detail .Job-Applyinfo table td table th {
margin-bottom: 0;
padding: 5px 0; } }
.Detail .Job-Applyinfo table td table th {
background: #fff;
border-right: 1px solid #004ea2;
color: #004ea2; }
@media only screen and (max-width: 768px) {
.Detail .Job-Applyinfo table td table th {
border-bottom: 1px solid #004ea2;
border-right: none; } }
.Detail .Job-Applyinfo table td table tr {
margin-bottom: 10px;
border-collapse: separate; }
.Detail .Job-Applyinfo strong {
font-weight: bold; }
.Detail .Job-Applyinfo em {
font-style: italic; }
.Detail .Job-Applyinfo blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; }
.Detail .Job-Applyinfo .aligncenter {
display: block;
margin: 0 auto; }
.Detail .Job-Applyinfo .alignright {
float: right; }
.Detail .Job-Applyinfo .alignleft {
float: left; }
.Detail .Job-Applyinfo img[class*="wp-image-"],
.Detail .Job-Applyinfo img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.Detail .Job-Applyinfo .clearfix {
overflow: hidden;
zoom: 1; }
.Detail .Job-Applyinfo .clearfix:after {
content: "";
display: block;
clear: both; }
.Detail .Job-Applyinfo ol, .Detail .Job-Applyinfo ul {
list-style: inherit; }
.Detail .Job-Applyinfo ol, .Detail .Job-Applyinfo ul {
padding-left: 20px;
margin: 10px 0; }
.Detail .Job-Applyinfo li {
line-height: 1.6;
list-style: inherit; }
.Detail .Job-Applyinfo ul {
list-style: disc; }
.Detail .Job-Applyinfo ol {
list-style: decimal; }
.Detail .Job-Contact {
border: 2px solid #ff7b47;
text-align: center;
padding: 30px; }
@media only screen and (max-width: 1400px) {
.Detail .Job-Contact {
padding: 20px; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Contact {
padding: 10px;
border-width: 1px;
margin: 10px 2%; } }
.Detail .Job-Contact h2 {
text-align: center;
border-top: none;
padding-left: 0;
border-bottom: none;
line-height: 1.3; }
.Detail .Job-Contact h2:before {
content: none;
padding-left: 0; }
.Detail .Job-Contact h2 br {
display: none; }
@media only screen and (max-width: 768px) {
.Detail .Job-Contact h2 br {
display: block; } }
.Detail .Job-Contact ul {
max-width: 850px;
width: 100%;
margin: 0 auto;
padding-left: 0; }
.Detail .Job-Contact ul li {
list-style: none; }
.Detail .Job-Contact ul li span {
font-weight: bold;
background: #e3e4e9;
padding: 5px 10px;
margin-right: 5px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Contact ul li span {
font-size: 13px;
font-size: calc($size / 10)rem; } }
.Detail .Job-Contact ul li p {
display: inline-block;
vertical-align: middle;
color: #ff7b47;
font-size: 40px;
font-size: calc($size / 10)rem;
font-weight: bold; }
@media only screen and (max-width: 1400px) {
.Detail .Job-Contact ul li p {
font-size: 30px;
font-size: calc($size / 10)rem; } }
@media only screen and (max-width: 768px) {
.Detail .Job-Contact ul li p {
line-height: 1em; } }
.Detail .Job-Contact ul li p a {
color: #ff7b47;
font-size: 40px;
font-size: calc($size / 10)rem;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.Detail .Job-Contact ul li p a {
font-size: 26px;
font-size: calc($size / 10)rem;
line-height: 1; } }
.Detail .History-Back {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin: 30px 0; }
@media only screen and (max-width: 768px) {
.Detail .History-Back {
max-width: 170px;
width: 100%;
margin: 20px auto;
border: 1px solid #ccc;
padding-bottom: 0; } }
.Detail .History-Back a {
color: #04aa51;
font-weight: bold;
font-size: 14px;
font-size: calc($size / 10)rem;
padding-left: 20px;
position: relative; }
@media only screen and (max-width: 768px) {
.Detail .History-Back a {
width: 100%;
height: 100%;
display: block;
padding: 10px;
text-align: center; } }
.Detail .History-Back a:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-bottom: 2px solid #04aa51;
border-left: 2px solid #04aa51;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 0;
top: 5px; }
@media only screen and (max-width: 768px) {
.Detail .History-Back a:before {
top: 50%;
display: inline-block;
position: relative;
margin-right: 10px; } }
.Detail .Sp-Another-Search {
display: none; }
@media only screen and (max-width: 768px) {
.Detail .Sp-Another-Search {
display: block;
border: 2px solid #04aa51;
text-align: center;
margin: 0 2% 20px; }
.Detail .Sp-Another-Search a {
display: block;
width: 100%;
height: 100%;
padding: 20px;
color: #04aa51;
font-weight: bold; }
.Detail .Sp-Another-Search a:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("/powerjob/assets/img/detail/icon-more-search.png") no-repeat;
margin-right: 10px; } }
.Detail .Fixed-Contact {
position: fixed;
bottom: 0;
width: 100%;
background: rgba(143, 143, 143, 0.7);
z-index: 2;
padding: 10px 3.5555%; }
.Detail .Fixed-Contact ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 800px;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 auto; }
.Detail .Fixed-Contact ul li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center; }
.Detail .Fixed-Contact ul li a {
text-align: center;
position: relative;
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 10px 2px; }
@media only screen and (max-width: 640px) {
.Detail .Fixed-Contact ul li a {
font-size: 16px;
font-size: calc($size / 10)rem; } }
.Detail .Fixed-Contact ul li a:before {
display: inline-block;
vertical-align: top;
margin-right: 10px;
content: none; }
.Detail .Fixed-Contact ul .Btn {
width: 48%;
background: #ff7b47;
padding: 1px;
max-width: inherit; }
.Detail .Fixed-Contact ul .Btn a {
border: 2px solid #fff;
background: #ff7b47;
color: #fff; }
.Detail .Fixed-Contact ul .Btn.Web a:before {
width: 26px;
height: 26px;
background: url("/powerjob/assets/img/detail/icon-apply-web.png") no-repeat center center; }
.Detail .Fixed-Contact ul .Btn.Phone a:before {
width: 23px;
height: 23px;
background: url(/powerjob/assets/img/detail/icon-apply-phone.png) no-repeat center center; }
.Detail .Fixed-Contact-Line {
position: fixed;
bottom: 0;
width: 100%;
background: rgba(143, 143, 143, 0.7);
z-index: 2;
padding: 10px 3.5555%; }
.Detail .Fixed-Contact-Line ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1300px;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 auto; }
.Detail .Fixed-Contact-Line ul li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center; }
.Detail .Fixed-Contact-Line ul li a {
text-align: center;
position: relative;
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 10px 2px; }
@media only screen and (max-width: 640px) {
.Detail .Fixed-Contact-Line ul li a {
font-size: 16px;
font-size: calc($size / 10)rem; } }
.Detail .Fixed-Contact-Line ul li a:before {
display: inline-block;
vertical-align: top;
margin-right: 10px;
content: none; }
.Detail .Fixed-Contact-Line ul .Btn {
background: #ff7b47;
padding: 1px;
max-width: inherit;
width: 32%; }
.Detail .Fixed-Contact-Line ul .Btn a {
border: 2px solid #fff;
background: #ff7b47;
color: #fff; }
.Detail .Fixed-Contact-Line ul .Btn.Web a:before {
width: 26px;
height: 26px;
background: url("/powerjob/assets/img/detail/icon-apply-web.png") no-repeat; }
.Detail .Fixed-Contact-Line ul .Btn.Phone a:before {
width: 23px;
height: 23px;
background: url(/powerjob/assets/img/detail/icon-apply-phone.png) no-repeat; }
.Detail .Fixed-Contact-Line ul .Line {
background: #04aa51; }
.Detail .Fixed-Contact-Line ul .Line a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
background: #04aa51; }
.Detail .Fixed-Contact-Line ul .Line a:before {
content: none; }
.Detail .Fixed-Contact-Line ul .Line a > p {
background: url("/powerjob/assets/img/detail/fixed-contact-line.png") no-repeat;
background-size: 100%;
text-indent: -99999px;
margin: 0 auto;
width: 47px;
height: 14px; }
.Detail .Fixed-Contact-Line ul .Line a > span {
font-size: 15px;
font-size: calc($size / 10)rem;
font-weight: bold;
color: #fff; }
@media only screen and (max-width: 768px) {
.Detail .Job-Type, .Detail .Job-Description, .Detail .Job-Status, .Detail .Job-Company, .Detail .Job-Location, .Detail .Job-Salary, .Detail .Job-Hour, .Detail .Job-Benefit, .Detail .Job-Qualification, .Detail .Job-Station, .Detail .Job-Holiday {
display: none; } }
.Detail .Job-Related ul li .Thum {
height: 120px; }
@media only screen and (max-width: 768px) {
.Detail .Job-Related ul li .Thum {
height: auto; } }
/*.Detailここまで*/
/*IE用のハック*/
@media all and (-ms-high-contrast: none) {
.Detail .Job-Apply .Btn a {
padding-top: 14px;
line-height: 1.3; }
.Detail .Job-Apply .Status.Btn-Keep a, .Detail .Job-Apply .Status.Btn-Watch a {
padding-top: 16px;
line-height: 1.3; }
.Detail .Job__Outline h1 div span {
padding: 7px 15px 3px; }
.Detail .Job__Outline h1 {
padding: 12px 0 8px; }
.Detail .Job__Outline h1 div {
margin-bottom: 10px; }
.Detail .Tagged li {
padding: 7px 5px 3px; }
.Detail .Job-Contact ul li p {
padding-top: 2px;
line-height: 1.3; }
.Detail .Job-Contact ul li span {
padding: 7px 10px 3px; }
.Detail h2 {
padding-top: 2px;
line-height: 1.3em; }
.Detail .Fixed-Contact-Line ul .Btn.Web a {
padding: 36px 10px 32px;
line-height: 1.3em; }
.Detail .Fixed-Contact ul .Btn.Web a {
padding: 22px 10px 18px;
line-height: 1.3em; }
.Detail .Fixed-Contact-Line ul .Line a > div span {
font-weight: normal; } }
/*--------------------------------------------------------------------------
検索結果一覧
-------------------------------------------------------------------------*/
.Job__List {
/*検索結果がない場合*/ }
.Job__List .Wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
align-items: baseline; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper {
display: block; } }
.Job__List .Wrapper .Search__Menu {
width: 236px;
align-self: flex-start;
margin-bottom: 60px;
background: #e3e4e9;
border: 10px solid #e3e4e9; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Search__Menu {
display: none; } }
.Job__List .Wrapper .Search__Menu .Btn {
background: #04aa51;
border: 2px solid #fff;
box-shadow: 0 2px #ccc;
margin-bottom: 10px; }
.Job__List .Wrapper .Search__Menu .Btn a {
color: #fff;
background: url("/powerjob/assets/img/index/search/icon-search.png") no-repeat 20px 20px;
background-size: 20px 20px;
padding: 10px 10px 10px 50px;
font-size: 20px;
font-size: calc($size / 10)rem;
position: relative; }
.Job__List .Wrapper .Search__Menu .Btn a span {
font-size: 14px;
font-size: calc($size / 10)rem;
display: block;
letter-spacing: .05em;
line-height: 1.3; }
.Job__List .Wrapper .Search__Menu .Btn a:after {
content: "";
display: block;
height: 10px;
width: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 10px;
top: 26px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dt {
line-height: 1.6;
display: block;
height: 100%;
width: 100%;
cursor: pointer;
background: #8f8f8f;
color: #fff;
position: relative;
padding: 7px 10px;
border-bottom: 1px solid #e3e4e9; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dt:after {
content: "";
display: block;
height: 10px;
width: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 10px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dt.active {
border-bottom: none; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dt.active:after {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 12px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dt.active + dd {
margin-bottom: 10px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd {
display: none;
background: #fff;
font-size: 14px;
font-size: calc($size / 10)rem; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd input[type=text], .Job__List .Wrapper .Search__Menu .Search__Menu__List dd select {
padding: 8px;
font-size: 14px;
font-size: calc($size / 10)rem;
font-family: "游ゴシック","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
margin-bottom: 10px;
border: none;
border: 1px solid #ccc; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd select {
padding: 8px;
width: 100%; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd input[type=checkbox] {
display: none; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd label {
position: relative;
padding-left: 20px;
margin-right: 20px;
font-weight: 600;
padding-top: 2px;
padding-bottom: 2px;
display: inline-block;
line-height: 1.7em; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd label:before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 2px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd input[type=checkbox]:checked + label {
color: #04aa51; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd input[type=checkbox]:checked + label:after {
content: "";
display: block;
position: absolute;
top: 4px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #e83018;
border-right: 3px solid #e83018; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd .red {
color: #e83018; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd ul {
margin: 0; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd ul li {
border-bottom: 1px solid #e3e4e9;
padding: 4px 10px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd table {
border-bottom: 1px solid #231910;
width: 100%; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd table th, .Job__List .Wrapper .Search__Menu .Search__Menu__List dd table td {
display: block;
width: 100%;
line-height: 1.5em;
padding: 5px;
border-top: 1px solid #eee; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd table th {
border-top: 1px solid #231910; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd p {
margin: 0 10px 0;
padding-top: 10px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd .Flex {
margin: 0 10px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd .Flex input[type=text] {
width: 160px; }
.Job__List .Wrapper .Search__Menu .Search__Menu__List dd .Flex selct {
width: 100%; }
.Job__List .Wrapper .Job__List__Content {
width: -webkit-calc(100% - 266px);
width: calc(100% - 266px); }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content {
width: 100%; } }
.Job__List .Wrapper .Job__List__Content .Result__Title, .Job__List .Wrapper .Job__List__Content .Result__Total {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
flex-direction: row;
align-items: baseline; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title, .Job__List .Wrapper .Job__List__Content .Result__Total {
display: block;
width: 100%;
padding: 0 2% 10px;
border-bottom: 10px solid #dbeef4; } }
.Job__List .Wrapper .Job__List__Content .Result__Title .Disp-Num .Total, .Job__List .Wrapper .Job__List__Content .Result__Total .Disp-Num .Total {
font-size: 30px;
font-size: calc($size / 10)rem;
color: #e83018;
margin: 0 10px 0 20px;
font-weight: bold; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title .Disp-Num .Total, .Job__List .Wrapper .Job__List__Content .Result__Total .Disp-Num .Total {
margin-left: 0;
font-size: 25px;
font-size: calc($size / 10)rem; } }
.Job__List .Wrapper .Job__List__Content .Result__Title .Disp-Num .Disp, .Job__List .Wrapper .Job__List__Content .Result__Total .Disp-Num .Disp {
font-size: 14px;
font-size: calc($size / 10)rem;
font-weight: normal; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content .Result__Title .Disp-Num .Disp, .Job__List .Wrapper .Job__List__Content .Result__Total .Disp-Num .Disp {
display: block; } }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title .Disp-Num, .Job__List .Wrapper .Job__List__Content .Result__Total .Disp-Num {
float: left; } }
.Job__List .Wrapper .Job__List__Content .Result__Title .Pager, .Job__List .Wrapper .Job__List__Content .Result__Total .Pager {
margin-left: auto; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title .Pager, .Job__List .Wrapper .Job__List__Content .Result__Total .Pager {
float: right;
margin-top: 0;
margin-bottom: 0; } }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title:after, .Job__List .Wrapper .Job__List__Content .Result__Total:after {
clear: both;
content: "";
display: block; } }
.Job__List .Wrapper .Job__List__Content .Result__Title h1 {
font-size: 20px;
font-size: calc($size / 10)rem;
font-weight: bold;
color: #313131; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content .Result__Title h1 {
border-bottom: 1px solid #dbeef4;
padding-bottom: 5px;
margin-bottom: 10px; } }
.Job__List .Wrapper .Job__List__Content .Result__Total {
padding: 10px 2%; }
.Job__List .Wrapper .Job__List__Content ol > li {
border: 1px solid #e3e4e9;
padding: 20px;
margin-bottom: 20px; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content ol > li {
padding: 5px 0;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 10px solid #dbeef4;
margin-bottom: 0; } }
.Job__List .Wrapper .Job__List__Content ol > li h2 {
font-size: 22px;
font-size: calc($size / 10)rem;
font-weight: bold;
margin: 10px 0; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content ol > li h2 {
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 0 2%;
border-bottom: 1px solid #dbeef4; }
.Job__List .Wrapper .Job__List__Content ol > li h2 a {
border-left: 5px solid #04aa51;
display: block;
padding-left: 2%;
margin-bottom: 10px;
line-height: 1.3; } }
.Job__List .Wrapper .Job__List__Content ol > li h2 > div {
margin-bottom: 10px; }
.Job__List .Wrapper .Job__List__Content ol > li h2 > div span {
background: #04aa51;
font-size: 16px;
font-size: calc($size / 10)rem;
padding: 5px;
color: #fff;
margin-right: 5px;
display: inline-block; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content ol > li h2 > div span {
display: none; } }
.Job__List .Wrapper .Job__List__Content ol > li h2 a {
color: #04aa51; }
.Job__List .Wrapper .Job__List__Content ol > li p {
margin-bottom: 10px; }
@media only screen and (max-width: 1000px) {
.Job__List .Wrapper .Job__List__Content ol > li p {
margin: 5px 2%;
font-size: 13px;
font-size: calc($size / 10)rem; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex {
display: block;
width: 96%;
margin: 0 2%; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Thum, .Job__List .Wrapper .Job__List__Content ol > li .Flex .Text {
width: 48.7927%; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Thum, .Job__List .Wrapper .Job__List__Content ol > li .Flex .Text {
width: 100%; } }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Thum {
margin-bottom: 10px; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table {
width: 100%;
margin-bottom: 20px;
border-right: none;
border-top: 2px solid #8f8f8f;
border-bottom: 2px solid #8f8f8f; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table {
margin-bottom: 10px; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table td, .Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th {
font-size: 14px;
font-size: calc($size / 10)rem;
border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table td, .Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th {
font-size: 13px;
font-size: calc($size / 10)rem;
padding: 8px 5px; } }
@media only screen and (max-width: 640px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table td, .Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th {
font-size: 12px;
font-size: calc($size / 10)rem; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th {
min-width: 120px; }
@media only screen and (max-width: 640px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th {
width: 87px; } }
@media only screen and (max-width: 640px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table th span {
width: 12px;
height: 12px;
margin-right: 3px; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text table td p {
margin-bottom: 0; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text ul {
display: none; } }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text ul li {
border: 1px solid #04aa51;
padding: 5px;
border-radius: 12px;
display: inline-block;
margin-right: 5px;
font-size: 14px;
font-size: calc($size / 10)rem;
font-weight: bold;
color: #04aa51;
margin-bottom: 10px; }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text ul li a {
color: #04aa51; }
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Thum img {
width: 100%; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
max-width: 444px;
width: 100%;
margin: 20px auto 0; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper {
width: 96%;
margin: 0 auto 10px; } }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div {
padding: 2px; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div a {
display: block;
width: 100%;
height: 100%;
text-align: center;
font-weight: bold;
padding: 10px;
position: relative;
font-size: 22px;
font-size: calc($size / 10)rem; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div a {
font-size: 16px;
font-size: calc($size / 10)rem;
padding: 10px 2px; } }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div a:before {
content: "";
display: inline-block;
vertical-align: bottom;
margin-right: 10px; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div a:before {
content: none; } }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Detail {
width: 54%;
background: #04aa51; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Detail {
width: 48%; } }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Detail a {
border: 2px solid #fff;
background: #04aa51;
color: #fff; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Detail a:before {
background: url(/powerjob/assets/img/detail/icon-detail.png) no-repeat;
background-size: 100%;
width: 19px;
height: 26px; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Watch, .Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Keep {
width: 40%; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Watch, .Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Keep {
width: 48%; } }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Watch a, .Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Keep a {
border: 2px solid #f1bb00; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Watch a:before, .Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Keep a:before {
background: url("/powerjob/assets/img/detail/icon-apply-keep.png") no-repeat;
background-size: 100%;
height: 22px;
width: 22px; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper .Btn-Keep a:before {
background: url("/powerjob/assets/img/detail/icon-apply-watch.png") no-repeat;
background-size: 100%;
height: 22px;
width: 22px; }
.Job__List .Wrapper .Job__List__Content .Job-Related .Thum {
height: 87px; }
@media only screen and (max-width: 768px) {
.Job__List .Wrapper .Job__List__Content .Job-Related .Thum {
height: auto; } }
.Job__List .no-results {
padding: 60px 0; }
@media all and (-ms-high-contrast: none) {
.Job__List .Wrapper .Job__List__Content ol > li h2 > div span,
.Job__List .Wrapper .Job__List__Content ol > li .Flex .Text ul li {
padding: 7px 5px 2px;
font-weight: normal; }
.Job__List .Wrapper .Job__List__Content ol > li h2 a {
line-height: 1.3em; }
.Job__List .Wrapper .Job__List__Content ol > li .Btn-Wrapper > div a {
padding: 12px 10px 8px; } }
/*--------------------------------------------------------------------------
お役立ち情報詳細
-------------------------------------------------------------------------*/
.Useful-Detail__Wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper {
display: block; } }
.Useful-Detail__Wrapper .Useful-Content {
width: -webkit-calc(100% - 266px);
width: calc(100% - 266px); }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content {
width: 100%; } }
.Useful-Detail__Wrapper .Useful-Content h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: calc($size / 10)rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 20px; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content h1 {
font-size: 20px;
font-size: calc($size / 10)rem;
padding: 10px; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info {
display: block;
width: 96%;
margin: 0 2%; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Update {
font-size: 14px;
font-size: calc($size / 10)rem; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Update span {
border-right: 1px solid #04aa51;
padding-right: 10px;
margin-right: 10px; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Category {
margin-bottom: 10px; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Category ul li {
display: inline-block;
margin-right: 10px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Category ul li a {
background: #04aa51;
color: #fff;
font-size: 14px;
font-size: calc($size / 10)rem;
border-radius: 6px;
padding: 3px 10px;
display: block;
width: 100%;
height: 100%; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block {
margin-bottom: 60px; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block {
width: 96%;
margin: 0 2%; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h2 {
font-size: 22px;
font-size: calc($size / 10)rem;
font-weight: bold;
padding-left: 30px;
position: relative;
line-height: 1.5;
margin: 20px 0; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h2 {
font-size: 18px;
font-size: calc($size / 10)rem; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h2:before {
content: "";
display: block;
width: 25px;
height: 5px;
background: #004ea2;
position: absolute;
top: .5em;
left: 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h3 {
font-size: 22px;
font-size: calc($size / 10)rem;
line-height: 1.5;
padding-left: 25px;
font-weight: bold;
margin: 20px 0;
border-left: 10px solid #f1bb00; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h3 {
font-size: 18px;
font-size: calc($size / 10)rem;
border-left: 8px solid #f1bb00;
padding-left: 15px; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h4 {
font-size: 20px;
font-size: calc($size / 10)rem;
line-height: 1.5;
margin: 20px 0;
color: #004ea2;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h4 {
font-size: 16px;
font-size: calc($size / 10)rem; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h5 {
font-size: 18px;
font-size: calc($size / 10)rem;
font-weight: bold;
margin: 20px 0;
line-height: 1.5; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h6 {
font-size: 18px;
font-size: calc($size / 10)rem;
font-weight: bold;
margin: 20px 0;
line-height: 1.5; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block p {
margin: 10px 0;
line-height: 1.6; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block em {
font-style: italic; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block ul {
margin: 20px 0;
list-style: disc;
padding-left: 20px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block ul li {
line-height: 1.5;
list-style: disc; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block ol {
margin: 20px 0;
padding-left: 20px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block ol li {
list-style-type: decimal;
line-height: 1.5;
margin: .5em 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block .blocks-gallery-item:before {
content: none; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block .blocks-gallery-item img {
margin-top: 0;
margin-bottom: 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block .wp-block-gallery {
padding-left: 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block .wp-block-gallery li {
margin: 0;
padding-left: 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block img {
max-width: 100%;
margin: 20px 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block table {
border-top: 1px solid #8f8f8f;
border-right: 1px solid #8f8f8f;
margin: 20px 0; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block table th, .Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block table td {
border-bottom: 1px solid #8f8f8f;
border-left: 1px solid #8f8f8f; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block:after {
clear: both;
content: "";
display: block; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav {
margin-bottom: 60px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav:after {
clear: both;
content: "";
display: block; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav {
display: block;
margin-bottom: 40px; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav > div {
width: 30%;
text-align: center; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav > div a {
color: #04aa51;
border: 1px solid #04aa51;
padding: 10px 20px;
display: block;
width: 100%;
line-height: 1.5em;
height: 100%;
font-size: 14px;
font-size: calc($size / 10)rem;
position: relative; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Next {
float: right; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Next {
display: none; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Next a {
padding-right: 30px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Next a:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #04aa51;
border-bottom: 2px solid #04aa51;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 10px;
top: 14px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Pre {
float: left; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Pre {
display: none; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Pre a {
padding-left: 30px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Pre a:before {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #04aa51;
border-bottom: 2px solid #04aa51;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
left: 10px;
top: 14px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Btn {
margin: 0 auto; }
@media only screen and (max-width: 768px) {
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Btn {
margin: 20px auto;
width: 80%;
max-width: 400px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Btn a {
text-align: center;
position: relative; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Btn a:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-right: 2px solid #04aa51;
border-bottom: 2px solid #04aa51;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 10px;
top: 12px; } }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav .Btn a {
display: block; }
@media all and (-ms-high-contrast: none) {
.Useful-Detail__Wrapper .Useful-Content h1 {
padding: 18px 0 8px;
line-height: 1.3em; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-info .Category ul li a {
padding: 5px 10px 1px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h2,
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h3,
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h4,
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h5,
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Article-Block h6 {
padding-top: 2px; }
.Useful-Detail__Wrapper .Useful-Content .Useful-Content__Nav > div a {
padding: 12px 20px 8px; } }
/*お役立ち情報サイドカテゴリ一覧*/
.Useful-Side {
width: 236px;
align-self: flex-start;
background: #e3e4e9;
padding: 10px; }
@media only screen and (max-width: 768px) {
.Useful-Side {
width: 100%; } }
.Useful-Side h2 {
border: 2px solid #fff;
background: #04aa51;
color: #fff;
font-size: 20px;
font-size: calc($size / 10)rem;
padding: 10px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 10px;
box-shadow: 0 2px #ccc; }
.Useful-Side ul li a {
padding: 10px 10px 10px 25px;
background: #fff;
line-height: 1.3;
border-bottom: 1px solid #e3e4e9;
display: block;
width: 100%;
height: 100%;
position: relative; }
.Useful-Side ul li a:before {
content: "";
display: block;
position: absolute;
left: 5px;
top: 14px;
border-left: 2px solid #04aa51;
border-bottom: 2px solid #04aa51;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);
width: 10px;
height: 10px; }
/*--------------------------------------------------------------------------
お役立ち情報一覧
-------------------------------------------------------------------------*/
.Useful-List__Wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
flex-direction: row-reverse;
padding-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Useful-List__Wrapper {
display: block; } }
.Useful-List__Wrapper .Useful-Listcontent {
width: -webkit-calc(100% - 266px);
width: calc(100% - 266px); }
@media only screen and (max-width: 768px) {
.Useful-List__Wrapper .Useful-Listcontent {
width: 100%; } }
.Useful-List__Wrapper .Useful-Listcontent h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: calc($size / 10)rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Useful-List__Wrapper .Useful-Listcontent h1 {
font-size: 20px;
font-size: calc($size / 10)rem;
padding: 10px; } }
.Useful-List__Wrapper .Useful-Listcontent dl {
margin: 0 0 60px; }
@media only screen and (max-width: 768px) {
.Useful-List__Wrapper .Useful-Listcontent dl {
width: 96%;
margin: 0 2%; } }
.Useful-List__Wrapper .Useful-Listcontent dl dt {
border-top: 1px solid #e3e4e9;
padding: 10px 0;
line-height: 1.3; }
.Useful-List__Wrapper .Useful-Listcontent dl dt time {
display: inline-block;
font-weight: bold; }
.Useful-List__Wrapper .Useful-Listcontent dl dt .Category {
display: inline-block; }
.Useful-List__Wrapper .Useful-Listcontent dl dt .Category a {
color: #fff;
background: #04aa51;
padding: 5px 10px;
display: inline-block;
margin-left: 10px;
width: 100%;
height: 100%;
font-size: 12px;
font-size: calc($size / 10)rem;
text-align: center; }
.Useful-List__Wrapper .Useful-Listcontent dl dd {
padding: 0 0 10px 0; }
.Useful-List__Wrapper .Useful-Listcontent dl dd a {
color: #04aa51;
font-weight: bold; }
.Useful-List__Wrapper .Useful-Listcontent dl dd a:hover {
text-decoration: underline; }
.Useful-List__Wrapper .Pager .Pager__Box {
text-align: center; }
@media all and (-ms-high-contrast: none) {
.Useful-List__Wrapper .Useful-Listcontent h1 {
padding: 18px 0 8px;
line-height: 1.3em; } }
/*--------------------------------------------------------------------------
応募フォーム
-------------------------------------------------------------------------*/
.Entry__Wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
flex-direction: row-reverse;
padding-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper {
display: block; } }
.Entry__Wrapper .Entry__Form {
width: -webkit-calc(100% - 266px);
width: calc(100% - 266px); }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form {
width: 100%; } }
.Entry__Wrapper .Entry__Form h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: calc($size / 10)rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form h1 {
font-size: 20px;
font-size: calc($size / 10)rem;
padding: 10px;
margin-bottom: 20px; } }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form form {
width: 96%;
margin: 0 2%; } }
.Entry__Wrapper .Entry__Form .Entry__Form--Table {
width: 100%;
border-top: 2px solid #8f8f8f;
border-bottom: 2px solid #8f8f8f;
margin-bottom: 40px; }
.Entry__Wrapper .Entry__Form .Entry__Form--Table th, .Entry__Wrapper .Entry__Form .Entry__Form--Table td {
border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Entry__Form--Table th, .Entry__Wrapper .Entry__Form .Entry__Form--Table td {
display: block;
width: 100%; } }
.Entry__Wrapper .Entry__Form .Entry__Form--Table th {
vertical-align: top;
width: 30%; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Entry__Form--Table th {
padding: 10px;
width: 100%; } }
.Entry__Wrapper .Entry__Form .Entry__Form--Table th span {
color: #e83018;
font-size: 14px;
font-size: calc($size / 10)rem;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Entry__Form--Table td {
padding: 10px 0; } }
.Entry__Wrapper .Entry__Form .Entry__Form--Table td span {
font-size: 14px;
font-size: calc($size / 10)rem; }
.Entry__Wrapper .Entry__Form .Entry__Form--Table td span.Red {
color: #e83018; }
.Entry__Wrapper .Entry__Form .Entry__Form--Table td label {
font-weight: bold;
font-size: 14px;
font-size: calc($size / 10)rem;
width: 60px;
display: block; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Entry__Form--Table td label {
margin-top: 5px; } }
.Entry__Wrapper .Entry__Form .Entry__Form--Table input, .Entry__Wrapper .Entry__Form .Entry__Form--Table select, .Entry__Wrapper .Entry__Form .Entry__Form--Table textarea {
padding: 10px;
font-family: "游ゴシック","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
margin-bottom: 10px;
font-size: 16px;
font-size: calc($size / 10)rem;
width: 100%;
border: 1px solid #ccc; }
.Entry__Wrapper .Entry__Form .Entry__Form--Table input.half, .Entry__Wrapper .Entry__Form .Entry__Form--Table select.half, .Entry__Wrapper .Entry__Form .Entry__Form--Table textarea.half {
width: 48%; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Entry__Form--Table input.half, .Entry__Wrapper .Entry__Form .Entry__Form--Table select.half, .Entry__Wrapper .Entry__Form .Entry__Form--Table textarea.half {
width: 100%; } }
.Entry__Wrapper .Entry__Form .Required {
color: #e83018;
font-size: 14px;
font-size: calc($size / 10)rem;
line-height: 1.5;
margin: 10px 0; }
.Entry__Wrapper .Entry__Form input[type=submit] {
background: #04aa51;
padding: 20px;
color: #fff;
font-size: 20px;
font-size: calc($size / 10)rem;
font-family: inherit;
cursor: pointer;
font-weight: bold;
margin: 30px auto 60px;
max-width: 500px;
width: 100%;
display: block; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form input[type=submit] {
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 10px; } }
.Entry__Wrapper .Entry__Form input[type=submit]:hover {
opacity: .8; }
.Entry__Wrapper .Entry__Form input[type=button] {
border: 2px solid #04aa51;
padding: 20px;
color: #04aa51;
font-size: 20px;
font-size: calc($size / 10)rem;
font-family: inherit;
cursor: pointer;
font-weight: bold;
margin: 30px auto 60px;
max-width: 500px;
width: 100%;
display: block; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form input[type=button] {
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 10px; } }
.Entry__Wrapper .Entry__Form input[type=button]:hover {
opacity: .8; }
.Entry__Wrapper .Entry__Form .Flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between; }
.Entry__Wrapper .Entry__Form .Flex input[type=button], .Entry__Wrapper .Entry__Form .Flex input[type=submit] {
width: 48%;
display: table;
max-width: inherit; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Form .Flex input[type=button], .Entry__Wrapper .Entry__Form .Flex input[type=submit] {
font-size: 18px;
font-size: calc($size / 10)rem;
padding: 10px; } }
.Entry__Wrapper .Entry__Side {
width: 236px;
align-self: flex-start;
background: #e3e4e9;
padding: 10px; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Entry__Side {
width: 100%; } }
.Entry__Wrapper .Entry__Side h2 {
background: #04aa51;
border: 2px solid #fff;
color: #fff;
font-size: 20px;
font-size: calc($size / 10)rem;
padding: 10px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 10px;
box-shadow: 0 2px #ccc; }
.Entry__Wrapper .Entry__Side p {
font-size: 14px;
font-size: calc($size / 10)rem; }
.Entry__Wrapper .Agreement-Box {
background: #e3e4e9;
padding: 20px;
width: 100%; }
@media only screen and (max-width: 768px) {
.Entry__Wrapper .Agreement-Box {
padding: 20px 2%; } }
.Entry__Wrapper .Agreement-Box h2 {
text-align: center;
font-weight: bold;
line-height: 1.5;
font-size: 20px;
font-size: calc($size / 10)rem;
margin-bottom: 10px; }
.Entry__Wrapper .Agreement-Box iframe {
width: 100%;
height: 300px; }
/*応募先の情報*/
.Entry__Work {
border: 10px solid #e3e4e8;
padding: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Entry__Work {
display: block;
width: 96%;
margin: 0 2%;
background: #e3e4e8;
padding: 20px 2%;
border: none; } }
.Entry__Work h2 {
color: #004ea2;
font-size: 18px;
font-size: calc($size / 10)rem;
font-weight: bold;
width: 120px;
margin-right: 10px; }
@media only screen and (max-width: 768px) {
.Entry__Work h2 {
width: 100%;
margin-bottom: 10px; } }
.Entry__Work p {
width: 90px;
border: 1px solid #04aa51;
color: #04aa51;
padding: 3px 20px;
font-weight: bold;
border-radius: 14px;
text-align: center;
font-size: 14px;
font-size: calc($size / 10)rem;
margin-right: 20px; }
@media only screen and (max-width: 768px) {
.Entry__Work p {
margin-bottom: 10px; } }
.Entry__Work h3 {
width: -webkit-calc(100% - 200px);
width: calc(100% - 200px);
font-size: 18px;
font-size: calc($size / 10)rem;
font-weight: bold;
display: inline-block;
line-height: 1.3; }
@media only screen and (max-width: 768px) {
.Entry__Work h3 {
width: 100%; } }
.Entry-Confirm .Entry__Wrapper {
display: block;
max-width: 1034px; }
.Entry-Confirm .Entry__Wrapper .Entry__Form {
width: 100%; }
.Entry-Confirm .Entry__Wrapper .Entry__Form > p {
margin: 10px 0; }
@media only screen and (max-width: 768px) {
.Entry-Confirm .Entry__Wrapper .Entry__Form > p {
width: 96%;
margin: 10px 2%; } }
/*iframe読み込みの利用規約*/
.Agreement {
padding: 20px;
width: 100%; }
.Agreement h3 {
font-size: 16px;
font-size: calc($size / 10)rem;
line-height: 1.5;
font-weight: bold;
margin: 10px 0;
position: relative;
padding-left: 20px; }
.Agreement h3:before {
content: "■";
display: block;
position: absolute;
left: 0;
top: 0; }
.Agreement p {
line-height: 1.5;
margin: 10px 0;
font-size: 14px;
font-size: calc($size / 10)rem; }
.Agreement ol {
padding-left: 20px; }
.Agreement ol li {
line-height: 1.5;
margin: .5em 0;
font-size: 14px;
font-size: calc($size / 10)rem;
list-style: decimal; }
.Agreement ul li {
list-style: none; }
.Agreement ul li > ol {
padding: 0 0 0 0;
margin: 0; }
.Agreement ul li > ol > li {
list-style-type: none;
list-style-position: inside;
counter-increment: cnt;
position: relative;
padding-left: 35px; }
.Agreement ul li > ol > li:before {
display: marker;
content: "(" counter(cnt) ")";
width: 20px;
position: absolute;
left: 0;
top: 0; }
/*エラー*/
.error-box {
border: 2px solid #e83018;
padding: 20px;
margin: 20px 0; }
@media only screen and (max-width: 768px) {
.error-box {
width: 96%;
margin: 20px 2%;
padding: 10px 2%; } }
.error {
font-size: 20px;
font-size: calc($size / 10)rem;
font-weight: bold;
color: #e83018;
margin-bottom: 10px;
line-height: 1.5; }
@media only screen and (max-width: 768px) {
.error {
font-size: 18px;
font-size: calc($size / 10)rem; } }
.error-detail {
font-size: 16px;
font-size: calc($size / 10)rem;
color: #e83018;
line-height: 1.5; }
@media only screen and (max-width: 768px) {
.error-detail {
font-size: 14px;
font-size: calc($size / 10)rem; } }
@media all and (-ms-high-contrast: none) {
.Entry__Wrapper .Entry__Form h1 {
padding: 18px 0 8px;
line-height: 1.3em; }
.Entry__Work p {
padding: 5px 20px 1px; }
.Entry__Work {
padding: 22px 20px 18px; } }
/*--------------------------------------------------------------------------
よくあるご質問
-------------------------------------------------------------------------*/
.Faq__Wrapper {
max-width: 800px;
width: 100%;
margin: 0 auto;
padding-bottom: 60px; }
.Faq__Wrapper h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Faq__Wrapper h1 {
font-size: 18px;
font-size: calc($size / 10)rem; } }
.Faq__Wrapper dl {
background: #e3e4e9;
padding: 10px; }
.Faq__Wrapper dl dt, .Faq__Wrapper dl dd {
line-height: 1.5;
border-bottom: 1px solid #e3e4e9;
padding: 10px;
background: #fff;
vertical-align: middle; }
.Faq__Wrapper dl dt {
position: relative;
padding-right: 30px;
font-weight: bold; }
.Faq__Wrapper dl dt:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
border-bottom: 2px solid #f1bb00;
border-right: 2px solid #f1bb00;
-webkit-transform: rotate(45deg) translateX(-50%);
-moz-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
width: 10px;
height: 10px; }
.Faq__Wrapper dl dt.active:after {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);
right: 13px; }
.Faq__Wrapper dl dd {
display: none; }
.Faq__Wrapper dl dt span, .Faq__Wrapper dl dd span {
font-size: 30px;
font-weight: bold;
color: #04aa51;
margin-right: 5px; }
.Faq__Wrapper dl dd span {
color: #e83018; }
@media all and (-ms-high-contrast: none) {
.Faq__Wrapper h1 {
padding: 18px 0 8px;
line-height: 1.3em; } }
/*--------------------------------------------------------------------------
404エラー
-------------------------------------------------------------------------*/
.Notfound__Wrapper {
max-width: 800px;
width: 100%;
margin: 0 auto;
padding-bottom: 60px; }
.Notfound__Wrapper h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Notfound__Wrapper h1 {
font-size: 18px;
font-size: calc($size / 10)rem; } }
.Notfound__Wrapper p {
margin: 10px 0; }
@media only screen and (max-width: 768px) {
.Notfound__Wrapper p {
margin: 10px 2%; } }
.Notfound__Wrapper .Btn {
border: 2px solid #04aa51;
max-width: 400px;
margin: 20px auto; }
@media only screen and (max-width: 768px) {
.Notfound__Wrapper .Btn {
width: 90%; } }
.Notfound__Wrapper .Btn a {
color: #04aa51;
text-align: center;
padding: 20px;
font-weight: bold;
position: relative; }
@media only screen and (max-width: 768px) {
.Notfound__Wrapper .Btn a {
padding: 15px; } }
.Notfound__Wrapper .Btn a:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-bottom: 2px solid #04aa51;
border-left: 2px solid #04aa51;
-webkit-transform: rotate(45deg) translateX(-50%);
-moz-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
position: absolute;
top: 50%;
left: 10px; }
@media all and (-ms-high-contrast: none) {
.Notfound__Wrapper h1 {
padding: 18px 0 8px;
line-height: 1.3em; } }
/*--------------------------------------------------------------------------
運営会社情報
-------------------------------------------------------------------------*/
.Company__Wrapper {
max-width: 800px;
width: 100%;
margin: 0 auto;
padding-bottom: 60px; }
.Company__Wrapper h1 {
border-top: 2px solid #f1bb00;
border-bottom: 2px solid #f1bb00;
padding: 10px 0;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
line-height: 1.1;
margin-bottom: 40px; }
@media only screen and (max-width: 768px) {
.Company__Wrapper h1 {
font-size: 18px;
font-size: calc($size / 10)rem; } }
.Company__Wrapper table {
width: 100%;
border-top: #8f8f8f 1px solid;
border-right: #8f8f8f 1px solid; }
@media only screen and (max-width: 640px) {
.Company__Wrapper table {
width: 96%;
margin: 0; } }
.Company__Wrapper table td {
border-bottom: #8f8f8f 1px solid;
border-left: #8f8f8f 1px solid; }
@media only screen and (max-width: 768px) {
.Company__Wrapper table td {
display: block;
width: 100%; } }
.Company__Wrapper table td:first-child {
font-weight: bold;
background: #f3f3f3; }
.Company__Wrapper h2 {
font-weight: bold;
line-height: 1.6;
font-size: 20px;
font-size: calc($size / 10)rem; }
@media all and (-ms-high-contrast: none) {
.Company__Wrapper h1 {
padding: 18px 0 8px;
line-height: 1.3em; } }