* {margin: 0;padding: 0;border: 0;outline: 0;font: inherit;font-size: 100%;text-decoration: none;vertical-align: baseline}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box}
body {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 100%;height: 100%}
article, aside, dialog, figcaption, figure, footer, header, main, menu, nav, section, img, small, time, svg {display: block}
audio, canvas, video {display: inline-block;vertical-align: middle}
hr {box-sizing: content-box;height: 0;overflow: visible}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
a {cursor: pointer}
strong {font-weight: bold}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed}
img {-webkit-backface-visibility: hidden;backface-visibility: hidden}
caption, th {font-weight: bold;text-align: left}
label {cursor: pointer}
label span {vertical-align: middle}
input, textarea, select {border-radius: 0;vertical-align: middle}
input, select {padding: 0 8px}
input:not([type="radio"]):not([type="checkbox"]), textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 4px 8px}
input[type="radio"], input[type="checkbox"], input[type="submit"] {padding: 0}
textarea {overflow: auto;resize: vertical}
a, area, button, input, label, select, textarea {-ms-touch-action: manipulation;touch-action: manipulation}
article {word-wrap: break-word;overflow-wrap: break-word}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}
.ui-datepicker {width: 340px;padding: 4px;display: none;font-size: 18px;line-height: 1em}
.ui-widget-content {border: 1px solid #dddddd;background: #fff}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 4px}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 4px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 4px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px}
.ui-widget.ui-widget-content {border: 1px solid #dddddd}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse}
.ui-helper-clearfix:after {clear: both}
.ui-widget-header {border: 1px solid #dddddd;background: #e9e9e9;font-weight: bold}
.ui-datepicker .ui-datepicker-header {position: relative;padding: 10px 0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display: flex;justify-content: center;align-items: center;width: 40px;height: 100%;position: absolute;top: 0;bottom: 0;margin: auto}
.ui-datepicker .ui-datepicker-prev {left: 0}
.ui-datepicker .ui-datepicker-next {right: 0}
.ui-icon {width: 15px;height: 15px}
.ui-datepicker .ui-icon {text-indent: -99999px;overflow: hidden;background-repeat: no-repeat}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;background-repeat: no-repeat;background-size: 15px auto}
.ui-datepicker .ui-datepicker-prev span {background-image: url("/img/front/datepicker_prev.png")}
.ui-datepicker .ui-datepicker-next span {background-image: url("/img/front/datepicker_next.png")}
.ui-datepicker .ui-datepicker-title {margin: 0 40px;text-align: center}
.ui-datepicker table {width: 100%}
.ui-datepicker th {padding: 15px 0;text-align: center;font-weight: bold}
.ui-state-disabled {cursor: default !important;pointer-events: none}
.ui-datepicker td {padding: 1px}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 0.3}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: 10px 5px;text-align: right}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, .ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled:active {border: 1px solid #dddddd;background: #f6f6f6;font-weight: bold}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #dad55e;background: #fffa90;color: #777620}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {font-weight: normal}
@media screen and (max-width: 1024px) {.ui-datepicker {width: 87.5%;max-width: 340px;font-size: 15px}
.ui-datepicker th {padding: 12px 0}
.ui-datepicker td span, .ui-datepicker td a {padding: 8px 5px}
}
html.remodal-is-locked {overflow: hidden;-ms-touch-action: none;touch-action: none}
.remodal, [data-remodal-id] {display: none}
.remodal-overlay {display: none;background: rgba(0, 0, 0, 0.7);position: fixed;top: -5000px;left: -5000px;right: -5000px;bottom: -5000px;z-index: 9999}
.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {animation-duration: 0.3s;animation-fill-mode: forwards}
.remodal-overlay.remodal-is-opening {animation-name: remodal-overlay-opening-keyframes}
.remodal-overlay.remodal-is-closing {animation-name: remodal-overlay-closing-keyframes}
.remodal-wrapper {display: none;padding: 60px 20px 0;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;overflow: auto;text-align: center;-webkit-overflow-scrolling: touch}
.remodal-wrapper:after {content: "";display: inline-block;height: 100%;margin-left: -0.05em}
.remodal-overlay, .remodal-wrapper {-webkit-backface-visibility: hidden;backface-visibility: hidden}
.remodal {background: #fff;width: 100%;max-width: 720px;text-align: left;position: relative;margin-bottom: 60px;transform: translate3d(0, 0, 0)}
.remodal.remodal-is-opening, .remodal.remodal-is-closing {animation-duration: 0.3s;animation-fill-mode: forwards}
.remodal.remodal-is-opening {animation-name: remodal-opening-keyframes}
.remodal.remodal-is-closing {animation-name: remodal-closing-keyframes}
.remodal-is-initialized {display: inline-block}
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {-webkit-filter: blur(3px);filter: blur(3px)}
.remodal, .remodal-wrapper:after {vertical-align: middle}
.remodal-close {display: block;background-color: transparent;width: 40px;height: 40px;position: absolute;top: -50px;right: 0;cursor: pointer;transition: 0.3s}
@media screen and (min-width: 961px) {.remodal-close:hover, .remodal-close:focus {opacity: 0.5}
}
.remodal-close-icon {display: block;position: relative}
.remodal-close-icon:before, .remodal-close-icon:after {content: "";background-color: #fff;width: 100%;height: 2px;position: absolute;top: 0;left: 0}
.remodal-close-icon:before {transform: rotate(45deg)}
.remodal-close-icon:after {transform: rotate(-45deg)}
.remodal-confirm, .remodal-cancel {display: inline-block;min-width: 110px;padding: 12px 0;font: inherit;overflow: visible;margin: 0;cursor: pointer;transition: background 0.2s;text-align: center;vertical-align: middle;text-decoration: none;border: 0;outline: 0}
.remodal-confirm {background: #81c784;color: #fff}
.remodal-confirm:hover, .remodal-confirm:focus {background: #66bb6a}
.remodal-cancel {background: #e57373;color: #fff}
.remodal-cancel:hover, .remodal-cancel:focus {background: #ef5350}
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {padding: 0;border: 0}
@keyframes remodal-opening-keyframes {from {transform: scale(1.05);opacity: 0}
to {transform: none;opacity: 1;-webkit-filter: blur(0);filter: blur(0)}
}
@keyframes remodal-closing-keyframes {from {transform: scale(1);opacity: 1}
to {transform: scale(0.95);opacity: 0;-webkit-filter: blur(0);filter: blur(0)}
}
@keyframes remodal-overlay-opening-keyframes {from {opacity: 0}
to {opacity: 1}
}
@keyframes remodal-overlay-closing-keyframes {from {opacity: 1}
to {opacity: 0}
}
.slick-slider {display: block;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0, 0, 0)}
.slick-list {display: block;position: relative;overflow: hidden}
.slick-list:focus {outline: none}
.slick-list.dragging {cursor: pointer;cursor: hand}
.slick-track {display: block;position: relative;top: 0;left: 0}
.slick-track:before, .slick-track:after {content: "";display: table}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir='rtl'] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}
.slick-arrow {display: block;background: transparent no-repeat center;width: 40px;height: 40px;position: absolute;top: 0;bottom: 0;z-index: 10;margin: auto;font-size: 0;line-height: 0;color: transparent;cursor: pointer;transition: 0.3s}
@media screen and (min-width: 961px) {.slick-arrow:hover {opacity: 0.5}
}
.slick-prev {left: 0}
.slick-next {right: 0}
.slick-dotted.slick-slider {margin-bottom: 30px}
.slick-dots {display: block;width: 100%;text-align: center;line-height: 0;position: absolute;left: 0;bottom: -30px}
.slick-dots li {display: inline-block;width: 15px;height: 15px;margin: 0 10px;cursor: pointer;position: relative}
.slick-dots li button {display: block;background: transparent;width: 100%;height: 100%;font-size: 0;line-height: 0;color: transparent;cursor: pointer}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none}
.slick-dots li button:before {content: "";background-color: #626262;width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;opacity: 1}
.slick-dots li.slick-active button:before {background-color: #000}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden}
.clearfix {min-height: 1px}
.clear {clear: both}
@media screen and (max-width: 1139px) {.pc {display: none !important}
}
@media screen and (min-width: 1140px) {.sp {display: none !important}
}
body, input, textarea, select {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";color: #000;font-weight: normal;font-size: 14px;line-height: 1.6em;letter-spacing: 0.5px}
body {padding-top: 65px;padding-right: 0 !important}
body.preload * {transition: none !important}
@media screen and (max-width: 1139px) {body {padding-top: 47px}
}
input, textarea, select {background-color: #fff;border: 1px solid #b5b5b5}
:placeholder-shown {color: #aaa}
::-webkit-input-placeholder {color: #aaa}
:-moz-placeholder {color: #aaa;opacity: 1}
::-moz-placeholder {color: #aaa;opacity: 1}
:-ms-input-placeholder {color: #aaa}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
main {min-height: calc(100vh - 65px - 202px);overflow: hidden}
@media screen and (min-width: 1140px) {main {padding-top: 0px}
}
@media screen and (max-width: 1139px) {main {min-height: calc(100vh - 47px - 228px)}
}
a {color: #000}
@media screen and (min-width: 1140px) {a, .submitbtn {transition: 0.3s}
a:hover {opacity: 0.5;text-decoration: none !important}
.submitbtn:hover {opacity: 0.5 !important}
}
.wrapper {max-width: 1140px;margin: 0 auto}
@media screen and (min-width: 1140px) {.cont_wrap {display: flex}
.main_cont {width: 848px}
.side {width: 262px;margin-left: auto}
}
.bold {font-weight: bold}
.orange {color: #ff4e00}
.red {color: #ff2400}
.red2 {color: #e80000}
.in_item {display: none !important}
.body_login .in_item {display: block !important}
.body_login .out_item {display: none !important}
.tempbtn {display: flex;justify-content: center;align-items: center;background-color: #4c9225;border-radius: 50px;padding-bottom: 4px;text-align: center;font-weight: bold;color: #fff;line-height: 1em;text-shadow: 0 -1px rgba(0, 0, 0, 0.3);position: relative;perspective: 1px}
.tempbtn:before {content: "";background-color: #71c841;width: 100%;height: 100%;border-radius: 50px;position: absolute;top: -3px;left: 0;z-index: -1}
.tempttl {border-bottom: 1px solid #ff4e00;padding-bottom: 3px;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1.4em}
@media screen and (max-width: 1139px) {.tempttl {padding-left: 15px}
}
.tempttl2 {background-color: #ff4e00;padding: 7px 12px;font-weight: bold;color: #fff;font-size: 18px;line-height: 1.4em}
@media screen and (max-width: 1139px) {.tempttl2 {padding: 3px 15px}
}
.sp_page {max-width: 640px}
.sp_page .mainttl {display: flex;justify-content: center;align-items: center;padding: 20px 0 15px;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1.3em}
.sp_page .mainttl .icon {display: block;width: 18px;margin-right: 10px}
.sp_page .mainttl img {width: 100%;height: auto}
.sp_page .return {background: url("/img/front/bg_01.jpg");padding: 10px 15px}
.sp_page .return a {display: inline-block;background: url("/img/front/arrow_02.png") no-repeat left center/8px auto;padding-left: 15px}
.breadcrumb {font-size: 12px;line-height: 1.4em;margin-bottom: 10px}
.breadcrumb a {color: #0084ff;text-decoration: underline}
@media screen and (max-width: 1139px) {.breadcrumb {margin: 10px 15px}
}
.pager {font-size: 12px;line-height: 1.4em}
.pager, .pager a {color: #0084ff}
.pager ul {display: flex}
.pager li:not(:last-child) {margin-right: 10px}
.pager .current, .pager .dots {color: #000}
@media screen and (max-width: 1139px) {.pager {padding: 20px 0 80px !important;font-size: 16px;position: relative}
.pager ul {justify-content: center}
.pager li:not(:last-child) {margin-right: 15px}
.pager .prev, .pager .next {display: flex;justify-content: center;align-items: center;background: #fff no-repeat;background-size: 6px auto;width: 48%;height: 40px;border: 1px solid #b5b5b5;border-radius: 20px;color: #000;font-size: 14px;line-height: 1em;position: absolute;bottom: 25px}
.pager .prev {background-image: url("/img/front/arrow_02.png");background-position: left 15px center;left: 0}
.pager .next {background-image: url("/img/front/arrow_01.png");background-position: right 15px center;right: 0}
}
.remodal-is-locked {overflow: auto !important}
@media screen and (min-width: 1140px) {a.tel {pointer-events: none}
}
.drawer-open {overflow: hidden !important}
#header {background-color: #fb0;width: 100%;border-bottom: 5px solid #dda200;position: fixed;top: 0;left: 0;z-index: 100}
#header .wrapper {display: flex;align-items: center;height: 60px}
#header .logo {display: flex;align-items: center}
#header .logo a {display: block;width: 185px}
#header .logo img {width: 100%;height: auto}
#header .logo .txt {display: block;padding-left: 20px;font-size: 12px;line-height: 1.4em}
#header .btnbox {margin-left: auto}
#header .btnbox .inner {display: flex}
#header .btnbox a {display: flex;justify-content: center;align-items: center;background-color: #af8000;width: 110px;height: 40px;border-radius: 4px;font-weight: bold;color: #fff;line-height: 1em}
#header .btnbox a:not(:last-child) {margin-right: 10px}
#header .btnbox a .txt {display: block;margin-left: 7px}
#header .btnbox.in_item a {background-color: #fff;width: auto;padding: 0 10px;color: #000}
#header .btnbox.in_item a .icon {display: block;width: 21px}
#header .btnbox.in_item a img {width: 100%;height: auto}
@media screen and (max-width: 1139px) {#header {border-bottom-width: 3px}
#header .wrapper {height: 44px;padding: 0 44px 0 15px}
#header .logo a {width: 130px}
#header .btnbox a {flex-direction: column;background-color: transparent;width: auto;height: 44px;border-radius: 0;text-align: center;font-weight: normal;color: #000;font-size: 12px}
#header .btnbox a .icon {display: block;width: 19px;margin: 0 auto}
#header .btnbox a img {width: 100%;height: auto}
#header .btnbox a .txt {display: block;margin: 4px 0 0}
#header .drawer-hamburger {display: block;background-color: transparent;width: 44px;height: 44px;padding: 0 12px;position: fixed;top: 0;right: 0;z-index: 104;transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);transform: translate3d(0, 0, 0);cursor: pointer}
.drawer-open #header .drawer-hamburger {right: 82%}
#header .drawer-hamburger-icon {display: block;position: relative}
#header .drawer-hamburger-icon, #header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {background-color: #000;width: 100%;height: 1px;transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1)}
#header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {content: "";position: absolute;top: -7px;left: 0}
#header .drawer-hamburger-icon:after {top: 7px}
.drawer-open #header .drawer-hamburger-icon {background-color: transparent}
.drawer-open #header .drawer-hamburger-icon:before, .drawer-open #header .drawer-hamburger-icon:after {background-color: #fff;height: 2px;top: 0}
.drawer-open #header .drawer-hamburger-icon:before {transform: rotate(45deg)}
.drawer-open #header .drawer-hamburger-icon:after {transform: rotate(-45deg)}
#header .drawer-nav {background-color: #fff;width: 82%;height: 100%;position: fixed;top: 0;right: -82%;z-index: 101;overflow: auto;-webkit-overflow-scrolling: touch;transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1)}
.drawer-open #header .drawer-nav {right: 0}
#header .drawer-nav .head-menu {display: flex;padding: 10px;font-weight: bold;line-height: 1em}
#header .drawer-nav .head-menu li {width: 48%}
#header .drawer-nav .head-menu li.last {margin-left: auto}
#header .drawer-nav .head-menu a:not(.bold) {display: flex;justify-content: center;align-items: center;height: 40px;border: 1px solid #fb0;border-radius: 4px;padding-left: 10px;position: relative}
#header .drawer-nav .head-menu a:not(.bold) .icon {display: block;width: 24px;height: 22px;position: absolute;top: 0;left: 5px;bottom: 0;margin: auto}
#header .drawer-nav .head-menu a:not(.bold) img {width: 100%;height: 100%}
#header .drawer-nav .head-menu .in_item {width: auto;font-weight: normal}
#header .drawer-nav .head-menu .in_item .inner {display: flex;align-items: center;height: 35px}
#header .drawer-nav .head-menu .in_item .icon {display: block;width: 24px;margin-right: 5px}
#header .drawer-nav .head-menu .in_item img {width: 100%;height: auto}
#header .drawer-nav .head-menu .in_item a {display: inline-block;margin-right: 5px;font-size: 16px}
#header .drawer-nav .drawer-menu {padding-bottom: 20px}
#header .drawer-nav .drawer-menu .drawer-brand {background-color: #fb0;padding: 5px 15px;font-weight: bold;line-height: 1.4em}
#header .drawer-nav .drawer-menu a {display: flex;align-items: center;background: url("/img/front/arrow_01.png") no-repeat right 10px center/8px auto;min-height: 41px;padding: 5px 20px 5px 10px;border-bottom: 1px solid #eee;font-size: 16px;line-height: 1.4em}
#header .drawer-nav .drawer-menu a .icon {display: block;width: 24px;margin-right: 5px}
#header .drawer-nav .drawer-menu a img {width: 100%;height: auto}
#header .drawer-nav .drawer-menu a .new {display: block;margin-left: 5px}
#header .drawer-nav .drawer-menu a .new span {display: flex;justify-content: center;align-items: center;background-color: #ff2400;width: 22px;height: 22px;border-radius: 50%;text-align: center;font-weight: bold;color: #fff;line-height: 1em}
#header .drawer-nav .drawer-menu.search a {font-weight: bold;font-size: 18px}
#header .drawer-nav .drawer-menu.search a .small {font-size: 12px}
#header .drawer-nav .drawer-menu.other {padding-bottom: 50px}
.body_login #header .drawer-nav .drawer-menu.other {padding-bottom: 0}
#header .drawer-nav .drawer-menu.other a {font-size: 13px}
#header .drawer-overlay {display: none;background-color: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100}
.drawer-open #header .drawer-overlay {display: block}
}
.login_form li {margin-bottom: 20px}
.login_form li input {width: 100%;height: 40px;border-radius: 20px;padding-left: 20px}
.login_form .submitbtn {background-color: #72c0ff;width: 230px;height: 40px;border-radius: 20px;margin: 0 auto 15px}
.login_form .submitbtn input {background-color: transparent;width: 100%;height: 100%;padding: 0;border: none;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em;cursor: pointer}
.login_form .forget {display: flex;justify-content: center;align-items: center}
.login_form .forget .icon {display: block;width: 5px;margin-right: 5px}
.login_form .forget img {width: 100%;height: auto}
.login_form .forget a {color: #0084ff;font-size: 12px;line-height: 1.4em}
.login_form .registration a {display: flex;justify-content: center;align-items: center;background-color: #71c841;width: 230px;height: 40px;border-radius: 20px;margin: 0 auto;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em}
.remodal .remodal-close {width: 50px;height: 50px;padding-top: 12px;top: -60px;right: -10px}
.remodal .remodal-close .remodal-close-icon {width: 70%;margin: 0 auto 20px}
.remodal .remodal-close .txt {display: block;text-align: center;color: #fff;font-size: 12px;line-height: 1em}
.remodal[data-remodal-id="modal_login"] {max-width: 360px;border-radius: 4px;border: 4px solid #fb0}
.remodal[data-remodal-id="modal_login"] .modal {padding: 35px 25px}
.remodal[data-remodal-id="modal_login"] .logo img {width: 160px;height: auto;margin: 0 auto}
.remodal[data-remodal-id="modal_login"] .txt1 {display: flex;justify-content: center;align-items: center;margin: 15px 0 25px;font-weight: bold;font-size: 18px;line-height: 1em}
.remodal[data-remodal-id="modal_login"] .txt1 .icon {display: block;width: 18px;margin-right: 10px}
.remodal[data-remodal-id="modal_login"] .txt1 img {width: 100%;height: auto}
.remodal[data-remodal-id="modal_login"] .registration {border-top: 1px dotted #bfbfbf;margin-top: 20px;padding-top: 20px}
#top_main {display: flex;justify-content: center;align-items: center;flex-direction: column;background: url("/img/front/top_main_bg.jpg") no-repeat center;height: 300px;margin-bottom: 30px}
#top_main .tempbtn {width: 345px;height: 50px;margin: 155px 0 10px;font-size: 22px}
#top_main .tel {text-align: center;font-size: 16px;line-height: 1.4em;text-shadow: 1px 1px #f5e9d3}
@media screen and (min-width: 1140px) {#top_search {margin-bottom: 30px}
}
#top_search .cate_tab {margin-bottom: 20px}
#top_search .cate_tab_nav {display: flex}
#top_search .cate_tab_nav li {width: 209px}
#top_search .cate_tab_nav li:not(:last-child) {margin-right: 4px}
#top_search .cate_tab_nav button {display: flex;justify-content: center;align-items: center;background-color: #fff;width: 100%;height: 40px;border: solid #fb0;border-width: 1px 1px 0;border-radius: 4px 4px 0 0;text-align: center;font-weight: bold;font-size: 20px;line-height: 1em;cursor: pointer}
#top_search .cate_tab_nav .icon {display: block;width: 22px;margin-right: 8px}
#top_search .cate_tab_nav .txt {display: block;padding-top: 5px}
#top_search .cate_tab_nav img {width: 100%;height: auto}
#top_search .cate_tab_nav .small {font-size: 12px}
#top_search .cate_tab_nav .active button {background-color: #fb0}
#top_search .cate_tab_panel {background-color: #fff2a9;border-radius: 0 0 4px 4px;border: solid #fb0;border-width: 3px 1px 1px;padding: 10px}
#top_search .inner_tab_nav {display: flex;justify-content: center}
#top_search .inner_tab_nav li {width: 114px}
#top_search .inner_tab_nav li:not(:last-child) {margin-right: 2px}
#top_search .inner_tab_nav button {background-color: #fff;width: 100%;height: 40px;border: solid #fb0;border-width: 1px 1px 0;border-radius: 4px 4px 0 0;text-align: center;font-weight: bold;line-height: 1em;cursor: pointer}
#top_search .inner_tab_nav .active button {background-color: #fb0}
#top_search .inner_tab_panel_wrap {background-color: #fff;border-radius: 0 0 4px 4px;border: solid #fb0;border-width: 4px 1px 1px;padding: 10px;line-height: 1.4em}
#top_search .inner_tab_panel_wrap .all_area {background-color: #fff2a9;padding: 7px 10px 4px;font-weight: bold;color: #0084ff;margin-bottom: 7px}
#top_search .inner_tab_panel_wrap .list {display: flex;flex-wrap: wrap}
#top_search .inner_tab_panel_wrap .list li {width: 33.333%;padding: 7px 0}
#top_search .inner_tab_panel_wrap .list label {display: flex;align-items: flex-start}
#top_search .inner_tab_panel_wrap .list input {flex: 0 0 auto;margin: 2px 5px 0 0}
#top_search .inner_tab_panel_wrap a {color: #0084ff}
@media screen and (min-width: 1140px) {#top_search .inner_tab_panel_wrap a:hover {text-decoration: underline !important}
}
#top_search .inner_tab_panel_wrap .choice {background-color: #f5f5f5;padding: 7px 10px 4px;margin-top: 7px}
#top_search .submitbox {margin: 20px 0 15px;position: relative}
#top_search .submitbox small {font-size: 12px;line-height: 40px;position: absolute;top: 0;left: 30px}
#top_search .submitbtn {width: 345px;height: 40px;margin: 0 auto;opacity: 0.5;pointer-events: none}
#top_search .submitbtn:before {background: #71c841 url("/img/front/icon_search.png") no-repeat right 15px center/17px auto}
#top_search .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em;text-shadow: 0 -1px #4c9225;cursor: pointer}
#top_search .station_tab .inner_tab_panel_wrap {padding: 10px 15px}
#top_search .station_tab .inner_tab_panel li {width: 50%}
#top_search #panel_cate_date .inner_tab_panel_wrap {padding: 0 10px}
#top_search #panel_cate_date table {width: 100%}
#top_search #panel_cate_date tr:not(:last-child) {border-bottom: 1px dotted #bfbfbf}
#top_search #panel_cate_date th, #top_search #panel_cate_date td {vertical-align: middle}
#top_search #panel_cate_date th {width: 140px;padding: 0 15px}
#top_search #panel_cate_date th .wrap {display: flex;align-items: center}
#top_search #panel_cate_date th .icon {display: block;width: 19px;opacity: 0.6;margin-right: 7px}
#top_search #panel_cate_date th img {width: 100%;height: auto}
#top_search #panel_cate_date th.top {padding-top: 18px;vertical-align: top}
#top_search #panel_cate_date td {padding: 15px 0}
#top_search #panel_cate_date td input, #top_search #panel_cate_date td select {border-radius: 4px}
#top_search #panel_cate_date td input[type="radio"], #top_search #panel_cate_date td input[type="checkbox"] {margin-right: 5px}
#top_search #panel_cate_date .date .wrap, #top_search #panel_cate_date .date .datepicker {display: flex;align-items: center}
#top_search #panel_cate_date .date input {width: 155px;height: 28px}
#top_search #panel_cate_date .date img {width: 28px;height: 28px;margin-left: 10px;cursor: pointer}
#top_search #panel_cate_date .date p {font-weight: bold;margin: 0 10px}
#top_search #panel_cate_date .salary .wrap {display: flex}
#top_search #panel_cate_date .salary select {display: none;width: 150px;height: 32px}
#top_search #panel_cate_date .salary select.salary_type {display: block;margin-right: 10px}
#top_search #panel_cate_date .hour li {width: auto;margin-right: 20px}
#top_search #panel_cate_date .list {font-size: 13px;line-height: 1.4em}
#top_search #panel_cate_date .list li {padding: 4px 0}
#top_search #panel_cate_date .submitbtn {opacity: 1;pointer-events: auto}
#top_search .freeword {background-color: #fff2a9;border-radius: 4px;padding: 15px 20px}
#top_search .freeword .wrap {display: flex;align-items: flex-end}
#top_search .freeword .input {width: 100%;height: 40px;padding-right: 5px}
#top_search .freeword .input input {width: 100%;height: 100%;border-radius: 20px 0 0 20px;padding-left: 20px}
#top_search .freeword .submitbtn {width: 100px;height: 37px;flex: 0 0 auto;border-radius: 0 20px 20px 0;opacity: 1;pointer-events: auto;margin: 0 0 0 auto;padding-right: 25px}
#top_search .freeword .submitbtn:before {border-radius: 0 20px 20px 0}
@media screen and (max-width: 1139px) {#top_search .freeword {background: #f5e9d3 url("/img/front/top_main_bgsp.jpg") no-repeat left top/100% auto;border-radius: 0;padding: 43% 15px 20px}
#top_search .freeword .kantan {background-color: #c43c00;height: 40px;font-size: 20px}
#top_search .freeword .kantan:before {background: #ff4e00 url("/img/front/icon_search.png") no-repeat right 15px center/17px auto}
#top_search .freeword .search_nav {display: flex;padding: 10px 0;text-align: center;font-weight: bold;font-size: 16px}
#top_search .freeword .search_nav li {width: 32%}
#top_search .freeword .search_nav li:not(:last-child) {margin-right: 2%}
#top_search .freeword .search_nav a {display: block;background-color: #fff;height: 110px;border-radius: 4px;border: 1px solid #fb0;padding-top: 17px}
#top_search .freeword .search_nav a span {display: block;line-height: 1em}
#top_search .freeword .search_nav a .icon {width: 34px;margin: 0 auto 10px}
#top_search .freeword .search_nav a img {width: 100%;height: auto}
#top_search .freeword .search_nav a .small {font-size: 12px;margin-top: 5px}
#top_search .freeword .input input {padding-left: 15px}
}
#top_search .sp_registration {background-color: #fb0;padding: 20px 15px 15px}
#top_search .sp_registration img {height: auto;margin: 0 auto}
#top_search .sp_registration .txt1 img {width: 74%}
#top_search .sp_registration .txt2 img {width: 95%}
#top_search .sp_registration .tempbtn {height: 50px;margin: 15px 0 10px;font-size: 22px}
#top_search .sp_tel {padding: 20px 15px}
#top_search .sp_tel .txt1 {text-align: center;font-weight: bold;color: #333;font-size: 18px;line-height: 1em;margin-bottom: 10px}
#top_search .sp_tel .tempbtn {height: 40px;font-size: 22px}
.remodal[data-remodal-id="modal_areastation"] {border-radius: 4px}
.remodal[data-remodal-id="modal_areastation"] .modal {padding: 15px}
.remodal[data-remodal-id="modal_areastation"] ul {display: flex;text-align: center;font-weight: bold;font-size: 18px;line-height: 1em}
.remodal[data-remodal-id="modal_areastation"] li {width: 50%;padding-right: 7px}
.remodal[data-remodal-id="modal_areastation"] li:nth-child(even) {padding: 0 0 0 7px}
.remodal[data-remodal-id="modal_areastation"] a {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 150px;border: 1px solid #fb0;border-radius: 4px}
.remodal[data-remodal-id="modal_areastation"] a span {display: block}
.remodal[data-remodal-id="modal_areastation"] a .icon {width: 34px;margin-bottom: 15px}
.remodal[data-remodal-id="modal_areastation"] a img {width: 100%;height: auto}
.remodal[data-remodal-id="modal_areastation"] a .small {font-size: 12px;line-height: 1em;margin-top: 5px}
#top_recommend {background: url("/img/front/bg_01.jpg");border-radius: 4px;margin-bottom: 30px;padding: 20px 34px}
#top_recommend .ttl {text-align: center;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1.3em;margin-bottom: 15px}
@media screen and (min-width: 1140px) {#top_recommend .pc_slick:before, #top_recommend .pc_slick:after {content: "";background: url("/img/front/bg_01.jpg");width: 44px;height: 100%;position: absolute;top: 0;z-index: 5}
#top_recommend .pc_slick:before {left: -34px}
#top_recommend .pc_slick:after {right: -34px}
}
#top_recommend .pc_slick .slide {background-color: #fff;border-radius: 4px;padding: 15px;margin: 0 10px}
#top_recommend .pc_slick .name {font-weight: bold;line-height: 1.3em}
#top_recommend .pc_slick .name a {display: block}
#top_recommend .pc_slick figure {margin: 10px 0}
#top_recommend .pc_slick figure a {display: block}
#top_recommend .pc_slick figure img {width: 100%;height: auto}
#top_recommend .pc_slick table {width: 100%;font-size: 13px;line-height: 1.3em}
#top_recommend .pc_slick th {width: 55px;padding-top: 3px;font-weight: normal;font-size: 10px;line-height: 1.3em;vertical-align: top}
#top_recommend .pc_slick th .wrap {display: flex;align-items: center}
#top_recommend .pc_slick th .icon {display: block;width: 13px;opacity: 0.6;margin-right: 3px}
#top_recommend .pc_slick th img {width: 100%;height: auto}
#top_recommend .pc_slick td {padding: 2px 0}
#top_recommend .pc_slick .btnbox {display: flex;padding-top: 8px}
#top_recommend .pc_slick .keep, #top_recommend .pc_slick .more {display: flex;justify-content: center;align-items: center;height: 40px;border-radius: 20px;font-weight: bold;line-height: 1em}
#top_recommend .pc_slick .keep {background-color: #fff;width: 72px;border: 1px solid #fb0;text-align: left;font-size: 10px;transition: 0.3s;cursor: pointer}
#top_recommend .pc_slick .keep.active {display: none}
@media screen and (min-width: 1140px) {#top_recommend .pc_slick .keep:hover {opacity: 0.5}
}
#top_recommend .pc_slick .keep.on {display: none;background-color: #ffffe6}
#top_recommend .pc_slick .keep.on.active {display: flex}
#top_recommend .pc_slick .keep .icon {display: block;width: 17px;margin-right: 3px}
#top_recommend .pc_slick .keep img {width: 100%;height: auto}
#top_recommend .pc_slick .more {background: #72c0ff url("/img/front/arrow_04.png") no-repeat right 13px center/5px auto;width: 128px;margin-left: auto;text-align: center;color: #fff}
#top_recommend .pc_slick .slick-arrow {width: 44px;height: 44px}
#top_recommend .pc_slick .slick-prev {background-image: url("/img/front/slide_prev.png");left: -34px}
#top_recommend .pc_slick .slick-next {background-image: url("/img/front/slide_next.png");right: -34px}
@media screen and (max-width: 1139px) {#top_recommend {border-radius: 0;margin-bottom: 20px;padding: 20px 15px}
#top_recommend .pc_slick .slide {margin: 0 0 10px}
#top_recommend .pc_slick .slide:not(:nth-child(-n+3)) {display: none}
#top_recommend .pc_slick .name {font-size: 16px}
#top_recommend .pc_slick .txtbox {display: flex;padding: 10px 0 5px}
#top_recommend .pc_slick .txtbox figure {width: 120px;flex: 0 0 auto;margin: 0 10px 0 0}
#top_recommend .pc_slick .txtbox .tablewrap {width: 100%}
#top_recommend .pc_slick .txtbox th, #top_recommend .pc_slick .txtbox td {display: block}
#top_recommend .pc_slick .txtbox th {width: 100%;padding-top: 0}
#top_recommend .pc_slick .txtbox td {padding: 4px 0 0}
#top_recommend .pc_slick .txtbox tr:not(:last-child) td {padding-bottom: 10px}
#top_recommend .pc_slick .keep, #top_recommend .pc_slick .more {width: 48%;font-size: 16px}
#top_recommend .list_morebtn {display: flex;justify-content: center;align-items: center;background-color: #71c841;width: 100%;height: 40px;border-radius: 20px;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em}
}
.pagelink_box {padding-bottom: 20px}
.pagelink_box a {display: flex;align-items: center;width: 262px;height: 60px;border-radius: 4px;padding-left: 15px}
.pagelink_box a.beginner {background-color: #bde481}
.pagelink_box a.faq {background-color: #c3e5ff}
.pagelink_box a:not(:last-child) {margin-bottom: 10px}
.pagelink_box .icon {display: block;width: 32px;margin-right: 8px}
.pagelink_box img {width: 100%;height: auto}
.pagelink_box .txt {display: block;font-weight: bold;font-size: 18px;line-height: 1em}
.pagelink_box small {line-height: 1.2em;margin-top: 5px}
@media screen and (max-width: 1139px) {.pagelink_box {display: flex;padding: 0 15px 20px}
.pagelink_box a {display: block;width: 48%;height: auto;padding: 3% 0}
.pagelink_box a:not(:last-child) {margin: 0 2% 0 0}
.pagelink_box .wrap {display: flex;justify-content: center;align-items: center}
.pagelink_box .icon {width: 13%;flex: 0 0 auto;margin-right: 2px}
.pagelink_box img {width: 100%;height: auto}
.pagelink_box .txt {font-size: 3.5vw}
.pagelink_box small {text-align: center;font-size: 3vw}
}
#top_popular {background: url("/img/front/bg_02.jpg");border-radius: 4px;padding: 20px}
#top_popular .ttl {text-align: center;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1.3em;margin-bottom: 15px}
#top_popular ul {display: flex;flex-wrap: wrap;margin: 0 -5px -5px 0;font-weight: bold;font-size: 18px;line-height: 1.2em}
#top_popular li {width: 266px;margin: 0 5px 5px 0}
#top_popular a {display: flex;justify-content: center;align-items: center;background: #fff url("/img/front/arrow_03.png") no-repeat right 15px center/7px auto;height: 60px;border-radius: 4px;position: relative}
#top_popular a .icon {display: block;width: 31px;height: 31px;position: absolute;top: 0;left: 18px;bottom: 0;margin: auto}
#top_popular a img {width: 100%;height: auto}
@media screen and (max-width: 1139px) {#top_popular {border-radius: 0;padding: 20px 15px}
#top_popular ul {margin: 0;font-size: 3.7vw}
#top_popular li {width: 32%;margin: 0 2% 2% 0}
#top_popular li:nth-child(3n) {margin-right: 0}
#top_popular li:nth-last-child(-n+3) {margin-bottom: 0}
#top_popular a {justify-content: flex-start;background: #fff;height: 44px;padding-left: 5%}
#top_popular a .icon {width: 23%;max-width: 26px;height: auto;flex: 0 0 auto;position: static;margin: 0 5% 0 0}
}
@media screen and (min-width: 376px) and (max-width: 1139px) {#top_popular ul {font-size: 14px}
}
#side_history {margin-bottom: 20px}
#side_history .ttl {display: flex;justify-content: center;align-items: center;background-color: #fb0;height: 32px;border-radius: 4px 4px 0 0;text-align: center;font-weight: bold;font-size: 16px;line-height: 1em}
#side_history ul {font-size: 12px;line-height: 1.4em}
#side_history li {padding: 10px 0;border-bottom: 1px dotted #bfbfbf}
#side_history li a {display: block}
#side_history li .name {margin-bottom: 8px}
#side_history li .wrap {display: flex}
#side_history li figure {width: 90px;flex: 0 0 auto;margin-right: 10px}
#side_history li figure img {width: 100%;height: auto}
#side_history li .tablewrap {width: 100%}
#side_history li table {width: 100%}
#side_history li th {width: 22px;padding-top: 0px;vertical-align: top}
#side_history li th img {width: 16px;height: auto;opacity: 0.6}
#side_history li tr:not(:last-child) td {padding-bottom: 4px}
#side_history li .delete {padding-top: 8px;text-align: right}
#side_history li .delete .btn {display: inline-block;background: url("/img/front/arrow_03.png") no-repeat left center/5px auto;padding-left: 12px;cursor: pointer}
#side_history li .delete .btn span {display: inline-block;color: #0084ff;text-decoration: underline;transition: 0.3s}
@media screen and (min-width: 1140px) {#side_history li .delete .btn:hover span {opacity: 0.5;text-decoration: none}
}
#side_bana a {display: flex;justify-content: center;align-items: center;background: no-repeat right 15px center / 8px auto;height: 65px;border-radius: 4px}
#side_bana a:not(:last-child) {margin-bottom: 10px}
#side_bana img {width: auto;height: 49px}
#side_bana .sugunavi {background-color: #229dff;background-image: url("/img/front/arrow_04.png")}
#side_bana .grow {background-image: url("/img/front/arrow_05.png");border: 2px solid #0e5faa}
@media screen and (max-width: 1139px) {#side_bana {padding: 20px 15px}
#side_bana a {background-position: right 12px center}
#side_bana .line {background-image: url("/img/front/arrow_01.png");height: 50px;border: 1px solid #00b900;position: relative;font-weight: bold;font-size: 4.2vw;line-height: 1em}
#side_bana .line img {width: 33px;height: 30px;position: absolute;top: 0;left: 10px;bottom: 0;margin: auto}
}
@media screen and (min-width: 376px) and (max-width: 1139px) {#side_bana .line {font-size: 16px}
}
#footer {background-color: #f5f5f5;border-top: 1px solid #ddd;padding-bottom: 30px;margin-top: 50px;position: relative;color: #333;font-size: 12px;line-height: 1.2em}
#footer a {color: #0084ff;text-decoration: underline}
#footer .pagetop {display: block;width: 40px;position: absolute;right: 25px;z-index: 90;transition: 0s}
#footer .pagetop.fixed {position: fixed;bottom: 25px}
#footer .pagetop img {width: 100%;height: auto;transition: 0.3s}
@media screen and (min-width: 1140px) {#footer .pagetop img:hover {opacity: 0.5}
}
#footer .foot_nav {background-color: #fff;border-bottom: 3px solid #fb0;padding: 20px 0}
#footer .foot_nav ul {display: flex}
#footer .foot_nav li {padding: 0 15px}
#footer .foot_nav li:not(:last-child) {border-right: 1px solid #333}
#footer .foot_nav li:first-child {padding-left: 0}
#footer .other {display: flex;padding: 15px 0 20px}
#footer .other .ttl {margin-right: 20px}
#footer .other a {display: inline-block;background: url("/img/front/arrow_03.png") no-repeat left center/5px auto;padding-left: 10px}
#footer .other a:not(:last-child) {margin-right: 25px}
@media screen and (max-width: 1139px) {#footer {padding-bottom: 20px;margin-top: 0}
#footer .pagetop {position: fixed;right: 10px;bottom: 10px}
#footer .foot_nav {border-bottom: 3px solid #fb0;padding: 15px}
#footer .foot_nav ul {width: 280px;margin: 0;flex-wrap: wrap;margin-bottom: -10px}
#footer .foot_nav li {margin-bottom: 10px}
#footer .foot_nav li:nth-child(odd) {padding-left: 0}
#footer .foot_nav li:nth-child(even) {border-right: none}
#footer .other {display: block;padding: 15px 15px 25px}
#footer .other .ttl {margin: 0 0 10px}
#footer .other a {display: block;font-size: 11px;line-height: 1.4em}
#footer .other a:not(:last-child) {margin: 0 0 10px}
#footer .copy {padding-left: 15px}
}
#login {padding-bottom: 30px}
#login .login_form {padding: 20px 15px 0}
#login form {border: 1px solid #bfbfbf;border-radius: 4px;padding: 30px 15px 20px;margin-bottom: 30px}
#search .keyword_search {padding: 0 15px 15px}
#search .keyword_search form {position: relative}
#search .keyword_search .icon {width: 17px;height: 18px;position: absolute;top: 0;left: 15px;bottom: 0;margin: auto;z-index: 2}
#search .keyword_search img {width: 100%;height: auto}
#search .keyword_search input {width: 100%;height: 40px;border-radius: 20px;padding-left: 40px;padding-right: 40px}
#search .keyword_search .txt {font-weight: bold;font-size: 16px;line-height: 40px;position: absolute;top: 0;right: 15px;z-index: 2}
#search .list {font-size: 16px;line-height: 1.4em}
#search .list li {border-bottom: 1px solid #eee}
#search .list a {display: block;background: url("/img/front/arrow_01.png") no-repeat right 15px center/8px auto;padding: 12px 30px 12px 15px}
#search .top_back {background-color: #f5f5f5;padding: 15px 0}
#search .top_back a {background-color: #fff;display: flex;justify-content: center;align-items: center;width: 220px;height: 40px;border-radius: 20px;border: 1px solid #b5b5b5;text-align: center;line-height: 1em;margin: 0 auto}
#search .search_list {line-height: 1.4em}
#search .search_list label {display: flex;align-items: center}
#search .search_list label input {display: none}
#search .search_list label .checkbox {display: block;width: 20px;height: 20px;flex: 0 0 auto;border: 1px solid #ddd;border-radius: 2px;margin-right: 5px;transition: 0.3s}
#search .search_list label .checkbox.active {background-color: #ff4e00}
#search .search_list label .checkbox.active .check {transform: scale(1)}
#search .search_list label .check {display: block;background: url("/img/front/icon_check.png") no-repeat left top/100% 100%;height: 100%;transform: scale(0);transition: 0.3s}
#search .search_list .all {font-size: 16px;line-height: 1.4em}
#search .search_list .all label {padding: 12px 15px}
#search .search_list .all label .checkbox {margin-right: 10px}
#search .search_list .all .txt {display: flex;align-items: center;flex-wrap: wrap}
#search .search_list .countwrap {font-size: 14px}
#search .search_list ul {background: url("/img/front/bg_02.jpg");padding: 15px;border-bottom: 1px solid #fff}
#search .search_list li:not(:last-child) {margin-bottom: 7px}
#search .search_list li label {background-color: #fff;border-radius: 4px;padding: 12px 15px}
#search .search_list .submitbox {background-color: #fff;display: flex;align-items: center;width: 100%;height: 70px;border-top: 2px solid #bdbdbd;padding: 0 15px;position: fixed;left: 0;bottom: -100px;z-index: 95;transition: 0.3s}
#search .search_list .submitbox.active {bottom: 0}
#search .search_list .submitbox .hit {flex: 0 0 auto;font-weight: bold;margin-right: 20px}
#search .search_list .submitbox .hit .hit_count {display: inline-block;color: #e80000;font-size: 20px;margin-right: 5px}
#search .search_list .submitbox .submitbtn {background-color: #71c841;width: 100%;max-width: 206px;height: 40px;border-radius: 20px;margin-left: auto}
#search .search_list .submitbox .submitbtn input {background-color: transparent;width: 100%;height: 100%;padding: 0;border: none;text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em;cursor: pointer}
#search .search_list .submitbox .submitbtn.kantan {background-color: #72c0ff}
#search.area .search_list .all {border-bottom: 1px solid #eee;position: relative}
#search.area .search_list .all label {padding-right: 47px}
#search.area .search_list .openbtn {display: block;width: 47px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;cursor: pointer}
#search.area .search_list .openbtn:before {content: "";background: url("/img/front/arrow_01.png") no-repeat center/8px auto;width: 100%;height: 100%;position: absolute;top: 0;right: 0;transform: rotate(90deg);transition: 0.3s}
#search.area .search_list .openbtn.open:before {transform: rotate(270deg)}
#search.area .search_list ul {display: none}
#search.job .search_list ul {padding: 0;font-size: 16px;line-height: 1.4em}
#search.job .search_list ul li:not(:last-child) {margin-bottom: 0;border-bottom: 1px solid #eee}
#search.job .search_list ul li label {border-radius: 0}
#search.date .search_list {background-color: #e5e4e0;padding: 20px 15px}
#search.date .search_list dt {display: flex;align-items: center;font-weight: bold;font-size: 16px;line-height: 1.4em;margin-bottom: 15px}
#search.date .search_list dt .icon {display: block;width: 20px;margin-right: 5px}
#search.date .search_list dt img {width: 100%;height: auto}
#search.date .search_list dd {background-color: #fff;border-radius: 4px;overflow: hidden}
#search.date .search_list dd:not(:last-of-type) {margin-bottom: 20px}
#search.date .search_list .datepicker_wrap {display: flex;align-items: center;padding: 10px 15px}
#search.date .search_list .datepicker_wrap .datepicker {width: 100%;padding-right: 33px;position: relative}
#search.date .search_list .datepicker_wrap input {width: 100%;height: 28px;border-radius: 4px}
#search.date .search_list .datepicker_wrap img {width: 28px;height: 28px;position: absolute;top: 0;right: 0;cursor: pointer}
#search.date .search_list .datepicker_wrap p {flex: 0 0 auto;margin: 0 5px;font-size: 18px;line-height: 1em}
#search.date .search_list .salary select {width: 100%;height: 44px;border: none}
#search.date .search_list .salary .salary_type {border-bottom: 1px solid #eee}
#search.date .search_list .salary .salary_hourly, #search.date .search_list .salary .salary_weekly {pointer-events: none;opacity: 0.3}
#search.date .search_list .salary .salary_weekly {display: none}
#search.date .search_list .list ul {display: flex;flex-wrap: wrap;background: #fff;padding: 0;border-bottom: none;font-size: 14px;line-height: 1.2em}
#search.date .search_list .list li {width: 50%;margin-bottom: 0}
#search.date .search_list .list li:nth-child(odd) {border-right: 1px solid #eee}
#search.date .search_list .list li:last-child {border-bottom: none}
#search.date .search_list .list li:nth-last-child(2):nth-child(odd) {border-bottom: none}
#search.date .search_list .list li label {height: 46px;padding: 0 15px}
#search.date .search_list .bottom {font-size: 12px;line-height: 1.4em;margin-top: 10px}
#search.kantan .first_block {background-color: #fff;border-radius: 4px;overflow: hidden;margin-bottom: 20px}
#search.kantan .first_block .box {padding: 12px 15px}
#search.kantan .first_block .box:not(:last-child) {border-bottom: 1px solid #eee}
#search.kantan .first_block .wrap {display: flex;align-items: center;font-size: 16px;line-height: 1.4em}
#search.kantan .first_block .wrap .icon {display: block;width: 21px;margin-right: 5px}
#search.kantan .first_block .wrap img {width: 100%;height: auto}
#search.kantan .first_block .station .btnbox {display: flex;padding-top: 12px;text-align: center;line-height: 1em}
#search.kantan .first_block .station a {display: flex;justify-content: center;align-items: center;background-color: #fb0;width: 48%;height: 35px;border-radius: 4px;color: #fff}
#search.kantan .first_block .station a:last-child {margin-left: auto}
#search.kantan .first_block .date .datepicker_wrap {padding: 12px 0 0}
#search.kantan .first_block .freeword input {width: 100%;height: 30px;padding-left: 0;border: none}
#list_search {border: 1px solid #fb0}
#list_search .ttl {background-color: #fb0;padding: 4px 10px;font-weight: bold;color: #fff;font-size: 18px;line-height: 1.4em}
#list_search .tablewrap {padding: 0 20px}
#list_search table {width: 100%;line-height: 1.4em}
@media screen and (min-width: 1140px) {#list_search tr:not(:last-child) {border-bottom: 1px dotted #bfbfbf}
}
#list_search th, #list_search td {vertical-align: middle}
#list_search th {width: 120px}
#list_search td {padding: 5px 0}
@media screen and (min-width: 1140px) {#list_search td {height: 40px}
}
#list_search td .wrap {display: flex;align-items: center}
#list_search td .txt {margin-right: 15px}
#list_search td .search_btn {display: flex;justify-content: center;align-items: center;background: #e0f6d3;background: linear-gradient(#fff, #e0f6d3);width: 100px;height: 20px;border: 1px solid #71c841;border-radius: 4px;text-align: center;font-weight: bold;color: #4c9225;font-size: 12px;line-height: 1em}
#list_search td.area .search_station {display: flex;align-items: center;height: 30px;margin-left: auto;padding-left: 15px;border-left: 1px dotted #bfbfbf}
#list_search td.area .search_station .search_btn {background: #ffefc3;background: linear-gradient(#fff, #ffefc3);border-color: #fb0;color: #925325}
#list_search td.salary select {width: 155px;height: 28px;border-radius: 4px}
#list_search td.salary .salary_type {margin-right: 10px}
#list_search td.hour label {margin-right: 20px}
#list_search td.hour input {margin-right: 5px}
#list_search td.date .datepicker {display: flex;align-items: center}
#list_search td.date input {width: 155px;height: 28px;border-radius: 4px}
#list_search td.date img {width: 28px;height: 28px;margin-left: 10px;cursor: pointer}
#list_search td.date p {font-weight: bold;margin: 0 10px}
#list_search td .off {color: #aaa}
#list_search td.freeword input {width: 100%;height: 100%}
#list_search td.freeword .input {width: 275px;height: 28px}
#list_search td.freeword .input input {border-radius: 15px 0 0 15px}
#list_search td.freeword .submitbtn {background-color: transparent;width: 85px;height: 28px;padding-bottom: 0;margin-left: 5px}
#list_search td.freeword .submitbtn:before {background: #71c841 url("/img/front/icon_search.png") no-repeat right 13px center/15px auto;border-radius: 0 15px 15px 0;top: 0}
#list_search td.freeword .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0 20px 0 0;text-align: center;font-weight: bold;color: #fff;line-height: 1em;text-shadow: 0 -1px #4c9225;cursor: pointer}
@media screen and (max-width: 1139px) {#list_search {border: none}
#list_search .ttl {padding: 6px 10px;font-size: 14px}
#list_search .tablewrap {background-color: #f5e9d3;padding: 10px 15px}
#list_search th {width: 5.5em;font-size: 10px;line-height: 1.2em}
#list_search td a {background-color: #fff;height: 44px;border-radius: 4px;padding: 0 10px}
#list_search td .icon {display: block;width: 20px;flex: 0 0 auto;margin-right: 5px}
#list_search td img {width: 100%;height: auto}
#list_search td .txt {line-height: 1.2em}
#list_search td .choice {display: block;background: url("/img/front/arrow_03.png") no-repeat right center/5px auto;padding-right: 8px;flex: 0 0 auto;margin-left: auto;color: #0084ff;font-size: 12px;line-height: 1em}
#list_search td.freeword .input {width: 100%;height: 44px;padding-right: 5px;position: relative}
#list_search td.freeword .input .icon {height: 20px;position: absolute;top: 0;left: 10px;bottom: 0;margin: auto}
#list_search td.freeword .input input {border: none;padding-left: 35px}
#list_search td.freeword .submitbtn {width: 65px;height: 44px;flex: 0 0 auto;margin-left: auto}
#list_search td.freeword .submitbtn:before {background-position: right 8px center}
}
.remodal.list_modal {background-color: transparent;max-width: 850px}
.remodal.list_modal .form {background-color: #fff;border-radius: 4px;padding: 30px}
.remodal.list_modal .ttl {display: flex;align-items: center;font-size: 18px;line-height: 1.4em}
.remodal.list_modal .ttl .icon {display: block;width: 21px;margin-right: 7px}
.remodal.list_modal .ttl img {width: 100%;height: auto}
.remodal.list_modal .ttl .small {display: block;margin-left: 30px;font-size: 10px;line-height: 12px}
.remodal.list_modal .inner_tab_nav {display: flex;padding: 15px 0 10px}
.remodal.list_modal .inner_tab_nav li {min-width: 74px}
@media screen and (min-width: 1140px) {.remodal.list_modal .inner_tab_nav li:not(:last-child) {margin-right: 10px}
}
.remodal.list_modal .inner_tab_nav button {background-color: #fff;width: 100%;height: 31px;border: 1px solid #fb0;border-radius: 4px;padding: 0 10px;text-align: center;font-weight: bold;line-height: 1em;cursor: pointer}
.remodal.list_modal .inner_tab_nav .active button {background-color: #fb0}
.remodal.list_modal .wrap {display: flex;font-size: 12px;line-height: 1.4em;position: relative}
.remodal.list_modal .wrap:before {content: "";background: url("/img/front/arrow_06.png") no-repeat left top/100% 100%;width: 13px;height: 23px;position: absolute;top: 0;left: 227px;bottom: 0;margin: auto}
.remodal.list_modal .wrap li {display: flex;align-items: flex-start;padding: 5px 0}
.remodal.list_modal .wrap input {flex: 0 0 auto;margin: 2px 5px 0 0}
.remodal.list_modal .wrap label {display: block}
.remodal.list_modal .inner_tab_panel, .remodal.list_modal .second_wrap {background-color: #f5f5f5;height: 342px;overflow: auto;-webkit-overflow-scrolling: touch;padding: 0 10px}
.remodal.list_modal .inner_tab_panel {width: 223px}
.remodal.list_modal .inner_tab_panel li:first-child {padding-top: 15px}
.remodal.list_modal .inner_tab_panel li:last-child {padding-bottom: 15px}
.remodal.list_modal .second_wrap {width: 546px;margin-left: auto}
.remodal.list_modal .second_wrap .second_box {display: none;padding: 10px 0}
.remodal.list_modal .second_wrap .all {padding: 5px 0}
.remodal.list_modal .second_wrap ul {display: flex;flex-wrap: wrap}
.remodal.list_modal .second_wrap li {width: 33.333%}
.remodal.list_modal .btnbox {display: flex;padding-top: 10px}
.remodal.list_modal .btnbox .riset input {border: none;padding: 0;color: #0084ff;font-size: 12px;line-height: 1.4em;cursor: pointer}
.remodal.list_modal .btnbox .riset input:hover {text-decoration: underline}
.remodal.list_modal .btnbox .hit {font-weight: bold;margin-left: auto}
.remodal.list_modal .btnbox .hit .hit_count {display: inline-block;color: #e80000;font-size: 20px;margin-right: 5px}
.remodal.list_modal .submitbtn {display: flex;justify-content: center;align-items: center;background-color: #72c0ff;width: 165px;height: 40px;border-radius: 20px;margin: 0 auto}
.remodal.list_modal .submitbtn, .remodal.list_modal .submitbtn input {text-align: center;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em;cursor: pointer}
.remodal.list_modal .submitbtn input {background-color: transparent;width: 100%;height: 100%;padding: 0;border: none}
.remodal.list_modal .close_txt {margin-top: 15px;text-align: center;color: #fff}
.remodal.list_modal.job .wrap {display: block;margin-top: 10px}
.remodal.list_modal.job .wrap li {display: block}
.remodal.list_modal.job .wrap label {display: flex;align-items: flex-start}
.remodal.list_modal.job .second_wrap {width: auto;height: auto;margin-left: 0;padding: 10px}
.remodal.list_modal.job .second_wrap:before {display: none}
.remodal.list_modal.feature .list_ttl {background-color: #fff2a9;font-weight: bold;padding: 7px 10px;margin-bottom: 5px}
.remodal.list_modal.feature ul:not(:last-child) {margin-bottom: 15px}
@media screen and (max-width: 1139px) {.remodal.list_modal {margin-top: 10px}
.remodal.list_modal .form {padding: 15px}
.remodal.list_modal .ttl {font-size: 16px}
.remodal.list_modal .ttl .icon {flex: 0 0 auto}
.remodal.list_modal .inner_tab_nav {flex-wrap: wrap;padding-top: 10px}
.remodal.list_modal .inner_tab_nav li {min-width: 0}
.remodal.list_modal .inner_tab_nav li:nth-child(-n+3) {width: 33.333%}
.remodal.list_modal .inner_tab_nav li:nth-child(1) {padding-right: 2px}
.remodal.list_modal .inner_tab_nav li:nth-child(2) {padding: 0 1px}
.remodal.list_modal .inner_tab_nav li:nth-child(3) {padding-left: 2px}
.remodal.list_modal .inner_tab_nav li:nth-last-child(-n+4) {width: 50%;padding: 3px 2px 0 0}
.remodal.list_modal .inner_tab_nav li:nth-child(5), .remodal.list_modal .inner_tab_nav li:last-child {padding: 3px 0 0 2px}
.remodal.list_modal .inner_tab_nav button {height: 40px}
.remodal.list_modal .wrap {display: block}
.remodal.list_modal .wrap:before {width: 6px;height: 11px;top: 152px;left: 0;right: 0;bottom: auto;transform: rotate(90deg)}
.remodal.list_modal .inner_tab_panel, .remodal.list_modal .second_wrap {height: 150px}
.remodal.list_modal .inner_tab_panel {width: auto}
.remodal.list_modal .second_wrap {width: auto;margin: 15px 0 0}
.remodal.list_modal .second_wrap li {width: 50%}
.remodal.list_modal .submitbtn {margin-top: 15px}
}
#list_hit {display: flex;align-items: flex-end;margin: 10px 0 15px}
#list_hit .hit {font-size: 12px;line-height: 1.4em}
#list_hit .hit_count {display: inline-block;font-weight: bold;color: #e80000;font-size: 20px;line-height: 1em;margin-right: 5px}
#list_hit .pager {margin-left: auto}
@media screen and (max-width: 1139px) {#list_hit {margin: 10px 15px 15px}
#list_hit .hit {font-weight: bold;font-size: 14px}
#list_hit .hit_count {margin-left: 5px}
}
#list_sort {display: flex;align-items: center;padding-bottom: 20px}
#list_sort .ttl {margin-right: 10px}
#list_sort ul {display: flex;text-align: center;line-height: 1em}
#list_sort li:not(:last-child) {margin-right: 5px}
#list_sort a, #list_sort .current {display: flex;justify-content: center;align-items: center;min-width: 66px;height: 28px;padding: 0 10px;border-radius: 4px}
#list_sort a {background-color: #fff;border: 1px solid #b5b5b5;color: #0084ff}
#list_sort .current {background-color: #ff4e00;color: #fff;position: relative}
#list_sort .current:before {content: "";width: 0;height: 0;border-style: solid;border-color: #ff4e00 transparent transparent transparent;border-width: 10px 9px 0 9px;position: absolute;left: 0;right: 0;bottom: -9px;margin: auto}
@media screen and (max-width: 1139px) {#list_sort {background: url("/img/front/bg_01.jpg");display: block;padding: 15px}
#list_sort ul {font-size: 16px}
#list_sort li {width: 32%}
#list_sort li:not(:last-child) {margin-right: 2%}
#list_sort a, #list_sort .current {width: 100%;min-width: 0;height: 44px;padding: 0}
}
#list_post .list>li {border-top: 3px solid #ff4e00;padding-top: 15px}
#list_post .list>li:not(:last-child) {margin-bottom: 40px}
#list_post .ttlbox {display: flex}
#list_post figure {width: 216px;flex: 0 0 auto;margin-right: 20px}
#list_post figure img {width: 100%;height: auto}
#list_post .name {font-size: 24px;line-height: 1.3em}
#list_post .sub {font-size: 16px;line-height: 1.5em;margin-top: 10px}
#list_post .detail {width: 100%;line-height: 1.4em;margin-top: 20px}
#list_post .detail table {width: 100%}
#list_post .detail th, #list_post .detail td {border: 1px solid #ddd}
#list_post .detail th {background-color: #f7f7f2;width: 85px;padding: 7px 0 0 7px;vertical-align: top}
#list_post .detail th .wrap {display: flex;align-items: center}
#list_post .detail th .icon {display: block;width: 16px;opacity: 0.6;margin-right: 5px}
#list_post .detail th img {width: 100%;height: auto}
@media screen and (min-width: 1140px) {#list_post .detail th:last-of-type {width: 70px}
}
#list_post .detail td {padding: 7px 10px}
@media screen and (min-width: 1140px) {#list_post .detail td:first-of-type {width: 250px}
}
#list_post .tag {display: flex;flex-wrap: wrap;margin: 10px -2px -4px 0;font-size: 12px;line-height: 1.2em}
#list_post .tag li {margin: 0 2px 4px 0}
#list_post .tag a {display: block;border: 1px solid #ddd;border-radius: 4px;padding: 2px 5px}
#list_post .btnbox {background: url("/img/front/bg_01.jpg");margin-top: 15px;padding: 10px 0;position: relative}
#list_post .keep, #list_post .more {display: flex;justify-content: center;align-items: center;border-radius: 50px;text-align: center;font-weight: bold;line-height: 1em}
#list_post .keep {background-color: #fff;width: 170px;height: 40px;border: 1px solid #fb0;padding-left: 10px;font-size: 16px;transition: 0.3s;cursor: pointer;position: absolute;top: 0;left: 15px;bottom: 0;margin: auto}
#list_post .keep.active {display: none}
@media screen and (min-width: 1140px) {#list_post .keep:hover {opacity: 0.5}
}
#list_post .keep.on {display: none;background: #ffffe6 url("/img/front/arrow_07.png") no-repeat right 13px center/8px auto}
#list_post .keep.on.active {display: flex}
#list_post .keep .icon {display: block;width: 16px;height: 16px;position: absolute;top: 0;left: 15px;bottom: 0;margin: auto}
#list_post .keep img {width: 100%;height: auto}
#list_post .keep small {margin: 2px 0 -2px;font-weight: normal;font-size: 12px;line-height: 1em}
#list_post .more {background: #72c0ff url("/img/front/arrow_04.png") no-repeat right 15px center/10px auto;width: 240px;height: 50px;margin: 0 auto;color: #fff;font-size: 20px}
#list_post .pager {padding-top: 25px}
#list_post .pager ul {justify-content: center}
@media screen and (max-width: 1139px) {#list_post {background: url("/img/front/bg_01.jpg");padding: 0 15px}
#list_post .list>li {background-color: #fff;border-top: none;padding: 15px;border-radius: 4px}
#list_post .list>li:not(:last-child) {margin-bottom: 15px}
#list_post figure {width: 120px;margin-right: 10px}
#list_post .name {font-weight: bold;font-size: 16px}
#list_post .detail {margin-top: 10px}
#list_post .detail th, #list_post .detail td {border: none}
#list_post .detail th {background-color: transparent;width: 60px;padding: 3px 0 0;font-weight: normal;font-size: 10px;line-height: 1.4em}
#list_post .detail th .icon {margin-right: 3px}
#list_post .detail td {padding: 2px 0}
#list_post .btnbox {display: flex;background: none;margin-top: 10px;padding: 0}
#list_post .keep, #list_post .more {width: 48%}
#list_post .keep {padding-left: 0;position: static;margin: 0}
#list_post .keep.on {background-position: right 10px center;background-size: 6px auto;padding-right: 3%}
#list_post .keep .icon {position: static;margin: 0 5px 0 0}
#list_post .more {background-position: right 10px center;background-size: 6px auto;height: 40px;margin: 0 0 0 auto;font-size: 16px}
#list_post .pager {padding: 20px 0 80px;font-size: 16px;position: relative}
#list_post .pager ul {justify-content: center}
#list_post .pager li:not(:last-child) {margin-right: 15px}
#list_post .pager .prev, #list_post .pager .next {display: flex;justify-content: center;align-items: center;background: #fff no-repeat;background-size: 6px auto;width: 48%;height: 40px;border: 1px solid #b5b5b5;border-radius: 20px;color: #000;font-size: 14px;line-height: 1em;position: absolute;bottom: 25px}
#list_post .pager .prev {background-image: url("/img/front/arrow_02.png");background-position: left 15px center;left: 0}
#list_post .pager .next {background-image: url("/img/front/arrow_01.png");background-position: right 15px center;right: 0}
}
#list_post.single .name {background-color: #f7f7f2;border-top: 3px solid #ff4e00;padding: 15px}
#list_post.single .detail table {width: 100%}
#list_post.single .photowrap {display: flex;padding-top: 30px}
#list_post.single .photobox {width: 360px}
#list_post.single .photobox img {width: 100%;height: auto}
#list_post.single .thumb {width: 365px;margin-top: 10px}
#list_post.single .thumb .slick-track {left: 0 !important}
#list_post.single .thumb .slick-slide {cursor: pointer;transition: 0.3s;margin-right: 5px}
@media screen and (min-width: 1140px) {#list_post.single .thumb .slick-slide:hover {opacity: 0.5}
}
#list_post.single .txtbox {width: 458px;margin-left: auto}
#list_post.single .sub {margin-top: 0}
#list_post.single .btnbox {margin-top: 25px;padding: 20px 0}
#list_post.single .btnbox .keep {position: relative;left: 0;margin: 0 auto 15px}
#list_post.single .btnbox .tempbtn {width: 345px;height: 50px;margin: 0 auto;font-size: 22px}
@media screen and (max-width: 1139px) {#list_post.single {background: none;padding: 0}
#list_post.single .name .number {display: block;font-weight: normal;font-size: 12px;line-height: 1em;margin-bottom: 7px}
#list_post.single .intro {display: flex;flex-direction: column;padding: 15px}
#list_post.single .photowrap {order: 1;display: block;padding-top: 0}
#list_post.single .photobox {width: auto}
#list_post.single .mainphoto .slick-arrow {background-color: #fff;background-size: 6px auto;width: 24px;height: 24px;border: 1px solid #959595;border-radius: 50%}
#list_post.single .mainphoto .slick-prev {background-image: url("/img/front/slide_prev.png");left: -12px}
#list_post.single .mainphoto .slick-next {background-image: url("/img/front/slide_next.png");right: -12px}
#list_post.single .thumb {width: auto}
#list_post.single .thumb .slick-list {display: flex;justify-content: center}
#list_post.single .thumb .slick-slide {margin: 0 2px}
#list_post.single .txtbox {width: auto;margin: 20px 0 0}
#list_post.single .detail {order: 2;margin-top: 15px;border: 1px solid #ddd;border-radius: 5px;padding: 15px 10px}
#list_post.single .btnbox {display: block;background: url("/img/front/bg_01.jpg");margin-top: 0;padding: 15px}
#list_post.single .btnbox .flex {display: flex}
#list_post.single .btnbox .tempbtn {width: 48%;height: auto;padding-top: 1.7%;padding-bottom: calc(1.7% + 3px);font-size: 4.6vw}
#list_post.single .btnbox .tempbtn:not(:first-child) {margin-left: auto}
#list_post.single .btnbox .tel {color: #71c841;text-shadow: none}
#list_post.single .btnbox .tel:before {background-color: #fff;border: 1px solid #71c841}
#list_post.single .btnbox .tel .small {display: block;font-size: 3.5vw;line-height: 1em;margin-top: 3px}
#list_post.single .btnbox .keep {width: 100%;height: auto;padding: 4.5% 0;margin: 10px 0 0;font-size: 4.6vw}
}
#single_point {margin-top: 40px}
#single_point p {font-size: 16px;line-height: 1.5em;margin-top: 10px}
@media screen and (max-width: 1139px) {#single_point {margin-top: 20px}
#single_point p {font-size: 14px;margin: 10px 15px 0}
}
#single_guide {margin-top: 30px}
#single_guide table {width: 100%;margin-top: 20px}
#single_guide th, #single_guide td {border: 1px solid #ddd;vertical-align: middle}
#single_guide th {background-color: #f7f7f2;width: 135px;text-align: center}
#single_guide th .icon {display: block;width: 22px;margin: 0 auto 5px;opacity: 0.6}
#single_guide th img {width: 100%;height: auto}
#single_guide td {padding: 20px 15px;font-size: 16px;line-height: 1.5em}
#single_guide td a {color: #0084ff;text-decoration: underline}
#single_guide td .tag {display: flex;flex-wrap: wrap;margin: 0 -2px -4px 0;padding-bottom: 10px;font-size: 12px;line-height: 1.2em}
#single_guide td .tag li {margin: 0 2px 4px 0}
#single_guide td .tag a {display: block;border: 1px solid #ddd;border-radius: 4px;padding: 2px 5px;color: #000;text-decoration: none}
@media screen and (max-width: 1139px) {#single_guide {margin-top: 20px}
#single_guide table {margin-top: 10px}
#single_guide th, #single_guide td {display: block;border: none}
#single_guide th {background: url("/img/front/bg_01.jpg");width: 100%;padding: 5px 15px;text-align: left}
#single_guide th .wrap {display: flex;align-items: center}
#single_guide th .icon {width: 20px;margin: 0 5px 0 0}
#single_guide td {padding: 15px 15px 20px;font-size: 14px}
}
#single_bottom {display: flex;align-items: center;background: url("/img/front/bg_01.jpg");margin-top: 30px;padding: 20px 15px}
#single_bottom .keep {display: flex;justify-content: center;align-items: center;background-color: #fff;width: 170px;height: 40px;border-radius: 40px;border: 1px solid #fb0;padding-left: 10px;margin: 0 73px 6px 0;font-weight: bold;text-align: center;font-size: 16px;line-height: 1em;transition: 0.3s;cursor: pointer;position: relative}
#single_bottom .keep.active {display: none}
@media screen and (min-width: 1140px) {#single_bottom .keep:hover {opacity: 0.5}
}
#single_bottom .keep.on {display: none;background: #ffffe6 url("/img/front/arrow_07.png") no-repeat right 13px center/8px auto}
#single_bottom .keep.on.active {display: flex}
#single_bottom .keep .icon {display: block;width: 16px;height: 16px;position: absolute;top: 0;left: 15px;bottom: 0;margin: auto}
#single_bottom .keep img {width: 100%;height: auto}
#single_bottom .keep small {margin: 2px 0 -2px;font-weight: normal;font-size: 12px;line-height: 1em}
#single_bottom .number {width: 122px;font-weight: bold;font-size: 12px;line-height: 1em}
#single_bottom .btnbox {display: flex}
#single_bottom .tempbtn {height: 50px}
#single_bottom .tempbtn:not(:last-child) {margin-right: 10px}
#single_bottom .tel {width: 220px;color: #71c841;font-size: 18px;text-shadow: none}
#single_bottom .tel:before {background-color: #fff;border: 1px solid #71c841}
#single_bottom .tel .small {display: block;font-size: 14px;line-height: 1em;margin-top: 3px}
#single_bottom .web {width: 345px;font-size: 22px}
@media screen and (max-width: 1139px) {#single_bottom {flex-direction: column;margin-top: 10px;padding: 15px}
#single_bottom .keepbox {order: 2;width: 100%}
#single_bottom .keep {width: 100%;height: auto;padding: 4.5% 0;margin: 10px 0 0;font-size: 4.6vw}
#single_bottom .keep .icon {position: static;margin: 0 5px 0 0}
#single_bottom .number {width: 100%;margin-top: 10px}
#single_bottom .btnbox {order: 1;width: 100%}
#single_bottom .tempbtn {width: 48%;height: auto;padding-top: 1.7%;padding-bottom: calc(1.7% + 3px);font-size: 4.6vw}
#single_bottom .tempbtn:not(:last-child) {margin-right: 0}
#single_bottom .tempbtn:not(:first-child) {margin-left: auto}
#single_bottom .tel .small {font-size: 3.5vw}
}
@media screen and (min-width: 1140px) {#apply_work {padding-top: 10px}
}
#apply_work .txtwrap {display: flex;padding-top: 20px}
#apply_work figure {width: 216px}
#apply_work figure img {width: 100%;height: auto}
@media screen and (min-width: 1140px) {#apply_work .txtbox {width: 610px;margin-left: auto}
}
#apply_work .name {font-size: 18px;line-height: 1.4em;margin-bottom: 10px}
#apply_work table {width: 100%;line-height: 1.4em}
#apply_work th, #apply_work td {border: 1px solid #ddd;vertical-align: middle}
#apply_work th {background-color: #f7f7f2;width: 80px;padding-left: 7px}
#apply_work th .wrap {display: flex;align-items: center}
#apply_work th .icon {display: block;width: 16px;margin-right: 3px;opacity: 0.6}
#apply_work th img {width: 100%;height: auto}
#apply_work td {padding: 5px 10px}
@media screen and (max-width: 1139px) {#apply_work .tempttl {display: flex;align-items: center;border-bottom: none;padding: 0 15px}
#apply_work .tempttl .txt {display: block;flex: 0 0 auto;margin-right: 10px}
#apply_work .tempttl .flow {display: block;width: 139px;margin-left: auto}
#apply_work .tempttl img {width: 100%;height: auto}
#apply_work .txtwrap {display: block;margin: 15px 15px 0;border: 1px solid #b5b5b5;padding: 15px}
#apply_work .name {font-weight: bold;font-size: 16px;margin-bottom: 0;padding-right: 20px;position: relative;cursor: pointer}
#apply_work .name:before {content: "";background: url("/img/front/arrow_01.png") no-repeat left top/100% 100%;width: 8px;height: 14px;position: absolute;top: 0;right: 5px;bottom: 0;margin: auto;transform: rotate(90deg);transition: 0.3s}
#apply_work .name.open:before {transform: rotate(270deg)}
#apply_work .detail {display: none;padding-top: 15px}
#apply_work th, #apply_work td {border: none;vertical-align: top}
#apply_work th {background-color: transparent;width: 60px;padding: 3px 0 0;font-weight: normal;font-size: 10px;line-height: 1.4em}
#apply_work td {padding: 2px 0}
}
#apply_form {margin-top: 30px}
#apply_form .tempttl {margin-bottom: 20px}
#apply_form .tempttl .small {display: inline-block;margin-left: 25px;color: #000;font-size: 14px}
#apply_form table {width: 100%;border: 1px solid #ddd}
@media screen and (min-width: 1140px) {#apply_form tr:not(:last-child) {border-bottom: 1px dotted #bfbfbf}
}
#apply_form th, #apply_form td {vertical-align: middle}
#apply_form th {background-color: #f7f7f2;width: 135px;padding-left: 10px;border-right: 1px solid #ddd}
#apply_form td {padding: 18px 20px}
#apply_form td input:not([type="radio"]):not([type="checkbox"]), #apply_form td select {width: 345px;height: 32px;border-radius: 4px}
#apply_form td small {font-size: 12px;line-height: 1.4em}
#apply_form td .wrap {display: flex;align-items: center}
#apply_form td .wrap small {margin-left: 10px}
#apply_form .birth select {width: 80px}
@media screen and (min-width: 1140px) {#apply_form .birth select:first-child {width: 110px}
}
#apply_form .birth small {font-size: 14px}
#apply_form .birth small:not(:last-child) {margin-right: 15px}
#apply_form .sex input {display: none}
#apply_form .sex label {display: flex;justify-content: center;align-items: center;width: 110px;height: 32px;border: 1px solid #b5b5b5;border-radius: 4px;transition: 0.3s}
#apply_form .sex label:last-child {margin-left: 10px}
#apply_form .sex label.active {background-color: #fb0;border: none}
#apply_form .mail .bottom {margin-top: 10px}
#apply_form .address select {width: 110px}
#apply_form .address input:not([type="radio"]):not([type="checkbox"]) {width: 445px;margin-left: 10px}
#apply_form .btnbox {display: flex;justify-content: center;margin-top: 40px}
#apply_form .submitbtn {width: 345px;height: 50px;margin: 0 auto}
#apply_form .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0;text-align: center;font-weight: bold;color: #fff;font-size: 22px;line-height: 1em;text-shadow: 0 -1px #4c9225;cursor: pointer}
#apply_form .privacy {margin-top: 20px;text-align: center;font-size: 16px;line-height: 1.4em}
#apply_form .privacy a {color: #0084ff;text-decoration: underline}
@media screen and (max-width: 1139px) {#apply_form {margin: 15px 15px 0}
#apply_form table {border: none}
#apply_form th {background-color: transparent;width: 65px;padding: 0 10px 0 0;border-right: none;text-align: right;font-size: 12px;line-height: 1em}
#apply_form th img {width: 34px;height: auto;margin: 3px 0 0 auto}
#apply_form td {padding: 7px 0}
#apply_form td input:not([type="radio"]):not([type="checkbox"]), #apply_form td select {width: 100%;height: 44px}
#apply_form .birth select {width: 100%}
#apply_form .birth small {flex: 0 0 auto;font-size: 12px;margin-left: 5px !important}
#apply_form .birth small:not(:last-child) {margin-right: 5px}
#apply_form .sex label {width: 48%;height: 44px}
#apply_form .sex label:last-child {margin-left: auto}
#apply_form .mail .bottom {margin-top: 10px}
#apply_form .address select {width: 32%}
#apply_form .address input:not([type="radio"]):not([type="checkbox"]) {width: 64%;margin-left: auto}
#apply_form .btnbox {margin-top: 15px}
#apply_form .send {width: 100%}
#apply_form .submitbtn {width: 100%}
#apply_form .submitbtn input {font-size: 18px}
#apply_form .privacy {font-size: 14px;margin-bottom: 30px}
}
#apply_form.confirm .submitbtn {margin: 0}
#apply_form.confirm .return {width: 263px;background-color: #a9a9a9;margin-right: 30px}
#apply_form.confirm .return:before {background-color: #fff;border: 1px solid #ddd}
#apply_form.confirm .return, #apply_form.confirm .return input {color: #000;text-shadow: none}
#apply_form.confirm .return, #apply_form.confirm .return a, #apply_form.confirm .return button, #apply_form.confirm .return input {font-size: 18px}
#apply_form.confirm .return, #apply_form.confirm .return a, #apply_form.confirm .return button {display: flex;justify-content: center;align-items: center;text-align: center;font-weight: bold;line-height: 1em;cursor: pointer}
#apply_form.confirm .return a, #apply_form.confirm .return button {width: 100%;height: 100%}
@media screen and (max-width: 1139px) {#apply_form.confirm tr:not(:last-child) {border-bottom: 15px solid #fff}
#apply_form.confirm td {border-left: 1px solid #b5b5b5;padding-left: 10px}
#apply_form.confirm .btnbox {margin-top: 30px}
#apply_form.confirm .return {width: 39%;flex: 0 0 auto;margin-right: 10px}
}
#apply_finish {max-width: 750px;padding-top: 90px}
#apply_finish .ttl {text-align: center;color: #ff4e00;font-weight: bold;font-size: 32px;line-height: 1.4em}
#apply_finish .txt1 {text-align: center;font-weight: bold;font-size: 18px;line-height: 1.6em;margin: 20px 0 15px}
#apply_finish .txt2 {font-size: 16px;line-height: 1.7em}
#apply_finish .info {background-color: #f7f7f2;width: 555px;margin: 20px auto 50px;padding: 20px 0;border: 2px solid #ddd;text-align: center;font-weight: bold;font-size: 18px;line-height: 1.6em}
#apply_finish .btnbox {display: flex;justify-content: center}
#apply_finish .btnbox .tempbtn {background-color: #dda200;width: 264px;height: 50px;color: #fb0;font-size: 18px;text-shadow: none}
#apply_finish .btnbox .tempbtn:not(:last-child) {margin-right: 30px}
#apply_finish .btnbox .tempbtn:before {background-color: #fff;border: 1px solid #fb0}
@media screen and (max-width: 1139px) {#apply_finish {padding: 0 15px 25px}
#apply_finish .tempttl {display: flex;align-items: center;border-bottom: none;padding: 0}
#apply_finish .tempttl .txt {display: block;flex: 0 0 auto;margin-right: 10px}
#apply_finish .tempttl .flow {display: block;width: 139px;margin-left: auto}
#apply_finish .tempttl img {width: 100%;height: auto}
#apply_finish .ttl {margin-top: 40px;font-size: 5.6vw}
#apply_finish .txt1 {font-size: 4.2vw}
#apply_finish .txt2 {font-size: 14px}
#apply_finish .info {width: auto;margin: 20px 0 25px;padding: 20px 10px}
#apply_finish .btnbox .tempbtn {width: 48%;font-size: 16px}
#apply_finish .btnbox .tempbtn:not(:last-child) {margin-right: 4%}
}
#registration .head {padding-top: 10px}
@media screen and (max-width: 1139px) {#registration .head {display: flex;align-items: center;padding: 0 15px;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1em}
#registration .head .txt {display: block;flex: 0 0 auto;margin-right: 10px}
#registration .head .flow {display: block;width: 180px;margin-left: auto}
#registration .head img {width: 100%;height: auto}
}
@media screen and (max-width: 1139px) {#registration .bana {padding-top: 10px}
#registration .bana img {width: 100%;height: auto}
#registration .head_ttl {background-color: #fb0;padding: 7px 15px;font-weight: bold;color: #fff;font-size: 18px;line-height: 1em;margin-top: 15px}
}
#contact .tempttl {padding-top: 20px}
#contact .required_txt {font-weight: bold;margin-top: 10px}
#contact #apply_form textarea {width: 100%;height: 160px;border-radius: 4px}
#contact #apply_form .submitbtn {background-color: #4187bf}
#contact #apply_form .submitbtn:before {background-color: #72c0ff}
#contact #apply_form .submitbtn input {text-shadow: 0 -1px #4187bf}
#contact #apply_finish .ttl {margin-bottom: 30px}
@media screen and (max-width: 1139px) {#contact .tempttl {background-color: #f7f7f2;border-bottom: none;padding: 15px 0;text-align: center}
#contact #apply_finish .tempbtn {width: 77%}
}
#contact.repass .required_txt {font-weight: normal}
@media screen and (max-width: 1139px) {#contact.repass .required_txt {margin: 15px 25px 0}
#contact.repass #apply_form {padding-bottom: 30px}
}
#mypage #header {background-color: #fff;border-bottom-color: #fb0}
@media screen and (max-width: 1139px) {#mypage #header .wrapper {padding-right: 50px}
}
#mypage #header .btnbox .name {display: flex;align-items: center;margin-right: 20px}
#mypage #header .btnbox .name .icon {display: block;width: 21px;margin-right: 5px}
#mypage #header .btnbox .name img {width: 100%;height: auto}
#mypage #header .btnbox .name .txt {display: flex;align-items: center}
#mypage #header .btnbox .name .small {display: block;margin-left: 5px;font-size: 12px}
#mypage #header .btnbox.in_item a {border: 1px solid #fb0}
@media screen and (max-width: 1139px) {#mypage #header .btnbox a {position: relative}
#mypage #header .btnbox a .icon {width: 24px}
#mypage #header .btnbox a .txt {margin-top: 2px}
#mypage #header .btnbox a .new {display: block;position: absolute;top: 3px;right: -12px}
#mypage #header .btnbox a .new span {display: flex;justify-content: center;align-items: center;background-color: #ff2400;width: 22px;height: 22px;border-radius: 50%;text-align: center;font-weight: bold;color: #fff;line-height: 1em}
}
@media screen and (min-width: 1140px) {#mypage main {padding-top: 0}
}
#mypage #top_recommend {padding: 20px 50px;margin-top: 50px}
#mypage #top_recommend .slick-prev {left: -42px}
#mypage #top_recommend .slick-next {right: -42px}
#mypage_nav {border-bottom: 1px solid #ddd;margin-bottom: 30px;font-weight: bold;font-size: 18px;line-height: 1.4em}
#mypage_nav ul {display: flex;border: solid #ddd;border-width: 0 1px}
#mypage_nav li {flex: 1}
#mypage_nav li:not(:last-child) {border-right: 1px solid #ddd}
#mypage_nav a {display: flex;justify-content: center;align-items: center;height: 60px}
#mypage_nav a .icon {display: block;width: 24px;margin-right: 8px}
#mypage_nav a img {width: 100%;height: auto}
#mypage_nav a .new {display: block;margin-left: 7px}
#mypage_nav a .new span {display: flex;justify-content: center;align-items: center;background-color: #ff2400;width: 22px;height: 22px;border-radius: 50%;text-align: center;font-weight: bold;color: #fff;font-size: 14px;line-height: 1em}
#mypage_nav a:hover, #mypage_nav a.active {opacity: 1;background-color: #fff6de}
@media screen and (min-width: 1140px) {#mypage_schedule {display: flex}
}
#mypage_schedule .txtbox {width: 848px}
#mypage_schedule .txtbox ul {font-size: 16px;line-height: 1.4em}
#mypage_schedule .txtbox li {display: flex;align-items: center;border-bottom: 1px solid #ddd;padding: 11px 0}
#mypage_schedule .txtbox li time {flex: 0 0 auto;margin-right: 20px}
#mypage_schedule .txtbox li .area {flex: 0 0 auto;margin-right: 50px}
#mypage_schedule .monthly {width: 262px;margin-left: auto}
#mypage_schedule .monthly dl {border: 4px solid #fb0;border-radius: 4px;padding: 8px 0;text-align: center;font-weight: bold}
#mypage_schedule .monthly dl:last-child {margin-top: 5px}
#mypage_schedule .monthly dt {font-size: 18px;line-height: 1em;margin-bottom: 9px}
#mypage_schedule .monthly dd {color: #ff4e00;font-size: 24px;line-height: 1em}
#mypage_schedule .monthly dd .small {font-size: 16px}
#mypage_schedule .monthly dd small {color: #000;font-size: 14px;line-height: 1em;margin-top: 2px}
@media screen and (max-width: 1139px) {#mypage_schedule {margin-top: 15px}
#mypage_schedule .monthly {display: flex;width: auto;margin: 15px 15px 0}
#mypage_schedule .monthly dl {width: 49%;height: 94px;padding: 12px 0 0}
#mypage_schedule .monthly dl:last-child {margin: 0 0 0 auto}
#mypage_schedule .monthly dt {font-size: 15px;margin-bottom: 9px}
}
#mypage_history {padding-top: 30px}
#mypage_history .sort {background-color: #f7f7f2;display: flex;align-items: center;padding: 15px 25px 15px 20px}
#mypage_history .sort .txt1 {flex: 0 0 auto;font-weight: bold;font-size: 16px;line-height: 1.4em;margin-right: 35px}
#mypage_history .sort .check .wrap {display: flex}
#mypage_history .sort .check label {display: block;margin-right: 20px}
#mypage_history .sort .check input {margin-right: 5px}
#mypage_history .sort .submitbtn {background-color: #ffffe6;width: 114px;height: 40px;flex: 0 0 auto;border: 1px solid #ff4e00;border-radius: 30px;margin-left: auto}
#mypage_history .sort .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0;text-align: center;font-weight: bold;font-size: 16px;line-height: 1em;cursor: pointer}
@media screen and (max-width: 1139px) {#mypage_history {padding-top: 15px}
#mypage_history .sort {padding: 10px 15px}
#mypage_history .sort .txt1 {margin-right: 20px}
#mypage_history .sort .submitbtn {display: flex;justify-content: center;align-items: center;background: #ffffe6 url("/img/front/arrow_01.png") no-repeat right 10px center/8px auto;width: 100%;height: 44px;flex: 0 auto;padding-right: 10px;text-align: center;font-weight: bold;line-height: 1em;margin-left: 0}
}
#mypage_history #list_hit {margin: 20px 0}
@media screen and (max-width: 1139px) {#mypage_history #list_sort {background: none;padding-top: 10px}
#mypage_history #list_sort ul {font-size: 13px}
}
#mypage_history .table table {width: 100%;line-height: 1.4em}
@media screen and (min-width: 1140px) {#mypage_history .table tr:nth-child(even) {border-bottom: 2px solid #ddd}
}
#mypage_history .table th, #mypage_history .table td {border: 1px solid #ddd;text-align: center;vertical-align: middle}
#mypage_history .table .pc th {background-color: #f7f7f2;padding: 6px 0}
#mypage_history .table .pc th[rowspan="2"] {width: 140px}
#mypage_history .table .status {padding: 10px}
#mypage_history .table .status .statusbox {display: flex;justify-content: center;align-items: center;height: 70px;border: 2px solid;border-radius: 4px;font-weight: bold;color: #fff}
#mypage_history .table .status .apply {background-color: #ef9b76;border-color: #bf7900}
#mypage_history .table .status .choice {background-color: #556ce0;border-color: #1b42a9}
#mypage_history .table .status .job_decision {background-color: #eb3b3b;border-color: #bd1818}
#mypage_history .table .status .ago3 {background-color: #ed9ebd;border-color: #cf6a91}
#mypage_history .table .status .ago1 {background-color: #ed9ebd;border-color: #cf6a91}
#mypage_history .table .status .tday {background-color: #ffadff;border-color: #FF42FF}
#mypage_history .table .status .dpat {background-color: #d6adff;border-color: #A042FF}
#mypage_history .table .status .arrive {background-color: #ffffad;border-color: #FFFF42; color: #696969;}
#mypage_history .table .status .job_comp {background-color: #f7c888;border-color: #bf9813}
#mypage_history .table .status .pay_possible {background-color: #89c797;border-color: #4da461}
#mypage_history .table .status .pay_applied {background-color: #7eaff1;border-color: #4377bd}
#mypage_history .table .status .pay_comp {background-color: #7ecbf1;border-color: #50a3cc}
#mypage_history .table .status .cancel {background-color: #bcbcbc;border-color: #a2a2a2}
#mypage_history .table .status .mismatch {background-color: #b49b6b;border-color: #8c7342}
#mypage_history .table .status .no_work {background-color: #5b5b5b;border-color: #333333}
@media screen and (min-width: 1140px) {#mypage_history .table .name {padding: 6px 10px;text-align: left}
}
#mypage_history .table .arrival, #mypage_history .table .finish, #mypage_history .table .ago3, #mypage_history .table .ago1, #mypage_history .table .payment ,#mypage_history .table .salary {padding: 6px 0 8px}
#mypage_history .table .arrival .btn, #mypage_history .table .finish .btn, #mypage_history .table .ago3 .btn, #mypage_history .table .ago1 .btn, #mypage_history .table .payment .btn,#mypage_history .table .salary .btn {display: flex;justify-content: center;align-items: center;background-color: #ddd;width: 120px;height: 24px;border-radius: 4px;color: #fff;margin: 2px auto 0}
#mypage_history .table .arrival .btn.finish, #mypage_history .table .finish .btn.finish, #mypage_history .table .ago3 .btn.ago3, #mypage_history .table .ago1 .btn.ago1, #mypage_history .table .ago1 .btn.payment, #mypage_history .table .salary .btn.finish {color: #000}
#mypage_history .table .arrival a.btn, #mypage_history .table .finish a.btn,#mypage_history .table .ago3 a.btn, #mypage_history .table .ago1 a.btn, #mypage_history .table .payment a.btn, #mypage_history .table .salary a.btn {background-color: #ff4e00}
#mypage_history .table .salary {padding: 0}
#mypage_history .table .salary .txt {font-weight: bold;font-size: 16px;line-height: 1.4em}
#mypage_history .table .salary .str {font-size: 12px;line-height: 1.2em}
#mypage_history .table .salary .btn {margin-top: 4px}
#mypage_history .table .payment {padding: 0}
#mypage_history .table .payment .txt {font-weight: bold;font-size: 16px;line-height: 1.4em}
#mypage_history .table .payment .btn {margin-top: 4px}
@media screen and (max-width: 1139px) {#mypage_history .table table {border-bottom: 2px solid #ddd;word-break: break-all}
#mypage_history .table colgroup col:first-child {width: 115px}
#mypage_history .table .col {border-top: 3px solid #ddd}
#mypage_history .table .col2 {border-top: 3px solid #ddd}
#mypage_history .table th, #mypage_history .table td {text-align: left}
#mypage_history .table .status {padding: 10px 15px}
#mypage_history .table .status .wrap {display: flex;align-items: center}
#mypage_history .table .status .statusbox {width: 120px;height: 58px;flex: 0 0 auto;margin-right: 10px}
#mypage_history .table th {background-color: #f7f7f2;padding-left: 15px}
#mypage_history .table tr:not(.col):not(.col2) td {height: 32px;padding: 3px 15px 3px 10px}
#mypage_history .table tr:not(.col):not(.col2) td .wrap {display: flex;align-items: center}
#mypage_history .table tr:not(.col):not(.col2) td .btn {flex: 0 0 auto;margin: 0 0 0 auto}
#mypage_history .table .arrival .txt, #mypage_history .table .finish .txt, #mypage_history .table .ago3 .txt, #mypage_history .table .ago1 .txt {padding-right: 5px;font-size: 9px;line-height: 1.4em}
#mypage_history .table .salary .txt {font-size: 14px}
#mypage_history .table .payment .txt {font-size: 10px; line-height: 1.4em;}
}
#mypage_history .pager.bottom {padding-top: 25px}
#mypage_history .pager.bottom ul {justify-content: center}
@media screen and (max-width: 1139px) {#mypage_history .pager.bottom {margin: 0 15px}
}
.remodal.mypage_history {max-width: 585px;border-radius: 4px;text-align: center;font-weight: bold}
.remodal.mypage_history .modal {padding: 60px 0}
.remodal.mypage_history .ttl {font-size: 22px;line-height: 1.4em}
.remodal.mypage_history .btnbox {display: flex;justify-content: center;padding-top: 30px}
.remodal.mypage_history .btnbox .close, .remodal.mypage_history .btnbox .submitbtn {width: 230px;height: 40px;border-radius: 40px}
.remodal.mypage_history .btnbox .close, .remodal.mypage_history .btnbox .submitbtn input {background-color: transparent;font-size: 18px;line-height: 1em;cursor: pointer}
.remodal.mypage_history .btnbox .close {display: flex;justify-content: center;align-items: center;border: 1px solid #ddd;margin-right: 15px;transition: 0.3s}
@media screen and (min-width: 1140px) {.remodal.mypage_history .btnbox .close:hover {opacity: 0.5}
}
.remodal.mypage_history .btnbox .submitbtn {background-color: #ff4e00}
.remodal.mypage_history .btnbox .submitbtn input {width: 100%;height: 100%;padding: 0;border: none;text-align: center;font-weight: bold;color: #fff}
@media screen and (max-width: 1139px) {.remodal.mypage_history .modal {padding: 25px 0}
.remodal.mypage_history .ttl {font-size: 1.1rem;}
.remodal.mypage_history .btnbox {display: block;padding-top: 15px}
.remodal.mypage_history .btnbox .close, .remodal.mypage_history .btnbox .submitbtn {margin: 0 auto}
.remodal.mypage_history .btnbox .close {margin-bottom: 10px}
}
.remodal.mypage_history.logout {border: 5px solid #fb0}
.remodal.mypage_history.logout .txt1 {font-weight: normal;margin-top: 10px}
.remodal.mypage_history.logout .submitbtn {background-color: #72c0ff}
#search.mypage .submitbox {border-top-width: 1px;position: static}
#search.mypage .submitbox .submitbtn {margin: 0 auto}
#mypage_keep .all_entry {display: flex;align-items: center;background: url("/img/front/bg_01.jpg");padding: 20px;margin-bottom: 20px}
#mypage_keep .all_entry .submitbtn {width: 240px;height: 50px;border-radius: 30px;margin-right: 20px}
#mypage_keep .all_entry .submitbtn:before {background: #71c841 url("/img/front/arrow_04.png") no-repeat right 15px center/10px auto}
#mypage_keep .all_entry .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0;text-align: center;font-weight: bold;color: #fff;font-size: 20px;line-height: 1em;text-shadow: 0 -1px rgba(0, 0, 0, 0.3);cursor: pointer}
#mypage_keep .all_entry .all_check {display: flex;justify-content: center;align-items: center;background: #fff url("/img/front/icon_check02.png") no-repeat left 13px center/19px auto;width: 240px;height: 30px;border-radius: 20px;border: 1px solid #ddd;text-align: center;font-weight: bold;color: #666;line-height: 1em;margin-top: 5px;cursor: pointer}
#mypage_keep .all_entry .all_check .on {display: none}
#mypage_keep .all_entry .all_check.active {background-image: url("/img/front/icon_check03.png")}
#mypage_keep .all_entry .all_check.active .off {display: none}
#mypage_keep .all_entry .all_check.active .on {display: block}
@media screen and (max-width: 1139px) {#mypage_keep .all_entry {display: block;background: none;padding: 15px 15px 30px;margin-bottom: 0}
#mypage_keep .all_entry .txt1 {text-align: center}
#mypage_keep .all_entry .all_check {margin: 10px auto 15px}
#mypage_keep .all_entry .submitbtn {width: auto;margin-right: 0}
#mypage_keep .all_entry .submitbtn:before {background-size: 8px auto}
}
@media screen and (min-width: 1140px) {#mypage_keep #list_post .list>li {border-style: solid;border-width: 3px 1px 1px;border-color: #ff4e00 #ddd #ddd;border-radius: 0 0 4px 4px}
#mypage_keep #list_post .list>li:not(:last-child) {margin-bottom: 20px}
}
#mypage_keep #list_post .checkbox {display: flex;padding: 5px 20px 20px}
#mypage_keep #list_post .check, #mypage_keep #list_post .delete {width: 50px;height: 50px;flex: 0 0 auto}
#mypage_keep #list_post .check {background: url("/img/front/icon_check05.png") no-repeat}
#mypage_keep #list_post .check input {display: none}
#mypage_keep #list_post .check.active {background-image: url("/img/front/icon_check04.png")}
#mypage_keep #list_post .delete {background: url("/img/front/icon_delete.png") no-repeat;margin-left: auto;cursor: pointer}
@media screen and (min-width: 1140px) {#mypage_keep #list_post .name {padding: 0 15px;font-size: 20px}
#mypage_keep #list_post .ttlbox {padding: 0 20px}
#mypage_keep #list_post .sub {margin-top: 0}
#mypage_keep #list_post .detail {margin-top: 10px}
#mypage_keep #list_post .detail table {width: 100%}
#mypage_keep #list_post .detail th {width: 85px}
#mypage_keep #list_post .detail td {width: auto}
#mypage_keep #list_post .tag {margin: 20px 20px 0}
#mypage_keep #list_post .btnbox {display: flex;justify-content: center;padding-bottom: 7px}
#mypage_keep #list_post .more {margin: 0 20px 0 0}
}
#mypage_keep #list_post .tempbtn {width: 240px;height: 50px;font-size: 20px;margin-top: 3px}
#mypage_keep #list_post .tempbtn:before {background: #71c841 url("/img/front/arrow_04.png") no-repeat right 15px center/10px auto}
@media screen and (max-width: 1139px) {#mypage_keep #list_post {padding: 15px 15px 20px}
#mypage_keep #list_post .list>li {border-radius: 4px}
#mypage_keep #list_post .checkbox {padding: 0 0 10px}
#mypage_keep #list_post .check, #mypage_keep #list_post .delete {background-size: 100% 100%;width: 25px;height: 25px}
#mypage_keep #list_post .check {background-image: url("/img/front/icon_check07.png")}
#mypage_keep #list_post .check.active {background-image: url("/img/front/icon_check06.png")}
#mypage_keep #list_post .delete {background-image: url("/img/front/icon_delete02.png")}
#mypage_keep #list_post .more {margin-left: 0}
#mypage_keep #list_post .tempbtn {width: 48%;height: 40px;margin-left: auto;font-size: 16px}
#mypage_keep #list_post .tempbtn:before {background-position: right 10px center;background-size: 6px auto}
}
#mypage_news .pager.bottom {padding-top: 40px}
#mypage_news .pager.bottom ul {justify-content: center}
@media screen and (max-width: 1139px) {#mypage_news #list_hit {margin-bottom: 10px}
#mypage_news #list_hit .hit {font-weight: normal;font-size: 12px}
#mypage_news .pager.bottom {padding-bottom: 25px !important}
}
@media screen and (min-width: 1140px) {#mypage_news_list li:not(:last-child) {margin-bottom: 2px}
}
#mypage_news_list .openbtn {display: flex;align-items: center;padding: 13px 0 13px 25px;cursor: pointer}
#mypage_news_list .openbtn .icon {display: block;width: 31px;flex: 0 0 auto;margin-right: 25px}
#mypage_news_list .openbtn .icon img {width: 100%;height: auto}
#mypage_news_list .openbtn .icon .close {display: none}
#mypage_news_list .openbtn .ttl {font-weight: bold;font-size: 16px;line-height: 1.4em}
#mypage_news_list .openbtn .ttl .important {display: inline-block;color: #d70000;margin-right: 15px}
#mypage_news_list .openbtn time {font-size: 12px;line-height: 1em;margin-top: 5px}
#mypage_news_list .openbtn .plus {width: 71px;height: 31px;flex: 0 0 auto;margin-left: auto;position: relative}
#mypage_news_list .openbtn .plus:before, #mypage_news_list .openbtn .plus:after {content: "";background-color: #b7a77d;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
#mypage_news_list .openbtn .plus:before {width: 31px;height: 5px}
#mypage_news_list .openbtn .plus:after {width: 5px;height: 31px;transition: 0.3s}
#mypage_news_list .openbtn.open .plus:after {opacity: 0}
#mypage_news_list li:nth-child(odd) .openbtn {background-color: #f7f7f2}
#mypage_news_list .unread .openbtn {background-color: #fff6de !important}
#mypage_news_list .unread .openbtn .icon .close {display: block}
#mypage_news_list .unread .openbtn .icon .open {display: none}
#mypage_news_list .accordion {display: none;border-top: 1px dotted #bfbfbf;padding: 15px 80px 20px;font-size: 12px;line-height: 1.7em}
#mypage_news_list .accordion a {color: #0084ff;text-decoration: underline}
@media screen and (max-width: 1139px) {#mypage_news_list li {border-bottom: 1px solid #eee}
#mypage_news_list .openbtn {padding: 10px 0 10px 15px}
#mypage_news_list .openbtn .icon {width: 27px;margin-right: 10px}
#mypage_news_list .openbtn .ttl .important {margin-right: 5px}
#mypage_news_list .openbtn .plus {width: 51px;height: 21px}
#mypage_news_list .openbtn .plus:before {width: 21px;height: 3px}
#mypage_news_list .openbtn .plus:after {width: 3px;height: 21px}
#mypage_news_list .accordion {border-top-style: dashed;padding: 10px 15px 15px}
}
#mypage_registration #apply_form {max-width: 850px}
@media screen and (min-width: 1140px) {#mypage_registration #apply_form .tempttl2 {margin-bottom: 20px}
}
#mypage_registration #apply_form .txt1 {font-size: 16px;line-height: 1.5em}
#mypage_registration #apply_form .txt2 {display: flex;align-items: center;background-color: #fff6de;height: 40px;padding-left: 10px;margin-top: 10px}
#mypage_registration #apply_form .txt2 .new {display: flex;justify-content: center;align-items: center;background-color: #ff2400;width: 22px;height: 22px;border-radius: 50%;text-align: center;font-weight: bold;color: #fff;line-height: 1em}
#mypage_registration #apply_form .txt2 .txt {color: #e80000;font-size: 16px;line-height: 1.5em}
#mypage_registration #apply_form .txt3 {margin-top: 30px;font-weight: bold}
#mypage_registration #apply_form table {margin-top: 10px}
@media screen and (min-width: 1140px) {#mypage_registration #apply_form th {width: 200px}
}
#mypage_registration #apply_form th .wrap {display: flex;align-items: center;padding-right: 25px}
#mypage_registration #apply_form th .wrap .new {display: flex;justify-content: center;align-items: center;background-color: #ff2400;width: 22px;height: 22px;border-radius: 50%;text-align: center;font-weight: bold;color: #fff;line-height: 1em;margin-left: auto}
#mypage_registration #apply_form .btn {display: flex;justify-content: center;align-items: center;background-color: #ff4e00;width: 120px;height: 32px;flex: 0 0 auto;border-radius: 4px;text-align: center;color: #fff;line-height: 1em;margin-left: auto}
#mypage_registration #apply_form .txt_link {color: #0084ff;text-decoration: underline}
#mypage_registration #apply_form .pass .txtbox {width: 100%;padding-right: 10px;overflow: hidden}
#mypage_registration #apply_form .pass p {font-size: 20px;line-height: 1em;white-space: nowrap;overflow: hidden}
#mypage_registration #apply_form .pass small {margin-left: 0}
#mypage_registration #apply_form .choice_station {width: 100%;padding-right: 10px;line-height: 1.4em}
#mypage_registration #apply_form .choice_station p:not(:last-child) {margin-bottom: 5px}
#mypage_registration #apply_form .choice_station input {display: none}
#mypage_registration #apply_form .mailmaga label {margin-right: 20px}
#mypage_registration #apply_form .mailmaga input {margin-right: 5px}
#mypage_registration #apply_form .bank .wrap {margin-top: 5px}
#mypage_registration #apply_form .bank .btn {width: 150px}
#mypage_registration #apply_form .bank_number .wrap {margin-top: 10px}
#mypage_registration #apply_form .file p {margin-bottom: 15px}
#mypage_registration #apply_form .file .photobox {width: 200px}
#mypage_registration #apply_form .file .photobox:not(:last-child) {margin-right: 20px}
#mypage_registration #apply_form .file .photo {display: flex;justify-content: center;align-items: center;background-color: #ddd;height: 150px;overflow: hidden}
#mypage_registration #apply_form .file .photo img {width: 100%;height: auto}
#mypage_registration #apply_form .file .photo_face img {width: auto; height: 100%}
#mypage_registration #apply_form .file input {display: none}
#mypage_registration #apply_form .file label {display: flex;justify-content: center;align-items: center;background-color: #ff4e00;height: 32px;border-radius: 4px;text-align: center;color: #fff;line-height: 1em;margin-top: 10px}
#mypage_registration #apply_form .body>.wrap:not(:last-child) {margin-bottom: 15px}
#mypage_registration #apply_form .body .under {width: 50%}
#mypage_registration #apply_form .body .txt {width: 70px;flex: 0 0 auto}
#mypage_registration #apply_form .body input, #mypage_registration #apply_form .body select {width: 110px}
#mypage_registration #apply_form .body .eyesight select {width: 80px}
#mypage_registration #apply_form .body .eyesight select:not(:last-child) {margin-right: 10px}
#mypage_registration #apply_form .unregister {margin-top: 10px}
#mypage_registration #apply_form .submitbtn:not(.return):not(.green) {background-color: #4187bf}
#mypage_registration #apply_form .submitbtn:not(.return):not(.green):before {background-color: #72c0ff}
#mypage_registration #apply_form .submitbtn:not(.return):not(.green) input {text-shadow: 0 -1px #4187bf}
@media screen and (max-width: 1139px) {#mypage_registration #apply_form {margin: 0 0 20px}
#mypage_registration #apply_form .txt1 {padding: 15px 15px 0;font-size: 14px}
#mypage_registration #apply_form .txt2 {height: auto;min-height: 70px;border-radius: 4px;padding: 10px 15px;margin: 15px 15px 0}
#mypage_registration #apply_form .txt2 .new {width: 28px;height: 28px;flex: 0 0 auto;font-size: 18px;margin-right: 10px}
#mypage_registration #apply_form .txt2 .txt {font-weight: bold}
#mypage_registration #apply_form table {margin-top: 20px}
#mypage_registration #apply_form th, #mypage_registration #apply_form td {display: block}
#mypage_registration #apply_form th {background-color: #f7f7f2;width: 100%;padding: 9px 15px;text-align: left}
#mypage_registration #apply_form th .wrap .new {margin-left: 10px}
#mypage_registration #apply_form th img {display: inline-block;margin: 0 0 0 8px;vertical-align: middle}
#mypage_registration #apply_form td {padding: 10px 15px 15px}
#mypage_registration #apply_form .wrap.sp_block {display: block}
#mypage_registration #apply_form .wrap.sp_block small {margin: 5px 0 0}
#mypage_registration #apply_form .btn {width: 130px;height: 44px}
#mypage_registration #apply_form .pass p {display: flex;align-items: center;height: 44px;border: 1px solid #b5b5b5;border-radius: 4px;padding: 0.5em 0 0 15px}
#mypage_registration #apply_form .birth select:not(:first-child) {width: 59%}
#mypage_registration #apply_form .mailmaga .wrap {flex-wrap: wrap;margin-bottom: -5px}
#mypage_registration #apply_form .mailmaga label {margin-bottom: 5px}
#mypage_registration #apply_form .bank .wrap {margin-top: 15px}
#mypage_registration #apply_form .bank .btn {width: 195px;margin-top: 10px}
#mypage_registration #apply_form .bank_number .wrap {margin-top: 10px}
#mypage_registration #apply_form .file .photobox {width: 250px;margin: 0 auto}
#mypage_registration #apply_form .file .photobox:not(:last-child) {margin: 0 auto 15px}
#mypage_registration #apply_form .file label {width: 196px;height: 44px;margin: 10px auto 0}
#mypage_registration #apply_form .body>.wrap:not(:last-child) {margin-bottom: 10px}
#mypage_registration #apply_form .body .under {width: 100%}
#mypage_registration #apply_form .body .under:not(:last-child) {margin-bottom: 10px}
#mypage_registration #apply_form .body input, #mypage_registration #apply_form .body select {width: 125px}
#mypage_registration #apply_form .body .eyesight select {width: 100px}
#mypage_registration #apply_form .body small {margin: 0 0 0 10px !important}
#mypage_registration #apply_form .body .correction select {width: 165px}
#mypage_registration #apply_form .unregister {margin-top: 5px;border-top: 1px solid #ddd;padding: 15px 15px 0}
#mypage_registration #apply_form .btnbox {margin: 15px 15px 0}
#mypage_registration #apply_form.confirm table {border-bottom: 1px solid #ddd}
#mypage_registration #apply_form.confirm tr:not(:last-child) {border-bottom: none}
#mypage_registration #apply_form.confirm td {border-left: none}
}
#mypage_registration #apply_form.financial .ttl {border-left: 3px solid #ff4e00;padding: 7px 15px;color: #ff4e00;font-weight: bold;font-size: 18px;line-height: 1.4em;margin-bottom: 15px}
@media screen and (min-width: 1140px) {#mypage_registration #apply_form.financial .tempttl2 {margin-bottom: 25px}
#mypage_registration #apply_form.financial th {padding-left: 15px}
#mypage_registration #apply_form.financial td p {font-size: 16px;line-height: 1.5em;margin-bottom: 10px}
#mypage_registration #apply_form.financial td input {width: 150px}
#mypage_registration #apply_form.financial td select {width: 240px}
#mypage_registration #apply_form.financial .btnbox {margin-top: 20px}
}
@media screen and (min-width: 1140px) {#mypage_registration #apply_form.financial .submitbtn:not(.green) {width: 263px;height: 40px}
#mypage_registration #apply_form.financial .submitbtn:not(.green) input {font-size: 18px}
}
#mypage_registration #apply_form.financial .submitbtn:not(.return):not(.green):before {background-image: url("/img/front/icon_search.png");background-repeat: no-repeat;background-position: right 15px center;background-size: 17px auto}
@media screen and (max-width: 1139px) {#mypage_registration #apply_form.financial .ttl {padding: 0 10px;margin: 20px 15px 0}
#mypage_registration #apply_form.financial table {border-bottom: none}
#mypage_registration #apply_form.financial td p {margin-bottom: 10px}
#mypage_registration #apply_form.financial .submitbtn:not(.return) input {font-size: 22px}
}
#mypage_registration #apply_form.financial .code .input {margin-bottom: 0}
#mypage_registration #apply_form.financial .code .input input {width: 240px}
#mypage_registration #apply_form.financial .code .submitbtn {background-color: #ff4e00;width: 120px;height: 32px;border-radius: 4px;margin: 0 0 0 10px}
#mypage_registration #apply_form.financial .code .submitbtn input {width: 100%;height: 100%;font-weight: normal;font-size: 14px;text-shadow: none}
#mypage_registration #apply_form.financial .bank3_child {display: none}
#mypage_unregister #apply_finish {max-width: 848px;padding-top: 0}
@media screen and (min-width: 1140px) {#mypage_unregister #apply_finish .txt1 {margin-top: 60px}
}
#mypage_unregister #apply_finish .txt2 {text-align: center}
#mypage_unregister #apply_finish .txt2 a {color: #0084ff;text-decoration: underline}
#mypage_unregister #apply_finish .btnbox {padding-top: 25px}
#mypage_unregister #apply_finish .agree {text-align: center;font-weight: bold;font-size: 18px;line-height: 1.4em;margin-bottom: 20px}
#mypage_unregister #apply_finish .agree input {margin-right: 5px}
#mypage_unregister #apply_finish .submitbtn {background-color: #a9a9a9}
#mypage_unregister #apply_finish .submitbtn:before {border-color: #ddd}
#mypage_unregister #apply_finish .submitbtn input {background-color: transparent;width: 100%;height: 100%;border: none;padding: 0;text-align: center;font-weight: bold;font-size: 18px;line-height: 1em;cursor: pointer}
@media screen and (max-width: 1139px) {#mypage_unregister #apply_finish {padding: 0 0 40px}
#mypage_unregister #apply_finish .txt1 {margin-top: 30px;font-size: 5.8vw}
#mypage_unregister #apply_finish .agree {font-size: 16px}
#mypage_unregister #apply_finish .submitbtn {width: 264px}
#mypage_unregister #apply_finish .submitbtn input {font-size: 22px}
}
#list.recommend .mainttl {padding: 20px 0 15px;text-align: center;font-weight: bold;color: #ff4e00;font-size: 18px;line-height: 1.3em}
@media screen and (max-width: 1139px) {#list.recommend .mainttl {background: url("/img/front/bg_01.jpg")}
#list.recommend #list_post {padding-bottom: 30px}
}
#beginner .step_list li {margin-top: 40px}
#beginner .step_list .ttl {display: flex;align-items: center;background-color: #bde481;height: 50px;border-radius: 4px;font-weight: bold;font-size: 24px;line-height: 1em;overflow: hidden}
#beginner .step_list .ttl .icon {display: flex;align-items: center;background-color: #008242;width: 85px;height: 100%;padding-left: 15px;position: relative}
#beginner .step_list .ttl .icon:before {content: "";width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #008242;border-width: 25px 0 25px 15px;position: absolute;top: 0;right: -15px;bottom: 0;margin: auto}
#beginner .step_list .ttl img {width: 60px;height: auto}
#beginner .step_list .ttl .txt {display: block;padding: 3px 0 0 33px}