@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600&display=swap);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.modal-node--hide {
  display: none
}

.modal-node .lead {
  text-align: left;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
  color: #c00;
  font-weight: 700
}

.modal-node .message {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  text-align: left
}

.modal-node .message+.lead {
  margin-top: 20px
}

.modal-node .modal-content {
  padding: 30px 50px
}

@media screen and (max-width:767px) {
  .modal-node .modal-content {
    padding: 15px 15px 30px
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  color: #000;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  font-size: 15px
}

body {
  overflow-x: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #0559a8
}

a.is-underline {
  text-decoration: underline
}

a:active,
a:hover {
  outline-width: 0;
  opacity: .7
}

a.hover-underline {
  opacity: 1
}

a.hover-underline:hover {
  text-decoration: underline
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  -ms-interpolation-mode: bicubic
}

svg:not(:root) {
  overflow: hidden
}

button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  overflow: visible;
  padding: 0;
  line-height: 1;
  border: 0;
  background: 0 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[data-whatinput=mouse] button {
  outline: 0
}

select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 44px;
  padding: 0 35px 0 18px;
  font-size: 15px;
  border: solid 1px #bbb;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: auto 8px
}

select:hover {
  cursor: pointer
}

select::-ms-expand {
  display: none
}

input {
  overflow: visible
}

textarea:placeholder-shown {
  color: #aaa
}

textarea::-webkit-input-placeholder {
  color: #aaa;
  line-height: 1.3
}

textarea:-moz-placeholder {
  color: #aaa;
  opacity: 1
}

textarea::-moz-placeholder {
  color: #aaa;
  opacity: 1
}

textarea:-ms-input-placeholder {
  color: #aaa
}

[type=email],
[type=number],
[type=password],
[type=tel],
[type=text] {
  font-size: 16px;
  border: none;
  width: 100%;
  background: 0 0;
  padding: 0 10px;
  -webkit-appearance: none
}

[type=email]:placeholder-shown,
[type=number]:placeholder-shown,
[type=password]:placeholder-shown,
[type=tel]:placeholder-shown,
[type=text]:placeholder-shown {
  color: #aaa
}

[type=email]::-webkit-input-placeholder,
[type=number]::-webkit-input-placeholder,
[type=password]::-webkit-input-placeholder,
[type=tel]::-webkit-input-placeholder,
[type=text]::-webkit-input-placeholder {
  color: #aaa;
  line-height: 1.3
}

[type=email]:-moz-placeholder,
[type=number]:-moz-placeholder,
[type=password]:-moz-placeholder,
[type=tel]:-moz-placeholder,
[type=text]:-moz-placeholder {
  color: #aaa;
  opacity: 1
}

[type=email]::-moz-placeholder,
[type=number]::-moz-placeholder,
[type=password]::-moz-placeholder,
[type=tel]::-moz-placeholder,
[type=text]::-moz-placeholder {
  color: #aaa;
  opacity: 1
}

[type=email]:-ms-input-placeholder,
[type=number]:-ms-input-placeholder,
[type=password]:-ms-input-placeholder,
[type=tel]:-ms-input-placeholder,
[type=text]:-ms-input-placeholder {
  color: #aaa
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

.ui-widget.ui-widget-content {
  border-radius: 0;
  width: 290px;
  padding: 0 0 5px 0;
  border: 1px solid #aaa
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: none;
  background: 0 0;
  text-align: center
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border: none;
  background: #eee
}

.ui-datepicker .ui-datepicker-title {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: 700;
  color: #0559a8;
  background: 0 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  width: 30px;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-size: auto 12px;
  background-position: center center
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  cursor: pointer;
  outline: 0;
  border: none
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/arrow/arrow_calender_left.svg)
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/arrow/arrow_calender_right.svg)
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e,
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  display: none
}

.ui-datepicker table {
  width: 280px;
  margin: 0 auto;
  table-layout: fixed
}

.ui-datepicker th {
  font-size: 12px;
  height: 28px;
  vertical-align: middle;
  padding: 0;
  border-bottom: 1px solid #ccc
}

.ui-datepicker td {
  position: relative;
  height: 41px;
  line-height: 40PX;
  padding: 0;
  text-align: center;
  vertical-align: middle
}

.ui-datepicker td:before {
  width: 30;
  height: 30;
  border-radius: 100;
  position: absolute;
  top: 7px;
  left: 5px;
  margin: auto;
  display: block;
  content: "";
  z-index: 0
}

.ui-datepicker td:hover:before {
  color: #000;
  background: #eee
}

.ui-datepicker td:hover a {
  text-decoration: none;
  color: #000;
  text-align: center;
  line-height: 40PX;
  font-size: 10px;
  font-weight: 400
}

.ui-datepicker td.ui-datepicker-current-day:hover a {
  color: #fff !important
}

.ui-datepicker td.ui-datepicker-current-day:hover a.ui-state-active {
  font-size: 10px;
  color: #fff
}

.ui-datepicker td.ui-datepicker-current-day:before {
  background: #0d8a19;
  top: 8px
}

.ui-datepicker td a {
  font-size: 10px;
  font-weight: 400
}

.ui-datepicker td.ui-datepicker-today a {
  position: relative;
  height: 41px;
  line-height: 36PX;
  display: block;
  font-size: 10px
}

.ui-datepicker td.ui-datepicker-today a:after {
  display: block;
  height: 4px;
  width: 20px;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #c00
}

.ui-datepicker td.ui-datepicker-current-day a {
  color: #fff;
  line-height: 41px;
  font-size: 10px;
  width: 100%;
  position: relative;
  z-index: 1
}

.ui-datepicker td.ui-datepicker-current-day a:after {
  display: none
}

.mfp-close-btn-in .mfp-close {
  display: none
}

.mfp-auto-cursor .mfp-content {
  padding: 100px 0
}

.style_display_none {
  display: none
}

.l-global-wrapper {
  margin: 0 auto;
  min-width: 1020px
}

@media screen and (max-width:767px) {
  .l-global-wrapper {
    opacity: 1;
    min-width: 0
  }

  .l-global-wrapper.show-modal {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
  }
}

.clearfix:after {
  display: table;
  clear: both;
  content: ''
}

.recommender_style_read_history {
  border-top: 4px solid #0d8a19
}

.recommender_style {
  margin: 40px auto
}

.recommender_style .dv_rc_footer,
.recommender_style .dv_rc_header,
.recommender_style .dv_rc_title {
  display: none
}

.recommender_style #title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  background: #0d8a19
}

@media screen and (max-width:767px) {
  .recommender_style #title {
    line-height: 27px;
    height: auto;
    padding: 16px 15px;
    letter-spacing: .07px
  }
}

.recommender_style .dv_recommend {
  padding: 30px 30px 9px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .recommender_style .dv_recommend {
    padding: 20px
  }
}

.recommender_style .dv_recommend_history_area_overload {
  padding: 0 30px 9px !important;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .recommender_style .dv_recommend_history_area_overload {
    padding: 0 20px 20px !important
  }
}

.recommender_style .dv_recommend_title_text_area {
  padding: 15px 30px 3px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .recommender_style .dv_recommend_title_text_area {
    padding: 10px 20px 3px
  }
}

.recommender_style .dv_recommend_history_none_area {
  padding: 30px 30px 50px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .recommender_style .dv_recommend_history_none_area {
    padding: 20px 20px 50px
  }
}

.recommender_style .dv_recommend_button_area {
  width: 100%;
  text-align: center
}

.recommender_style .dv_recommend_list_button_area {
  width: 100%;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 30px;
  background: #fff;
  display: block
}

@media screen and (max-width:767px) {
  .recommender_style .dv_recommend_list_button_area {
    padding-bottom: 20px
  }
}

.recommender_style .dv_rc_items {
  width: 288px;
  padding: 16px;
  margin: 0 18px 30px 0;
  border: solid 1px #ddd
}

.recommender_style .dv_rc_items:nth-of-type(3n+2) {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items:nth-of-type(3n+2) {
    margin-right: auto
  }
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items {
    width: 100%;
    padding: 20px;
    margin: 0 auto 20px
  }
}

@media screen and (max-width:360px) {
  .recommender_style .dv_rc_items {
    width: 100%;
    padding: 19px;
    margin: 0 auto 20px
  }
}

.recommender_style .dv_rc_items a {
  opacity: 1;
  text-decoration: none
}

.recommender_style .dv_rc_items a:hover .dv_rc_img {
  opacity: .8;
  cursor: pointer
}

.recommender_style .dv_rc_items a:hover .dv_rc_name {
  opacity: 1;
  text-decoration: underline;
  cursor: pointer
}

.recommender_style .dv_rc_items .dv_rc_img {
  overflow: hidden;
  width: 100%;
  padding-bottom: 75%;
  height: 0;
  position: relative;
  margin: 0 auto 16px;
  -webkit-transition: all .1s;
  transition: all .1s
}

.recommender_style .dv_rc_items .dv_rc_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.recommender_style .dv_rc_items .dv_rc_name {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #0559a8;
  width: 100%;
  height: 54px;
  overflow-y: hidden;
  margin: 0 auto 13px;
  -webkit-transition: all .1s;
  transition: all .1s
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_name {
    margin: 0 auto 10px
  }
}

.recommender_style .dv_rc_items .dv_rc_description {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  width: 100%;
  height: 24px;
  overflow-y: hidden;
  margin: 0 auto 5px
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_description {
    margin: 0 auto 2px
  }
}

.recommender_style .dv_rc_items .dv_rc_price {
  font-size: 15px;
  line-height: 21px;
  color: #000;
  width: 100%;
  height: 21px;
  overflow-y: hidden;
  margin: 0 auto 13px
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_price {
    margin: 0 auto 12px
  }
}

.recommender_style .dv_rc_items .dv_rc_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 23px;
  color: #000;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  height: 60px;
  overflow-y: hidden;
  padding: 12px 0 10px 70px;
  position: relative
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_address {
    font-size: 14px;
    line-height: 21px;
    height: 70px;
    padding: 17px 0 15px 85px
  }
}

.recommender_style .dv_rc_items .dv_rc_address::before {
  content: "勤務地";
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  width: 60px;
  height: 60px;
  background-color: #efefef;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 60px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_address::before {
    font-size: 13px;
    width: 70px;
    height: 70px;
    line-height: 70px
  }
}

.recommender_style .dv_rc_items .dv_rc_address::after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (max-width:767px) {
  .recommender_style .dv_rc_items .dv_rc_address::after {
    height: 9px
  }
}

.none_link {
  pointer-events: none;
  text-decoration: none;
  color: #222 !important
}

.none_link a {
  pointer-events: none;
  text-decoration: none;
  color: #222 !important
}

.l-emergency {
  background: #ffffef;
  padding: 13px 5px 12px 5px;
  font-size: 13px;
  color: #c00;
  font-weight: 700
}

.l-emergency__text {
  width: 960px;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .l-emergency {
    padding: 10px;
    border-bottom: 1px solid #ccc
  }

  .l-emergency__text {
    width: auto
  }
}

@media screen and (min-width:768px) {
  .l-single__header {
    border-top: 5px solid #0d8a19
  }

  .l-single__contents__inner {
    background: #e8e8e8
  }

  .l-single__contents__heading {
    line-height: 1.5;
    padding: 13px 0;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
  }

  .l-single__contents__heading__text {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 26px;
    font-weight: 700
  }
}

@media screen and (max-width:767px) {
  .l-single__contents__inner {
    background: #e8e8e8
  }

  .l-single__contents__heading {
    line-height: 1.5;
    padding: 11px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd
  }

  .l-single__contents__heading.is-left {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px
  }
}

@media screen and (min-width:768px) {
  .c-button {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    width: 300px;
    height: 50px;
    text-decoration: none
  }

  .c-button:hover {
    opacity: .7;
    cursor: pointer
  }

  .c-button--block {
    display: block
  }

  .c-button--nonlink:hover {
    opacity: 1;
    cursor: default
  }

  .c-button--acc {
    display: block;
    margin: 0 auto
  }

  .c-button--blue {
    color: #fff;
    background: #0559a8;
    border: 1px solid #0559a8
  }

  .c-button--blue--font-size18 {
    font-size: 18px
  }

  .c-button--red {
    color: #fff;
    background: #c65300;
    border: 1px solid #c65300
  }

  .c-button--red--reversal {
    color: #c65300;
    background: #fff
  }

  .c-button--orange {
    color: #fff;
    background: #c65300;
    border: 1px solid #c65300;
    font-size: 18px;
    line-height: 48px
  }

  .c-button--orange--reversal {
    color: #c65300;
    background: #fff
  }

  .c-button--gray {
    color: #000;
    background: #eee;
    border: 1px solid #eee;
    font-weight: 400;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
  }

  .c-button--application_complete {
    color: #fff;
    background: #707070;
    border: 1px solid #707070;
    font-size: 18px;
    line-height: 48px;
    pointer-events: none
  }

  .c-button--white {
    color: #0559a8;
    background: #fff;
    border: 1px solid #0559a8
  }

  .c-button--darkgray {
    color: #fff;
    background: #343434;
    border: 1px solid #343434
  }

  .c-button--white--post {
    line-height: 47px;
    margin-left: 20px;
    margin-bottom: 2px;
    width: 150px;
    height: 45px
  }

  .c-button--transparent {
    color: #fff;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .c-button--tel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.2
  }

  .c-button--tel img {
    width: 16px
  }

  .c-button--tel span {
    position: relative !important;
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important
  }

  .c-button--tel span:first-child {
    margin-bottom: 6px
  }

  .c-button--tel span:last-child {
    font-size: 14px;
    font-weight: 400
  }

  .c-button--tel:hover {
    opacity: 1;
    cursor: auto
  }

  .c-button--inactive {
    color: #fff;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
  }

  .c-button--inactive:hover {
    opacity: 1;
    cursor: default
  }

  .c-button-size--s-1 {
    width: 150px;
    height: 50px
  }

  .c-button-size--s-2 {
    width: 150px;
    height: 50px
  }

  .c-button span {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.1
  }

  .c-button__box-text {
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    top: -1px !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding: 2px 6px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px
  }

  .c-button.is-height-auto {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    line-height: 1.3;
    padding: 11px 10px
  }

  .c-button.is-download:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_download--blue.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block
  }

  .c-button.is-download.is-white:before {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_download--white.png) no-repeat center center;
    background-size: cover
  }

  .c-button.is-change:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_change--blue.svg) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block
  }

  .c-button.is-favorite:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-star--blue2.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block
  }

  .c-button.is-favorite.is-registered:before {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-star--blue1.png) no-repeat center center;
    background-size: cover
  }

  .c-button__inner {
    height: 48px
  }

  .c-button .c-button__tag,
  .c-button .c-button__text {
    display: inline-block;
    width: auto;
    position: relative;
    line-height: 48px
  }

  .c-button .c-button--orange__tag {
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    top: -1px !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding: 2px 6px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #c65300;
    line-height: 1.1
  }

  .c-button--blue .c-button__box-text {
    color: #0559a8
  }

  .c-button--orange .c-button__box-text {
    color: #c65300
  }

  .c-button--orange .c-button__box-text.is-text-blue {
    color: #0559a8
  }

  .c-button--gray .c-button__box-text {
    color: #eee
  }

  .c-button--auth-num-next {
    width: 200px
  }
}

@media screen and (max-width:767px) {
  .c-button {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    width: 300px;
    height: 50px;
    text-decoration: none
  }

  .c-button--block {
    display: block
  }

  .c-button--acc {
    margin: 0 auto
  }

  .c-button--blue {
    color: #fff;
    background: #0559a8;
    border: 1px solid #0559a8
  }

  .c-button--blue--font-size18 {
    font-size: 18px
  }

  .c-button--red {
    color: #fff;
    background: #c65300;
    border: 1px solid #c65300
  }

  .c-button--red--reversal {
    color: #c65300;
    background: #fff
  }

  .c-button--orange {
    color: #fff;
    background: #c65300;
    border: 1px solid #c65300;
    font-size: 18px
  }

  .c-button--orange--reversal {
    color: #c65300;
    background: #fff
  }

  .c-button--gray {
    color: #000;
    background: #eee;
    border: 1px solid #eee;
    font-weight: 400;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
  }

  .c-button--darkgray {
    color: #fff;
    background: #343434;
    border: 1px solid #343434
  }

  .c-button--application_complete {
    color: #fff;
    background: #707070;
    border: 1px solid #707070;
    font-size: 18px;
    pointer-events: none
  }

  .c-button--white {
    color: #0559a8;
    background: #fff;
    border: 1px solid #0559a8
  }

  .c-button--white--post {
    line-height: 50px;
    margin-left: 20px;
    margin-bottom: 2px;
    width: 150px;
    height: 50px
  }

  .c-button--inactive {
    color: #fff;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
  }

  .c-button span {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.1
  }

  .c-button__box-text {
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    top: -2px !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding: 2px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px
  }

  .c-button.is-sp-width-100 {
    width: 100%;
    max-width: 300px
  }

  .c-button.is-height-auto {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    line-height: 1.3;
    padding: 11px 10px
  }

  .c-button.is-download:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_download--blue.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block
  }

  .c-button.is-download.is-white:before {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_download--white.png) no-repeat center center;
    background-size: cover
  }

  .c-button.is-change:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_change--blue.svg) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block
  }

  .c-button.is-favorite:before {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-star--blue2.png) no-repeat center center;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
    display: inline-block
  }

  .c-button.is-favorite.is-registered:before {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-star--blue1.png) no-repeat center center;
    background-size: cover
  }

  .c-button__inner {
    height: 48px
  }

  .c-button .c-button__tag,
  .c-button .c-button__text {
    display: inline-block;
    width: auto;
    position: relative;
    line-height: 48px
  }

  .c-button .c-button--orange__tag {
    display: inline-block !important;
    width: auto !important;
    position: relative !important;
    top: -3px !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding: 2px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 11px;
    color: #c65300;
    line-height: 1.1
  }

  .c-button--blue .c-button__box-text {
    color: #0559a8
  }

  .c-button--orange .c-button__box-text {
    color: #c65300
  }

  .c-button--orange .c-button__box-text.is-text-blue {
    color: #0559a8
  }

  .c-button--gray .c-button__box-text {
    color: #eee
  }

  .c-button--tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    font-size: 14px
  }

  .c-button--tel img {
    width: 16px
  }

  .c-button--tel span {
    line-height: 1.4
  }
}

.c-link-text__circle--blue {
  font-size: 15px
}

.c-link-text__circle--blue:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_circle--blue.png) no-repeat center center;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
  display: inline-block
}

.c-link-text__circle--blue.is-underline {
  text-decoration: none
}

.c-link-text__circle--blue.is-underline:hover {
  text-decoration: underline;
  opacity: 1
}

.c-link-text__arrow--left {
  font-size: 15px;
  color: #000
}

.c-link-text__arrow--left.is-white {
  color: #fff
}

.c-link-text__arrow--left:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 16px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
  display: inline-block
}

.c-attention {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  border-radius: 5px;
  font-weight: 700;
  line-height: 1.6;
  color: #c00;
  background: #feffe6;
  border: 2px solid #c00;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .c-attention {
    width: 100%;
    padding: 17px 23px;
    font-size: 15px
  }

  .c-attention__line {
    display: block;
    margin-top: 7px;
    padding-left: 22px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_caution.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center
  }

  .c-attention__line:nth-of-type(1) {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .c-attention {
    width: 100%;
    padding: 17px 14px;
    font-size: 15px
  }

  .c-attention__line {
    display: block;
    margin-top: 7px;
    padding-left: 22px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_caution.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center
  }

  .c-attention__line:nth-of-type(1) {
    margin-top: 0
  }
}

.c-content-sub-heading {
  padding: 30px 0 15px 0;
  line-height: 1
}

.c-content-sub-heading__text {
  display: inline-block;
  font-size: 16px;
  font-weight: 700
}

.c-radio-text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle
}

.c-radio-text__inner:hover {
  opacity: .7;
  cursor: pointer
}

.c-radio-text__radio {
  position: absolute;
  top: -100px;
  left: -100px;
  opacity: 0
}

.c-radio-text__circle,
.c-radio-text__text {
  display: inline-block;
  vertical-align: middle
}

.c-radio-text__circle {
  width: 20;
  height: 20;
  border-radius: 100;
  position: relative;
  margin-top: -1px;
  margin-right: 5px;
  background: #ebebeb;
  border: 1px solid #bbb
}

.c-radio-text__circle:before {
  width: 12;
  height: 12;
  border-radius: 100;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  background: #0d8a19
}

.c-radio-text__radio:checked~.c-radio-text__circle {
  background: #fff
}

.c-radio-text__radio:checked~.c-radio-text__circle:before {
  opacity: 1
}

.c-radio-text__text {
  font-size: 15px;
  line-height: 1.5
}

.c-radio-text__radio:checked~.c-radio-text__text {
  font-weight: 700
}

.c-radio-text--small__text {
  font-size: 12px
}

.c-check-text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle
}

.c-check-text__inner:hover {
  opacity: .7;
  cursor: pointer
}

.c-check-text__check {
  opacity: 0;
  height: 0;
  width: 0
}

.c-check-text__box,
.c-check-text__text {
  display: inline-block;
  vertical-align: middle
}

.c-check-text__box {
  width: 20;
  height: 20;
  position: relative;
  margin-top: -1px;
  margin-right: 5px;
  background: #ebebeb;
  border: 1px solid #bbb
}

.c-check-text__box:before {
  width: 13;
  height: 10;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/arrow/arrow_checkbox.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%
}

.c-check-text__check:checked~.c-check-text__box {
  background: #fff
}

.c-check-text__check:checked~.c-check-text__box:before {
  opacity: 1
}

.c-check-text__text {
  font-size: 15px;
  line-height: 1.5
}

.c-check-text__check:checked~.c-check-text__text {
  font-weight: 700
}

.c-check-text--small__text {
  font-size: 12px
}

@media screen and (min-width:768px) {
  .c-lead-heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 0 0 10px 0
  }

  .c-lead-heading:only-child {
    padding-bottom: 0
  }

  .c-lead-heading--normal {
    padding: 30px 0 20px 0
  }

  .c-lead-heading--message-company {
    margin-right: 168px
  }
}

@media screen and (min-width:768px) and (max-width:767px) {
  .c-lead-heading--message-company {
    margin-right: 0
  }
}

@media screen and (min-width:768px) {
  .c-lead-heading--pt-20-pc {
    padding-top: 20px
  }

  .c-lead-heading.is-pc-mb {
    margin-bottom: 20px
  }

  .c-band-title {
    padding: 0 12px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
  }

  .c-band-title.c-band-title--green {
    background-color: #0d8a19
  }

  .c-band-title.title--green {
    background-color: #0d8a19
  }

  .c-band-title.c-band-title--gray {
    background-color: #4d4d4d
  }

  .c-band-title.is-message {
    background-image: -webkit-gradient(linear, right top, left top, from(#f1a238), to(#de681a));
    background-image: linear-gradient(to left, #f1a238, #de681a);
    font-weight: 400;
    height: auto;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .c-band-title.is-message.is-limit1 {
    background: 0 0;
    background-color: #c00
  }

  .c-band-title.is-message .is-message__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle
  }

  .c-band-title.is-message .is-message__right-text {
    text-align: right
  }

  .c-band-title.is-message .is-message__right-text__heading {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    line-height: 1.2;
    padding-right: 13px;
    font-size: 12px;
    text-align: center;
    position: relative
  }

  .c-band-title.is-message .is-message__right-text__limit {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    font-size: 15px
  }

  .c-band-title.is-message .is-message__right-text__limit__count {
    font-size: 22px;
    font-weight: 700
  }

  .c-band-title.is-message .is-message__right-text__limit__day {
    display: block;
    font-size: 10px
  }

  .c-band-title.is-result .is-result__title {
    float: left;
    font-size: 18px
  }

  .c-band-title.is-result .is-result__right-text {
    float: right;
    font-size: 10px;
    height: 45px;
    line-height: 45px
  }

  .c-band-title.is-result .right-text {
    float: right;
    font-size: 10px;
    height: 45px;
    line-height: 45px
  }

  .is-result__under-text {
    display: none
  }

  .text-link {
    margin-top: 20px;
    text-decoration: underline
  }
}

@media screen and (max-width:767px) {
  .c-lead-heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 0 0 10px 0
  }

  .c-lead-heading:only-child {
    padding-bottom: 0
  }

  .c-lead-heading--normal {
    padding: 0 0 20px 0
  }

  .c-lead-heading--normal.u-center {
    margin-top: 20px
  }

  .c-lead-heading.is-lrm {
    margin-left: 15px;
    margin-right: 15px
  }

  .c-lead-heading.is-sp-pt {
    padding-top: 20px
  }

  .c-lead-heading.sp-font_17 {
    font-size: 17px
  }

  .c-lead-text {
    margin-top: 10px
  }

  .c-band-title {
    padding: 0 12px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
  }

  .c-band-title.c-band-title--green {
    background-color: #0d8a19;
    height: auto
  }

  .c-band-title.title--green {
    background-color: #0d8a19
  }

  .c-band-title.c-band-title--gray {
    background-color: #4d4d4d
  }

  .c-band-title.is-message {
    padding: 0 0 0 10px;
    background-image: -webkit-gradient(linear, right top, left top, from(#f1a238), to(#de681a));
    background-image: linear-gradient(to left, #f1a238, #de681a);
    font-weight: 400;
    height: auto;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .c-band-title.is-message.is-limit1 {
    background: 0 0;
    background-color: #c00
  }

  .c-band-title.is-message .is-message__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700
  }

  .c-band-title.is-message .is-message__right-text {
    text-align: right;
    min-width: 110px;
    margin-right: 5px
  }

  .c-band-title.is-message .is-message__right-text__heading {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    line-height: 1.2;
    padding-right: 7px;
    font-size: 11px;
    text-align: center;
    position: relative
  }

  .c-band-title.is-message .is-message__right-text__limit {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    font-size: 14px
  }

  .c-band-title.is-message .is-message__right-text__limit__count {
    font-size: 22px;
    font-weight: 700
  }

  .c-band-title.is-message .is-message__right-text__limit__day {
    display: block;
    font-size: 10px
  }

  .c-band-title.is-result {
    padding: 0 10px
  }

  .c-band-title.is-result .is-result__title {
    float: left;
    font-size: 18px
  }

  .c-band-title.is-result .is-result__right-text {
    float: right;
    font-size: 10px;
    height: 45px;
    line-height: 45px
  }

  .c-band-title.is-result .right-text {
    display: none
  }

  .is-result__under-text {
    font-size: 10px;
    height: 45px;
    line-height: 45px
  }

  .text-link {
    margin-top: 20px;
    text-decoration: underline
  }
}

.c-heading--22 {
  font-size: 22px;
  font-weight: 700;
  color: #000
}

@media screen and (max-width:767px) {
  .c-heading--22 {
    line-height: 1.5
  }
}

.c-step-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.c-step-bar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #666
}

.c-step-bar li:after {
  background: #d8d8d8;
  content: "";
  width: calc(100% - 24px);
  height: 6px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 38px
}

.c-step-bar li:first-child:after {
  display: none
}

.c-step-bar li p {
  padding-bottom: 10px
}

.c-step-bar li span {
  background: #d8d8d8;
  color: #fff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  width: 24px;
  border-radius: 50%;
  position: relative
}

.c-step-bar li img {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

@media screen and (max-width:767px) {
  .c-step-bar {
    padding-top: 20px
  }

  .c-step-bar li:after {
    width: calc(100% - 20px);
    height: 4px;
    left: calc(-50% + 10px);
    top: 8px
  }

  .c-step-bar li p {
    display: none
  }

  .c-step-bar li span {
    height: 20px;
    margin-bottom: 0;
    width: 20px
  }

  .c-step-bar li img {
    width: 12px;
    height: 12px
  }
}

.c-step-bar .is-visited:after {
  background: #0d8a19
}

.c-step-bar .is-visited span {
  background: #0d8a19
}

.c-step-bar .is-visited:last-child span {
  background: #0d8a19
}

.c-step-comment {
  margin-right: 38px;
  padding-top: 10px;
  text-align: right
}

.c-step-comment__box {
  display: inline-block;
  padding: 9px 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #cecece;
  font-size: 15px;
  border-radius: 3px;
  position: relative
}

.c-step-comment__box__arrow {
  position: absolute;
  top: -10px;
  right: 20px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/comment_arrow.png) no-repeat 0 0;
  background-size: cover;
  width: 17px;
  height: 10px
}

@media screen and (max-width:767px) {
  .c-step-comment {
    margin-right: 0;
    padding: 10px 10px 0 10px
  }

  .c-step-comment__box {
    width: 100%;
    padding: 5px 0;
    line-height: 1;
    font-size: 13px;
    text-align: center
  }

  .c-step-comment__box__arrow {
    right: 1.66667%
  }
}

.c-form-top-lead {
  font-size: 15px
}

@media screen and (max-width:767px) {
  .c-form-top-lead {
    padding: 0 15px 0 15px
  }
}

.c-form-top-lead__attention-text {
  color: #c00
}

.c-icon-required {
  display: inline-block;
  width: 30px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  background-color: #c00;
  vertical-align: middle
}

.c-icon-required.is-small {
  width: 30px;
  height: 16px;
  line-height: 16px;
  font-size: 10px
}

.c-icon-required.is-any {
  background-color: #707070
}

.c-input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 500px;
  height: 45px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 0 10px;
  -webkit-box-shadow: inset 0 0 0 0 transparent;
  box-shadow: inset 0 0 0 0 transparent;
  background-color: #fff;
  font-size: 16px
}

.c-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.c-input--required {
  border-color: #0559a8
}

.c-input.is-valid {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.c-input.is-invalid {
  background-color: #feffe6;
  -webkit-box-shadow: 0 0 0 1000px #feffe6 inset
}

.c-input.is-name {
  width: 160px
}

@media screen and (max-width:767px) {
  .c-input.is-name {
    width: 34%
  }
}

.c-input.is-tel {
  width: 300px
}

@media screen and (max-width:767px) {
  .c-input.is-tel {
    width: 70%
  }
}

.c-input.is-post {
  width: 150px
}

.c-input.is-post1 {
  width: 80px
}

.c-input.is-post2 {
  width: 125px
}

.c-input.is-age {
  width: 140px
}

.c-input.is-english {
  width: 300px
}

@media screen and (max-width:767px) {
  .c-input.is-english {
    width: 80%
  }
}

.c-input.is-price {
  width: 150px
}

@media screen and (max-width:767px) {
  .c-input.is-price {
    width: 23%
  }
}

.c-input.is-auth-num {
  width: 200px
}

@media screen and (max-width:767px) {
  .c-input.is-auth-num {
    width: 50%
  }
}

.c-input.c-input--error {
  border-color: #c00;
  background-color: #ffe0e0;
  -webkit-box-shadow: 0 0 0 1000px #ffe0e0 inset
}

.c-input:disabled,
.c-input:-moz-read-only {
  border: none;
  background-color: #efefef;
  color: #000;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0 1000px #efefef inset;
  opacity: 1
}

.c-input:disabled,
.c-input:read-only {
  border: none;
  background-color: #efefef;
  color: #000;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0 1000px #efefef inset;
  opacity: 1
}

@media screen and (max-width:767px) {
  .c-input {
    max-width: 100%;
    width: 100%;
    height: 50px
  }
}

.c-select {
  width: auto;
  height: auto;
  min-height: 45px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 8px 34px 8px 16px;
  background: #fff url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/select-arrow.png) no-repeat right 8px top 50%;
  background-size: 11px 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  font-size: 15px;
  position: relative
}

.c-select.is-required {
  border-color: #0559a8
}

.c-select.is-required-un {
  border-color: #0559a8;
  background-color: #feffe6
}

.c-select.is-error {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-select:disabled {
  border: none;
  background-color: #efefef;
  color: #666
}

.c-select:disabled:hover {
  opacity: 1;
  cursor: default
}

@media screen and (max-width:767px) {
  .c-select {
    min-height: 50px;
    padding-top: 11px;
    padding-bottom: 12px;
    width: 100%
  }

  .c-select.is-w-mr {
    width: 88%
  }
}

.div-is-invalid {
  background-color: #feffe6;
  -webkit-box-shadow: 0 0 0 1000px #feffe6 inset
}

.select-link-arrow {
  cursor: pointer
}

.select-link-arrow div:hover {
  opacity: .7
}

.select-link-arrow div:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 0;
  position: absolute;
  top: 50%;
  right: 8px
}

.c-select-link {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  line-height: 1;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 13px 34px 13px 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  font-size: 15px;
  position: relative
}

.c-select-link:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 0;
  position: absolute;
  top: 50%;
  right: 8px
}

.c-select-link.c-select-link--required {
  border-color: #0559a8
}

.c-select-link.c-select-link--required-un {
  border-color: #0559a8;
  background-color: #feffe6
}

.c-select-link.is-error {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-select-link.is-disabled {
  border: none;
  background-color: #efefef;
  color: #666
}

.c-select-link.is-disabled:hover {
  opacity: 1;
  cursor: default
}

@media screen and (max-width:767px) {
  .c-select-link {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%
  }

  .c-select-link.is-w-mr {
    width: 88%
  }
}

.c-plus-link {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  line-height: 1;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 16px 44px 16px 16px;
  background-color: #fff;
  -webkit-box-shadow: 2px 3px 6px 2px rgba(6, 7, 7, .09);
  box-shadow: 2px 3px 6px 2px rgba(6, 7, 7, .09);
  font-size: 15px;
  position: relative
}

.c-plus-link:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--blue.png) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  position: absolute;
  top: 50%;
  right: 16px
}

.c-plus-link.c-plus-link--required {
  border-color: #0559a8
}

.c-plus-link.c-plus-link--required-un {
  border-color: #0559a8;
  background-color: #feffe6
}

.c-plus-link.is-valid {
  background-color: #fff
}

.c-plus-link.is-error {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-plus-link.disabled {
  border: 2px solid #efefef;
  background-color: #efefef;
  color: #666
}

.c-plus-link.disabled:hover {
  opacity: 1;
  cursor: default
}

.c-plus-link.disabled:after {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--black.svg) no-repeat center center;
  background-size: cover;
  opacity: .2
}

.c-plus-link.is-w-auto-pc {
  width: 300px
}

@media screen and (max-width:767px) {
  .c-plus-link {
    width: 100%
  }

  .c-plus-link.is-w-auto-pc {
    width: 100%
  }

  .c-plus-link.is-w-auto-sp {
    width: auto
  }
}

.c-radio {
  left: -9999px;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0)
}

.c-radio+label.c-radio--label {
  display: inline-block;
  min-width: 160px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 8px 14px 8px 44px;
  background-color: #fff;
  font-size: 15px;
  text-align: left;
  position: relative;
  color: #666
}

.c-radio+label.c-radio--label:last-child {
  margin-right: 0
}

.c-radio+label.c-radio--label.is-w__300 {
  min-width: 300px
}

.c-radio+label.c-radio--label.is-w__145 {
  min-width: 145px
}

.c-radio+label.c-radio--label.is-bold {
  font-weight: 700
}

.c-radio+label.c-radio--label.is-width-auto {
  min-width: 0;
  width: 100%
}

.c-radio+label.c-radio--label:before {
  content: " ";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #b9b9b9;
  background-color: #e8e8e8;
  display: inline-block;
  position: absolute;
  top: -2px;
  bottom: 0;
  margin: auto;
  left: 15px
}

.c-radio+label.c-radio--label:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .c-radio+label.c-radio--label {
    min-width: 0;
    padding: 8px 10px 8px 40px
  }

  .c-radio+label.c-radio--label.is-w__145 {
    min-width: 0
  }

  .c-radio+label.c-radio--label:before {
    left: 10px
  }

  .c-radio+label.c-radio--label:hover {
    opacity: 1
  }
}

.c-radio+label.c-radio--modal-label {
  display: inline-block;
  min-width: 160px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 34px 10px 44px;
  background-color: #fff;
  font-size: 15px;
  text-align: left;
  position: relative;
  color: #000
}

.c-radio+label.c-radio--modal-label:last-child {
  margin-right: 0
}

.c-radio+label.c-radio--modal-label.is-w__145 {
  min-width: 145px
}

.c-radio+label.c-radio--modal-label.is-bold {
  font-weight: 700
}

.c-radio+label.c-radio--modal-label.is-width-auto {
  min-width: 0;
  width: 100%
}

.c-radio+label.c-radio--modal-label:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 0;
  position: absolute;
  top: 50%;
  right: 8px
}

.c-radio+label.c-radio--modal-label:before {
  content: " ";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #b9b9b9;
  background-color: #e8e8e8;
  display: inline-block;
  position: absolute;
  top: -2px;
  bottom: 0;
  margin: auto;
  left: 15px
}

.c-radio+label.c-radio--modal-label:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .c-radio+label.c-radio--modal-label {
    min-width: 0;
    padding: 8px 10px 8px 40px
  }

  .c-radio+label.c-radio--modal-label.is-w__145 {
    min-width: 0
  }

  .c-radio+label.c-radio--modal-label:before {
    left: 10px
  }

  .c-radio+label.c-radio--modal-label:hover {
    opacity: 1
  }
}

.c-radio:checked+label.c-radio--label {
  font-weight: 700;
  background-color: #f4f9ff
}

.c-radio:checked+label.c-radio--label:before {
  background-color: #f4f9ff;
  border: 6px solid #0559a8;
  border-radius: 10px
}

.c-radio:checked+label.c-radio--modal-label {
  font-weight: 700;
  background-color: #f4f9ff
}

.c-radio:checked+label.c-radio--modal-label:before {
  background-color: #f4f9ff;
  border: 6px solid #0559a8;
  border-radius: 10px
}

.c-radio:focus+label.c-radio--label {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color
}

.c-radio.c-radio--required+label.c-radio--label {
  border: 2px solid #0559a8;
  background-color: #feffe6
}

.c-radio.c-radio--required:checked+label.c-radio--label {
  background-color: #f4f9ff
}

.c-radio.c-radio--required--ver-w+label.c-radio--label {
  border: 2px solid #0559a8;
  background-color: #fff
}

.c-radio.c-radio--required--ver-w:checked+label.c-radio--label {
  background-color: #f4f9ff;
  color: #000
}

.c-radio.is-error+label.c-radio--label {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-radio:disabled+label.c-radio--label {
  border: 2px solid #efefef;
  background-color: #efefef;
  color: #666
}

.c-radio:disabled+label.c-radio--label:hover {
  opacity: 1;
  cursor: default
}

.c-checkbox {
  visibility: hidden;
  position: absolute;
  left: -9999px
}

.c-checkbox+label.c-checkbox--label {
  display: inline-block;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
  vertical-align: middle;
  color: #000;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 10px 14px 10px 44px;
  background-color: #fff;
  font-size: 15px;
  position: relative
}

.c-checkbox+label.c-checkbox--label--nobg {
  min-height: 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 0 0 0 27px
}

.c-checkbox+label.c-checkbox--label.is-bold {
  font-weight: 700
}

.c-checkbox+label.c-checkbox--label.is-width-auto {
  min-width: 0;
  width: 100%
}

.c-checkbox+label.c-checkbox--label:before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #b9b9b9;
  background-color: #e8e8e8;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  margin: auto
}

.c-checkbox+label.c-checkbox--label--nobg:before {
  left: 0
}

.c-checkbox+label.c-checkbox--label:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .c-checkbox+label.c-checkbox--label {
    min-width: 0;
    padding: 10px 10px 10px 40px
  }

  .c-checkbox+label.c-checkbox--label:before {
    left: 10px
  }

  .c-checkbox+label.c-checkbox--label--nobg {
    padding: 0 0 0 27px
  }

  .c-checkbox+label.c-checkbox--label--nobg:before {
    left: 0
  }

  .c-checkbox+label.c-checkbox--label.is-skil {
    width: 100%
  }

  .c-checkbox+label.c-checkbox--label:hover {
    opacity: 1
  }
}

.c-checkbox+label.c-checkbox--modal-label {
  display: inline-block;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  color: #000;
  padding: 10px 34px 10px 44px;
  background-color: #fff;
  font-size: 15px;
  position: relative;
  color: #000
}

.c-checkbox+label.c-checkbox--modal-label.is-bold {
  font-weight: 700
}

.c-checkbox+label.c-checkbox--modal-label.is-width-auto {
  min-width: 0;
  width: 100%
}

.c-checkbox+label.c-checkbox--modal-label:before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #b9b9b9;
  background-color: #e8e8e8;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  margin: auto
}

.c-checkbox+label.c-checkbox--modal-label:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .c-checkbox+label.c-checkbox--modal-label {
    min-width: 0;
    padding: 10px 10px 10px 40px
  }

  .c-checkbox+label.c-checkbox--modal-label:before {
    left: 10px
  }

  .c-checkbox+label.c-checkbox--modal-label.is-skil {
    width: 100%
  }

  .c-checkbox+label.c-checkbox--modal-label:hover {
    opacity: 1
  }
}

.c-checkbox:checked+label.c-checkbox--label {
  font-weight: 700;
  background-color: #f4f9ff
}

.c-checkbox:checked+label.c-checkbox--label:before {
  background: #0559a8 url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center center;
  border: 1px solid #0559a8
}

.c-checkbox:checked+label.c-checkbox--label--nobg {
  background: 0 0
}

.c-checkbox:checked+label.c-checkbox--modal-label {
  font-weight: 700;
  background-color: #f4f9ff
}

.c-checkbox:checked+label.c-checkbox--modal-label:before {
  background: #0559a8 url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center center;
  border: 1px solid #0559a8
}

.c-checkbox.c-checkbox--required+label.c-checkbox--label {
  border: 2px solid #0559a8;
  background-color: #feffe6
}

.c-checkbox.c-checkbox--required:checked+label.c-checkbox--label {
  background-color: #f4f9ff
}

.c-checkbox.c-checkbox--required--ver-w+label.c-checkbox--label {
  border: 2px solid #0559a8;
  background-color: #fff
}

.c-checkbox.c-checkbox--required--ver-w:checked+label.c-checkbox--label {
  background-color: #f4f9ff
}

.c-checkbox.is-error+label.c-checkbox--label {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-checkbox:disabled+label.c-checkbox--label {
  border: none;
  background-color: #efefef;
  color: #666;
  padding-top: 10px
}

.c-checkbox:disabled+label.c-checkbox--label:before {
  border: 1px solid #b9b9b9;
  background-color: #e8e8e8
}

.c-checkbox:disabled+label.c-checkbox--label:hover {
  opacity: 1;
  cursor: default
}

.c-textarea {
  width: 100%;
  max-width: 500px;
  min-width: 470px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #aaa;
  border-radius: 3px;
  padding: 14px 10px;
  background-color: #fff;
  font-size: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.c-textarea.c-textarea--required {
  border: 2px solid #0559a8
}

.c-textarea.c-textarea--required:valid {
  background-color: #fff
}

.c-textarea.c-textarea--required:invalid {
  background-color: #feffe6
}

.c-textarea.c-textarea--required-un {
  border-color: #0559a8;
  background-color: #feffe6
}

.c-textarea.is-error {
  border-color: #c00;
  background-color: #ffe0e0 !important
}

.c-textarea:disabled {
  border: none;
  background-color: #efefef
}

.c-textarea.c-textarea--w-auto {
  max-width: none;
  resize: vertical
}

@media screen and (max-width:767px) {
  .c-textarea {
    min-width: 0;
    width: 100%
  }
}

.c-textarea--max--width {
  max-width: 100% !important;
  width: 100% !important
}

.c-textarea--offer--apply-message {
  height: 79px
}

@media screen and (max-width:767px) {
  .c-textarea--offer--apply-message {
    height: 191px
  }
}

.c-textarea-inquiry {
  height: 344px;
  min-width: 650px
}

@media screen and (max-width:767px) {
  .c-textarea-inquiry {
    max-width: 100%;
    min-width: 100%
  }
}

.c-form-error-text {
  min-width: 500px;
  margin-bottom: 15px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #ffe0e0
}

.c-form-error-text__parent {
  padding-left: 14px
}

.c-form-error-text__dt {
  display: table-cell;
  width: 45px;
  vertical-align: middle;
  text-align: center;
  font-size: 0
}

.c-form-error-text__dd {
  display: table-cell;
  color: #c00;
  font-size: 13px;
  font-weight: 700
}

.c-form-error-text__myagent {
  background-color: #fae5e5
}

.c-form-error-text__myagent__parent {
  display: table-cell;
  color: #c00;
  font-size: 15px;
  font-weight: 700
}

.c-form-error-text.is_margin-top {
  margin-bottom: 0;
  margin-top: 15px
}

@media screen and (max-width:767px) {
  .c-form-error-text {
    min-width: 0
  }
}

.c-form-text {
  margin-bottom: 10px;
  font-size: 15px
}

.c-form-text.c-form-text--gray {
  color: #666
}

.c-form-text+.p-form__warp__contents {
  margin-top: 20px;
  border-top: 1px solid #ddd
}

.c-form-text+.c-plus-link {
  margin-top: 5px
}

.c-form-text.is-under {
  margin-top: 10px;
  margin-bottom: 0
}

.c-form-text.is_bold {
  font-weight: 700
}

.c-form-text.is_margin-top {
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .c-form-text.is-lrm {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px
  }

  .c-form-text.is-pt-sp {
    padding-top: 20px;
    margin-top: 0
  }
}

.c-form-text a {
  opacity: 1
}

.c-form-text a:hover {
  text-decoration: underline
}

.c-form-under-link {
  padding: 30px 0 0 0;
  font-size: 15px;
  text-align: center
}

.c-form-under-link li {
  margin-top: 10px
}

.c-form-under-link li:first-of-type {
  margin-top: 0
}

.c-form-under-link a {
  opacity: 1
}

.c-form-under-link a:hover {
  text-decoration: underline
}

.c-form-button-area {
  padding-top: 24px;
  text-align: center
}

.c-form-button-area.is-pt-big {
  padding-top: 40px
}

.c-form-button-area.favorite-list {
  padding-top: 0;
  padding-bottom: 20px;
  width: 100%
}

.c-form-button-area.offer-caution-text {
  padding-top: 0 !important;
  color: #c65300
}

@media screen and (min-width:768px) {
  .c-form-button-area.offer-caution-text {
    padding-bottom: 20px
  }
}

.c-form-button-area .text-bold {
  font-weight: 700
}

@media screen and (min-width:768px) {
  .c-form-button-area__row {
    display: inline-block
  }
}

@media screen and (max-width:767px) {
  .c-form-button-area__row {
    text-align: center;
    margin-bottom: 10px
  }

  .c-form-button-area__row .c-button {
    margin-right: 0;
    margin-left: 0
  }

  .c-form-button-area__row:last-child {
    margin-bottom: 0
  }
}

.c-form-button-area__col2 {
  display: inline-block;
  margin-right: 10px
}

.c-form-button-area__col2:last-child {
  margin-right: 0
}

.c-form-button-area__pc-col2 {
  display: inline-block;
  margin-right: 10px
}

.c-form-button-area__pc-col2:last-child {
  margin-right: 0
}

.c-form-button-area__col3 {
  display: inline-block;
  margin-right: 10px
}

.c-form-button-area__col3:last-child {
  margin-right: 0
}

.c-form-button-area__lead {
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .c-form-button-area.is-pt-big {
    padding-top: 20px
  }

  .c-form-button-area.is-table {
    display: table;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .c-form-button-area.is-table--nopad {
    padding-right: 0;
    padding-left: 0
  }

  .c-form-button-area__bottom {
    padding-bottom: 30px
  }

  .c-form-button-area__col2 {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-right: 10px;
    margin-right: 0
  }

  .c-form-button-area__col2 .c-button {
    width: 100%
  }

  .c-form-button-area__col2:last-child {
    padding-right: 0
  }

  .c-form-button-area__col2.is-short {
    width: 45%
  }

  .c-form-button-area__col2.is-short-s {
    width: 25%
  }

  .c-form-button-area__col2.is-long {
    width: 55%
  }

  .c-form-button-area__col2.is-long-l {
    width: 75%
  }

  .c-form-button-area__col2 .is-long {
    width: 55%
  }

  .c-form-button-area__pc-col2 {
    display: block;
    margin-top: 15px;
    margin-right: 0
  }

  .c-form-button-area__pc-col2:first-of-type {
    margin-top: 0
  }

  .c-form-button-area__col3 {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    margin-right: 0
  }

  .c-form-button-area__col3 .c-button {
    width: 100%
  }

  .c-form-button-area__col3:nth-child(1) {
    width: 24%
  }

  .c-form-button-area__col3:nth-child(2) {
    width: 35%
  }

  .c-form-button-area__col3:nth-child(3) {
    width: 41%;
    padding-right: 0
  }

  .c-form-button-area__lead.is-sp-mlr-on {
    margin-left: 15px;
    margin-right: 15px
  }
}

.c-form-l-text {
  display: inline-block;
  line-height: 40px;
  margin-right: 24px;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .c-form-l-text {
    line-height: 50px;
    margin-right: 5px;
    font-size: 14px
  }
}

.c-form-r-text {
  display: inline-block;
  line-height: 40px;
  margin-left: 24px;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .c-form-r-text {
    line-height: 50px;
    margin-left: 5px;
    font-size: 14px
  }
}

.c-form-lr-text {
  display: inline-block;
  line-height: 40px;
  margin-left: 24px;
  margin-right: 24px;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .c-form-lr-text {
    line-height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px
  }
}

.c-form-failure-link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  margin-top: 14px;
  border: 2px solid #0559a8;
  border-radius: 3px;
  -webkit-box-shadow: 2px 3px 6px 2px rgba(6, 7, 7, .09);
  box-shadow: 2px 3px 6px 2px rgba(6, 7, 7, .09);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-form-failure-link__dt {
  width: 52px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-right: 2px solid #0559a8;
  background-color: #efefef;
  text-align: center
}

.c-form-failure-link__dt a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.c-form-failure-link__dt img {
  width: 20px;
  height: auto
}

.c-form-failure-link__dt p {
  margin-top: 10px;
  font-size: 11px;
  color: #0559a8
}

.c-form-failure-link__dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0
}

.c-form-failure-link__dd a {
  display: block;
  height: 100%;
  color: #000;
  position: relative
}

.c-form-failure-link__dd a:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_edit--blue.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  position: absolute;
  top: 50%;
  right: 16px
}

.c-form-failure-link__dd p {
  padding: 10px 40px 10px 10px;
  font-size: 15px;
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-form-failure-link__dd p .handicap-other-context {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.c-form-failure-link.is-error {
  border-color: #c00;
  background-color: #ffe0e0
}

.c-form-failure-link.is-error .c-form-failure-link__dt {
  border-right: 2px solid #c00;
  background-color: #ffe0e0
}

@media screen and (max-width:767px) {
  .c-form-failure-link {
    width: 100%;
    margin-top: 14px
  }
}

.c-form-title {
  margin: 20px 0 10px 0;
  font-size: 15px;
  font-weight: 700
}

.c-form-title:first-of-type {
  margin-top: 0
}

.c-form-count-text {
  width: 500px;
  text-align: right;
  font-size: 15px
}

.c-form-count-text span {
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .c-form-count-text {
    width: auto
  }
}

.c-form-no-have-area {
  margin-top: 20px;
  padding: 20px 15px;
  border-radius: 5px;
  border: 2px solid #ddd
}

.c-form-no-have-area__heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px
}

@media screen and (max-width:767px) {
  .c-form-no-have-area {
    margin: 20px 15px 0
  }
}

.c-form-auth-num {
  color: #0d8a19;
  font-size: 20px;
  font-weight: 700
}

.c-password-checkbox {
  margin-top: 10px
}

.check_box {
  margin-right: 10px
}

input[type=password]::-ms-reveal {
  display: none
}

.p-offer-complete__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 23px 25px;
  margin-bottom: 40px;
  border-radius: 5px;
  border: solid 2px #0d8a19;
  background-color: #f9fff7
}

.p-offer-complete__txt::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon_ionic_ios_checkmark_circle.svg);
  margin-right: 10px
}

.c-icon-recommended {
  display: inline-block;
  width: 30px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  background-color: #0559a8;
  vertical-align: middle
}

.c-form-text-recommended {
  font-size: 11px;
  font-weight: 400;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important
}

.webresume-category-skill {
  white-space: pre;
  width: 24px
}

.more-plus-icon {
  border-radius: 3px;
  display: inline-block;
  width: 45px;
  height: 16px;
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background-color: #f27c8f
}

.c-pc-form-text {
  background: #feffe6
}

@media screen and (min-width:768px) {
  .c-pc-form-text {
    border-radius: 3px
  }

  .c-pc-form-text__input {
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
  }

  .c-pc-form-text__input::-webkit-input-placeholder {
    line-height: 30px
  }

  .c-pc-form-text__input::-moz-placeholder {
    line-height: 30px
  }

  .c-pc-form-text__input::-ms-input-placeholder {
    line-height: 30px
  }

  .c-pc-form-text__input::placeholder {
    line-height: 30px
  }

  .c-pc-form-text--blue {
    border: 2px solid #0559a8
  }

  .c-pc-form-text--orange {
    border: 2px solid #c65300
  }

  .c-pc-form-text--size-fill {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .c-sp-form-text {
    border-radius: 3px
  }

  .c-sp-form-text__input {
    height: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;
    background: #feffe6
  }

  .c-sp-form-text__input::-webkit-input-placeholder {
    line-height: 40px
  }

  .c-sp-form-text__input::-moz-placeholder {
    line-height: 40px
  }

  .c-sp-form-text__input::-ms-input-placeholder {
    line-height: 40px
  }

  .c-sp-form-text__input::placeholder {
    line-height: 40px
  }

  .c-sp-form-text--blue {
    border: 2px solid #0559a8
  }

  .c-sp-form-text--orange {
    border: 2px solid #c65300
  }

  .c-sp-form-text--size-fill {
    width: 100%
  }
}

.c-notification-heading {
  display: table;
  table-layout: auto;
  width: 100%
}

.c-notification-heading__cell {
  display: table-cell;
  vertical-align: middle
}

@media screen and (min-width:768px) {
  .c-notification-heading__cell--text {
    text-align: left
  }

  .c-notification-heading__cell--number {
    text-align: right;
    font-size: 13px;
    letter-spacing: -.1em
  }

  .c-notification-heading__number,
  .c-notification-heading__tag,
  .c-notification-heading__text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
  }

  .c-notification-heading__text {
    position: relative;
    padding-left: 14px;
    font-size: 20px;
    font-weight: 700
  }

  .c-notification-heading__text:before {
    width: 4px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translate(0, -.08em);
    transform: translate(0, -.08em);
    display: block;
    content: "";
    background: #000
  }

  .c-notification-heading__tag {
    height: 20px;
    line-height: 22px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 0;
    color: #fff;
    background: #c00
  }

  .c-notification-heading__number {
    font-size: 20px;
    font-weight: 700;
    vertical-align: bottom
  }

  .c-notification-heading__unit {
    font-size: 14px;
    line-height: 1.1;
    vertical-align: bottom
  }

  .c-notification-heading__logo {
    display: block;
    margin-bottom: 20px
  }

  .c-notification-heading__logo img {
    max-height: 28px
  }
}

@media screen and (max-width:767px) {
  .c-notification-heading__cell--text {
    text-align: left
  }

  .c-notification-heading__cell--number {
    text-align: right;
    font-size: 14px;
    letter-spacing: -.1em
  }

  .c-notification-heading__number,
  .c-notification-heading__tag,
  .c-notification-heading__text {
    display: inline-block;
    line-height: 1
  }

  .c-notification-heading__text {
    position: relative;
    padding-left: 14px;
    font-size: 18px;
    font-weight: 700
  }

  .c-notification-heading__text:before {
    width: 4px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translate(0, -.08em);
    transform: translate(0, -.08em);
    display: block;
    content: "";
    background: #000
  }

  .c-notification-heading__tag {
    height: 20px;
    line-height: 22px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 0;
    vertical-align: top;
    color: #fff;
    background: #c00
  }

  .c-notification-heading__number {
    font-size: 20px;
    font-weight: 700;
    vertical-align: bottom
  }

  .c-notification-heading__unit {
    font-size: 14px;
    line-height: 1.1;
    vertical-align: bottom
  }

  .c-notification-heading__logo {
    display: block;
    margin-bottom: 20px
  }

  .c-notification-heading__logo img {
    max-height: 26px
  }
}

@media screen and (min-width:768px) {
  .c-pc-tag {
    border-radius: 100px;
    display: inline-block;
    width: 100px;
    padding: 4px 0;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #fff
  }

  .c-pc-tag--gradation--orange {
    background-image: -webkit-gradient(linear, right top, left top, from(#f1a238), to(#de681a));
    background-image: linear-gradient(to left, #f1a238, #de681a)
  }

  .c-pc-tag--border--orange {
    color: #cf903f;
    background: #fff;
    border: 1px solid #cf903f
  }

  .c-pc-tag--border--yellow {
    color: #d8b459;
    background: #fff;
    border: 1px solid #d8b459
  }

  .c-pc-tag--fill--blue {
    color: #000;
    background: #efefef;
    border: 1px solid #efefef
  }

  .c-pc-tag--fill--gray {
    color: #fff;
    background: #343434;
    border: 1px solid #343434
  }

  .c-pc-tag-size--fill {
    width: 100%
  }

  .c-pc-tag-size--fixed {
    width: auto;
    padding-left: 8px;
    padding-right: 8px
  }
}

@media screen and (max-width:767px) {
  .c-pc-tag {
    border-radius: 100px;
    display: inline-block;
    width: 100px;
    padding: 4px 0;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #fff
  }

  .c-pc-tag--gradation--orange {
    background-image: -webkit-gradient(linear, right top, left top, from(#f1a238), to(#de681a));
    background-image: linear-gradient(to left, #f1a238, #de681a)
  }

  .c-pc-tag--border--orange {
    color: #cf903f;
    background: #fff;
    border: 1px solid #cf903f
  }

  .c-pc-tag--border--yellow {
    color: #d8b459;
    background: #fff;
    border: 1px solid #d8b459
  }

  .c-pc-tag--fill--blue {
    color: #000;
    background: #efefef;
    border: 1px solid #efefef
  }

  .c-pc-tag--fill--gray {
    color: #fff;
    background: #343434;
    border: 1px solid #343434
  }

  .c-pc-tag-size--fill {
    width: 100%
  }

  .c-pc-tag-size--fixed {
    width: auto;
    padding-left: 8px;
    padding-right: 8px
  }
}

.c-rub-box {
  display: inline-block
}

@media screen and (min-width:768px) {
  .c-rub-box {
    text-align: center;
    margin-right: 10px
  }

  .c-rub-box__rub {
    font-size: 15px
  }

  .c-rub-box__text {
    font-weight: 700;
    font-size: 22px
  }
}

@media screen and (max-width:767px) {
  .c-rub-box__rub {
    font-size: 15px
  }

  .c-rub-box__text {
    font-weight: 700;
    font-size: 22px
  }
}

@media screen and (min-width:768px) {
  .c-heading-text__line {
    display: table;
    table-layout: auto;
    width: 100%;
    margin-bottom: 15px
  }

  .c-heading-text__line:last-child {
    margin-bottom: 0
  }

  .c-heading-text__cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left
  }

  .c-heading-text__cell--heading {
    width: 152px;
    color: #666
  }

  .c-heading-text__cell--text {
    padding-left: 16px;
    line-height: 1.3;
    color: #000
  }
}

@media screen and (max-width:767px) {
  .c-heading-text__line {
    display: table;
    table-layout: auto;
    width: 100%;
    margin-bottom: 15px
  }

  .c-heading-text__line:last-child {
    margin-bottom: 0
  }

  .c-heading-text__cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left
  }

  .c-heading-text__cell--heading {
    width: 152px;
    color: #666
  }

  .c-heading-text__cell--text {
    padding-left: 16px;
    line-height: 1.3;
    color: #000
  }

  .c-heading-text__cell--text--sp-right {
    text-align: right
  }
}

.c-sort-switch {
  width: 100%;
  border-bottom: 3px solid #ddd;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.c-sort-switch__li {
  margin-bottom: -3px;
  border-bottom: 3px solid #ddd;
  font-size: 15px;
  color: #0559a8
}

.c-sort-switch__li:hover {
  cursor: pointer;
  opacity: 1;
  text-decoration: none
}

.c-sort-switch__li.is-current {
  padding: 0 10px 8px 10px;
  color: #000;
  border-bottom: 3px solid #666
}

.c-sort-switch__li.is-current:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #666 transparent transparent transparent;
  margin: 0 0 0 5px;
  position: relative;
  top: 0;
  display: inline-block
}

.c-sort-switch__li.is-current:hover {
  cursor: default;
  opacity: 1
}

.c-sort-switch__li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px 8px 15px
}

.c-pagenavi {
  padding-top: 18px;
  text-align: right
}

@media screen and (max-width:767px) {
  .c-pagenavi {
    padding: 10px 0;
    text-align: center;
    position: relative;
    background-color: #f5f5f5
  }
}

.c-pagenavi__number {
  display: inline-block;
  margin-right: 30px;
  font-size: 15px;
  color: #666;
  line-height: 40px
}

@media screen and (max-width:767px) {
  .c-pagenavi__number {
    margin-right: 0;
    line-height: 50px
  }
}

.c-list-empty {
  font-size: 15px;
  color: #666;
  line-height: 40px
}

@media screen and (max-width:767px) {
  .c-list-empty {
    margin-left: 10px;
    line-height: 50px
  }
}

.c-pagenavi__button {
  display: inline-block;
  width: 90px;
  height: 40px;
  line-height: 38px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  font-size: 15px;
  color: #0559a8;
  text-align: center;
  position: relative
}

@media screen and (max-width:767px) {
  .c-pagenavi__button {
    display: block;
    height: 50px;
    line-height: 48px;
    position: absolute;
    top: 10px
  }
}

.c-pagenavi__button.is-prev {
  margin-right: 20px;
  padding-left: 10px
}

.c-pagenavi__button.is-prev:before {
  content: "";
  position: absolute;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/left_arrow--blue.png) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:767px) {
  .c-pagenavi__button.is-prev {
    margin-right: 0;
    left: 10px
  }
}

.c-pagenavi__button.is-next {
  padding-right: 10px
}

.c-pagenavi__button.is-next:after {
  content: "";
  position: absolute;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/left_arrow--blue.png) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 7px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

@media screen and (max-width:767px) {
  .c-pagenavi__button.is-next {
    right: 10px
  }
}

.c-pagenavi-c {
  margin-top: 40px;
  text-align: center;
  font-size: 0
}

@media screen and (max-width:767px) {
  .c-pagenavi-c {
    margin-top: 30px
  }
}

.c-pagenavi-c__number {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
  font-size: 16px;
  color: #fff;
  background-color: #0559a8
}

.c-pagenavi-c__number:last-child {
  margin-right: 0
}

.c-pagenavi-c__number a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px
}

.c-pagenavi-c__dot {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  font-size: 20px;
  color: #666
}

@media screen and (max-width:767px) {
  .c-pagenavi-c__dot {
    margin-left: -5px;
    margin-right: 5px
  }
}

.c-list-lead {
  padding-bottom: 20px
}

@media screen and (max-width:767px) {
  .c-list-lead {
    margin: 0 15px;
    padding: 20px 0
  }
}

.c-list-number {
  padding-top: 20px;
  margin-bottom: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-list-number__number {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  line-height: 20px
}

@media screen and (max-width:767px) {
  .c-list-number__number {
    font-size: 13px
  }
}

.c-list-number__number span {
  font-size: 18px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .c-list-number__number span {
    font-size: 17px
  }
}

@media (max-width:320px) {
  .c-list-number__number span {
    font-size: 16px
  }
}

.c-list-number__count {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 20px;
  font-size: 13px;
  line-height: 20px
}

@media screen and (max-width:767px) {
  .c-list-number {
    margin: 0 10px;
    padding-top: 10px;
    margin-bottom: -10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .c-list-number__count {
    margin-left: 0;
    text-align: right
  }
}

@media (max-width:320px) {
  .c-list-number__count {
    font-size: 11px
  }
}

.c-arrow-link {
  display: inline-block;
  line-height: 1.3
}

@media screen and (min-width:768px) {
  .c-arrow-link {
    padding-left: 23px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center
  }

  .c-arrow-link__text {
    text-decoration: underline;
    color: #0559a8;
    font-size: 13px
  }

  .c-arrow-link__text:hover {
    text-decoration: none
  }

  .c-arrow-link__text:hover {
    cursor: pointer;
    opacity: .7
  }
}

@media screen and (max-width:767px) {
  .c-arrow-link {
    padding-left: 23px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center
  }

  .c-arrow-link__text {
    text-decoration: underline;
    color: #0559a8;
    font-size: 13px
  }

  .c-arrow-link__text:hover {
    text-decoration: none
  }

  .c-arrow-link__text:hover {
    cursor: pointer;
    opacity: .7
  }
}

.p-cat-link {
  padding: 20px 0;
  text-align: left;
  border-top: 1px solid #ddd
}

.p-cat-link:first-child {
  padding-top: 0;
  border: none
}

.p-cat-link:last-child {
  padding-bottom: 0
}

.p-cat-link__acc {
  display: none;
  padding: 20px 0;
  border-top: 1px solid #ddd
}

.p-cat-link__acc.is-open {
  display: block
}

.p-cat-link__title {
  color: #0d8a19;
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 16px
}

.p-cat-link__list {
  overflow: hidden
}

.p-cat-link__list__item {
  float: left;
  width: 50%;
  padding: 3px 0;
  display: block
}

@media screen and (max-width:767px) {
  .p-cat-link__list__item {
    width: 100%
  }
}

.p-cat-link__list__item a {
  display: block;
  color: #000;
  padding-left: 23px;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_arrow_link.svg);
  background-repeat: no-repeat;
  background-size: auto 16px;
  background-position: left center
}

.p-cat-link__list__item a__text {
  text-decoration: underline;
  color: #0559a8;
  font-size: 13px
}

.p-cat-link__list__item a__text:hover {
  text-decoration: none
}

.p-cat-link__list__item a__text:hover {
  cursor: pointer;
  opacity: .7
}

.c-header-logo {
  display: inline-block;
  vertical-align: middle;
  text-align: left
}

.c-header-logo__link {
  display: inline-block;
  color: #fff
}

.c-header-logo__link:hover {
  opacity: .8
}

.c-header-logo__link>* {
  vertical-align: middle
}

.c-header-logo__img {
  vertical-align: middle;
  height: 27px
}

.c-header-logo__text {
  font-size: 14px;
  font-weight: 700;
  vertical-align: bottom
}

.c-header-button {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  vertical-align: middle;
  background: #0559a8
}

.c-header-button__inner {
  position: relative
}

.c-header-button__tag,
.c-header-button__text {
  vertical-align: middle;
  display: inline-block
}

.c-header-button__text {
  color: #fff
}

.c-header-button__tag {
  width: 35px;
  height: 17px;
  border-radius: 3px;
  line-height: 17px;
  font-size: 11px;
  font-weight: 400;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff
}

.c-header-button__number {
  width: 18px;
  height: 18px;
  border-radius: 200%;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
  color: #fff;
  background: #c00
}

.c-header-button--login {
  border-radius: 3px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.c-header-button--login:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--login__font-size {
  font-size: 18px
}

.c-header-button--regist {
  border-radius: 3px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  background: #c65300
}

.c-header-button--regist:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--regist__tag {
  color: #c65300
}

.c-header-button--regist__font-size {
  font-size: 18px
}

.c-header-button--message,
.c-header-button--mypage {
  border-radius: 3px;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.c-header-button--message:hover,
.c-header-button--mypage:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--message__text,
.c-header-button--mypage__text {
  padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat
}

.c-header-button--message__text {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_massage--white.svg);
  background-size: auto 16px
}

.c-header-button--mypage__text {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_person--white.svg);
  background-size: auto 20px
}

.c-header-button--inquiry {
  border-radius: 3px;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.c-header-button--inquiry:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--inquiry .c-header-button__inner:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_mail--white.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 5px;
  display: inline-block
}

.c-header-button--tel {
  border-radius: 3px;
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

.c-header-button--tel:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--tel .c-header-button__inner:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_tel--white.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 5px;
  display: inline-block
}

.c-header-button--forcompany {
  border-radius: 3px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  background: #c65300;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-header-button--forcompany:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-button--forcompany .c-header-button__inner {
  white-space: nowrap
}

.c-header-button--forcompany--inquiry {
  font-size: 16px;
  font-weight: 700;
  min-width: 160px;
  width: auto;
  padding: 0 15px
}

.c-header-button--forcompany--reversal {
  background: #fff;
  border: solid 1px #c65300
}

.c-header-button--forcompany__text--reversal {
  color: #c65300
}

.c-header-button--forcompany-tel__tag {
  height: auto;
  width: 20px;
  background: 0 0
}

.c-header-button--forcompany-mail__tag {
  height: auto;
  width: 24px;
  background: 0 0
}

.c-header-text-links {
  display: inline-block;
  vertical-align: middle
}

.c-header-text-links__row {
  text-align: right;
  line-height: 1;
  font-size: 12px
}

.c-header-text-links__row--table {
  padding-top: 8px;
  display: table;
  table-layout: auto
}

.c-header-text-links__row--table__col {
  display: table-cell;
  padding: 0 0 0 8px;
  border-left: 1px solid #000
}

.c-header-text-links__row--table__col:nth-of-type(1) {
  border: none;
  padding-right: 8px
}

.c-header-text-links__link {
  text-decoration: none;
  color: #0559a8
}

.c-header-text-links__link:hover {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1
}

.c-header-menu-button {
  border-radius: 3px;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
  background: #fff;
  color: #0559a8;
  border: 1px solid #0559a8;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 0
}

.c-header-menu-button:hover {
  opacity: .8;
  cursor: pointer
}

.c-header-menu-button__inner {
  position: relative
}

@media screen and (max-width:767px) {
  .c-header-menu-button {
    width: 300px
  }
}

.c-card-link {
  display: block;
  width: 100%;
  padding: 15px 37px 15px 11px;
  line-height: 1;
  background-color: #fff;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/pc/common/arrow/arrow_card_link.svg);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: right 12px center
}

.c-card-link__row--text {
  font-size: 15px;
  color: #666;
  min-height: 30px
}

.c-card-link__row--logo {
  padding-top: .84rem
}

.c-card-link--1__logo {
  height: 23px
}

.c-card-link--2__logo {
  height: 23px
}

.c-card-link--3 {
  padding-left: 0;
  padding-right: 0
}

.c-card-link--3__logo {
  height: 25px
}

.p-service-menu {
  width: 100%
}

@media screen and (min-width:768px) {
  .p-service-menu--contents {
    position: absolute;
    top: 0;
    max-width: 960px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
  }

  .p-service-menu__button {
    display: block;
    margin: 0 auto;
    outline: 0
  }

  .p-service-menu__button:hover {
    cursor: pointer
  }

  .p-service-menu__button:active,
  .p-service-menu__button:focus {
    outline: 0
  }

  .p-service-menu__button__text {
    display: none
  }

  .p-service-menu__button__dot-wrap {
    width: 28px;
    height: 28px
  }

  .p-service-menu__button__dot-wrap__inner {
    position: relative;
    width: 28px;
    height: 28px;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot-wrap__inner {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  .p-service-menu__button__dot {
    width: 6px;
    height: 6px;
    border-radius: 100px;
    position: absolute;
    margin: auto;
    display: block;
    background: #333;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .p-service-menu__button__dot:nth-of-type(3n) {
    right: 0
  }

  .p-service-menu__button__dot:nth-of-type(3n-1) {
    left: 0;
    right: 0
  }

  .p-service-menu__button__dot:nth-of-type(3n-2) {
    left: 0
  }

  .p-service-menu__button__dot:nth-of-type(1),
  .p-service-menu__button__dot:nth-of-type(2),
  .p-service-menu__button__dot:nth-of-type(3) {
    top: 0
  }

  .p-service-menu__button__dot:nth-of-type(4),
  .p-service-menu__button__dot:nth-of-type(5),
  .p-service-menu__button__dot:nth-of-type(6) {
    top: 0;
    bottom: 0
  }

  .p-service-menu__button__dot:nth-of-type(7),
  .p-service-menu__button__dot:nth-of-type(8),
  .p-service-menu__button__dot:nth-of-type(9) {
    bottom: 0
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot {
    height: 3px
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(2),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(4),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(5),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(6),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(7),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(8),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(9) {
    opacity: 0
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(1) {
    width: 36px;
    -webkit-transform: translateY(12px) translateX(-4px) rotate(45deg);
    transform: translateY(12px) translateX(-4px) rotate(45deg)
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(3) {
    width: 36px;
    -webkit-transform: translateY(12px) translateX(4px) rotate(-45deg);
    transform: translateY(12px) translateX(4px) rotate(-45deg)
  }

  .p-service-menu__contents {
    display: none;
    position: relative;
    height: auto !important
  }

  .p-service-menu__contents.js-is-opened {
    display: block
  }

  .p-service-menu__contents__inner {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 999;
    overflow: hidden;
    width: 620px;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
  }

  .p-service-menu__contents.js-is-opened .p-service-menu__contents__inner {
    opacity: 1
  }

  .p-service-menu__contents__header {
    padding: 13px 0 18px 0;
    height: 85px;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
  }

  .p-service-menu__contents__header__text {
    text-align: center;
    font-weight: 700
  }

  .p-service-menu__contents__header__text--line-1 {
    font-size: 15px
  }

  .p-service-menu__contents__header__text--line-2 {
    font-size: 22px
  }

  .p-service-menu__contents__body {
    padding: 0 16px;
    background: #f1f1f1
  }

  .p-service-menu__contents__category {
    padding: 36px 0 30px 0;
    text-align: center;
    letter-spacing: 16px;
    vertical-align: middle
  }

  .p-service-menu__contents__category__row {
    display: inline-block
  }

  .p-service-menu__contents__footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden
  }

  .p-service-menu__content__heading {
    padding: 19px 0 16px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #000
  }

  .p-service-menu__content__link-list--outer {
    padding: 0 11px 13px 11px;
    background: #fff
  }

  .p-service-menu__content__link-list__inner {
    zoom: 1
  }

  .p-service-menu__content__link-list__inner:after {
    display: table;
    content: "";
    clear: both
  }

  .p-service-menu__content__link-list__item {
    float: left;
    width: 50%;
    border: 1px solid #f1f1f1
  }

  .p-service-menu__content__link-list__item--fill {
    width: 100%;
    border: none;
    padding-bottom: 4px
  }

  .p-service-menu__close {
    display: block;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    background: #dedede;
    border-radius: 0
  }

  .p-service-menu__close:hover {
    opacity: .8;
    cursor: pointer
  }
}

@media screen and (max-width:767px) {
  .p-service-menu__button {
    position: relative;
    width: 50px;
    height: 50px;
    display: block
  }

  .p-service-menu__button:hover {
    cursor: pointer
  }

  .p-service-menu__button:active,
  .p-service-menu__button:focus {
    outline: 0
  }

  .p-service-menu__button__dot-wrap,
  .p-service-menu__button__text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
  }

  .p-service-menu__button__dot-wrap {
    width: 21px;
    height: 21px;
    top: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot-wrap {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }

  .p-service-menu__button__dot {
    width: 5px;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    margin: auto;
    display: block;
    background: #333;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .p-service-menu__button__dot:nth-of-type(3n) {
    right: 0
  }

  .p-service-menu__button__dot:nth-of-type(3n-1) {
    left: 0;
    right: 0
  }

  .p-service-menu__button__dot:nth-of-type(3n-2) {
    left: 0
  }

  .p-service-menu__button__dot:nth-of-type(1),
  .p-service-menu__button__dot:nth-of-type(2),
  .p-service-menu__button__dot:nth-of-type(3) {
    top: 0
  }

  .p-service-menu__button__dot:nth-of-type(4),
  .p-service-menu__button__dot:nth-of-type(5),
  .p-service-menu__button__dot:nth-of-type(6) {
    top: 0;
    bottom: 0
  }

  .p-service-menu__button__dot:nth-of-type(7),
  .p-service-menu__button__dot:nth-of-type(8),
  .p-service-menu__button__dot:nth-of-type(9) {
    bottom: 0
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot {
    height: 3px
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(2),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(4),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(5),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(6),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(7),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(8),
  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(9) {
    opacity: 0
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(1) {
    width: 25px;
    -webkit-transform: translateY(9px) translateX(-2px) rotate(45deg);
    transform: translateY(9px) translateX(-2px) rotate(45deg)
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__dot:nth-of-type(3) {
    width: 25px;
    -webkit-transform: translateY(9px) translateX(2px) rotate(-45deg);
    transform: translateY(9px) translateX(2px) rotate(-45deg)
  }

  .p-service-menu__button__text {
    display: block;
    font-size: 9px;
    line-height: 1;
    text-align: center;
    color: #000;
    bottom: 4px
  }

  .p-service-menu__button__text--closed {
    display: block
  }

  .p-service-menu__button__text--opened {
    display: none
  }

  .p-service-menu__button.js-is-opened {
    background: #eee
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__text--closed {
    display: none
  }

  .p-service-menu__button.js-is-opened .p-service-menu__button__text--opened {
    display: block
  }

  @-webkit-keyframes show-contents-inner {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(50px)
    }

    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }

  @keyframes show-contents-inner {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(50px)
    }

    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
  }

  @-webkit-keyframes hide-contents-inner {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(50px)
    }
  }

  @keyframes hide-contents-inner {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(50px)
    }
  }

  .p-service-menu__contents-wrap {
    background: rgba(0, 0, 0, .5)
  }

  .p-service-menu__contents {
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 68px;
    height: 0;
    z-index: 999;
    width: 100vw;
    overflow: hidden;
    -webkit-transition: height .3s, opacity .3s, background 3s;
    transition: height .3s, opacity .3s, background 3s;
    background: rgba(0, 0, 0, 0)
  }

  .p-service-menu__contents.js-is-opened {
    height: auto;
    background: rgba(0, 0, 0, .5);
    opacity: 1
  }

  .p-service-menu__contents.js-is-closed {
    height: 0;
    background: rgba(0, 0, 0, 0);
    opacity: 0
  }

  .p-service-menu__contents__inner {
    border-radius: 3px;
    background: #f1f1f1
  }

  .p-service-menu__contents.js-is-opened .p-service-menu__contents__inner {
    -webkit-animation: show-contents-inner .3s ease-in-out;
    animation: show-contents-inner .3s ease-in-out
  }

  .p-service-menu__contents.js-is-closed .p-service-menu__contents__inner {
    -webkit-animation: hide-contents-inner .3s ease-in-out;
    animation: hide-contents-inner .3s ease-in-out
  }

  .p-service-menu__contents__header {
    padding: 13px 0 18px 0;
    height: 85px;
    border-bottom: 1px solid #ccc
  }

  .p-service-menu__contents__header__text {
    text-align: center;
    font-weight: 700
  }

  .p-service-menu__contents__header__text--line-1 {
    font-size: 15px
  }

  .p-service-menu__contents__header__text--line-2 {
    font-size: 22px
  }

  .p-service-menu__contents__category {
    padding: 36px 0 30px 0;
    text-align: center;
    vertical-align: middle
  }

  .p-service-menu__contents__category__row:last-child {
    margin-top: 15px
  }

  .p-service-menu__contents.js-is-active {
    display: block
  }

  .p-service-menu__content__heading {
    padding: 19px 15px 16px 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #000
  }

  .p-service-menu__content__link-list--outer {
    padding: 0 11px 13px 11px;
    background: #fff
  }

  .p-service-menu__content__link-list__inner {
    zoom: 1
  }

  .p-service-menu__content__link-list__inner:after {
    display: table;
    content: "";
    clear: both
  }

  .p-service-menu__content__link-list__item {
    float: left;
    width: 100%;
    border: 1px solid #f1f1f1
  }

  .p-service-menu__content__link-list__item--fill {
    border: none;
    padding-bottom: 4px
  }

  .p-service-menu__close {
    display: block;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    background: #dedede
  }

  .p-service-menu__close:hover {
    opacity: .8;
    cursor: pointer
  }
}

.l-single-breadcrumb {
  border-top: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .l-single-breadcrumb {
    border-top: 0 solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: auto
  }
}

.p-breadcrumb {
  background: #f5f5f5
}

@media screen and (max-width:767px) {
  .p-breadcrumb {
    font-size: 10px
  }
}

.p-breadcrumb__inner {
  overflow: hidden;
  padding: 6px 0 8px 0;
  zoom: 1;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  white-space: nowrap
}

.p-breadcrumb__inner:after {
  display: table;
  content: "";
  clear: both
}

@media screen and (max-width:767px) {
  .p-breadcrumb__inner {
    overflow-y: hidden;
    padding-left: 5px;
    overflow-x: auto
  }
}

.p-breadcrumb__item {
  position: relative;
  font-size: 12px;
  color: #000;
  padding-right: 25px;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .p-breadcrumb__item {
    float: none;
    font-size: 10px;
    padding-right: 20px
  }
}

.p-breadcrumb__item strong {
  font-weight: 400
}

.p-breadcrumb__item:after {
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: ">";
  font-size: 13px
}

@media screen and (max-width:767px) {
  .p-breadcrumb__item:after {
    top: -2px
  }
}

.p-breadcrumb__item:nth-last-child(1):after {
  content: none
}

.p-breadcrumb__link {
  text-decoration: none;
  color: #0559a8
}

.p-breadcrumb__link:hover {
  text-decoration: underline;
  cursor: pointer;
  opacity: 1
}

.p-attention {
  padding: 20px 20px 20px 60px;
  line-height: 1.53;
  border: solid 2px #c00;
  border-radius: 5px;
  background: #feffe6;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.p-attention__inner {
  display: table;
  table-layout: fixed;
  width: 100%
}

.p-attention__col {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px
}

.p-attention__col--button {
  width: 230px;
  text-align: right
}

.p-attention__text {
  font-size: 15px
}

.p-attention__text--strong {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #c00
}

.p-attention__text--strong:nth-of-type(1):before {
  width: 35;
  height: 35;
  position: absolute;
  left: -47px;
  top: -6px;
  display: block;
  content: "";
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/icon/icon_caution.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 30px
}

.p-attention__text--em {
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #c00
}

.p-attention__text--em:not(:nth-of-type(1)) {
  margin-top: 10px
}

.p-attention__text--em:before {
  width: 35;
  height: 35;
  position: absolute;
  left: -53px;
  top: -6px;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/icon/icon_caution.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 24px
}

.p-attention__buttom {
  display: block;
  border-radius: 3px;
  width: 210px 50px;
  height: auto;
  line-height: auto;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  background: #0559a8;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3)
}

.p-attention__buttom:hover {
  opacity: .8;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .p-pc-nav {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-pc-nav {
    border-top: 1px solid #ddd
  }

  .p-pc-nav__inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed
  }

  .p-pc-nav__inner__cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 26px
  }

  .p-pc-nav__inner__cell:before,
  .p-pc-nav__inner__cell:last-child:after {
    width: 1px;
    height: 26px;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #d8d8d8
  }

  .p-pc-nav__inner__cell:before {
    left: 0
  }

  .p-pc-nav__inner__cell:last-child:after {
    right: 0
  }

  .p-pc-nav__link {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    font-size: 13px;
    color: #000
  }

  .p-pc-nav__link--green {
    color: #0d8a19;
    font-weight: 700
  }
}

@media screen and (min-width:768px) {
  .p-sp-nav {
    display: none
  }
}

@media screen and (max-width:767px) {
  .p-sp-nav {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #bdbdbd
  }

  .p-sp-nav__inner {
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .p-sp-nav__item {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    font-size: 13px
  }

  .p-sp-nav__item.is-text-only {
    height: 42px;
    vertical-align: top
  }

  .p-sp-nav__item.is-text-only a {
    padding: 14px 0
  }

  .p-sp-nav__item.is-text-only .p-sp-nav__text {
    font-size: 14px;
    bottom: auto
  }

  .p-sp-nav__link {
    display: block;
    height: 100%
  }

  .p-sp-nav__icon,
  .p-sp-nav__text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
  }

  .p-sp-nav__icon {
    top: 10px;
    height: 20px
  }

  .p-sp-nav__text {
    bottom: 5px;
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #666
  }

  .p-sp-nav__text--green {
    color: #0d8a19
  }

  .p-sp-nav__num {
    border-radius: 100px;
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(22px, 0);
    transform: translate(22px, 0);
    display: block;
    width: 26px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    background: #c00
  }
}

@media screen and (max-width:767px) {
  .forCompanyPage .p-sp-nav__item.is-text-only a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
  }

  .forCompanyPage .p-sp-nav__item.is-text-only .p-sp-nav__text {
    font-size: 10px;
    line-height: 1.2
  }
}

@media screen and (max-width:767px) {
  .p-pc-header {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-pc-header {
    padding: 14px 0 10px 0
  }

  .p-pc-header__inner {
    display: table;
    table-layout: fixed;
    max-width: 960px;
    width: 100%;
    margin: 0 auto
  }

  .p-pc-header__irrevocable {
    min-width: 1020px
  }

  .p-pc-header__cell {
    display: table-cell;
    vertical-align: middle
  }

  .p-pc-header__cell--menu {
    width: 42px;
    padding: 0 0 4px 0
  }

  .p-pc-header__cell--user {
    width: 50px;
    text-align: right
  }

  .p-pc-header__cell--logo {
    padding: 0 9px;
    width: 400px
  }

  .p-pc-header__cell--text-link {
    width: auto;
    padding: 0 9px;
    text-align: right
  }

  .p-pc-header__cell--buttons--logged {
    width: 275px
  }

  .p-pc-header__cell--buttons--logged--wide {
    width: 400px
  }

  .p-pc-header__cell--buttons--not-logged {
    width: 330px
  }

  .p-pc-header__cell--buttons__inner {
    display: table;
    table-layout: fixed;
    margin: 0 0 0 auto
  }

  .p-pc-header__cell--buttons__inner__cell {
    display: table-cell;
    text-align: right
  }

  .p-pc-header__cell--buttons__inner__cell:not(:nth-of-type(1)) {
    padding-left: 10px
  }

  .p-pc-header__cell--icon-menu--item-4 {
    width: 260px
  }

  .p-pc-header__cell--icon-menu--item-5 {
    width: 330px
  }

  .p-pc-header__cell--icon-menu--item-6 {
    width: 395px
  }

  .p-pc-header__cell--nav {
    width: 100%;
    display: block
  }

  .p-pc-header__logo-wrap {
    display: inline-block;
    width: 400px;
    vertical-align: middle
  }

  .p-pc-header__logo-wrap.is-width-auto {
    width: auto
  }

  .p-pc-header__logo {
    display: inline-block;
    vertical-align: middle
  }

  .p-pc-header__logo__img {
    width: 170px
  }

  .p-pc-header__site-title {
    font-size: 12px;
    line-height: 1.3;
    display: inline-block;
    width: 220px;
    padding-left: 10px;
    vertical-align: middle
  }

  .p-pc-header__site-title.is-width-auto {
    width: auto
  }

  .p-pc-header__user {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    color: #000;
    background: #efefef
  }
}

.p-pc-header__cell--user {
  width: 55px;
  text-align: right;
  vertical-align: top;
  padding: 4px 0
}

.p-pc-header__user {
  background: unset;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-sp-header__cell--user {
    width: 62px;
    padding-right: 0;
    vertical-align: bottom
  }

  .p-sp-header__user {
    background: unset;
    width: 100%;
    line-height: 2.2
  }

  .p-sp-icon-menu__icon {
    width: 20px;
    margin: 0 auto
  }

  .p-sp-icon-menu__icon img {
    margin: auto;
    display: block
  }

  .p-sp-header__user__text {
    text-align: center;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    display: block;
    color: #999
  }

  .p-sp-nav__icon.is-scout {
    width: 20px;
    height: 14px;
    top: 12px
  }
}

@media screen and (min-width:768px) {
  .p-pc-icon-menu__inner {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .p-pc-icon-menu__item {
    display: table-cell;
    position: relative;
    border-left: 1px solid #d8d8d8
  }

  .p-pc-icon-menu__item:nth-last-of-type(1) {
    border-right: 1px solid #d8d8d8
  }

  .p-pc-icon-menu__link {
    display: block;
    padding: 4px 0
  }

  .p-pc-icon-menu__icon {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0 auto
  }

  .p-pc-icon-menu__icon__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
  }

  .p-pc-icon-menu__text {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    padding-top: 10px;
    color: #000
  }

  .p-pc-icon-menu__num {
    width: 18px;
    height: 18px;
    border-radius: 200%;
    position: absolute;
    top: -5px;
    right: 5px;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background: #c00
  }
}

.p-login-form {
  background: #fff;
  width: 100%
}

@media screen and (min-width:768px) {
  .p-login-form {
    padding: 20px 0 50px;
    text-align: center;
    border: 1px solid #ccc
  }

  .p-login-form.is-mt {
    margin-top: 40px
  }

  .p-login-form.is-mb {
    margin-bottom: 40px
  }

  .p-login-form.is-pb {
    padding-bottom: 20px
  }

  .p-login-form__inner {
    width: 650px;
    margin: 0 auto
  }

  .p-login-form__inner--inquirycorp {
    width: 700px !important
  }

  .p-login-form__inner--fill {
    width: 100%
  }

  .p-login-form__inner .u-bold {
    font-size: 16px;
    padding-bottom: 10px
  }

  .p-login-form--undefined__inner {
    width: 750px;
    margin: 0 auto
  }

  .p-login-form--undefined__inner--fill {
    width: 100%
  }

  .p-login-form--undefined__inner .u-bold {
    font-size: 16px;
    padding-bottom: 10px
  }

  .p-login-form__row {
    width: 93.75%;
    margin: 0 auto
  }

  .p-login-form__row--input {
    padding-bottom: 39px;
    width: 100%
  }

  .p-login-form__row--regist {
    width: 100%
  }

  .p-login-form__item {
    width: 500px;
    margin: 0 auto
  }

  .p-login-form__item--input {
    text-align: left
  }

  .p-login-form__item--submit {
    padding-top: 38px
  }

  .p-login-form__item--link {
    padding-top: 20px
  }

  .p-login-form__item__heading {
    padding: 15px 0 7px 0;
    font-weight: 700;
    font-size: 18px
  }

  .p-login-form__link {
    text-decoration: underline;
    font-size: 15px
  }

  .p-login-form__link:hover {
    text-decoration: none
  }

  .p-login-form__link:hover {
    cursor: pointer;
    opacity: .7
  }

  .p-login-form__lead {
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0 30px;
    background: #fff;
    display: inline-block
  }

  .p-login-form__lead a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    opacity: 1
  }

  .p-login-form__lead a:hover {
    text-decoration: underline
  }

  .p-login-form__lead--regist {
    padding: 15px 0 22px 0
  }

  .p-login-form__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 45px;
    padding: 8px 15px;
    background: #0d8a19;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
  }

  .p-login-form__button--orange {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    text-align: center;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    width: 300px;
    height: 50px;
    text-decoration: none
  }

  .p-login-form__button--orange:hover {
    opacity: .7;
    cursor: pointer
  }

  .p-login-form__button--orange__tag,
  .p-login-form__button--orange__text {
    display: inline-block
  }

  .p-login-form__button--orange__text {
    color: #fff
  }

  .p-login-form__button--orange__tag {
    width: 35px;
    height: 17px;
    border-radius: 3px;
    line-height: 19px;
    font-size: 11px;
    font-weight: 400;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    color: #c65300;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }
}

@media screen and (max-width:767px) {
  .p-login-form {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 15px
  }

  .p-login-form.p-login-form--border-none {
    border-top: none;
    border-bottom: none
  }

  .p-login-form.is-sp-plr-none {
    padding-left: 0;
    padding-right: 0
  }

  .p-login-form__inner {
    padding-top: 20px
  }

  .p-login-form__inner .u-bold {
    font-size: 16px;
    padding-bottom: 10px
  }

  .p-login-form__row--regist {
    margin-top: 30px
  }

  .p-login-form__item {
    padding: 0 15px;
    text-align: center
  }

  .p-login-form__item--submit {
    padding-top: 38px
  }

  .p-login-form__item--link {
    padding: 22px 0 39px 0
  }

  .p-login-form__item--regist {
    padding-top: 37px;
    padding-bottom: 35px
  }

  .p-login-form__item__heading {
    padding: 22px 0 8px 0;
    font-weight: 700;
    font-size: 18px;
    text-align: left
  }

  .p-login-form__link {
    text-decoration: underline;
    font-size: 15px
  }

  .p-login-form__link:hover {
    text-decoration: none
  }

  .p-login-form__link:hover {
    cursor: pointer;
    opacity: .7
  }

  .p-login-form__lead {
    font-weight: 700;
    padding-bottom: 20px;
    text-align: center;
    background: #fff
  }

  .p-login-form__lead a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
  }

  .p-login-form__lead--regist {
    padding: 0 15px 37px
  }

  .p-login-form__lead__password {
    text-align: left
  }

  .p-login-form__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 45px;
    padding: 8px 15px;
    background: #0d8a19;
    color: #fff;
    font-size: 18px;
    font-weight: 700
  }

  .p-login-form.sp-button-padding {
    padding-bottom: 70px
  }

  .p-login-form__button--orange {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    text-align: center;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    width: 300px;
    height: 50px;
    text-decoration: none
  }

  .p-login-form__button--orange__tag,
  .p-login-form__button--orange__text {
    display: inline-block
  }

  .p-login-form__button--orange__text {
    color: #fff
  }

  .p-login-form__button--orange__tag {
    width: 35px;
    height: 17px;
    border-radius: 3px;
    line-height: 19px;
    font-size: 11px;
    font-weight: 400;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    color: #c65300;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }
}

.p-login-form__password__checkbox {
  margin-top: 10px;
  text-align: left
}

.p-login-form__checkbox {
  margin-right: 10px
}

.p-login-form--complete--note {
  border-radius: 5px;
  border: solid 2px #ca0813;
  background-color: #feffe6;
  padding: 22px 17px;
  margin-bottom: 55px
}

@media screen and (min-width:768px) {
  .p-login-form--complete--note {
    margin-top: 19px;
    margin-bottom: 78px
  }
}

.p-login-form--complete--note--mail--icon {
  text-align: center
}

.p-login-form--complete--note--mail--icon img {
  width: 80px
}

.p-login-form--complete--note--heading--text {
  font-size: 14px;
  text-align: center
}

.p-login-form--complete--note--mail--address {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 15px
}

.p-login-form--complete--note--text {
  position: relative
}

.p-login-form--complete--note--text li {
  font-weight: 700;
  font-size: 17px;
  color: #c00;
  padding-left: 20px
}

.p-login-form--complete--note--text::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_caution.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -4px;
  margin-top: 4px
}

.p-login-form--complete--check--heading {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 25px
}

@media screen and (max-width:767px) {
  .p-login-form--complete--check--heading {
    font-size: 14px
  }
}

.p-login-form--complete--check--list li {
  background-color: #f5f5f5;
  padding: 12px 12px 12px 34px;
  position: relative;
  font-size: 15px;
  margin-bottom: 8px
}

@media screen and (max-width:767px) {
  .p-login-form--complete--check--list li {
    font-size: 14px
  }
}

.p-login-form--complete--check--list li::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check--green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 13px;
  margin-top: 2px
}

.p-login-form--complete--check--underline {
  font-weight: 700
}

.p-login-form--complete--check--link {
  padding-left: 14px;
  position: relative
}

.p-login-form--complete--check--link::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #b1b1b1;
  border-right: 2px solid #b1b1b1;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg)
}

.p-login-form--complete--check--link--wrap {
  margin-top: 10px
}

.p-login-form--complete--not-applicable {
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .p-login-form--complete--not-applicable {
    font-size: 14px
  }
}

.p-login-form--complete--link {
  color: #0c4379
}

input[type=password]::-ms-reveal {
  display: none
}

.form-radios-max {
  margin-bottom: 8px
}

.c-title-top-link {
  margin-bottom: 4px;
  margin-top: 4px;
  display: block
}

.p-form {
  margin-top: 40px;
  background-color: #fff
}

.p-form__warp {
  padding: 30px
}

@media screen and (min-width:768px) {
  .p-form__warp--border {
    border: solid #ccc;
    border-width: 0 1px 1px 1px
  }
}

@media screen and (min-width:768px) {
  .p-form__warp--around-border {
    border: 1px solid #ccc
  }
}

.p-form__warp__checkbox-confirm {
  text-align: center;
  padding: 30px 0 0 0
}

.p-form__warp__checkbox-confirm__check-icon {
  height: 15px;
  margin-right: 10px;
  vertical-align: middle
}

.p-form__warp__contents {
  border-top: 1px solid #ddd;
  width: 100%;
  display: table;
  table-layout: fixed
}

.p-form__warp__contents__no__border {
  border-top: none;
  border-bottom: none !important;
  margin-top: 45px
}

@media screen and (max-width:767px) {
  .p-form__warp__contents__no__border {
    margin-top: 0
  }
}

.p-form__warp__contents__no__border__top {
  border-top: none;
  border-bottom: none !important;
  margin-top: 0;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .p-form__warp__contents__no__border__top {
    padding: 10px 15px 0 !important
  }
}

.p-form__warp__contents:last-of-type {
  border-bottom: 1px solid #ddd
}

.p-form__warp__contents.is-border-bottom {
  border-bottom: 1px solid #ddd
}

.p-form__warp__contents__dt {
  display: table-cell;
  width: 230px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  font-weight: 700;
  background-color: #efefef;
  font-size: 15px;
  vertical-align: top
}

.p-form__warp__contents__dt p {
  display: inline-block;
  vertical-align: middle;
  width: 165px;
  line-height: 1.3
}

.p-form__warp__contents__dt_offer {
  display: table-cell;
  width: 230px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  font-weight: 700;
  background-color: #efefef;
  font-size: 15px;
  vertical-align: top
}

.p-form__warp__contents__dt_offer p {
  display: inline-block;
  vertical-align: middle;
  width: 165px;
  line-height: 1.3
}

.p-form__warp__contents__dd,
.p-form__warp__contents__dd__nodata {
  display: table-cell;
  min-width: 670px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  font-size: 15px;
  word-wrap: break-word
}

.p-form__warp__contents__dd__inner {
  margin-top: 15px;
  max-width: 500px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px;
  background-color: #efefef
}

.p-form__warp__contents__dd__inner.is-w-auto {
  max-width: none
}

.p-form__warp__contents__dd__inner p {
  margin-top: 20px;
  font-size: 15px
}

.p-form__warp__contents__dd__inner p.is-top {
  margin: -14px;
  padding: 14px 0;
  padding-right: 44px;
  text-indent: -2.35em;
  padding-left: calc(2.35em + 14px)
}

.p-form__warp__contents__dd__inner p.is-top .is-any {
  text-indent: 0
}

.p-form__warp__contents__dd__inner p .is-bold {
  font-weight: 700
}

.p-form__warp__contents__dd__inner span.cl-red {
  color: #c00
}

.p-form__warp__contents__dd__inner__title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  position: relative
}

.p-form__warp__contents__dd__inner__title:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  right: 20px
}

.p-form__warp__contents__dd__inner__title:hover {
  cursor: pointer;
  opacity: .7
}

.p-form__warp__contents__dd__inner__title.is-active:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.p-form__warp__contents__dd__inner__acc-box.is-hide {
  display: none
}

.p-form__warp__contents__dd__layout2__li {
  float: left;
  margin: 10px 14px 0 0;
  width: 308px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.p-form__warp__contents__dd__layout2__li:nth-child(1),
.p-form__warp__contents__dd__layout2__li:nth-child(2) {
  margin-top: 0
}

.p-form__warp__contents__dd__layout2__li:nth-child(2n) {
  margin-right: 0
}

.p-form__warp__contents__dd__layout2__li.is-single {
  float: none;
  clear: left;
  width: auto;
  margin-top: 0;
  margin-right: 0
}

.p-form__warp__contents__dd__layout2__li__box {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background: #ffffef
}

.p-form__warp__contents__dd__layout2__li__box span {
  font-weight: 700
}

.p-form__warp__contents__dd__layout2__li.is-width-auto {
  min-width: 0;
  width: 100%;
  margin: 10px 14px 0 0 !important
}

.p-form__warp__contents__dd__layout2__li.is-width-auto:nth-child(1) {
  margin-top: 0 !important
}

.p-form__warp__contents__dd__layout2__li__lower {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 15px 5px
}

@media screen and (min-width:768px) {
  .p-form__warp__contents__dd__layout2__li__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.p-form__warp__contents__dd__layout2__li__lower p {
  font-weight: 700;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.p-form__warp__contents__dd__layout2__li__lower .c-checkbox--label {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  max-width: 49%
}

@media screen and (max-width:767px) {
  .p-form__warp__contents__dd__layout2__li__lower .c-checkbox--label {
    max-width: 100%
  }

  .p-form__warp__contents__dd__layout2__li__lower .c-checkbox--label:not(:first-of-type) {
    margin-top: 10px
  }
}

.p-form__warp__contents__dd__layout2--sp__li {
  display: inline-block;
  margin-right: 10px
}

.p-form__warp__contents__dd__layout2--sp__li:last-child {
  margin-right: 0
}

.p-form__warp__contents__dd__layout2-table {
  display: table;
  width: 100%
}

.p-form__warp__contents__dd__layout2-table__left {
  display: table-cell;
  vertical-align: middle
}

.p-form__warp__contents__dd__layout2-table__right {
  display: table-cell;
  vertical-align: middle
}

.p-form__warp__contents__dd__layout2-table__right.is-text-right {
  text-align: right
}

.p-form__warp__contents__dd__layout2-table__right .c-button {
  width: 200px;
  padding: 0 15px
}

.p-form__warp__contents__dd__layout3-sp__li {
  display: inline-block;
  margin-right: 10px
}

.p-form__warp__contents__dd__layout3-sp__li:last-child {
  margin-right: 0
}

.p-form__warp__contents__dd__row {
  padding-top: 15px
}

.p-form__warp__contents__dd .c-textarea_30_word,
.p-form__warp__contents__dd__nodata .c-textarea_30_word {
  height: 520px
}

.p-form__warp__contents__dd .c-textarea_20_word,
.p-form__warp__contents__dd__nodata .c-textarea_20_word {
  height: 360px
}

.p-form__warp__contents__dd__nodata {
  color: #666
}

.p-form__warp__history {
  margin-top: 40px;
  padding: 0 0 15px 0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border: 2px solid #ddd
}

.p-form__warp__history:first-of-type {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .p-form__warp__history {
    margin: 20px 15px 0 15px
  }

  .p-form__warp__history:first-of-type {
    margin-top: 20px
  }
}

.p-form__warp__history__title {
  height: 48px;
  border-radius: 3px 3px 0 0;
  background-color: #efefef
}

.p-form__warp__history__title h4 {
  float: left;
  height: 48px;
  line-height: 48px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: 700
}

.p-form__warp__history__title__del {
  float: right;
  height: 48px;
  line-height: 48px;
  margin-right: 15px;
  font-size: 13px
}

.p-form__warp__history__title__del:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-invalid-name.svg) no-repeat center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  top: 2px;
  display: inline-block
}

.p-form__warp__history .p-form__warp__contents {
  width: auto;
  margin-left: 15px;
  margin-right: 15px
}

.p-form__warp__history .p-form__warp__contents:first-of-type {
  margin-top: 20px
}

.p-form__warp__history .p-form__warp__contents__dt {
  width: 213px
}

.p-form__warp__history .p-form__warp__contents__dt p {
  width: 128px
}

.p-form__warp__history .p-form__warp__contents__dd,
.p-form__warp__history .p-form__warp__contents__dd__nodata {
  min-width: 673px
}

@media screen and (max-width:767px) {
  .p-form__warp__history .p-form__warp__contents {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    table-layout: auto
  }

  .p-form__warp__history .p-form__warp__contents:first-of-type {
    margin-top: 0
  }

  .p-form__warp__history .p-form__warp__contents:last-of-type {
    padding-bottom: 0;
    border-bottom: none
  }

  .p-form__warp__history .p-form__warp__contents__dt {
    width: auto
  }

  .p-form__warp__history .p-form__warp__contents__dt p {
    width: 85%
  }

  .p-form__warp__history .p-form__warp__contents__dd,
  .p-form__warp__history .p-form__warp__contents__dd__nodata {
    min-width: 0
  }
}

.p-form__warp__history__no-editable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  font-size: 16px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 200px 20px 20px;
  font-weight: 700
}

.p-form__warp__in-disabled {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 500px
}

.p-form__warp__in-disabled .p-form__warp__in-disabled__status-heading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-form__warp__in-disabled .p-form__warp__in-disabled__status-heading p {
  font-weight: 700
}

.p-form__warp__in-disabled .c-form-failure-link {
  width: 100%;
  margin: 0
}

.p-form__warp__in-disabled .c-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
  width: 100%
}

.p-form__warp__in-disabled .c-form-count-text {
  width: 100%
}

.p-form__warp__in-disabled .c-form-error-text {
  min-width: 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-form__warp__in-disabled {
    width: auto;
    margin: 20px 0 0 0
  }
}

.p-form__warp__in-disabled__title {
  height: 48px;
  border-radius: 3px 3px 0 0;
  background-color: #efefef
}

.p-form__warp__in-disabled__title h4 {
  float: left;
  height: 48px;
  line-height: 48px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: 700
}

.p-form__warp__in-disabled__title__del {
  float: right;
  height: 48px;
  line-height: 48px;
  margin-right: 15px;
  font-size: 13px
}

.p-form__warp__in-disabled__title__del:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-invalid-name.svg) no-repeat center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  top: 2px;
  display: inline-block
}

.p-form__warp__in-disabled__inner {
  padding: 20px
}

.p-form__warp__in-handicap_input {
  margin-top: 20px;
  width: 100%
}

.p-form__warp__in-handicap_input .p-form__warp__in-disabled__status-heading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-form__warp__in-handicap_input .p-form__warp__in-disabled__status-heading p {
  font-weight: 700
}

.p-form__warp__in-handicap_input .c-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  height: 160px
}

@media screen and (max-width:767px) {
  .p-form__warp__in-handicap_input {
    width: auto;
    margin: 20px 0 0 0
  }
}

.p-form__warp__in-handicap {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 100%
}

.p-form__warp__in-handicap .p-form__warp__in-disabled__status-heading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-form__warp__in-handicap .p-form__warp__in-disabled__status-heading p {
  font-weight: 700
}

.p-form__warp__in-handicap .c-form-failure-link {
  width: 100%;
  margin: 0
}

.p-form__warp__in-handicap .c-textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  height: 160px
}

.p-form__warp__in-handicap .c-form-count-text {
  width: 100%
}

.p-form__warp__in-handicap .c-form-error-text {
  min-width: 0;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-form__warp__in-handicap {
    width: auto;
    margin: 20px 0 0 0
  }
}

.p-form__warp__in-handicap__title {
  height: 48px;
  border-radius: 3px 3px 0 0;
  background-color: #efefef
}

.p-form__warp__in-handicap__title h4 {
  float: left;
  height: 48px;
  line-height: 48px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: 700
}

.p-form__warp__in-handicap__title__del {
  float: right;
  height: 48px;
  line-height: 48px;
  margin-right: 15px;
  font-size: 13px
}

.p-form__warp__in-handicap__title__del:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-invalid-name.svg) no-repeat center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  top: 2px;
  display: inline-block
}

.p-form__warp__in-handicap__inner {
  padding: 20px
}

@media screen and (min-width:768px) {
  .p-form__warp__container ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: -10px 0 10px
  }

  .p-form__warp__container a {
    opacity: 1;
    text-decoration: none;
    margin-left: -5px
  }

  .p-form__warp__container a:hover {
    text-decoration: underline
  }

  .p-form__warp__container li {
    list-style: none
  }

  .p-form__warp__container p:nth-of-type(2) {
    margin-bottom: 25px
  }
}

@media screen and (max-width:767px) {
  .p-form__warp__container a {
    opacity: 1;
    text-decoration: none;
    margin-left: -5px
  }

  .p-form__warp__container a:hover {
    text-decoration: underline
  }

  .p-form__warp__container ul {
    margin: -10px 15px 10px 15px
  }

  .p-form__warp__container p:nth-of-type(2) {
    margin-bottom: 0
  }
}

.p-form__warp__webresume-guide p {
  padding: 0;
  color: #0d8a19;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 30px 0
}

@media screen and (max-width:767px) {
  .p-form__warp__webresume-guide p {
    padding: 20px 12px;
    margin: 0 0 -20px 0
  }
}

.p-form__warp__auth_number {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .p-form {
    margin: 0;
    padding-bottom: 20px
  }

  .p-form__warp {
    padding: 0
  }

  .p-form__warp__contents__table {
    border-bottom: 1px solid #ddd;
    padding: 0 !important
  }

  .p-form__warp__contents {
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px
  }

  .p-form__warp__contents.is-sp-bt {
    border-top: 1px solid #ddd
  }

  .p-form__warp__contents.is-sp-bb-none {
    border-bottom: none;
    padding-bottom: 0
  }

  .p-form__warp__contents__dt {
    display: block;
    width: auto;
    padding: 0;
    background-color: #fff;
    font-size: 18px
  }

  .p-form__warp__contents__dt p {
    width: 85%
  }

  .p-form__warp__contents__dt.is-left-border {
    padding-left: 10px;
    border-left: 4px solid #222;
    line-height: 1.2
  }

  .p-form__warp__contents__dt.is-sp-col2 {
    display: table-cell;
    width: 80px;
    padding: 0;
    font-size: 13px
  }

  .p-form__warp__contents__dt__offer {
    display: table-cell !important;
    width: 73px !important;
    vertical-align: middle !important;
    padding: 10px !important;
    background-color: #efefef;
    font-size: 13px !important;
    font-weight: 300
  }

  .p-form__warp__contents__dd__offer {
    padding: 10px !important;
    font-size: 13px !important
  }

  .p-form__warp__contents__dd,
  .p-form__warp__contents__dd__nodata {
    display: block;
    min-width: 0;
    padding: 10px 0 0 0
  }

  .is-sp-pt--0.p-form__warp__contents__dd__nodata,
  .p-form__warp__contents__dd.is-sp-pt--0 {
    padding-top: 0
  }

  .is-sp-col2.p-form__warp__contents__dd__nodata,
  .p-form__warp__contents__dd.is-sp-col2 {
    display: table-cell;
    width: 80%;
    padding: 0
  }

  .p-form__warp__contents__dd__inner {
    max-width: 100%;
    padding: 10px
  }

  .p-form__warp__contents__dd__inner p {
    margin-top: 20px;
    font-size: 15px
  }

  .p-form__warp__contents__dd__inner p:first-of-type {
    margin-top: 0
  }

  .p-form__warp__contents__dd__inner p.is-top {
    margin: -14px;
    padding: 14px;
    padding-right: 44px;
    text-indent: -2.35em;
    padding-left: calc(2.35em + 14px)
  }

  .p-form__warp__contents__dd__inner p.is-top .is-any {
    text-indent: 0
  }

  .p-form__warp__contents__dd__inner__title:hover {
    opacity: 1
  }

  .p-form__warp__contents__dd__inner__acc-box p:first-of-type {
    margin-top: 15px
  }

  .p-form__warp__contents__dd__layout2__li {
    float: none;
    margin: 10px 0 0 0;
    width: 100%
  }

  .p-form__warp__contents__dd__layout2__li:nth-child(2) {
    margin-top: 10px
  }

  .p-form__warp__contents__dd__layout2__li.is-gray {
    padding: 10px
  }

  .p-form__warp__contents__dd__layout2__li.is-single:nth-child(2) {
    margin-top: 0
  }

  .p-form__warp__contents__dd__layout2--sp__li {
    display: block;
    float: left;
    width: 48%;
    margin: 10px 4% 0 0
  }

  .p-form__warp__contents__dd__layout2--sp__li:nth-child(1),
  .p-form__warp__contents__dd__layout2--sp__li:nth-child(2) {
    margin-top: 0
  }

  .p-form__warp__contents__dd__layout2--sp__li:nth-child(2n) {
    margin-right: 0
  }

  .p-form__warp__contents__dd__layout2--sp__li.is-short {
    width: 45%
  }

  .p-form__warp__contents__dd__layout2--sp__li.is-long {
    width: 51%
  }

  .p-form__warp__contents__dd__layout2--sp__li .c-radio+label.c-radio--label {
    width: 100%
  }

  .p-form__warp__contents__dd__layout2--sp__li .c-checkbox+label.c-checkbox--label {
    width: 100%
  }

  .p-form__warp__contents__dd__layout2-table {
    display: block;
    width: auto
  }

  .p-form__warp__contents__dd__layout2-table__left {
    display: block
  }

  .p-form__warp__contents__dd__layout2-table__right {
    display: block;
    padding-top: 15px
  }

  .p-form__warp__contents__dd__layout2-table__right.is-text-right {
    text-align: center
  }

  .p-form__warp__contents__dd__layout2-table__right .c-button {
    width: 300px;
    padding: 0
  }

  .p-form__warp__contents__dd__layout3-sp__li {
    display: block;
    float: left;
    width: 32%;
    margin: 10px 2% 0 0
  }

  .p-form__warp__contents__dd__layout3-sp__li:nth-child(3n) {
    margin-right: 0
  }

  .p-form__warp__contents__dd__layout3-sp__li:last-child {
    margin-right: 0
  }

  .p-form__warp__contents__dd__layout3-sp__li .c-radio+label.c-radio--label {
    width: 100%
  }

  .p-form__warp__contents__dd__layout3-sp__li .c-checkbox+label.c-checkbox--label {
    width: 100%
  }

  .p-form__warp__auth_number {
    border-top: none;
    border-bottom: none
  }
}

.p-form-name {
  padding-top: 10px;
  font-size: 15px
}

.p-form-name__text1 {
  display: inline-block;
  width: 3em;
  line-height: 40px
}

.p-form-name__text2 {
  display: inline-block;
  width: 3em;
  line-height: 40px;
  margin-left: 24px
}

@media screen and (max-width:767px) {
  .p-form-name__text1 {
    width: 2em;
    line-height: 50px
  }

  .p-form-name__text2 {
    width: 2em;
    line-height: 50px;
    margin-left: 15px
  }
}

.p-form-period {
  padding-top: 10px;
  font-size: 15px
}

.p-form-period__text1 {
  display: inline-block;
  width: 4em;
  line-height: 40px
}

.p-form-period__text2 {
  display: inline-block;
  width: 4em;
  line-height: 40px;
  margin-left: 24px
}

.p-form-period__select-link {
  width: 200px
}

.p-form-period__checkbox {
  margin-top: 15px
}

@media screen and (max-width:767px) {
  .p-form-period__text1 {
    display: block;
    width: 100%;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .p-form-period__text2 {
    display: block;
    width: 100%;
    line-height: 1.4;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 10px
  }

  .p-form-period__select-link {
    width: 100%
  }

  .p-form-period__checkbox {
    font-size: 14px !important
  }
}

.p-form-tel {
  padding-top: 10px
}

.p-form-tel__text {
  display: inline-block;
  width: 80px
}

.p-form-tel__text.is-multiple {
  line-height: 1.2;
  vertical-align: bottom
}

@media screen and (min-width:768px) {
  .p-form-tel:first-of-type {
    padding-top: 0
  }
}

@media screen and (max-width:767px) {
  .p-form-tel__text {
    float: left;
    margin-right: 0
  }

  .p-form-tel .c-input {
    float: right
  }
}

.p-form-scheduled-graduation {
  padding-top: 20px
}

.p-form-scheduled-graduation__text1 {
  display: inline-block;
  width: 240px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2
}

.p-form-scheduled-graduation__text2 {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2
}

.p-form-scheduled-graduation.is-disabled {
  opacity: .3;
  cursor: default
}

.p-form-scheduled-graduation.is-disabled a {
  opacity: 1;
  cursor: default
}

@media screen and (max-width:767px) {
  .p-form-scheduled-graduation__text1 {
    float: left;
    width: 100%;
    margin: 0 0 10px 0
  }

  .p-form-scheduled-graduation__text2 {
    float: left;
    width: 15%;
    margin: 20px 0 0 5px
  }

  .p-form-scheduled-graduation .c-select-link {
    float: left;
    width: 80%
  }
}

.p-form-culmun2 {
  padding-top: 20px
}

.p-form-culmun2:first-of-type {
  padding-top: 0
}

@media screen and (max-width:767px) {
  .p-form-culmun2 {
    width: 100%
  }
}

.p-form-culmun2.is-border-b {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd
}

.p-form-culmun2.is-border-b:first-of-type {
  padding-top: 0
}

.p-form-culmun2__dt {
  display: table-cell;
  width: 150px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3
}

.p-form-culmun2__dt.is-vertical-top {
  vertical-align: top
}

@media screen and (max-width:767px) {
  .p-form-culmun2__dt {
    width: 80px
  }
}

.p-form-culmun2__dd {
  display: table-cell;
  width: 350px
}

@media screen and (max-width:767px) {
  .p-form-culmun2__dd {
    padding-left: 10px;
    width: 75%
  }
}

.p-form-culmun2__dd__col2 {
  float: left;
  width: 48%;
  margin-right: 4%
}

.p-form-culmun2__dd__col2:nth-child(2n) {
  margin-right: 0
}

.p-form-culmun2__dd__col2 .c-radio+label.c-radio--label {
  width: 100%
}

.p-form-culmun2__dd__col2 .c-checkbox+label.c-checkbox--label {
  width: 100%
}

.p-form-culmun2-lr {
  display: table;
  width: 100%;
  padding-top: 20px
}

.p-form-culmun2-lr:first-of-type {
  padding-top: 0
}

@media screen and (max-width:767px) {
  .p-form-culmun2-lr {
    display: block;
    width: auto
  }
}

.p-form-culmun2-lr__dt {
  display: table-cell;
  font-size: 15px;
  vertical-align: middle;
  max-width: 280px
}

.p-form-culmun2-lr__dt.is-vertical-top {
  vertical-align: top
}

@media screen and (max-width:767px) {
  .p-form-culmun2-lr__dt {
    display: block;
    max-width: none
  }
}

.p-form-culmun2-lr__dd {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  margin-top: 10px
}

@media screen and (max-width:767px) {
  .p-form-culmun2-lr__dd {
    display: block;
    text-align: left
  }

  .p-form-culmun2-lr__dd.is-center {
    text-align: center
  }
}

.p-form-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: right;
  z-index: 10
}

.p-form-fixed.is-display-none {
  display: none
}

.p-form-fixed--item_number {
  padding: 0 20px;
  text-align: right;
  font-size: 15px;
  pointer-events: none
}

.p-form-fixed--item_number span {
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-form-fixed--item_number {
    padding: 0 15px;
    background-color: rgba(255, 255, 255, .8)
  }
}

.p-form-fixed--show {
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.p-form-fixed--hide {
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  pointer-events: none
}

.p-form-fixed--inner {
  padding: 15px 0;
  text-align: center;
  background-color: rgba(0, 0, 0, .8)
}

.p-form-fixed--inner__col2 {
  display: inline-block;
  margin-right: 10px
}

.p-form-fixed--inner__col2:last-child {
  margin-right: 0
}

.p-form-fixed--inner__col3 {
  display: inline-block;
  margin-right: 10px
}

.p-form-fixed--inner__col3:last-child {
  margin-right: 0
}

.p-form-fixed--inner__alink {
  display: inline-block;
  margin-top: 20px
}

.p-form-fixed--inner--events-none {
  pointer-events: none
}

@media screen and (max-width:767px) {
  .p-form-fixed--inner {
    padding-left: 15px;
    padding-right: 15px
  }

  .p-form-fixed--inner.is-table {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-form-fixed--inner__col2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    margin-right: 4%
  }

  .p-form-fixed--inner__col2 .c-button {
    width: 100%
  }

  .p-form-fixed--inner__col2:last-child {
    margin-right: 0
  }

  .p-form-fixed--inner__col3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    margin-right: 0
  }

  .p-form-fixed--inner__col3 .c-button {
    width: 100%
  }

  .p-form-fixed--inner__col3:nth-child(1) {
    width: 24%
  }

  .p-form-fixed--inner__col3:nth-child(2) {
    width: 35%
  }

  .p-form-fixed--inner__col3:nth-child(3) {
    width: 41%;
    padding-right: 0
  }
}

.p-from-agree {
  padding-top: 40px;
  text-align: center
}

.p-form-under-logo {
  padding-top: 40px;
  text-align: center
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
  .p-form-fixed--item_number {
    padding-bottom: 10px
  }
}

.attention__text {
  color: #c00
}

.link-list {
  text-align: left;
  margin: 30px 15px 0
}

.link-list a {
  text-decoration: underline
}

.resend-click_disable_area,
.resend-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000
}

.resend-loading .resend-loading-sym {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.resend-loading .resend-loading-sym {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.resend-loading .resend-loading-sym svg {
  width: 100px;
  height: 100px
}

.resend-loading .resend-loading-sym svg path,
.resend-loading .resend-loading-sym svg rect {
  fill: #0d8a19
}

.webresume-profile-enter-message {
  font-weight: 700;
  color: #0d8a19
}

.webresume-profile-heading {
  font-size: 18px
}

@media screen and (min-width:768px) {
  .p-sp-header {
    display: none
  }
}

@media screen and (max-width:767px) {
  .p-sp-header {
    position: relative
  }

  .p-sp-header__inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px
  }

  .p-sp-header__site-title {
    font-size: 10px;
    padding: 5px 7px 0 7px;
    text-align: center;
    line-height: 1.3
  }

  .p-sp-header__site-title.is-left {
    text-align: left;
    padding-left: 10px
  }

  .p-sp-header__cell {
    display: table-cell;
    vertical-align: middle
  }

  .p-sp-header__cell--service-menu {
    width: 50px
  }

  .p-sp-header__cell--logo {
    text-align: center
  }

  .p-sp-header__cell--logo.is-left {
    text-align: left;
    padding-left: 10px
  }

  .p-sp-header__cell--user {
    width: 42px;
    padding-right: 10px
  }

  .p-sp-header__cell--menu {
    width: 50px
  }

  .p-sp-header__cell--login {
    position: relative;
    width: 50px;
    text-align: center
  }

  .p-sp-header__cell--blue-icon {
    position: relative;
    width: 55px;
    font-size: 0
  }

  .p-sp-header__cell--blue-icon a {
    display: block;
    margin-top: -15px;
    width: 45px;
    height: 45px;
    border-radius: 22px;
    text-align: center;
    background-color: #0559a8
  }

  .p-sp-header__cell--blue-icon img {
    margin-top: 10px;
    max-height: 25px
  }

  .p-sp-header__cell--red-icon {
    position: relative;
    width: 55px;
    font-size: 0
  }

  .p-sp-header__cell--red-icon a {
    display: block;
    margin-top: -15px;
    width: 45px;
    height: 45px;
    border-radius: 22px;
    text-align: center;
    background-color: #c65300
  }

  .p-sp-header__cell--red-icon img {
    margin-top: 10px;
    max-height: 25px
  }

  .p-sp-header__logo-wrap {
    display: inline-block
  }

  .p-sp-header__logo__img {
    width: 153px;
    height: 26px
  }

  .p-sp-header__user {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 10px;
    background: #efefef
  }

  .p-sp-header__login {
    height: 50px;
    display: block
  }

  .p-sp-header__login__img {
    height: 20px;
    vertical-align: baseline;
    top: 10px;
    position: relative
  }

  .p-sp-header__login__text {
    bottom: 4px;
    font-size: 9px;
    line-height: 1;
    color: #000;
    position: absolute;
    left: 0;
    right: 0
  }
}

@media screen and (min-width:768px) {
  .p-sp-header-menu {
    display: none
  }
}

@media screen and (max-width:767px) {
  .p-sp-header-menu__button {
    position: relative;
    display: block;
    height: 50px
  }

  .p-sp-header-menu__button__humburger,
  .p-sp-header-menu__button__text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
  }

  .p-sp-header-menu__button__humburger {
    width: 24px;
    height: 19px;
    position: relative;
    margin: 0 auto;
    top: 10px
  }

  .p-sp-header-menu__button__humburger__line {
    width: 100%;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/sp/common/line/line_humburger--black.svg) no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-transition: all .4s;
    transition: all .4s
  }

  .p-sp-header-menu__button__humburger__line--1 {
    top: 0
  }

  .p-sp-header-menu__button__humburger__line--2 {
    top: 0;
    bottom: 0
  }

  .p-sp-header-menu__button__humburger__line--3 {
    bottom: 0
  }

  .p-sp-header-menu__button__text {
    bottom: 4px;
    display: block;
    font-size: 9px;
    line-height: 1;
    text-align: center;
    color: #000
  }

  .p-sp-header-menu__button__text--closed {
    display: block
  }

  .p-sp-header-menu__button__text--opened {
    display: none
  }

  .p-sp-header-menu__button.js-is-opened .p-sp-header-menu__button__text--closed {
    display: none
  }

  .p-sp-header-menu__button.js-is-opened .p-sp-header-menu__button__text--opened {
    display: block
  }

  .p-sp-header-menu__button.js-is-opened {
    background: #f1f1f1
  }

  .p-sp-header-menu__button.js-is-opened .p-sp-header-menu__button__humburger__line--1 {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg)
  }

  .p-sp-header-menu__button.js-is-opened .p-sp-header-menu__button__humburger__line--2 {
    opacity: 0
  }

  .p-sp-header-menu__button.js-is-opened .p-sp-header-menu__button__humburger__line--3 {
    -webkit-transform: translateY(-5px) rotates(45deg);
    transform: translateY(-5px) rotate(45deg)
  }

  .p-sp-header-menu__contents {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 68px;
    height: 0;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .p-sp-header-menu__contents--has-emergency {
    top: 129px
  }

  .p-sp-header-menu__contents__inner {
    background: #f1f1f1
  }

  .p-sp-header-menu__contents.js-is-opened {
    opacity: 1;
    padding-bottom: 50px
  }

  .p-sp-header-menu__heading {
    padding: 28px 11px 17px 11px;
    font-size: 13px;
    font-weight: 700
  }

  .p-sp-header-menu__content--1 {
    padding-top: 20px
  }

  .p-sp-header-menu__content--logout {
    margin-top: 40px
  }

  .p-sp-header-menu__content--close {
    margin-top: 40px
  }

  .p-sp-header-menu__content--close-forCompanyPage {
    margin-top: 20px
  }

  .p-sp-header-menu__link {
    width: 100%;
    height: 50px;
    display: block;
    line-height: 50px;
    padding: 0 15px;
    background-color: #fff;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png);
    background-repeat: no-repeat;
    background-size: auto 13px;
    background-position: right 14px center;
    margin-top: 2px;
    position: relative
  }

  .p-sp-header-menu__link--num {
    padding-right: 55px
  }

  .p-sp-header-menu__link__text {
    font-size: 15px;
    color: #000
  }

  .p-sp-header-menu__link__num {
    border-radius: 50px;
    width: 18px;
    height: 18px;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
    color: #fff;
    background: #c00
  }

  .p-sp-header-menu__content .p-sp-header-menu__link:first-child {
    margin-top: 0
  }

  .p-sp-header-menu__icon-list {
    zoom: 1;
    padding: 0 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .p-sp-header-menu__icon-list:after {
    display: table;
    content: "";
    clear: both
  }

  .p-sp-header-menu__icon-list__item {
    width: 32.4%;
    height: 115px;
    border-radius: 3px;
    display: table;
    table-layout: fixed;
    margin-top: 4px;
    background: #fff
  }

  .p-sp-header-menu__icon-list__item:first-child {
    margin-left: 0
  }

  .p-sp-header-menu__icon-list__link {
    width: 100%;
    height: 100%;
    position: relative;
    display: table
  }

  .p-sp-header-menu__icon-list__img,
  .p-sp-header-menu__icon-list__text-wrap {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
  }

  .p-sp-header-menu__icon-list__img {
    height: 30px;
    top: 30px
  }

  .p-sp-header-menu__icon-list__text-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    bottom: 10px;
    height: 30px
  }

  .p-sp-header-menu__icon-list__text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    color: #000
  }

  .p-sp-header-menu__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
  }

  .p-sp-header-menu__buttons>a {
    width: 49%
  }

  .p-sp-header-menu__buttons>a .c-header-button--regist__tag {
    font-weight: 700
  }

  .p-sp-header-menu__buttons--full>a {
    width: 100%
  }

  .p-sp-header-menu__close {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    background: #dedede
  }

  .p-sp-header-menu__employer-link {
    padding-top: 15px;
    padding-left: 15px
  }
}

@media screen and (min-width:768px) {
  .p-footer__row__inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto
  }

  .p-footer__row__irrevocable {
    min-width: 1020px
  }

  .p-footer__row--middle {
    border-top: 1px solid #ddd
  }

  .p-footer__row--middle__inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 118px
  }

  .p-footer__row--middle__inner.is-width-auto {
    max-width: 100%;
    height: auto;
    padding: 10px 0;
    border-top: 1px solid #ddd
  }

  .p-footer__row--middle__inner.is-height-auto {
    height: auto;
    padding: 15px 0
  }

  .p-footer__row--middle__cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
  }

  .p-footer__row--middle__cell.is-text-left {
    text-align: left
  }

  .p-footer__row--middle__cell--privacy {
    width: 350px
  }

  .p-footer__row--middle__cell--gp-logo {
    width: 240px;
    text-align: right
  }

  .p-footer__row--lower {
    background: #eee
  }

  .p-footer__links {
    padding: 22px 0;
    line-height: 1;
    text-align: center
  }

  .p-footer__links__item {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
  }

  .p-footer__links__link {
    text-decoration: none;
    font-size: 12px;
    color: #0559a8
  }

  .p-footer__links__link:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1
  }

  .p-footer__lead {
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-align: left
  }

  .p-footer__privacy {
    display: inline-table
  }

  .p-footer__privacy__mark,
  .p-footer__privacy__text {
    display: table-cell;
    vertical-align: middle
  }

  .p-footer__privacy__mark {
    width: 50px;
    height: 50px;
    vertical-align: top
  }

  .p-footer__privacy__text {
    padding-left: 19px;
    font-size: 12px;
    line-height: 1.25;
    text-align: left
  }

  .p-footer__gp-logo {
    display: table-cell;
    vertical-align: middle;
    font-size: 0
  }

  .p-footer__gp-logo span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    margin-top: 15px;
    margin-right: 10px;
    vertical-align: top
  }

  .p-footer__gp-logo img {
    max-height: 54px
  }

  .p-footer__copy {
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    text-align: center
  }

  .p-footer__margin-top {
    margin-top: 25px
  }
}

@media screen and (max-width:767px) {
  .p-footer__margin-top {
    color: #000;
    margin-top: 0
  }
}

.p-footer__atGp-logo {
  padding-top: 30px;
  font-size: 0;
  text-align: center
}

.p-footer__atGp-logo img {
  max-height: 26px
}

@media screen and (max-width:767px) {
  .p-footer__atGp-logo {
    padding-top: 20px
  }
}

.p-footer__heading {
  padding-top: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #0d8a19;
  text-align: center
}

@media screen and (max-width:767px) {
  .p-footer__heading {
    padding: 20px 15px 25px 15px;
    text-align: left
  }
}

.p-footer__service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .p-footer__service-list {
    display: block;
    padding: 0 15px 30px 15px
  }
}

.p-footer__service-list__wrap {
  width: 345px;
  margin-right: 30px
}

.p-footer__service-list__wrap:last-child {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .p-footer__service-list__wrap {
    width: auto;
    margin-right: 0
  }

  .p-footer__service-list__wrap:last-child {
    border-bottom: 1px solid #ddd
  }
}

.p-footer__service-list__wrap__title {
  margin-top: 50px;
  padding: 15px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-footer__service-list__wrap__title {
    margin-top: 0;
    border-bottom: none
  }

  .p-footer__service-list__wrap__title.is-sp-footer-acc-button {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--s--gray.png) no-repeat right 10px center;
    padding-right: 26px
  }

  .p-footer__service-list__wrap__title.is-sp-footer-acc-button.is-active {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_minus--s--gray.png) no-repeat right 10px center;
    border-bottom: 1px solid #ddd
  }
}

.p-footer__service-list__wrap__sp-acc-contents {
  display: block
}

@media screen and (max-width:767px) {
  .p-footer__service-list__wrap__sp-acc-contents {
    display: none;
    padding-bottom: 20px
  }

  .p-footer__service-list__wrap__sp-acc-contents.is-active {
    display: block
  }
}

.p-footer__service-list__wrap__height {
  height: 170px
}

.p-footer__service-list__wrap__sub-title {
  margin-top: 30px;
  padding-left: 7px;
  line-height: 1;
  border-left: 4px solid #000;
  font-size: 13px;
  font-weight: 700
}

.p-footer__service-list__wrap__sub-title:first-of-type {
  margin-top: 15px
}

.p-footer__service-list__wrap__list {
  margin-left: 13px;
  padding-top: 20px
}

.p-footer__service-list__wrap__list__item {
  padding-top: 15px
}

.p-footer__service-list__wrap__list__item:first-of-type {
  padding-top: 0
}

@media screen and (min-width:768px) {
  .p-footer__service-list__margin-top {
    margin-top: 25px
  }
}

@media screen and (max-width:767px) {
  .p-footer__service-list__margin-top {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {
  .p-footer__service-list__color-black p {
    color: #000
  }
}

@media screen and (max-width:767px) {
  .p-footer__row--middle__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }

  .p-footer__row--middle__inner.is-width-auto {
    border-top: 1px solid #ddd
  }

  .p-footer__row--middle__cell {
    width: 100%
  }

  .p-footer__row--middle__cell--lead {
    padding: 20px 30px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 1.58
  }

  .p-footer__row--middle__cell--lead.is-text-left {
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-bottom: 10px
  }

  .p-footer__row--middle__cell--privacy {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #ddd
  }

  .p-footer__row--lower {
    background: #eee
  }

  .p-footer__links {
    zoom: 1;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
  }

  .p-footer__links:after {
    display: table;
    content: "";
    clear: both
  }

  .p-footer__links__item {
    width: 50%;
    height: auto;
    float: left
  }

  .p-footer__links__link {
    width: 100%;
    height: 100%;
    text-decoration: none;
    float: left;
    padding: 5px 16px;
    font-size: 12px;
    color: #0559a8
  }

  .p-footer__links__link:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1
  }

  .p-footer__privacy {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 16px;
    font-size: 12px;
    line-height: 1.42
  }

  .p-footer__privacy__mark,
  .p-footer__privacy__text {
    display: table-cell;
    vertical-align: middle
  }

  .p-footer__privacy__mark {
    width: 50px;
    height: 50px;
    vertical-align: top;
    text-align: center
  }

  .p-footer__privacy__mark__img {
    width: 5px
  }

  .p-footer__privacy__text {
    padding-left: 19px;
    font-size: 12px;
    line-height: 1.58;
    text-align: left
  }

  .p-footer__gp-logo {
    display: block;
    font-size: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    padding-bottom: 20px
  }

  .p-footer__gp-logo span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    margin-top: 15px;
    margin-right: 10px;
    vertical-align: top
  }

  .p-footer__gp-logo img {
    max-height: 54px
  }

  .p-footer__copy {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    background: #eee
  }
}

.p-notification-list {
  border-radius: 5px;
  border-bottom: 1px solid #ddd;
  overflow: hidden
}

.p-notification-list:first-of-type {
  border-top: 1px solid #ddd
}

.p-notification-list.is-border-lr-none {
  border-left: none;
  border-right: none
}

.p-notification-list__item {
  border-top: 1px solid #ddd
}

.p-notification-list__item:first-child {
  border-top: none
}

.p-notification-list__item__link {
  display: block
}

.p-notification-list__box {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100px;
  padding: 14px 31px 14px 0;
  background-color: #feffe6;
  position: relative
}

.p-notification-list__box.is-arrow:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  right: 10px
}

.p-notification-list__box.is-already {
  background-color: #fff
}

.p-notification-list__box__cell {
  vertical-align: middle;
  width: 100%;
  padding: 0 0 0 10px;
  overflow: hidden;
  margin-bottom: 5px
}

.p-notification-list__box__cell__l {
  float: left;
  width: 60%
}

.p-notification-list__box__cell__r {
  float: right;
  width: 40%;
  text-align: right
}

.p-notification-list__box__cell--tag {
  text-align: left
}

.p-notification-list__box__header {
  zoom: 1;
  line-height: 18px;
  padding-bottom: 2px
}

.p-notification-list__box__header:after {
  display: table;
  content: "";
  clear: both
}

.p-notification-list__box__header__date {
  float: left;
  font-size: 12px;
  color: #aaa
}

.p-notification-list__box__header__tag {
  float: right
}

.p-notification-list__box__tag {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  color: #fff;
  background: #c00;
  padding: 2px 7px
}

.p-notification-list__box__tag.blue {
  background-color: #188ca7;
}

.p-notification-list__box__tag.gray {
  background-color: #707070;
}

.p-notification-list__box__text,
.p-notification-list__box__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.p-notification-list__box__title {
  font-weight: 700;
  color: #0559a8;
  font-size: 15px;
  padding-bottom: 4px
}

.p-notification-list__box__text {
  color: #6c6c6c;
  font-size: 13px
}

.p-notification-list--no-data {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: none;
  color: #666;
  text-align: center;
  font-size: 15px
}

.p-notification-list--no-data__text {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

@media screen and (min-width:768px) {
  .p-notification-list--no-data {
    min-height: 100px
  }

  .p-notification-list--no-data__text {
    background: #f5f5f5
  }
}

@media screen and (max-width:767px) {
  .p-notification-list--no-data {
    height: auto !important
  }
}

.p-notification-list a:hover {
  text-decoration: none;
  opacity: 1
}

.p-notification-list a:hover .p-notification-list__box__title {
  text-decoration: underline
}

.p-notification-list a:hover .p-notification-list__box__cell--tag,
.p-notification-list a:hover .p-notification-list__box__header,
.p-notification-list a:hover .p-notification-list__box__text {
  opacity: .7
}

.p-content-box--white {
  background: #fff
}

.p-content-box__heading--green {
  background: #0d8a19
}

.p-content-box__heading--green--position {
  position: relative
}

.p-content-box__heading.is-table {
  display: table;
  width: 100%
}

.p-content-box--underline a {
  opacity: 1;
  text-decoration: none
}

.p-content-box--underline a:hover {
  text-decoration: underline
}

@media screen and (min-width:768px) {
  .p-content-box__heading {
    height: 45px;
    line-height: 45px;
    padding: 0 15px
  }

  .p-content-box__heading__icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    vertical-align: middle
  }

  .p-content-box__heading__text {
    font-size: 18px;
    font-weight: 700;
    color: #fff
  }

  .p-content-box__heading__text.is-pc-col2 {
    display: table-cell;
    vertical-align: middle
  }

  .p-content-box__heading__text__date {
    margin-left: 20px;
    font-size: 13px
  }

  .p-content-box__heading__text__number {
    color: #ffed29
  }

  .p-content-box__heading__logo {
    display: table-cell;
    text-align: right;
    vertical-align: middle
  }

  .p-content-box__heading__logo img {
    height: 25px
  }

  .p-content-box__body {
    padding: 27px 30px 32px 30px
  }

  .p-content-box__body--partition {
    zoom: 1
  }

  .p-content-box__body--partition:after {
    display: table;
    content: "";
    clear: both
  }

  .p-content-box__body--partition__cell {
    width: 47.7%
  }

  .p-content-box__body--partition__cell--fill {
    width: 100%
  }

  .p-content-box__body--partition__cell:first-child {
    float: left
  }

  .p-content-box__body--partition__cell:last-child {
    float: right
  }

  .p-content-box__body__heading {
    padding-bottom: 23px
  }

  .p-content-box__body__foot {
    padding-top: 35px;
    text-align: center
  }

  .p-content-box__body__foot .c-button.is-pc-mr {
    margin-right: 20px
  }

  .p-content-box__body__foot.is-col2 {
    display: table;
    width: 100%
  }

  .p-content-box__body__foot__left-box {
    display: table-cell;
    text-align: left;
    vertical-align: middle
  }

  .p-content-box__body__foot__right-box {
    display: table-cell;
    text-align: right;
    vertical-align: middle
  }

  .p-content-box__body__foot__mypage-webresume {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .p-content-box__heading {
    height: 100%;
    line-height: 45px;
    padding: 0 15px;
    display: block;
    position: relative
  }

  .p-content-box__heading.is-sp-ptb {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .p-content-box__heading__icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle
  }

  .p-content-box__heading__text {
    font-size: 18px;
    font-weight: 700;
    color: #fff
  }

  .p-content-box__heading__text__date {
    display: block;
    margin: 0 -15px;
    padding: 8px 0;
    font-size: 13px;
    text-align: center;
    background-color: #006309;
    line-height: 1
  }

  .p-content-box__heading__text__number {
    color: #ffed29
  }

  .p-content-box__heading__text.is-sp-center {
    display: block;
    text-align: center;
    line-height: 1
  }

  .p-content-box__heading__logo {
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 1;
    margin-top: 10px;
    position: absolute;
    right: 10px;
    top: 1px
  }

  .p-content-box__heading__logo.is-top {
    position: relative;
    right: auto;
    top: auto
  }

  .p-content-box__heading__logo img {
    height: 19px
  }

  .p-content-box__heading__logo.is-large img {
    height: 23px
  }

  .p-content-box__body {
    background: #e8e8e8
  }

  .p-content-box__body--white--sp {
    background: #fff
  }

  .p-content-box__body--partition__cell {
    padding: 1.8rem 1.45rem 1.8rem 1.45rem;
    padding-bottom: 29px;
    margin-bottom: 5px;
    background: #fff
  }

  .p-content-box__body--partition__cell:last-child {
    margin-bottom: 0
  }

  .p-content-box__body--partition__cell--fill {
    width: 100%
  }

  .p-content-box__body--partition__cell--no-sp-no-gap {
    padding: 0
  }

  .p-content-box__body--partition__cell--no-sp-side-gap {
    padding-left: 0;
    padding-right: 0
  }

  .p-content-box__body--partition__cell.is-no-sp-pb {
    padding-bottom: 0
  }

  .p-content-box__body__heading {
    padding-bottom: 30px
  }

  .p-content-box__body__foot {
    padding-top: 29px;
    text-align: center
  }

  .p-content-box__body__foot .c-button.is-sp-mt {
    margin-top: 20px
  }

  .p-content-box__body__foot__right-box {
    padding-top: 20px
  }

  .p-content-box__body__foot__mypage-webresume {
    text-align: center
  }
}

.p-sample__heading {
  text-indent: 1em;
  padding: 10px 0;
  font-weight: 700;
  line-height: 3em
}

.p-sample__heading:after,
.p-sample__heading:before {
  display: block;
  content: '';
  background: #000;
  height: 1px
}

.p-sample__class {
  width: 100%;
  padding: 20px
}

.p-sample__class__inner {
  display: block;
  width: 100%;
  padding: 10px 30px;
  color: #fff;
  background: #999
}

.p-sample__description {
  text-align: left;
  padding: 20px
}

.p-sample__description:before {
  display: block;
  content: '【description】';
  font-weight: 700
}

.p-sample__description__inner {
  padding: 30px;
  background: #fff
}

@media screen and (min-width:768px) {
  .p-tile-list__inner {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd
  }

  .p-tile-list__link {
    width: 100%;
    height: 50px;
    display: block;
    padding: 14px 37px 14px 13px;
    border-top: 1px solid #ddd
  }

  .p-tile-list__link.webresume--profile {
    padding: 14px 13px 14px 13px !important
  }

  .p-tile-list__link__text {
    font-size: 15px;
    color: #0559a8
  }

  .p-tile-list__link--em {
    background-color: #feffe6
  }

  .p-tile-list__link--em__text {
    font-weight: 700
  }

  .p-tile-list__link__tag {
    padding-left: 4px;
    font-size: 15px;
    color: #0559a8
  }

  .p-tile-list__link--arrow {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit {
    display: table;
    table-layout: auto;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_edit--blue.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit__webresume--profile {
    display: table;
    table-layout: auto;
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit .p-tile-list__link__tag,
  .p-tile-list__link--edit .p-tile-list__link__text,
  .p-tile-list__link--edit--edit__webresume--profile .p-tile-list__link__tag,
  .p-tile-list__link--edit__webresume--profile .p-tile-list__link__text {
    display: table-cell;
    vertical-align: middle
  }

  .p-tile-list__link--edit .p-tile-list__link__tag,
  .p-tile-list__link--edit__webresume--profile .p-tile-list__link__tag {
    text-align: right
  }

  .p-tile-list__link__tag__text {
    display: inline-block;
    height: 19px;
    text-align: center;
    font-size: 10px
  }

  .p-tile-list__link__tag__text--entered {
    width: 50px;
    line-height: 19px;
    color: #0d8a19;
    border: 1px solid #0d8a19
  }

  .p-tile-list__link__tag__text--not-entered {
    width: 82px;
    line-height: 21px;
    font-weight: 700;
    color: #fff;
    background: #c00
  }

  .p-tile-list__link__tag__text--has-not-entered-items {
    width: 50px;
    line-height: 19px;
    color: #707070;
    border: 1px solid #707070;
    font-size: 9px
  }

  .p-tile-list__link--has-links {
    height: auto;
    padding: 10px
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner {
    padding: 10px 0;
    border-bottom: 1px solid #ddd
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner:first-child {
    padding-top: 0
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner:last-child {
    border-bottom: none
  }

  .p-tile-list__link--has-links .p-tile-list__link__title {
    padding: 6px 0 2px 24px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list_links.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 18px
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item {
    position: relative;
    display: inline-block;
    padding-right: 16px
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 14px;
    background: #000
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:last-child:after {
    content: none
  }

  .p-tile-list__link--child {
    padding-left: 40px
  }

  .p-tile-list__link--inactive:hover {
    cursor: context-menu;
    text-decoration: none !important
  }

  .p-tile-list__text {
    font-size: 15px;
    color: #0559a8
  }

  .p-tile-list__item:first-child .p-tile-list__link {
    border-top: none
  }

  .p-tile-list__item a {
    opacity: 1
  }

  .p-tile-list__item a:hover {
    text-decoration: underline
  }
}

@media screen and (max-width:767px) {
  .p-tile-list__inner {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd
  }

  .p-tile-list__link {
    width: 100%;
    height: 50px;
    display: block;
    padding: 13px 37px 13px 13px;
    border-top: 1px solid #ddd
  }

  .p-tile-list__link.webresume--profile {
    padding: 13px !important
  }

  .p-tile-list__link__text {
    font-size: 15px;
    color: #0559a8
  }

  .p-tile-list__link--em {
    background-color: #feffe6
  }

  .p-tile-list__link--em__text {
    font-weight: 700
  }

  .p-tile-list__link__tag {
    font-size: 15px;
    padding-left: 4px;
    color: #0559a8
  }

  .p-tile-list__link--arrow {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit {
    display: table;
    table-layout: auto;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_edit--blue.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit__webresume--profile {
    display: table;
    table-layout: auto;
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: auto 14px
  }

  .p-tile-list__link--edit .p-tile-list__link__tag,
  .p-tile-list__link--edit .p-tile-list__link__text,
  .p-tile-list__link--edit--edit__webresume--profile .p-tile-list__link__tag,
  .p-tile-list__link--edit__webresume--profile .p-tile-list__link__text {
    display: table-cell;
    vertical-align: middle
  }

  .p-tile-list__link--edit .p-tile-list__link__tag,
  .p-tile-list__link--edit__webresume--profile .p-tile-list__link__tag {
    text-align: right
  }

  .p-tile-list__link__tag__text {
    display: inline-block;
    height: 19px;
    text-align: center;
    font-size: 10px
  }

  .p-tile-list__link__tag__text--entered {
    width: 50px;
    line-height: 19px;
    color: #0d8a19;
    border: 1px solid #0d8a19
  }

  .p-tile-list__link__tag__text--not-entered {
    width: 82px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    background: #c00
  }

  .p-tile-list__link__tag__text--has-not-entered-items {
    width: 50px;
    line-height: 19px;
    color: #707070;
    border: 1px solid #707070;
    font-size: 9px
  }

  .p-tile-list__link--has-links {
    height: auto;
    padding: 10px
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner {
    padding: 10px 0;
    border-bottom: 1px solid #ddd
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner:first-child {
    padding-top: 0
  }

  .p-tile-list__link--has-links .p-tile-list__link--has-links__inner:last-child {
    border-bottom: none
  }

  .p-tile-list__link--has-links .p-tile-list__link__title {
    padding: 6px 0 2px 24px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list_links.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 18px
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item {
    position: relative;
    display: inline-block;
    padding-right: 16px
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 14px;
    background: #000
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none
  }

  .p-tile-list__link--has-links .p-tile-list__link__link-list--item:last-child:after {
    content: none
  }

  .p-tile-list__link--inactive:hover {
    cursor: context-menu;
    text-decoration: none !important
  }

  .p-tile-list__text {
    font-size: 15px;
    color: #0559a8
  }

  .p-tile-list__item:first-child .p-tile-list__link {
    border-top: none
  }

  .p-tile-list__item a {
    opacity: 1
  }

  .p-tile-list__item a:hover {
    text-decoration: underline
  }
}

@media screen and (min-width:768px) {
  .p-notice-list__item {
    padding: 21px 0 19px 0;
    border-bottom: 1px solid #ccc
  }

  .p-notice-list__item:first-child {
    padding-top: 0
  }

  .p-notice-list__date {
    line-height: 1;
    font-size: 12px;
    padding-bottom: 6px;
    color: #6c6c6c
  }

  .p-notice-list__text {
    font-size: 15px
  }

  .p-notice-list__link {
    text-decoration: none
  }

  .p-notice-list__link:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1
  }
}

@media screen and (max-width:767px) {
  .p-notice-list__item {
    padding: 19px 0 22px 0;
    border-bottom: 1px solid #ccc
  }

  .p-notice-list__item:first-child {
    padding-top: 0
  }

  .p-notice-list__item.is-side-plr-sp {
    padding-left: 15px;
    padding-right: 15px
  }

  .p-notice-list__date {
    line-height: 1;
    font-size: 12px;
    padding-bottom: 6px;
    color: #6c6c6c
  }

  .p-notice-list__text {
    font-size: 15px
  }

  .p-notice-list__link {
    text-decoration: none
  }

  .p-notice-list__link:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1
  }
}

.p-tab-area__tab {
  width: 100%;
  margin: 0 0 -2px;
  padding: 6px;
  padding-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #0d8a19
}

.p-tab-area__tab__list {
  position: relative;
  width: 150px;
  height: 45px;
  line-height: 45px;
  margin-right: 4px;
  padding: 0;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: rgba(255, 255, 255, .4);
  border-radius: 8px 8px 0 0
}

.p-tab-area__tab__list * {
  color: #fff
}

.p-tab-area__tab__list.is-current {
  width: 150px;
  background: #fff
}

.p-tab-area__tab__list.is-current * {
  color: #000
}

@media screen and (max-width:767px) {
  .p-tab-area__tab__list.is-current {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: solid 2px #0d8a19
  }

  .p-tab-area__tab__list.is-current * {
    color: #0d8a19
  }
}

.p-tab-area__tab__list .notification-badge {
  position: absolute;
  padding: 1% 5%;
  border-radius: 14px;
  background-color: #c00;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #fff;
  top: -25%;
  right: 0;
  font-weight: 700
}

.p-tab-area__tab__list.is-current .notification-badge {
  color: #fff
}

.p-tab-area__tab__list.is-multiple {
  line-height: 1.3;
  position: relative
}

.p-tab-area__tab__list.is-multiple p {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1.2
}

.p-tab-area__tab.is-gray {
  background: #efefef
}

.p-tab-area__tab.is-gray .p-tab-area__tab__list * {
  color: #666
}

.p-tab-area__tab.is-gray .p-tab-area__tab__list.is-current * {
  color: #000
}

.p-tab-area__contents__content {
  display: none;
  margin: 0;
  padding: 16px 10px;
  background: #fff
}

.p-tab-area__contents__content:first-child {
  display: block
}

@media screen and (max-width:767px) {
  .p-tab-area {
    margin: 0
  }

  .p-tab-area__tab {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #efefef
  }

  .p-tab-area__tab__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: #666;
    background: 0 0;
    border-radius: 0
  }

  .p-tab-area__tab__list * {
    color: #666
  }

  .p-tab-area__tab.is-col2 .p-tab-area__tab__list {
    width: 50%
  }

  .p-tab-area__tab.is-col2 .p-tab-area__tab__list.is-current {
    width: 50%
  }

  .p-tab-area__tab.is-col3 .p-tab-area__tab__list {
    width: 33.3333%
  }

  .p-tab-area__tab.is-col3 .p-tab-area__tab__list.is-current {
    width: 33.3333%
  }

  .p-tab-area__tab.is-col4 .p-tab-area__tab__list {
    width: 25%
  }

  .p-tab-area__tab.is-col4 .p-tab-area__tab__list.is-current {
    width: 25%
  }

  .p-tab-area__tab.is-col5 .p-tab-area__tab__list {
    width: 20%
  }

  .p-tab-area__tab.is-col5 .p-tab-area__tab__list.is-current {
    width: 20%
  }

  .p-tab-area__contents__content {
    padding: 0
  }
}

@media screen and (min-width:768px) {
  .p-profile-circle-graph {
    width: 170px;
    height: 170px;
    border-radius: 200%;
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/bg/bg_graph.png);
    background-size: 8px auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
  }

  .p-profile-circle-graph__chart,
  .p-profile-circle-graph__text {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
  }

  .p-profile-circle-graph__chart {
    width: 180px;
    height: 180px
  }

  .p-profile-circle-graph__text {
    width: 131px;
    height: 131px;
    border-radius: 200%;
    background: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 131px;
    color: #000;
    letter-spacing: -3px
  }

  .p-profile-circle-graph__num {
    font-size: 36px;
    letter-spacing: 0
  }

  .p-profile-circle-graph__unit {
    font-size: 20px
  }
}

@media screen and (max-width:767px) {
  .p-profile-circle-graph {
    display: none
  }
}

@media screen and (min-width:768px) {
  .p-profile-status-bar {
    display: none
  }
}

@media screen and (max-width:767px) {
  .p-profile-status-bar {
    border-radius: 48px;
    width: 100%;
    height: 24px;
    background: #e6e6e6;
    overflow: hidden;
    position: relative
  }

  .p-profile-status-bar__bar {
    border-radius: 48px;
    display: block;
    width: 0;
    height: 100%;
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/bg/bg_graph.png);
    background-size: 8px auto
  }

  .p-profile-status-bar__text {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -3px;
    color: #fff
  }

  .p-profile-status-bar__text.js-is-cramped {
    height: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    color: #0d8a19
  }

  .p-profile-status-bar__num {
    font-weight: 700;
    letter-spacing: 0
  }
}

@media screen and (min-width:768px) {
  .p-resume-table__header {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 45px;
    padding: 0 18px;
    margin: 20px 0 20px 0;
    background: #d7f9dc
  }

  .p-resume-table__header__col {
    display: table-cell;
    vertical-align: middle
  }

  .p-resume-table__header__col--text {
    font-size: 18px;
    font-weight: 700
  }

  .p-resume-table__header__col--tag {
    text-align: right
  }

  .p-resume-table__header__tag {
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    padding: 0 6px;
    line-height: 19px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff
  }

  .p-resume-table__header__tag--red {
    background: #c00
  }

  .p-resume-table__footer {
    padding: 35px 0 35px 0;
    text-align: center
  }

  .p-resume-table__main {
    display: table;
    table-layout: fixed;
    width: 100%;
    line-height: 1.6;
    font-size: 15px
  }

  .p-resume-table__row {
    display: table-row
  }

  .p-resume-table__col {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    word-wrap: break-word
  }

  .p-resume-table__col--heading {
    font-weight: 700;
    width: 230px;
    padding: 19px 20px;
    text-align: left;
    background: #efefef
  }

  .p-resume-table__col--data {
    padding: 16px 0 16px 30px
  }

  .p-resume-table__col--data__in-col {
    display: table-cell;
    padding-right: 30px
  }

  .p-resume-table__col--data__in-col:last-child {
    padding-right: 0
  }

  .p-resume-table__col__row {
    padding-top: 11px
  }

  .p-resume-table__row:nth-of-type(1) .p-resume-table__col {
    border-top: 1px solid #ddd
  }

  .p-resume-table__row--noborder .p-resume-table__col {
    border-top: none;
    border-bottom: none
  }

  .p-resume-table__text--large {
    font-size: 20px;
    line-height: 1.2
  }

  .p-resume-table__notice {
    padding: 14px;
    font-size: 15px;
    border: 1px solid #ddd;
    background: #fff
  }

  .p-resume-table__notice--white {
    background: #fff;
    border: 1px solid #ddd
  }

  .p-resume-table__notice__heading {
    padding-bottom: 6px;
    font-weight: 700;
    line-height: 1.33
  }

  .p-resume-table__notice__text {
    line-height: 1.47
  }
}

@media screen and (max-width:767px) {
  .p-resume-table__header {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 45px;
    padding: 0 18px;
    background: #d7f9dc
  }

  .p-resume-table__header__col {
    display: table-cell;
    vertical-align: middle
  }

  .p-resume-table__header__col--text {
    font-size: 18px;
    font-weight: 700
  }

  .p-resume-table__header__col--tag {
    text-align: right
  }

  .p-resume-table__header__tag {
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    padding: 0 6px;
    line-height: 19px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff
  }

  .p-resume-table__header__tag--red {
    background: #c00
  }

  .p-resume-table__footer {
    padding: 20px 0 20px 0;
    text-align: center
  }

  .p-resume-table__main {
    width: 100%;
    line-height: 1.6;
    font-size: 15px
  }

  .p-resume-table__row {
    border-bottom: 1px solid #ddd
  }

  .p-resume-table__col--heading {
    padding: 20px 15px 15px 15px;
    text-align: left
  }

  .p-resume-table__col--heading__text {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1
  }

  .p-resume-table__col--heading__text:before {
    position: absolute;
    top: -.05em;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 4px;
    height: 12px;
    background: #222
  }

  .p-resume-table__col--data {
    padding: 0 12px 23px 12px
  }

  .p-resume-table__col--data__in-col {
    display: table-cell;
    padding-right: 30px
  }

  .p-resume-table__col--data__in-col:last-child {
    padding-right: 0
  }

  .p-resume-table__col--data__in-col span {
    display: block
  }

  .p-resume-table__col__row {
    padding-top: 11px
  }

  .p-resume-table__row--noborder .p-resume-table__col {
    border-top: none;
    border-bottom: none
  }

  .p-resume-table__text--large {
    font-size: 20px;
    line-height: 1.2
  }

  .p-resume-table__notice {
    padding: 8px 11px;
    font-size: 15px;
    background: #efefef
  }

  .p-resume-table__notice--white {
    background: #fff;
    border: 1px solid #ddd
  }

  .p-resume-table__notice__heading {
    padding-bottom: 6px;
    font-weight: 700;
    line-height: 1.33
  }

  .p-resume-table__notice__text {
    line-height: 1.47
  }
}

.p-resume-table__webresume-guide p {
  padding: 0;
  color: #0d8a19;
  font-weight: 700;
  font-size: 16px
}

@media screen and (max-width:767px) {
  .p-resume-table__webresume-guide p {
    padding: 20px 12px
  }
}

.p-sample__description__inner.is-apply-detail {
  padding: 10px 30px 30px 30px;
  background: #fff
}

.p-sample__description__inner.is-list {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .p-sample__description__inner.is-list {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }
}

.p-appli-company-list {
  border-bottom: 1px solid #ddd;
  position: relative
}

@media screen and (max-width:767px) {
  .p-appli-company-list {
    border-bottom-width: 6px
  }

  .p-appli-company-list:first-of-type {
    border-top: 6px solid #ddd
  }
}

.p-appli-company-list__info {
  display: table;
  width: 100%
}

.p-appli-company-list__date {
  width: 70%;
  display: table-cell;
  font-size: 12px;
  color: #000
}

.p-appli-company-list__icon {
  text-align: right;
  display: table-cell
}

.p-appli-company-list__heading-box {
  display: table;
  width: 100%;
  padding-top: 10px
}

.p-appli-company-list__heading-box__icon {
  display: table-cell;
  width: 78px;
  vertical-align: top
}

.p-appli-company-list__heading-box__icon p {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  font-size: 12px
}

.p-appli-company-list__heading-box__icon p.is-apply {
  background-color: #fff;
  border: 3px solid #188ca7;
  color: #188ca7
}

.p-appli-company-list__heading-box__icon p.is-passing {
  background-color: #188ca7
}

.p-appli-company-list__heading-box__icon p.is-refuse {
  background-color: #707070
}

.p-appli-company-list__heading-box__icon p.is-wait {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666
}

.p-appli-company-list__heading-box__heading {
  display: table-cell;
  vertical-align: top
}

.p-appli-company-list__heading-box__heading__name {
  font-size: 18px;
  font-weight: 700;
}

.p-appli-company-list__heading-box__heading__sub {
  padding-top: 5px
}

.p-appli-company-list__message {
  margin-top: 16px;
  padding: 10px 17px;
  border-radius: 5px;
  background-color: #e8f9ea
}

.p-appli-company-list__message__title {
  font-weight: 700;
  color: #000
}

.p-appli-company-list__message__text,
.p-appli-company-list__message__textnodata {
  margin-top: 5px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.p-appli-company-list__message__text__detail {
  margin-top: 5px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis
}

.p-appli-company-list__message__textnodata {
  color: #000
}

@media screen and (max-width:767px) {

  .p-appli-company-list__message__text,
  .p-appli-company-list__message__textnodata {
    height: 41.6px;
    line-height: 1.6;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative
  }

  .p-appli-company-list__message__text:after,
  .p-appli-company-list__message__text:before,
  .p-appli-company-list__message__textnodata:after,
  .p-appli-company-list__message__textnodata:before {
    background-color: #e8f9ea;
    position: absolute
  }

  .p-appli-company-list__message__text:before,
  .p-appli-company-list__message__textnodata:before {
    content: "";
    padding: 0 0 0 9px;
    top: 20.8px;
    right: 0
  }

  .p-appli-company-list__message__text:after,
  .p-appli-company-list__message__textnodata:after {
    content: "";
    height: 100%;
    width: 100%
  }

  .p-appli-company-list__message__text__detail {
    line-height: 1.6;
    white-space: normal;
    text-overflow: inherit;
    position: relative
  }

  .p-appli-company-list__message__text__detail:after,
  .p-appli-company-list__message__text__detail:before {
    background-color: #e8f9ea;
    position: absolute
  }

  .p-appli-company-list__message__text__detail:before {
    content: "";
    padding: 0 0 0 9px;
    top: 20.8px;
    right: 0
  }

  .p-appli-company-list__message__text__detail:after {
    content: "";
    height: 100%;
    width: 100%
  }
}

.p-appli-company-list a {
  display: block;
  height: 100%;
  padding: 20px 42px 20px 14px;
  color: #000
}

.p-appli-company-list a:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  right: 9px
}

.p-appli-company-list a.is-no-pass {
  color: #000
}

.p-appli-company-list a.is-no-pass .p-appli-company-list__heading-box__heading__name {
  color: #0559a8
}

.p-appli-company-list a.is-no-pass .p-appli-company-list__message {
  background-color: #efefef
}

@media screen and (max-width:767px) {
  .p-appli-company-list a {
    padding: 15px 35px 15px 15px
  }

  .p-appli-company-list a.is-no-pass .p-appli-company-list__message .p-appli-company-list__message__text:after,
  .p-appli-company-list a.is-no-pass .p-appli-company-list__message .p-appli-company-list__message__text:before,
  .p-appli-company-list a.is-no-pass .p-appli-company-list__message .p-appli-company-list__message__textnodata:after,
  .p-appli-company-list a.is-no-pass .p-appli-company-list__message .p-appli-company-list__message__textnodata:before {
    background-color: #efefef
  }
}

.p-appli-company-list.is-detail {
  padding: 0 0 20px 0
}

.p-appli-company-list.is-detail:first-of-type {
  border-top: none;
  border-bottom-width: 1px
}

.p-appli-company-list.is-detail.is-no-pass {
  color: #999
}

.p-appli-company-list.is-detail.is-no-pass .p-appli-company-list__heading-box__heading__name {
  color: #0559a8
}

.p-appli-company-list.is-detail.is-no-pass .p-appli-company-list__message {
  background-color: #efefef
}

@media screen and (max-width:767px) {
  .p-appli-company-list.is-detail {
    padding: 0 15px 20px 15px
  }
}

.p-appli-company-list a:hover {
  opacity: 1
}

.p-appli-company-list a:hover .p-appli-company-list__heading-box__heading__name {
  text-decoration: underline;
  opacity: 1
}

.p-appli-company-list a:hover .p-appli-company-list__heading-box__inactive {
  text-decoration: none;
  opacity: .7
}

.p-favorite-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 19px 20px 16px;
  border-bottom: 1px solid #ddd
}

.p-favorite-list:first-of-type {
  border-top: 1px solid #ddd
}

.p-favorite-list.is-search:last-child {
  padding-bottom: 0;
  border-bottom: none
}

@media screen and (max-width:767px) {
  .p-favorite-list {
    display: block;
    padding: 0;
    border-bottom-width: 6px
  }

  .p-favorite-list:first-of-type {
    border-top: none
  }

  .p-favorite-list.is-search:first-of-type {
    border-top: 6px solid #ddd
  }
}

.p-favorite-list__search-heading {
  display: table;
  width: 100%
}

.p-favorite-list__search-heading__title {
  display: table-cell;
  vertical-align: middle;
  color: #0559a8;
  font-size: 18px;
  font-weight: 700
}

.p-favorite-list__search-heading__del {
  display: table-cell;
  text-align: right;
  vertical-align: middle
}

.p-favorite-list__search-heading__del a {
  font-size: 13px
}

.p-favorite-list__search-heading__del a:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-del_blue.svg) no-repeat center center;
  background-size: cover;
  width: 17px;
  height: 17px;
  margin: 0 10px 0 0;
  position: relative;
  top: 3px;
  display: inline-block
}

@media screen and (max-width:767px) {
  .p-favorite-list__search-heading {
    padding: 10px 15px 0 15px
  }
}

.p-favorite-list__contents {
  display: table;
  width: 100%
}

.p-favorite-list__name-box {
  display: table-cell;
  width: 538px;
  vertical-align: middle
}

.p-favorite-list__name-box a {
  display: block
}

.p-favorite-list__name-box__name {
  font-size: 18px;
  margin-right: 10px;
  font-weight: 700
}

.p-favorite-list__name-box__text {
  color: #000;
  margin-top: 5px;
  margin-right: 10px
}

.p-favorite-list__name-box__search-conditions {
  margin: 10px 20px 0 0;
  padding: 10px;
  background-color: #e8f9ea;
  border-radius: 5px;
  position: relative;
  color: #505050
}

@media screen and (max-width:767px) {
  .p-favorite-list__name-box {
    display: block;
    width: auto;
    border-bottom: 1px solid #ddd
  }

  .p-favorite-list__name-box a {
    display: block;
    padding: 14px 15px;
    position: relative
  }

  .p-favorite-list__name-box a:after {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
    background-size: cover;
    width: 10px;
    height: 16px;
    margin: -8px 0 0 0;
    position: absolute;
    top: 50%;
    right: 7px
  }

  .p-favorite-list__name-box__search-conditions {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px
  }
}

.p-favorite-list__button-box {
  display: table-cell;
  text-align: right;
  vertical-align: middle
}

.p-favorite-list__button-box__button {
  display: inline-block;
  margin-right: 20px
}

.p-favorite-list__button-box__button.is-search {
  padding-top: 10px
}

.p-favorite-list__button-box__button:last-child {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .p-favorite-list__button-box {
    display: table;
    width: 100%;
    text-align: center;
    padding: 10px 15px
  }

  .p-favorite-list__button-box__button {
    display: table-cell;
    width: 50%;
    margin-right: 0;
    padding-right: 5px
  }

  .p-favorite-list__button-box__button:last-child {
    padding-left: 5px;
    padding-right: 0
  }

  .p-favorite-list__button-box__button.is-search {
    padding-top: 0
  }

  .p-favorite-list__button-box__button .c-button {
    width: 100%
  }
}

.p-favorite-list a:hover {
  opacity: 1
}

.p-favorite-list a:hover .p-favorite-list__name-box__name__active {
  text-decoration: underline;
  opacity: 1
}

.p-favorite-list a:hover .p-favorite-list__name-box__text__active {
  text-decoration: none;
  opacity: .7
}

.p-favorite-list a:hover .p-favorite-list__name-box__inactive {
  cursor: context-menu
}

.p-bnr-list-col {
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .p-bnr-list-col {
    padding: 10px;
    background-color: #fff
  }
}

.p-bnr-list-col__warp {
  padding: 20px 30px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:768px) {
  .p-bnr-list-col__warp .slick-track .slick-slide {
    margin-right: 5px
  }

  .p-bnr-list-col__warp .slick-track .slick-slide:last-child {
    margin-right: 0
  }
}

@media screen and (max-width:767px) {
  .p-bnr-list-col__warp {
    padding: 0;
    background: 0 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .p-bnr-list-col__warp .slick-slide {
    margin-right: 5px
  }
}

.p-bnr-list-col__warp__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  border: 1px solid #ddd;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .p-bnr-list-col__warp__item {
    min-width: 130px;
    text-align: center
  }

  .p-bnr-list-col__warp__item:last-child {
    margin-right: 10px
  }
}

.p-bnr-list-col__warp__item p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 58px;
  padding: 0 15px;
  position: relative
}

.p-bnr-list-col__warp__item p img {
  margin: auto;
  max-height: 40px
}

@media screen and (max-width:767px) {
  .p-bnr-list-col__warp__item p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 130px
  }

  .p-bnr-list-col__warp__item p img {
    max-height: 40px
  }
}

.p-img-text-list-col {
  padding: 0 30px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .p-img-text-list-col {
    padding: 0 0 20px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch
  }
}

.p-img-text-list-col__item {
  width: 168px;
  margin-right: 15px
}

.p-img-text-list-col__item:last-child {
  margin-right: 0
}

.p-img-text-list-col__item__img {
  width: 168px;
  height: 126px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.p-img-text-list-col__item__name {
  margin-top: 5px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.p-img-text-list-col__item__lead {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (max-width:767px) {
  .p-img-text-list-col__item {
    min-width: 150px;
    width: 150px;
    margin-right: 10px
  }

  .p-img-text-list-col__item__img {
    width: 150px;
    height: 110px
  }
}

.p-pickup-list {
  padding: 30px;
  background-color: #fff;
  border-top: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .p-pickup-list {
    padding: 25px 15px 30px 15px;
    border-top-width: 5px
  }
}

.p-pickup-list__warp {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .p-pickup-list__warp {
    padding-top: 0;
    margin-top: 30px;
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px
  }
}

.p-pickup-list__warp__item {
  width: 290px;
  margin-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: relative
}

.p-pickup-list__warp__item:last-child {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .p-pickup-list__warp__item {
    width: auto;
    margin-right: 0;
    border-top: none;
    border-left: none;
    border-right: none
  }

  .p-pickup-list__warp__item:last-child {
    border-bottom: none
  }
}

.p-pickup-list__warp__item__img {
  display: table-cell;
  width: 110px;
  vertical-align: middle;
  font-size: 0
}

.p-pickup-list__warp__item__img img {
  max-width: 80px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .p-pickup-list__warp__item__img {
    width: 75px
  }

  .p-pickup-list__warp__item__img img {
    max-width: 60px;
    margin-left: 5px
  }
}

.p-pickup-list__warp__item__text {
  display: table-cell;
  vertical-align: middle
}

.p-pickup-list__warp__item__text__lead {
  font-size: 12px
}

.p-pickup-list__warp__item__text__title {
  margin: 5px 34px 0 0;
  line-height: 1.3
}

@media screen and (max-width:767px) {
  .p-pickup-list__warp__item__text__title {
    margin-right: 20px
  }
}

.p-pickup-list__warp__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0
}

.p-pickup-list__warp__item a:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png) no-repeat center center;
  background-size: cover;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 0;
  position: absolute;
  top: 50%;
  right: 10px
}

.p-pickup-list__warp__item a .page-top-pickup__warp__item__text__lead {
  color: #000
}

@media screen and (max-width:767px) {
  .p-pickup-list__warp__item a {
    padding: 5px 0
  }
}

.p-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px
}

.p-service-list.is-pt-none {
  padding-top: 0
}

@media screen and (max-width:767px) {
  .p-service-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.p-service-list__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 115px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  margin-right: 10px;
  position: relative
}

.p-service-list__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0
}

.p-service-list__item a * {
  color: #666
}

.p-service-list__item:last-child {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .p-service-list__item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 48%;
    height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    margin-right: 4%
  }

  .p-service-list__item:nth-child(1),
  .p-service-list__item:nth-child(2) {
    margin-top: 0
  }

  .p-service-list__item:nth-child(2n) {
    margin-right: 0
  }
}

.p-service-list__item__img {
  text-align: center;
  font-size: 0
}

.p-service-list__item__img img {
  max-width: 60px
}

@media screen and (max-width:767px) {
  .p-service-list__item__img img {
    max-width: 70px
  }
}

.p-service-list__item__title {
  margin: 5px 7px 0 7px;
  line-height: 1.3;
  font-size: 12px;
  color: #666
}

@media screen and (max-width:767px) {
  .p-service-list__item__title {
    margin: 10px 10px 0 10px;
    font-size: 13px;
    line-height: 1.2
  }
}

@media screen and (max-width:767px) {

  .p-service-list__wrapper .p-service-list:nth-child(1) .p-service-list__item:nth-child(2),
  .p-service-list__wrapper .p-service-list:nth-child(2) .p-service-list__item:nth-child(1),
  .p-service-list__wrapper .p-service-list:nth-child(2) .p-service-list__item:nth-child(3) {
    margin-right: 0
  }
}

@media screen and (max-width:767px) {
  .p-service-list__wrapper .p-service-list {
    display: inline
  }
}

@media screen and (max-width:767px) {
  .p-service-list__wrapper .p-service-list__item {
    float: left
  }

  .p-service-list__wrapper .p-service-list__item:nth-child(1),
  .p-service-list__wrapper .p-service-list__item:nth-child(2) {
    margin-top: 10px
  }

  .p-service-list__wrapper .p-service-list__item:last-child {
    margin-right: 4%
  }

  .p-service-list__wrapper .p-service-list__item:nth-child(2n) {
    margin-right: 4%
  }
}

.p-service-list-3col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .p-service-list-3col {
    display: block
  }
}

.p-service-list-3col__item {
  width: 286px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 20px 0 0;
  border: 1px solid #ddd
}

.p-service-list-3col__item:nth-child(1),
.p-service-list-3col__item:nth-child(2),
.p-service-list-3col__item:nth-child(3) {
  margin-top: 0
}

.p-service-list-3col__item:nth-child(3n) {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .p-service-list-3col__item {
    width: auto;
    margin: 20px 0 0 0
  }

  .p-service-list-3col__item:nth-child(2),
  .p-service-list-3col__item:nth-child(3) {
    margin-top: 20px
  }
}

.p-service-list-3col__item__logo {
  max-height: 20px
}

.p-service-list-3col__item__logo.is-large {
  max-height: 30px
}

.p-service-list-3col__item__logo.is-gp {
  max-height: 46px;
  margin-top: -8px;
  margin-bottom: -8px
}

@media screen and (max-width:767px) {
  .p-service-list-3col__item__logo {
    max-height: 26px
  }

  .p-service-list-3col__item__logo.is-large {
    max-height: 34px
  }

  .p-service-list-3col__item__logo.is-gp {
    max-height: 50px
  }
}

.p-service-list-3col__item__logo-span {
  display: inline-block;
  margin-left: 2px;
  font-size: 10px;
  font-weight: 700;
  color: #0d8a19;
  vertical-align: bottom
}

@media screen and (max-width:767px) {
  .p-service-list-3col__item__logo-span {
    font-size: 12px
  }
}

.p-service-list-3col__item__lead {
  padding-top: 20px
}

.p-service-list-3col__item a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #000
}

@media screen and (max-width:767px) {
  .p-service-list-3col__item a {
    padding: 24px 10px
  }
}

.p-knowledge-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .p-knowledge-list {
    display: block
  }
}

.p-knowledge-list__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 440px;
  margin-top: 20px;
  margin-right: 20px;
  border: 1px solid #ddd
}

.p-knowledge-list__item:nth-child(1),
.p-knowledge-list__item:nth-child(2) {
  margin-top: 0
}

.p-knowledge-list__item:nth-child(2n) {
  margin-right: 0
}

.p-knowledge-list__item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0
}

@media screen and (max-width:767px) {
  .p-knowledge-list__item {
    display: table;
    table-layout: fixed;
    width: auto;
    margin-top: 0;
    margin-right: 0;
    border: none;
    border-bottom: 1px solid #ddd
  }

  .p-knowledge-list__item a {
    position: relative
  }

  .p-knowledge-list__item a:after {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png) no-repeat center center;
    background-size: cover;
    width: 10px;
    height: 10px;
    margin: -10px 0 0 0;
    position: absolute;
    top: 50%;
    right: 10px
  }
}

.p-knowledge-list__item__img {
  display: table-cell;
  vertical-align: top;
  width: 120px
}

.p-knowledge-list__item__img img {
  max-width: 100px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .p-knowledge-list__item__img {
    width: 90px
  }

  .p-knowledge-list__item__img img {
    max-width: 70px
  }
}

.p-knowledge-list__item__text {
  display: table-cell;
  padding-right: 10px
}

.p-knowledge-list__item__text__date {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  height: 18px
}

.p-knowledge-list__item__text__date__new {
  display: inline-block;
  height: 18px;
  margin-right: 7px;
  padding: 0 8px;
  border-radius: 9px;
  background-color: #c00;
  font-size: 10px;
  color: #fff
}

.p-knowledge-list__item__text__title {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3
}

.p-knowledge-list__item__text__lead {
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 1.3
}

.p-knowledge-list__item__text__category {
  margin-top: 5px;
  font-size: 11px;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .p-knowledge-list__item__text {
    margin-right: 0;
    padding-right: 30px
  }

  .p-knowledge-list__item__text__title {
    font-size: 15px
  }

  .p-knowledge-list__item__text__lead {
    width: 63vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

.p-knowledge-list__item a:hover {
  opacity: 1;
  text-decoration: none
}

.p-knowledge-list__item a:hover p {
  opacity: .7
}

.p-knowledge-list__item a:hover .p-knowledge-list__item__img {
  opacity: .7
}

.p-knowledge-list__item a:hover .p-knowledge-list__item__text__title {
  text-decoration: underline
}

.p-joboffer-list {
  margin-top: 15px;
  padding: 15px 30px 0 30px;
  border-top: 4px solid #0d8a19;
  background-color: #fff;
  position: relative
}

.p-joboffer-list:first-of-type {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .p-joboffer-list {
    margin-top: 12px;
    padding: 10px 10px 0 10px
  }

  .p-joboffer-list:first-of-type {
    margin-top: 0
  }
}

.p-joboffer-list__date_area {
  font-size: 13px;
  padding-bottom: 10px
}

.p-joboffer-list__date_area__new {
  display: inline-block;
  margin-left: -30px;
  margin-right: 10px;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  border-radius: 0 11px 11px 0;
  color: #fff;
  background-color: #c00
}

.p-joboffer-list__date_area__date {
  display: inline-block;
  line-height: 22px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__date_area__new {
    margin-left: -10px
  }
}

.p-joboffer-list__warp {
  position: relative
}

.p-joboffer-list__heading-area {
  padding-bottom: 15px
}

.p-joboffer-list__heading-area.is-photo {
  width: 600px
}

.p-joboffer-list__heading-area__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5
}

.p-joboffer-list__heading-area__heading_line_clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.p-joboffer-list__heading-area__sub-heading {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .p-joboffer-list__heading-area__sub-heading {
    margin-top: 10px
  }
}

@media screen and (max-width:767px) {
  .p-joboffer-list__heading-area {
    padding-bottom: 10px
  }

  .p-joboffer-list__heading-area.is-photo {
    width: auto
  }

  .p-joboffer-list__heading-area__heading {
    font-size: 20px
  }
}

.p-joboffer-list__heading-area__category__list {
  padding-top: 10px;
  font-size: 0
}

.p-joboffer-list__heading-area__category__list li {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  margin: 5px 5px 0 0;
  padding: 0 8px;
  font-size: 13px;
  background-color: #dbecfc;
  border-radius: 3px
}

.p-joboffer-list__heading-area__category__list li:last-child {
  margin-right: 0
}

.p-joboffer-list__heading-area__category__list li span {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.p-joboffer-list__heading-area__category__list .more-plus {
  background-color: #f27c8f !important;
  color: #fff !important
}

.p-joboffer-list__heading-area__category__list .more-plus span {
  color: #fff !important
}

.p-joboffer-list__heading-area__category {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0
}

.p-joboffer-list__heading-area__category li {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  margin: 5px 5px 0 0;
  padding: 0 8px;
  font-size: 13px;
  background-color: #dbecfc;
  border-radius: 3px
}

.p-joboffer-list__heading-area__category li:last-child {
  margin-right: 0
}

.p-joboffer-list__heading-area__category li span {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.p-joboffer-list__heading-area__category .more-plus {
  background-color: #f27c8f !important;
  color: #fff !important
}

.p-joboffer-list__heading-area__category .more-plus span {
  color: #fff !important
}

.p-joboffer-list__heading-area a {
  opacity: 1
}

.p-joboffer-list__heading-area a:hover {
  text-decoration: underline
}

.p-joboffer-list__lead-area {
  padding-bottom: 15px
}

.p-joboffer-list__lead-area__lead {
  font-size: 13px
}

.p-joboffer-list__lead-area__lead.is-photo {
  width: 600px
}

.p-joboffer-list__lead-area__photo {
  width: 265px;
  position: absolute;
  top: 0;
  right: 0
}

.p-joboffer-list__lead-area__photo img {
  max-width: 265px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__lead-area {
    display: table;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
  }

  .p-joboffer-list__lead-area__lead {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top
  }

  .p-joboffer-list__lead-area__lead.is-photo {
    width: auto
  }

  .p-joboffer-list__lead-area__photo {
    display: table-cell;
    vertical-align: top;
    width: 110px;
    position: relative;
    top: auto;
    right: auto
  }

  .p-joboffer-list__lead-area__photo img {
    max-width: 110px
  }
}

.p-joboffer-list__info.is-photo {
  width: 600px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__info.is-photo {
    width: auto
  }
}

.p-joboffer-list__info__table {
  width: 100%;
  border: none;
  border-collapse: collapse
}

.p-joboffer-list__info__table th {
  width: 84px;
  vertical-align: middle;
  padding: 10px 15px;
  border: none;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-collapse: collapse;
  background-color: #efefef;
  text-align: left;
  font-size: 13px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__info__table th {
    width: 74px;
    padding: 10px
  }
}

.p-joboffer-list__info__table td {
  padding: 10px 15px;
  border: none;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-collapse: collapse
}

@media screen and (max-width:767px) {
  .p-joboffer-list__info__table td {
    padding: 10px
  }
}

.p-joboffer-list__info__table__icon {
  margin-top: -5px
}

.p-joboffer-list__info__table__icon li {
  display: inline-block;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 11px;
  margin: 5px 0 0 0;
  padding: 0 10px;
  border: 1px solid #0d8a19;
  font-size: 12px;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .p-joboffer-list__info__table__icon li {
    padding: 0 5px
  }
}

@media screen and (max-width:767px) {
  .p-joboffer-list__info__office_address {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
  }
}

.p-joboffer-list__info a {
  opacity: 1
}

.p-joboffer-list__info a:hover {
  text-decoration: underline
}

.p-joboffer-list__button {
  padding-top: 30px;
  text-align: center;
  font-size: 0
}

.p-joboffer-list__button .c-button {
  margin-left: 20px
}

.p-joboffer-list__button .c-button:first-child {
  margin-left: 0
}

.p-joboffer-list__button__star__radio {
  visibility: hidden;
  position: absolute;
  left: -9999px
}

.p-joboffer-list__button__star__radio__label {
  width: 100%;
  height: 100%
}

.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__loading-sym {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -5px;
  top: -6px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__loading-sym {
    width: 30px;
    height: 30px;
    right: -5px;
    top: -6px
  }
}

.p-joboffer-list__button__star__radio__label span.p-joboffer-list__button__star__text {
  display: inline-block;
  position: relative;
  line-height: 48px;
  width: auto
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label {
  display: block
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__add {
  display: block;
  line-height: 48px;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__add:hover {
  cursor: pointer;
  opacity: .7
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__add img {
  width: 20px;
  height: 20px;
  margin-bottom: 4px
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__add_favorite {
  width: 134px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__add_favorite {
    width: 108px
  }
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__list {
  display: block;
  line-height: 48px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label .p-joboffer-list__button__star__radio__label__list img {
  width: 20px;
  height: 20px;
  margin-bottom: 4px
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__add {
  opacity: 0;
  z-index: 0;
  display: none
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__add img {
  -webkit-animation-name: favBtnOut;
  animation-name: favBtnOut;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__add .p-joboffer-list__button__star__text {
  -webkit-animation-name: favTxtOut;
  animation-name: favTxtOut;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__list {
  opacity: 1;
  z-index: 1
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__list img {
  -webkit-animation-name: favBtnIn;
  animation-name: favBtnIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__list .p-joboffer-list__button__star__text {
  top: 0;
  -webkit-animation-name: favTxtIn;
  animation-name: favTxtIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__list:hover {
  cursor: pointer;
  opacity: .7
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--checked .p-joboffer-list__button__star__radio__label__list_favorite {
  width: 72px
}

.p-joboffer-list__button__star__radio__label.p-joboffer-list__button__star__radio__label--loading .p-joboffer-list__button__star__radio__label__loading-sym {
  display: block
}

@media screen and (max-width:767px) {
  .p-joboffer-list__button {
    padding-top: 20px
  }

  .p-joboffer-list__button .c-button {
    margin-left: 4%;
    width: 48%
  }

  .p-joboffer-list__button .c-button:first-child {
    margin-left: 0
  }
}

.p-joboffer-list__similar {
  margin: 30px -30px 0 -30px;
  padding: 15px;
  line-height: 15px;
  border-top: 1px solid #ddd
}

.p-joboffer-list__similar__heading {
  display: inline-block;
  font-size: 13px;
  vertical-align: top
}

.p-joboffer-list__similar__list {
  display: inline-block;
  width: 930px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.p-joboffer-list__similar__list li {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__similar {
    margin: 20px -10px 0 -10px;
    padding: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto
  }

  .p-joboffer-list__similar__heading {
    display: table-cell;
    white-space: nowrap
  }

  .p-joboffer-list__similar__list {
    display: table-cell;
    width: auto;
    overflow: inherit;
    text-overflow: inherit;
    padding-right: 10px
  }
}

.p-joboffer-list__similar a {
  opacity: 1
}

.p-joboffer-list__similar a:hover {
  text-decoration: underline
}

.p-joboffer-list__blank {
  padding: 15px
}

.p-joboffer-list__shinsotsu {
  position: absolute;
  right: 30px;
  background-color: #0559a8;
  color: #fff;
  padding: 2px 10px;
  font-size: 13px
}

@media screen and (max-width:767px) {
  .p-joboffer-list__shinsotsu {
    right: 10px;
    top: 8px
  }
}

.p-clt-logo-list {
  background-color: #fff;
  padding: 30px 25px
}

@media screen and (max-width:767px) {
  .p-clt-logo-list {
    padding: 20px 10px
  }
}

.p-clt-logo-list__heading {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.p-clt-logo-list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-clt-logo-list__item {
  -ms-flex-preferred-size: 130px;
  flex-basis: 130px;
  padding: 0 5px;
  max-width: 130px
}

@media screen and (max-width:767px) {
  .p-clt-logo-list__item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }
}

@media screen and (max-width:767px) {
  .company-list {
    padding: 0 15px 20px 15px
  }
}

.jobinfo-title-link {
  color: #0559a8
}

.jobinfo-sub-title-account-name {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #000
}

@media screen and (max-width:767px) {
  .jobinfo-sub-title-account-name {
    display: none
  }
}

.jobinfo-sub-title-account-name-pc {
  margin-top: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #000
}

@media screen and (max-width:767px) {
  .jobinfo-sub-title-account-name-pc {
    display: none
  }
}

.jobinfo-sub-title-account-name-sp {
  display: none
}

@media screen and (max-width:767px) {
  .jobinfo-sub-title-account-name-sp {
    display: block;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #000
  }
}

.jobinfo-sub-title-account-name-sp-not-photo {
  display: none
}

@media screen and (max-width:767px) {
  .jobinfo-sub-title-account-name-sp-not-photo {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #000
  }
}

.p-appli-company-list__link {
  padding: 30px 0 0 0;
  font-size: 15px;
  text-align: center
}

.p-appli-company-list__link a {
  opacity: 1
}

.p-appli-company-list__link a:hover {
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .p-appli-company-list__link a {
    display: block;
    padding-bottom: 25px
  }
}

.p-appli-company-list__heading-box__tag {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #c00;
  padding: 4px 9px;
  border: solid 1px #c80813;
  background-color: #fff;
  display: inline-block;
  margin-bottom: 6px
}

@media screen and (max-width:767px) {
  .p-appli-company-list__heading-box__tag {
    width: 50px;
    margin-right: 5px
  }
}

.p-recruit-search {
  padding-bottom: 24px;
  background-color: #0d8a19;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .p-recruit-search {
    padding-bottom: 0
  }
}

.p-recruit-search__list {
  width: 735px;
  margin: 0 auto;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .p-recruit-search__list {
    width: auto;
    margin: 0;
    padding: 10px 10px 0 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.p-recruit-search__list__li {
  cursor: pointer;
  width: 180px;
  height: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  padding: 12px 0;
  background-color: #fff;
  text-align: center
}

.p-recruit-search__list__li:nth-child(4) {
  margin-right: 0
}

.p-recruit-search__list__li:last-child {
  margin-right: 0;
  margin-top: 5px;
  width: 100%;
  height: 40px;
  position: relative
}

.p-recruit-search__list__li:last-child p {
  margin-top: 0
}

.p-recruit-search__list__li:last-child:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png) no-repeat center center;
  background-size: cover;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 0;
  position: absolute;
  top: 50%;
  right: 9px
}

.p-recruit-search__list__li:last-child .page-top-search__list__li__box p {
  font-size: 15px
}

@media screen and (max-width:767px) {
  .p-recruit-search__list__li {
    width: 49%;
    height: 92px;
    padding: 0
  }

  .p-recruit-search__list__li:nth-child(2) {
    margin-right: 0
  }

  .p-recruit-search__list__li:nth-child(3) {
    margin-top: 5px
  }

  .p-recruit-search__list__li:nth-child(4) {
    margin-top: 5px;
    margin-right: 0
  }

  .p-recruit-search__list__li:last-child {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    position: relative
  }

  .p-recruit-search__list__li:last-child:after {
    content: "";
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png) no-repeat center center;
    background-size: cover;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    position: absolute;
    top: 50%;
    right: 9px
  }

  .p-recruit-search__list__li:last-child p {
    margin-top: 0
  }

  .p-recruit-search__list__li:last-child a {
    padding: 10px 0
  }

  .p-recruit-search__list__li:last-child .page-top-search__list__li__box p {
    font-size: 15px
  }
}

.p-recruit-search__list__li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

@media screen and (max-width:767px) {
  .p-recruit-search__list__li a {
    padding: 8px 0
  }
}

.p-recruit-search__list__li img {
  max-height: 35px
}

.p-recruit-search__list__li p {
  margin-top: 5px;
  font-size: 13px
}

.p-recruit-search__list__li p span {
  display: block;
  font-size: 18px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-recruit-search__list__li img {
    max-height: 30px
  }

  .p-recruit-search__list__li p {
    margin-top: 2px;
    font-size: 13px
  }

  .p-recruit-search__list__li p span {
    font-size: 16px
  }
}

.p-recruit-search__input {
  width: 735px;
  margin: 20px auto 0 auto;
  position: relative
}

@media screen and (max-width:767px) {
  .p-recruit-search__input {
    width: auto;
    margin-top: 15px;
    padding: 0 10px
  }
}

.p-recruit-search__input .c-input {
  width: 100%;
  max-width: 100%;
  height: 50px;
  border: none;
  padding-left: 49px;
  padding-right: 107px;
  background: #fff url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_search--gray.svg) no-repeat left 17px center;
  background-size: 20px auto
}

@media screen and (max-width:767px) {
  .p-recruit-search__input .c-input {
    padding-left: 40px;
    padding-right: 97px;
    background: #fff url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_search--gray.svg) no-repeat left 10px center;
    background-size: 20px auto;
    font-size: 15px
  }
}

.p-recruit-search__input .c-button {
  width: 90px;
  height: 36px;
  line-height: 34px;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1
}

@media screen and (max-width:767px) {
  .p-recruit-search__input .c-button {
    width: 80px;
    right: 17px
  }
}

.p-recruit-search__search-link {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 735px;
  margin: 20px auto 0 auto;
  position: relative
}

@media screen and (max-width:767px) {
  .p-recruit-search__search-link {
    width: auto;
    margin-top: 15px;
    padding: 0 10px
  }
}

@media screen and (max-width:767px) {
  .p-recruit-search__search-link {
    margin: 20px -10px 0 -10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.p-recruit-search__search-link__item {
  margin-right: 10px
}

.p-recruit-search__search-link__item .last {
  margin-right: -10px
}

.p-recruit-search__search-link__item a {
  color: #fff;
  border: 1px solid #fff;
  display: block;
  width: 238px;
  text-align: left;
  height: 50px;
  padding-top: 10px
}

.p-recruit-search__search-link__item a:before {
  content: "";
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 4px;
  display: inline-block
}

.p-recruit-search__search-link__item a:after {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--white.png) no-repeat center center;
  background-size: cover;
  width: 14px;
  height: 14px;
  content: "";
  margin: 0 0 0 10px;
  position: relative;
  top: 1px;
  display: inline-block;
  float: right;
  margin-top: 7px;
  margin-right: 7px
}

@media screen and (max-width:767px) {
  .p-recruit-search__search-link__item {
    margin-right: 0;
    border-top: 1px solid rgba(255, 255, 255, .3)
  }

  .p-recruit-search__search-link__item .last {
    margin-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .6)
  }

  .p-recruit-search__search-link__item a {
    border: 0 solid #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0 10px 0;
    position: relative
  }

  .p-recruit-search__search-link__item a:after {
    margin: -7px 0 0 0;
    position: absolute;
    top: 50%;
    display: block;
    right: 10px
  }
}

.p-recruit-search__shukatsu {
  width: 735px;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 0
}

@media screen and (max-width:767px) {
  .p-recruit-search__shukatsu {
    margin-top: 15px;
    padding: 0 10px
  }
}

.p-recruit-search__shukatsu a {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  padding: 12px 20px 10px;
  color: #fff;
  text-align: center;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--white.png);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px 14px
}

@media screen and (max-width:767px) {
  .p-recruit-search__shukatsu a {
    padding: 10px 15px 10px 10px;
    font-size: 13px
  }
}

.p-recruit-search__shukatsu a img {
  height: 40px;
  max-width: 52%;
  padding: 10px;
  margin-top: -5px;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .p-recruit-search__shukatsu a img {
    float: left;
    padding: 0;
    margin-top: 0;
    margin-right: 10px
  }
}

.p-seach-condition {
  padding: 20px 30px 0 30px;
  background-color: #fff
}

.p-seach-condition.is-mt-on {
  margin-top: 40px
}

.p-seach-condition.is-pb-on {
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .p-seach-condition {
    padding: 10px 0 0 0
  }

  .p-seach-condition.is-mt-on {
    margin-top: 20px
  }

  .p-seach-condition.is-pb-on {
    padding-bottom: 10px
  }
}

.p-seach-condition__lead-box {
  display: table;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-seach-condition__lead-box {
    display: block
  }
}

.p-seach-condition__lead-box__lead {
  display: inline-block;
  vertical-align: top;
  width: 808px;
  padding-bottom: 20px
}

.p-seach-condition__lead-box__lead__text {
  font-size: 13px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 808px
}

.p-seach-condition__lead-box__lead__text.is-open {
  overflow: inherit;
  white-space: pre-wrap;
  text-overflow: inherit
}

@media screen and (max-width:767px) {
  .p-seach-condition__lead-box__lead {
    display: block;
    width: auto;
    margin: 0 15px;
    padding-bottom: 5px
  }

  .p-seach-condition__lead-box__lead__text {
    width: 100%
  }
}

.p-seach-condition__lead-box__acc-text {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  font-size: 11px;
  color: #0559a8
}

.p-seach-condition__lead-box__acc-text:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--s--blue.png) no-repeat center center;
  background-size: cover;
  width: 7px;
  height: 7px;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  display: inline-block
}

.p-seach-condition__lead-box__acc-text.is-open:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_minus--s--blue.png) no-repeat center center;
  background-size: cover
}

.p-seach-condition__lead-box__acc-text:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .p-seach-condition__lead-box__acc-text {
    display: block;
    margin-bottom: 10px;
    text-align: center
  }
}

.p-seach-condition__condition {
  padding: 20px 20px 20px 30px;
  background-color: #0d8a19;
  display: table;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-seach-condition__condition {
    padding: 15px;
    display: block
  }
}

.p-seach-condition__condition__text-box {
  display: table-cell;
  vertical-align: middle;
  width: 480px
}

.p-seach-condition__condition__text-box__text {
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 480px
}

@media screen and (max-width:767px) {
  .p-seach-condition__condition__text-box {
    display: block;
    width: auto
  }

  .p-seach-condition__condition__text-box__text {
    width: 100%
  }
}

.p-seach-condition__condition__button {
  display: table-cell;
  vertical-align: middle;
  text-align: right
}

.p-seach-condition__condition__button .c-button {
  width: 165px;
  height: 45px;
  line-height: 45px;
  margin-left: 10px
}

.p-seach-condition__condition__button .c-button:first-child {
  margin-left: 0
}

@media screen and (max-width:767px) {
  .p-seach-condition__condition__button {
    display: block;
    text-align: center;
    padding-top: 15px
  }

  .p-seach-condition__condition__button .c-button {
    width: 46%;
    margin-left: 4%
  }

  .p-seach-condition__condition__button .c-button:first-child {
    margin-left: 0
  }
}

.p-seach-condition__company-info {
  padding: 15px;
  background-color: #efefef
}

.p-seach-condition__company-info__contents {
  display: table;
  width: 100%;
  padding-top: 10px;
  font-size: 13px
}

.p-seach-condition__company-info__contents:first-of-type {
  padding-top: 0
}

.p-seach-condition__company-info__contents__title {
  display: table-cell;
  width: 90px
}

.p-seach-condition__company-info__contents__text {
  display: table-cell
}

@media screen and (max-width:767px) {
  .p-seach-condition__company-info {
    margin: 0 15px
  }

  .p-seach-condition__company-info__contents__title {
    width: 80px
  }
}

.p-seach-condition .c-sort-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 20px -30px 0 -30px;
  padding-left: 30px;
  padding-right: 30px
}

@media screen and (max-width:767px) {
  .p-seach-condition .c-sort-switch {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0
  }
}

.p-other-search-link {
  margin-top: 60px;
  background-color: #fff
}

.p-other-search-link__inner {
  padding: 30px
}

@media screen and (max-width:767px) {
  .p-other-search-link__inner {
    padding: 20px
  }
}

@media screen and (min-width:768px) {
  .p-other-search-link .p-cat-link__list__item {
    width: 33.333%
  }
}

@media screen and (max-width:767px) {
  .p-other-search-link {
    margin-top: 40px
  }
}

.p-other-search-link__list {
  padding: 20px 30px 30px 30px;
  font-size: 0
}

@media screen and (max-width:767px) {
  .p-other-search-link__list {
    padding: 5px 15px 15px 15px
  }
}

.p-other-search-link__list__link {
  display: inline-block;
  margin: 10px 10px 0 0;
  height: 30px
}

.p-other-search-link__list__link a {
  display: inline-block;
  height: 100%;
  padding: 0 10px;
  font-size: 12px;
  color: #0559a8;
  line-height: 30px;
  border: 1px solid #0559a8;
  border-radius: 15px
}

.p-other-search-link__list__link a:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_search--blue.svg) no-repeat center center;
  background-size: cover;
  width: 11px;
  height: 11px;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  display: inline-block
}

.p-other-search-link__list__link:last-child {
  margin-right: 0
}

.p-search-change-fixed {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 150px;
  z-index: 100;
  -webkit-transition: all .4s;
  transition: all .4s
}

.p-search-change-fixed--show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.p-search-change-fixed--hide {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px)
}

.p-search-change-fixed .c-button {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 22px
}

.p-search-shinsotsu {
  background-color: #0559a8;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 700
}

.p-search-shinsotsu:after,
.p-search-shinsotsu:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-exclamation--yellow.png) no-repeat center center;
  background-size: cover;
  width: 18px;
  height: 18px;
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:767px) {

  .p-search-shinsotsu:after,
  .p-search-shinsotsu:before {
    top: -2px
  }
}

.p-search-shinsotsu:before {
  margin: 0 5px 0 0
}

.p-search-shinsotsu:after {
  margin: 0 0 0 5px
}

.p-search-shinsotsu--fixed {
  padding: 6px 0 5px
}

.p-search-shinsotsu--fixed:after,
.p-search-shinsotsu--fixed:before {
  top: 0
}

.p-search-shinsotsu--banner {
  width: 600px;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 0 10px
}

.p-search-shinsotsu--banner a {
  display: block;
  width: 100%;
  padding: 12px 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #16ace4;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--white.png);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px 14px
}

@media screen and (max-width:767px) {
  .p-search-shinsotsu--banner a {
    padding: 10px 15px 10px 10px;
    font-size: 13px
  }
}

.p-search-shinsotsu--banner a img {
  height: 40px;
  max-width: 52%;
  padding: 10px;
  margin-top: -5px;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .p-search-shinsotsu--banner a img {
    float: left;
    padding: 0;
    margin-top: 0;
    margin-right: 10px
  }
}

.p-search-shinsotsu--shukatsu-banner {
  width: 600px;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 0 10px
}

.p-search-shinsotsu--shukatsu-banner a {
  display: block;
  width: 100%;
  border: 1px solid #fff;
  padding: 12px 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #16ace4;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--white.png);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px 14px
}

@media screen and (max-width:767px) {
  .p-search-shinsotsu--shukatsu-banner a {
    padding: 10px 15px 10px 10px;
    font-size: 13px;
    margin-bottom: 20px
  }
}

.p-search-shinsotsu--shukatsu-banner a img {
  height: 40px;
  max-width: 52%;
  padding: 10px;
  margin-top: -5px;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .p-search-shinsotsu--shukatsu-banner a img {
    float: left;
    padding: 0;
    margin-top: 0;
    margin-right: 10px
  }
}

.p-search-shinsotsu+.page-joboffer-button {
  margin-top: 0
}

.page-joboffer-contents+.p-search-shinsotsu {
  margin-top: 45px
}

.save-condition {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_save_condition.png) no-repeat 7px;
  background-size: 8%;
  width: 160px
}

@media screen and (max-width:767px) {
  .save-condition {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_save_condition.png) no-repeat 16px;
    background-size: 7%;
    content: "";
    display: inline-block;
    position: relative;
    width: 220px;
    height: 20px
  }
}

.p-table-warp {
  overflow-x: auto;
  max-width: 100%
}

@media screen and (max-width:767px) {
  .p-table-warp {
    margin: 0 15px
  }
}

.p-table-left-th {
  border: 1px solid #ddd;
  border-collapse: collapse
}

@media screen and (max-width:767px) {
  .p-table-left-th.is-payee {
    width: 550px
  }
}

.p-table-left-th th {
  padding: 10px;
  border: 1px solid #ddd;
  border-collapse: collapse;
  text-align: left;
  background-color: #eee
}

.p-table-left-th td {
  padding: 10px;
  border: 1px solid #ddd;
  border-collapse: collapse
}

#cst-search-top-form {
  height: 200px
}

@media screen and (max-width:767px) {
  #cst-search-top-form {
    height: 212px
  }
}

#cst-search-result-form {
  height: 140px
}

@media screen and (max-width:767px) {
  #cst-search-result-form {
    height: 159px
  }
}

@media screen and (min-width:768px) {
  .page--single {
    padding: 39px 0 152px 0
  }

  .page--single__inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto
  }

  .page--single__common_new_gra_footer {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px
  }

  .page--single.is-top {
    padding-top: 0
  }
}

@media screen and (max-width:767px) {
  .page--single__inner {
    margin: 0 auto;
    padding-bottom: 60px
  }

  .page--single__inner.page--single__inner--bg-white {
    background-color: #fff
  }

  .page--single__common_new_gra_footer {
    margin: -60px auto auto;
    padding: 5px 15px 60px 15px
  }

  .page--single__common_new_gra_footer_list {
    background-color: #efefef
  }

  .page--single__content {
    padding: 0 15px
  }

  .page--single__content--no-gap {
    padding: 0
  }
}

.page-hoge__content {
  margin-bottom: 50px
}

@media screen and (max-width:767px) {
  .page-login__content--attention {
    padding-top: 14px;
    padding-bottom: 14px
  }
}

@media screen and (min-width:768px) {
  .p-login-form.p-login-form--let-text {
    text-align: left
  }

  .p-login-form .p-login-form__inner .p-login-form__button {
    padding-top: 40px;
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .p-login-form .p-login-form__inner .p-login-form__button {
    padding-top: 30px;
    text-align: center
  }
}

@media screen and (min-width:768px) {
  .page-mypage {
    padding-top: 0
  }

  .page-mypage__top-area {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .page-mypage__top-area__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 27px 0
  }

  .page-mypage__top-area__cell--user {
    font-size: 12px;
    font-weight: 700
  }

  .page-mypage__top-area__cell--link {
    text-align: right
  }

  .page-mypage__top-area__name {
    font-size: 14px;
    margin-right: 4px
  }

  .page-mypage__content {
    margin-top: 42px
  }

  .page-mypage__content--message {
    margin-top: 0
  }

  .page-mypage__content--agent {
    margin-top: 0;
    margin-bottom: 42px
  }

  .page-mypage__content--agent .p-content-box__body__foot {
    padding-top: 0
  }

  .page-mypage__content--job {
    margin-top: 0
  }

  .page-mypage__content--resume {
    margin-top: 0
  }

  .page-mypage__content .c-notification-heading__text:before {
    top: 5px
  }

  .page-mypage__content--guidance {
    background-color: #fff;
    text-align: right;
    padding: 25px 30px 0 0;
    margin: -15px 0 -30px 0
  }

  .page-mypage__content--guidance a {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: 0 4px;
    text-align: right;
    text-decoration: none;
    padding-left: 21px
  }

  .page-mypage__content--guidance a:hover {
    text-decoration: underline
  }

  .page-mypage__status-description__heading {
    color: #0d8a19;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding-bottom: 30px
  }

  .page-mypage__status-description__text {
    border-radius: 5px;
    padding: 14px;
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.4;
    background: #feffe6;
    border: 1px solid #c00
  }
}

@media screen and (max-width:767px) {
  .page-mypage__top-area {
    padding: 15px 12px 20px 12px
  }

  .page-mypage__top-area__cell--user {
    font-size: 12px;
    font-weight: 700
  }

  .page-mypage__top-area__name {
    font-size: 14px;
    margin-right: 4px
  }

  .page-mypage__content {
    margin-top: 42px
  }

  .page-mypage__content--message {
    margin-top: 0;
    margin-bottom: 5px
  }

  .page-mypage__content--agent {
    margin-top: 0;
    margin-bottom: 42px
  }

  .page-mypage__content--agent .p-content-box__body__foot {
    padding-top: 0
  }

  .page-mypage__content--job {
    margin-top: 0;
    margin-bottom: 5px
  }

  .page-mypage__content--resume {
    margin-top: 0
  }

  .page-mypage__content .c-notification-heading__text:before {
    top: 3.5px
  }

  .page-mypage__content--guidance {
    background-color: #fff;
    text-align: right;
    padding: 15px 15px 0 0;
    margin: 0
  }

  .page-mypage__content--guidance a {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: 0 4px;
    text-align: right;
    text-decoration: none;
    padding-left: 21px
  }

  .page-mypage__status-description {
    font-size: 14px;
    line-height: 1.4
  }

  .page-mypage__status-description__heading {
    color: #0d8a19;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding-bottom: 30px
  }

  .page-mypage__status-description__text {
    border-radius: 5px;
    padding: 11px;
    margin-top: 27px;
    font-size: 15px;
    line-height: 1.4;
    background: #feffe6;
    border: 1px solid #c00
  }

  .page-mypage .p-content-box__body--partition__cell {
    margin-bottom: 5px;
    background: #fff
  }
}

.p-sample__description__inner.is-massage {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .p-sample__description__inner.is-massage {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0 0 0
  }
}

.page-message-container {
  padding: 20px 30px 30px 30px;
  background-color: #fff;
  position: relative
}

.page-message-container.is-min-height {
  min-height: 161px
}

@media screen and (max-width:767px) {
  .page-message-container {
    padding: 20px 15px
  }

  .page-message-container.is-min-height {
    min-height: 0
  }
}

.page-message-container__tag {
  padding-bottom: 20px
}

.page-message-container__tag.is-pb-none {
  padding-bottom: 0
}

@media screen and (max-width:767px) {
  .page-message-container__tag {
    padding-bottom: 15px
  }
}

.page-message-container__company {
  padding-top: 15px
}

.page-message-container__company__star {
  display: table-cell;
  padding-right: 27px;
  text-align: center;
  vertical-align: top
}

.page-message-container__company__star img {
  width: 26px;
  height: auto
}

.page-message-container__company__star__text {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  color: #0559a8
}

.page-message-container__company__star a {
  display: block
}

.page-message-container__company__star__radio {
  visibility: hidden;
  position: absolute;
  left: -9999px
}

.page-message-container__company__star__radio+label.page-message-container__company__star__radio__label {
  display: block;
  position: relative;
  width: 50px
}

.page-message-container__company__star__radio+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__add {
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 1
}

.page-message-container__company__star__radio+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__add:hover {
  cursor: pointer;
  opacity: .7
}

.page-message-container__company__star__radio+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__list {
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__add {
  opacity: 0;
  z-index: 0
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__add img {
  -webkit-animation-name: favBtnOut;
  animation-name: favBtnOut;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__add .page-message-container__company__star__text {
  -webkit-animation-name: favTxtOut;
  animation-name: favTxtOut;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__list {
  opacity: 1;
  z-index: 1
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__list img {
  -webkit-animation-name: favBtnIn;
  animation-name: favBtnIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__list .page-message-container__company__star__text {
  -webkit-animation-name: favTxtIn;
  animation-name: favTxtIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.page-message-container__company__star__radio:checked+label.page-message-container__company__star__radio__label .page-message-container__company__star__radio__label__list:hover {
  cursor: pointer;
  opacity: .7
}

@media screen and (max-width:767px) {
  .page-message-container__company__star {
    padding-right: 18px
  }
}

.page-message-container__company__name {
  display: table-cell;
  font-size: 15px
}

.page-message-container__button {
  padding-top: 20px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center
}

.page-message-container__button .c-button {
  margin-left: 20px
}

.page-message-container__button .c-button:first-child {
  margin-left: 0
}

@media screen and (max-width:767px) {
  .page-message-container__button {
    display: table
  }

  .page-message-container__button .c-button {
    display: table-cell;
    padding-left: 10px
  }

  .page-message-container__button .c-button:first-child {
    margin-left: 0
  }
}

.page-message-container__free {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.page-message-container__free.is-border-b-none {
  padding-bottom: 0;
  border-bottom: none
}

.page-message-container__free.is-border-t-none {
  padding-top: 0;
  border-top: none
}

@media screen and (max-width:767px) {
  .page-message-container__free {
    margin-left: -15px;
    margin-right: -15px
  }

  .page-message-container__free__inner {
    padding: 0 15px
  }
}

.page-message-container__free p {
  margin-top: 2em;
  font-size: 15px
}

.page-message-container__free p:first-of-type {
  margin-top: 0
}

.page-message-container__free__img-left {
  float: left;
  margin-top: 2em;
  margin-right: 26px
}

.page-message-container__free__img-left img {
  max-width: 300px
}

@media screen and (max-width:767px) {
  .page-message-container__free__img-left {
    float: none;
    margin-right: 0;
    margin-top: 15px
  }

  .page-message-container__free__img-left img {
    max-width: 100%
  }
}

.page-message-container__free__img-right {
  float: right;
  margin-top: 2em;
  margin-left: 26px
}

.page-message-container__free__img-right img {
  max-width: 300px
}

@media screen and (max-width:767px) {
  .page-message-container__free__img-right {
    float: none;
    margin-left: 0;
    margin-top: 15px
  }

  .page-message-container__free__img-right img {
    max-width: 100%
  }
}

.page-message-container__heading-photo {
  display: table;
  width: 100%
}

.page-message-container__heading-photo__heading {
  display: table-cell;
  vertical-align: top
}

.page-message-container__heading-photo__photo {
  display: table-cell;
  padding-left: 20px;
  text-align: right;
  vertical-align: top
}

.page-message-container__heading-photo__photo img {
  max-width: 150px
}

.page-message-container__heading-photo.is-no-col {
  display: block
}

.page-message-container__heading-photo.is-no-col .page-message-container__heading-photo__heading {
  display: block
}

.page-message-container__heading-photo.is-no-col .page-message-container__heading-photo__photo {
  display: block;
  padding: 20px 0 0 0;
  text-align: center
}

@media screen and (max-width:767px) {
  .page-message-container__heading-photo {
    display: block;
    width: auto
  }

  .page-message-container__heading-photo__heading {
    display: block
  }

  .page-message-container__heading-photo__photo {
    display: block;
    padding-top: 20px;
    padding-left: 0;
    text-align: center
  }

  .page-message-container__heading-photo__photo img {
    max-width: 100%
  }
}

.page-message-container__info-list {
  margin-top: 20px;
  padding: 20px 30px;
  background-color: #f5f5f5;
  font-size: 15px
}

@media screen and (max-width:767px) {
  .page-message-container__info-list {
    padding: 15px 10px
  }
}

.page-message-container__info-list__dl {
  padding: 15px 0;
  border-bottom: 1px solid #ddd
}

.page-message-container__info-list__dl:first-of-type {
  padding-top: 0
}

.page-message-container__info-list__dl:last-of-type {
  padding-bottom: 0;
  border-bottom: none
}

.page-message-container__info-list__dl__dt {
  font-weight: 700;
  color: #0d8a19
}

.page-message-container__info-list__dl__dd {
  margin-top: 10px
}

.page-message-container__company-info {
  margin-right: 138px;
  font-size: 13px
}

@media screen and (max-width:767px) {
  .page-message-container__company-info {
    margin-right: 0
  }
}

.page-message-container__info-logo {
  display: table;
  width: 100%
}

.page-message-container__info-logo__heading {
  display: table-cell;
  vertical-align: top
}

.page-message-container__info-logo__heading__text {
  font-size: 13px;
  width: 580px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.page-message-container__info-logo__photo {
  display: table-cell;
  padding-left: 20px;
  text-align: right;
  vertical-align: top
}

.page-message-container__info-logo__photo p {
  width: 148px;
  height: 111px;
  border: 1px solid #ccc;
  position: absolute;
  top: 20px;
  right: 30px
}

.page-message-container__info-logo__photo p img {
  max-width: 128px;
  max-height: 90px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.page-message-container__info-logo__button {
  display: table-cell;
  vertical-align: middle;
  text-align: right
}

@media screen and (max-width:767px) {
  .page-message-container__info-logo__heading.is-sp-block {
    display: block
  }

  .page-message-container__info-logo__heading__text {
    width: 90vw
  }

  .page-message-container__info-logo__photo {
    padding-left: 10px;
    vertical-align: bottom
  }

  .page-message-container__info-logo__photo p {
    width: 100px;
    height: 75px;
    position: relative;
    top: auto;
    right: auto
  }

  .page-message-container__info-logo__photo p img {
    max-width: 90px;
    max-height: 55px
  }

  .page-message-container__info-logo__button {
    display: block;
    padding-top: 20px;
    text-align: center
  }
}

.page-message-heading {
  padding: 40px 0 24px
}

@media screen and (max-width:767px) {
  .page-message-heading {
    padding: 20px 0 15px 15px
  }
}

@-webkit-keyframes favBtnIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  90% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes favBtnIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  90% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes favBtnOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

@keyframes favBtnOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

@-webkit-keyframes favTxtOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
  }
}

@keyframes favTxtOut {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
  }
}

@-webkit-keyframes favTxtIn {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes favTxtIn {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@media screen and (min-width:768px) {
  .page-webresume-index__document-download {
    zoom: 1;
    padding-bottom: 40px
  }

  .page-webresume-index__document-download:after {
    display: table;
    content: "";
    clear: both
  }

  .page-webresume-index__document-download.is-under {
    padding-top: 40px
  }

  .page-webresume-index__document-download__date {
    padding-top: 20px
  }

  .page-webresume-index__document-download__button,
  .page-webresume-index__document-download__lead {
    vertical-align: middle
  }

  .page-webresume-index__document-download__button-area {
    padding-top: 20px
  }

  .page-webresume-index__document-download__button {
    border-radius: 3px;
    width: 320px;
    height: 44px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    position: relative;
    line-height: 44px;
    font-size: 16px;
    font-weight: 700;
    padding-right: 18px;
    padding-left: 10px;
    margin-right: 7px;
    vertical-align: middle;
    text-align: left;
    color: #0559a8;
    background: #fff;
    border: 1px solid #0559a8
  }

  .page-webresume-index__document-download__button:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    display: block;
    content: "";
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_login--blue.svg);
    background-size: 20px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .page-webresume-index__document-download__lead {
    padding-top: 20px;
    font-size: 13px;
    line-height: 1.54;
    padding-left: 10px;
    color: #666
  }

  .page-webresume-index__table-notice-1 {
    margin-top: 18px
  }

  .page-webresume-index__consideration__heading {
    padding-bottom: 10px;
    font-size: 15px;
    color: #666
  }
}

@media screen and (max-width:767px) {
  .page-webresume-index__document-download {
    padding: 0 13px 25px 13px;
    background: #e8e8e8
  }

  .page-webresume-index__document-download.is-under {
    padding-top: 25px
  }

  .page-webresume-index__document-download.is-under .p-content-box__heading {
    margin-left: -13px;
    margin-right: -13px
  }

  .page-webresume-index__document-download.webresume-profile {
    padding: 0 0 25px 0 !important
  }

  .page-webresume-index__document-download__date {
    padding-top: 20px;
    font-size: 13px
  }

  .page-webresume-index__document-download__button-area {
    padding-top: 0
  }

  .page-webresume-index__document-download__button {
    border-radius: 3px;
    width: 100%;
    height: 50px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    max-width: 300px;
    display: block;
    position: relative;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 5px;
    margin: 15px auto 0 auto;
    vertical-align: middle;
    color: #0559a8;
    background: #fff;
    border: 1px solid #0559a8
  }

  .page-webresume-index__document-download__button:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    display: block;
    content: "";
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_login--blue.svg);
    background-size: 20px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .page-webresume-index__document-download__lead {
    display: inline-block;
    font-size: 13px;
    line-height: 1.54;
    padding-top: 12px;
    color: #666
  }

  .page-webresume-index__table-notice-1 {
    margin-top: 18px
  }

  .page-webresume-index__consideration__heading {
    padding-bottom: 10px;
    font-size: 15px;
    color: #666
  }

  .page-webresume-index .p-resume-table__header {
    margin-bottom: 0
  }

  .page-webresume-index .p-resume-table__notice {
    border: 1px solid #ddd;
    background: #fff
  }
}

.webresume_download_text {
  color: #c00
}

@media screen and (min-width:768px) {
  .page-signup-account-complete__scout-link {
    font-size: 15px;
    display: inline-block;
    margin-top: 10px
  }

  .page-signup-account-complete__search {
    text-align: center;
    padding-bottom: 30px
  }
}

@media screen and (max-width:767px) {
  .page-signup-account-complete__scout-link {
    font-size: 15px;
    display: inline-block;
    margin-top: 10px
  }

  .page-signup-account-complete__search {
    text-align: center;
    padding-bottom: 30px
  }
}

@media screen and (min-width:768px) {
  .page-apply-confirmation__resume-lead {
    padding: 26.5px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
  }

  .page-apply-confirmation__confirmation {
    font-size: medium;
    font-weight: 400
  }
}

@media screen and (max-width:767px) {
  .page-apply-confirmation__resume-lead {
    padding: 26.5px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
  }

  .page-apply-confirmation__confirmation {
    font-size: medium;
    font-weight: 400
  }
}

.p-sample__description__inner.is-apply-detail {
  margin-top: 0
}

@media screen and (max-width:767px) {
  .p-sample__description__inner.is-apply-detail {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 0 0 0
  }
}

.page-apply-detail-info {
  padding: 20px 0;
  border-bottom: 1px solid #d8d8d8
}

.page-apply-detail-info__heading {
  color: #c00;
  font-weight: 700
}

.page-apply-detail-info__text {
  margin-top: 5px
}

.page-apply-detail-info__text a {
  opacity: 1;
  text-decoration: none
}

.page-apply-detail-info__text a:hover {
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .page-apply-detail-info {
    padding-left: 15px;
    padding-right: 15px
  }
}

.page-apply-detail-memo {
  padding-top: 20px
}

.page-apply-detail-memo .c-textarea {
  max-width: 100%
}

.page-apply-detail-memo .memo-info {
  padding-bottom: 20px
}

.page-apply-detail-memo__button {
  padding-top: 20px;
  text-align: right
}

@media screen and (max-width:767px) {
  .page-apply-detail-memo {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px
  }

  .page-apply-detail-memo__button {
    text-align: center
  }
}

.message_publish_end_date__background {
  margin-left: auto;
  margin-top: 10px;
  padding: 10px 10px;
  background-color: #efefef;
  width: 300px
}

.message_publish_end_date_title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

.message_publish_end_date_title--heading {
  font-size: 24px;
  font-weight: 700;
  padding: 15px 15px
}

@media screen and (max-width:767px) {
  .message_publish_end_date_title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px
  }

  .message_publish_end_date_title--heading {
    font-weight: 700;
    padding: 10px 10px;
    font-size: 18px
  }
}

@media screen and (min-width:768px) {
  .p-cancel-service-list .p-service-menu {
    margin-bottom: 40px;
    padding: 20px;
    background: #efefef
  }

  .p-cancel-service-list .p-service-menu__content__heading {
    padding-bottom: 5px
  }

  .p-cancel-service-list .p-service-menu__content__heading:first-child {
    padding-top: 0
  }

  .p-cancel-service-list .p-service-menu__content__heading-second {
    padding-bottom: 15px;
    font-size: 13px
  }

  .p-cancel-service-list .p-service-menu .c-card-link__row--text {
    font-size: 13px
  }

  .p-cancel-service-list .p-service-menu .p-service-menu__content__link-list__item {
    width: 33.333%
  }

  .p-cancel-service-list .p-service-menu .p-service-menu__content__link-list__item img {
    height: 20px
  }
}

@media screen and (max-width:767px) {
  .p-cancel-service-list {
    margin-top: 20px
  }

  .p-cancel-service-list .p-service-menu__content__heading {
    padding-left: 0
  }

  .p-cancel-service-list .p-service-menu {
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
    background: #efefef
  }

  .p-cancel-service-list .p-service-menu__content__heading {
    padding-bottom: 5px
  }

  .p-cancel-service-list .p-service-menu__content__heading-second {
    padding-bottom: 15px;
    font-size: 13px
  }

  .p-cancel-service-list .p-service-menu .c-card-link__row--text {
    font-size: 13px
  }

  .p-cancel-service-list .p-service-menu .p-service-menu__content__link-list__item {
    width: 100%
  }

  .p-cancel-service-list .p-service-menu .p-service-menu__content__link-list__item img {
    height: 20px
  }
}

.page-top-slider {
  display: none;
  position: relative;
  height: 333px
}

.page-top-slider.slick-initialized {
  display: block !important
}

.page-top-slider.slick-initialized+.slider-play-btn {
  display: block !important
}

@media screen and (max-width:767px) {
  .page-top-slider {
    height: auto
  }
}

.page-top-slider .slick-track {
  font-size: 0
}

.page-top-slider .slick-slide {
  margin: 0
}

.page-top-slider .slick-slide img {
  width: 960px;
  height: 333px
}

@media screen and (max-width:767px) {
  .page-top-slider .slick-slide {
    margin: 0
  }

  .page-top-slider .slick-slide img {
    height: auto
  }
}

.page-top-slider .slick-arrow {
  width: 36px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  border: 1px solid #efefef;
  background: rgba(255, 255, 255, .9) url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--black.png) no-repeat center center;
  background-size: 12px 12px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1
}

.page-top-slider .slick-arrow.slick-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
  border-radius: 5px 0 0 5px;
  border-left: none
}

.page-top-slider .slick-arrow.slick-next {
  right: 0;
  border-radius: 5px 0 0 5px;
  border-right: none;
  margin-top: 0
}

.page-top-slider .slick-arrow:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .page-top-slider .slick-arrow {
    display: none !important
  }
}

.page-top-slider ul.slick-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 8px;
  text-align: center;
  line-height: 1
}

.page-top-slider ul.slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  margin: 0 7px 0 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #b7b7b7
}

.page-top-slider ul.slick-dots li:last-child {
  margin-right: 0
}

.page-top-slider ul.slick-dots li button {
  visibility: hidden
}

.page-top-slider ul.slick-dots li.slick-active {
  background-color: #626262
}

.page-top-slider.slick-dotted.slick-slider {
  margin-bottom: 0
}

.page-top-slider.page-top-slider-fade {
  width: 100%;
  height: auto;
  background-color: #fff
}

.page-top-slider.page-top-slider-fade .slick-list {
  max-width: 960px;
  margin: 0 auto
}

.page-top-slider.page-top-slider-fade ul.slick-dots {
  position: static;
  margin: 31px 0 0;
  height: 12px
}

.page-top-slider.page-top-slider-fade ul.slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 24px 0 0;
  background-color: #fff;
  border: solid 1px #626262;
  border-radius: 6px
}

.page-top-slider.page-top-slider-fade ul.slick-dots li.slick-active {
  background-color: #626262
}

@media screen and (max-width:767px) {
  .page-top-slider.page-top-slider-fade ul.slick-dots {
    margin: 23px 0 0;
    padding-bottom: 15px;
    height: 9px
  }

  .page-top-slider.page-top-slider-fade ul.slick-dots li {
    width: 9px;
    height: 9px;
    margin: 0 20px 0 0
  }
}

.page-top-slider.page-top-slider-fade .slick-slide img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto
}

.page-top-slider.page-top-slider-fade .slick-arrow {
  width: 54px;
  border: none;
  background: rgba(255, 255, 255, 0) url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--black.png) no-repeat center center;
  background-size: 30px;
  top: 45%
}

.page-top-slider.page-top-slider-fade .slick-arrow.slick-prev {
  left: calc(50% - 534px)
}

.page-top-slider.page-top-slider-fade .slick-arrow.slick-next {
  right: calc(50% - 534px)
}

.page-top-slider.page-top-slider-fade .sliderPcImg {
  display: block;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .page-top-slider.page-top-slider-fade .sliderPcImg {
    display: none
  }
}

.page-top-slider.page-top-slider-fade .sliderSpImg {
  display: none
}

@media screen and (max-width:767px) {
  .page-top-slider.page-top-slider-fade .sliderSpImg {
    display: block
  }
}

.top-slider-area {
  position: relative
}

.top-slider-area .slider-play-btn {
  display: none;
  position: absolute;
  bottom: -9px;
  left: calc(50% + 54px)
}

.top-slider-area .slider-play-btn #tglBtn {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer
}

.top-slider-area .slider-play-btn #tglBtn span {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50px;
  color: rgba(255, 255, 255, 0);
  font-size: 0
}

.top-slider-area .slider-play-btn #tglBtn #startBtn {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_play.svg)
}

.top-slider-area .slider-play-btn #tglBtn #stopBtn {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_pause.svg)
}

@media screen and (max-width:767px) {
  .top-slider-area .slider-play-btn {
    bottom: -2px;
    left: calc(50% + 48px)
  }

  .top-slider-area .slider-play-btn #tglBtn span {
    width: 25px;
    height: 25px
  }
}

.page-top-login {
  padding: 20px 0;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .page-top-login {
    padding: 15px 0
  }
}

.page-top-login__in-box {
  width: 960px;
  margin: 0 auto;
  display: table
}

@media screen and (max-width:767px) {
  .page-top-login__in-box {
    width: 100%;
    margin: 0;
    padding: 0 10px
  }
}

.page-top-login__in-box__text {
  display: table-cell;
  line-height: 1.2;
  font-weight: 700
}

.page-top-login__in-box__text__sub-heading {
  font-size: 20px;
  color: #666
}

.page-top-login__in-box__text__heading {
  font-size: 34px
}

.page-top-login__in-box__text__heading span {
  font-size: 50px;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .page-top-login__in-box__text {
    display: block;
    line-height: 1.5;
    text-align: center
  }

  .page-top-login__in-box__text__sub-heading {
    font-size: 14px
  }

  .page-top-login__in-box__text__heading {
    font-size: 18px;
    line-height: 1
  }

  .page-top-login__in-box__text__heading span {
    font-size: 28px
  }
}

.page-top-login__in-box__sub-text {
  font-size: 55%;
  font-weight: 400
}

.page-top-login__in-box__button {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  font-size: 0
}

.page-top-login__in-box__button .c-button {
  width: 190px;
  height: 50px
}

.page-top-login__in-box__button .c-button:first-child {
  margin-right: 10px
}

@media screen and (max-width:767px) {
  .page-top-login__in-box__button {
    display: block;
    padding-top: 10px;
    text-align: center
  }

  .page-top-login__in-box__button .c-button {
    width: 48%;
    font-size: 18px
  }

  .page-top-login__in-box__button .c-button:first-child {
    margin-right: 2%
  }

  .page-top-login__in-box__button .c-button .c-button__box-text {
    font-size: 11px
  }
}

.page-top-my-link {
  margin-bottom: 40px;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #0d8a19;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:767px) {
  .page-top-my-link {
    margin: 15px 15px 25px 15px;
    padding-bottom: 0
  }
}

.page-top-my-link__heading {
  padding: 10px;
  list-style: 1;
  border-radius: 2px 2px 0 0;
  background-color: #0d8a19;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.page-top-my-link__heading__name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 910px;
  vertical-align: top
}

.page-top-my-link__heading__omitted {
  display: inline-block;
  vertical-align: top
}

@media screen and (max-width:767px) {
  .page-top-my-link__heading__name {
    max-width: 76vw
  }
}

.page-top-my-link__title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding: 10px;
  border-top: solid 2px #0d8a19
}

.page-top-my-link__title.is-yellow {
  background-color: #feffe6
}

.page-top-my-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .page-top-my-link__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.page-top-my-link__list__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%
}

.page-top-my-link__list__item.page-top-my-link__list__item__full-wide {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item {
    border-bottom: 1px solid #ddd
  }

  .page-top-my-link__list__item.is-message {
    border-bottom: none
  }
}

.page-top-my-link__list__item a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 8px 0 8px 15px;
  color: #000
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item a {
    padding: 10px 0 10px 10px
  }
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text {
  padding: 20px 0;
  border-right: 1px solid #ddd;
  position: relative
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item a .page-top-my-link__list__item__text {
    padding: 0;
    border-right: none
  }
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text:before {
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 4px;
  display: inline-block
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text:after {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/right_arrow--gray.png) no-repeat center center;
  background-size: cover;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 0;
  position: absolute;
  top: 50%;
  right: 10px
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-message:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_message--green.svg) no-repeat center center;
  background-size: cover
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-message.is-myagent:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-agent-2.svg) no-repeat center center;
  background-size: cover
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-message.is-scout:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-message.png) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 15px
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item a .page-top-my-link__list__item__text.is-message.is-scout:before {
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon-message@2x.png) no-repeat center center;
    background-size: cover
  }
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-search:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_search--green.svg) no-repeat center center;
  background-size: cover
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-mypage {
  font-weight: 700
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text.is-mypage:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_person--green.svg) no-repeat center center;
  background-size: cover
}

.page-top-my-link__list__item a .page-top-my-link__list__item__text_number {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 24px;
  height: 24px;
  line-height: 1;
  border-radius: 12px;
  padding: 7px 5px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  background-color: #c00;
  position: absolute;
  right: 30px;
  top: 20px
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item a .page-top-my-link__list__item__text_number {
    top: 1px
  }
}

.page-top-my-link__list__item:last-child a p {
  border-right: none
}

@media screen and (max-width:767px) {
  .page-top-my-link__list__item:last-child {
    border-bottom: none
  }
}

.page-top-my-link__list__item.is-yellow {
  background-color: #feffe6
}

.page-top-my-link__list__item.is-mypage {
  border-top: solid 2px #0d8a19
}

.page-top-joboffer__warp {
  padding: 20px 0 34px 0;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .page-top-joboffer__warp {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
  }
}

.page-top-joboffer__warp__button {
  text-align: center
}

@media screen and (max-width:767px) {
  .page-top-joboffer__warp__button {
    padding-bottom: 20px
  }
}

.page-top-contents {
  margin-top: 40px;
  padding-bottom: 30px;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .page-top-contents {
    margin-top: 25px
  }
}

.page-top-contents__warp {
  padding: 30px 30px 0 30px
}

@media screen and (max-width:767px) {
  .page-top-contents__warp {
    padding: 20px 15px 0 15px
  }
}

@media screen and (min-width:768px) {
  .page-top-contents__about .static-section__inner {
    padding: 10px 70px
  }
}

.page-top-contents__about__read {
  font-size: 17px
}

@media screen and (max-width:767px) {
  .page-top-contents__about__read {
    font-size: 14px
  }
}

.page-top-contents__about__text {
  margin: 60px 0 20px;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .page-top-contents__about__text {
    font-size: 18px;
    margin-top: 40px
  }
}

.page-top-contents__about__note {
  text-align: center;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .page-top-contents__about__note {
    margin-bottom: 0
  }
}

.page-top-contents__about__note span {
  display: block;
  font-size: 13px
}

.page-top-contents__about .about-list--item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 66px;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
  padding-left: 55px;
  padding-right: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:767px) {
  .page-top-contents__about .about-list--item {
    height: 60px;
    -ms-flex-preferred-size: calc((100% - 10px)/ 2);
    flex-basis: calc((100% - 10px)/ 2);
    padding-left: 40px;
    padding-right: 25px;
    margin-top: 10px
  }
}

.page-top-contents__about .about-list--item:hover {
  opacity: .6;
  cursor: pointer
}

.page-top-contents__about .about-list--item:hover img {
  opacity: 1 !important
}

.page-top-contents__about .about-list--item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 20px;
  background-color: #0d8a19;
  border-radius: 0 4px 4px 0;
  z-index: 1
}

.page-top-contents__about .about-list--item:after {
  position: absolute;
  top: 50%;
  right: 8px;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  z-index: 2
}

.page-top-contents__about .about-list--item-txt {
  font-size: 14px;
  color: #000;
  text-align: center
}

@media screen and (max-width:767px) {
  .page-top-contents__about .about-list--item-txt {
    font-size: 13px
  }
}

.page-top-contents__about .about-list--item img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
  width: auto;
  height: 80%
}

@media screen and (max-width:767px) {
  .page-top-contents__about .about-list--item img {
    left: 5px
  }
}

.page-top-contents__detail {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px 30px 0 30px
}

@media screen and (max-width:767px) {
  .page-top-contents__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }
}

.page-top-contents__detail__text {
  display: table-cell;
  vertical-align: top
}

.page-top-contents__detail__text__heading {
  font-size: 20px;
  font-weight: 700
}

.page-top-contents__detail__text__lead {
  margin-top: 15px
}

@media screen and (max-width:767px) {
  .page-top-contents__detail__text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 15px 15px 0 15px
  }
}

.page-top-contents__detail__img {
  display: table-cell;
  vertical-align: top;
  width: 406px
}

.page-top-contents__detail__img img {
  max-width: 376px;
  margin-left: 30px
}

@media screen and (max-width:767px) {
  .page-top-contents__detail__img {
    width: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .page-top-contents__detail__img img {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    margin-left: 0
  }
}

.page-top-contents__service {
  margin: 15px 30px 0 30px;
  padding: 20px;
  background-color: #efefef
}

.page-top-contents__service.is-wide {
  margin: 20px 0 0 0
}

@media screen and (max-width:767px) {
  .page-top-contents__service {
    margin: 15px 0 0 0;
    padding: 20px 15px
  }
}

.page-top-contents__button {
  padding-top: 30px;
  text-align: center
}

.page-top-contents__button .c-button {
  margin-left: 20px
}

.page-top-contents__button .c-button:first-child {
  margin-left: 0
}

@media screen and (max-width:767px) {
  .page-top-contents__button .c-button {
    margin-top: 20px;
    margin-left: 0
  }

  .page-top-contents__button .c-button:first-child {
    margin-top: 0
  }
}

.page-top-contents__under-link {
  margin: 35px 120px 0 120px;
  border: 1px solid #ddd
}

.page-top-contents__under-link a {
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.page-top-contents__under-link__text {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding-right: 10px;
  font-size: 16px;
  color: #000
}

.page-top-contents__under-link__img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: right;
  font-size: 0
}

.page-top-contents__under-link__img img {
  max-height: 50px
}

@media screen and (max-width:767px) {
  .page-top-contents__under-link {
    margin: 24px 15px 0 15px
  }

  .page-top-contents__under-link a {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .page-top-contents__under-link__text {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-right: 0;
    font-size: 15px
  }

  .page-top-contents__under-link__img {
    width: 100%;
    padding-top: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center
  }
}

.page-top-knowledge {
  padding: 30px 30px 0 30px
}

@media screen and (max-width:767px) {
  .page-top-knowledge {
    padding: 0
  }
}

.general_partners {
  margin-top: 40px;
  padding-bottom: 30px;
  background-color: #fff
}

@media screen and (max-width:767px) {
  .general_partners {
    margin: 50px 20px 30px 20px;
    padding-bottom: 20px
  }
}

.general_partners .general_company_info {
  padding: 30px 30px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .general_partners .general_company_info {
    padding: 20px 20px 0 20px
  }
}

.general_partners .general_company_info__logo {
  height: 100%;
  margin: auto
}

@media screen and (max-width:767px) {
  .general_partners .general_company_info__logo {
    width: 30%
  }
}

.general_partners .general_company_info__context a {
  opacity: 1;
  text-decoration: none
}

.general_partners .general_company_info__context a:hover {
  text-decoration: underline
}

@media screen and (min-width:768px) {
  .general_partners .general_company_info__context {
    margin-right: 50px
  }

  .general_partners .general_company_info__context__address {
    margin-top: 15px
  }

  .general_partners .general_company_info__context__name {
    font-size: large
  }
}

@media screen and (max-width:767px) {
  .general_partners .general_company_info__context {
    margin: auto;
    margin-left: 20px
  }

  .general_partners .general_company_info__context a,
  .general_partners .general_company_info__context p {
    font-size: small
  }

  .general_partners .general_company_info__context a {
    word-break: break-all
  }

  .general_partners .general_company_info__context__address {
    margin-top: 10px
  }

  .general_partners .general_company_info__context__name {
    font-size: initial
  }
}

.general_partners .general_company_info__context__name {
  font-weight: 700
}

.general_partners .general_company_info__context__link:after {
  content: '';
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-awesome-external-link-alt.svg);
  width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 3px;
  display: inline-block
}

.page-detail-slider {
  display: none;
  margin-top: 20px;
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-detail-slider.slick-initialized {
  display: block !important
}

@media screen and (max-width:767px) {
  .page-detail-slider {
    height: auto
  }
}

.page-detail-slider .slick-track {
  font-size: 0
}

.page-detail-slider .slick-slide {
  width: 280px;
  min-width: 280px;
  margin-left: 10px
}

.page-detail-slider .slick-slide img {
  width: 280px;
  height: 210px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

@media screen and (max-width:767px) {
  .page-detail-slider .slick-slide img {
    width: auto;
    height: auto
  }
}

.page-detail-slider .slick-arrow {
  width: 36px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  border: 1px solid #efefef;
  background: rgba(255, 255, 255, .9) url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--black.png) no-repeat center center;
  background-size: 12px 12px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1
}

.page-detail-slider .slick-arrow.slick-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 0;
  border-radius: 5px 0 0 5px;
  border-left: none
}

.page-detail-slider .slick-arrow.slick-next {
  right: 0;
  border-radius: 5px 0 0 5px;
  border-right: none;
  margin-top: 0
}

.page-detail-slider .slick-arrow:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .page-detail-slider .slick-arrow {
    display: none !important
  }
}

.page-detail-slider ul.slick-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 8px;
  text-align: center;
  line-height: 1
}

.page-detail-slider ul.slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  margin: 0 7px 0 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #b7b7b7
}

.page-detail-slider ul.slick-dots li:last-child {
  margin-right: 0
}

.page-detail-slider ul.slick-dots li button {
  visibility: hidden
}

.page-detail-slider ul.slick-dots li.slick-active {
  background-color: #626262
}

.page-detail-slider.slick-dotted.slick-slider {
  margin-bottom: 0
}

.p-joboffer-detail-preview {
  background-color: #ff0;
  color: #c00;
  text-align: center;
  padding: 5px 0;
  font-size: 15px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .p-joboffer-detail-preview {
    font-size: 13px
  }
}

.page-joboffer-detail {
  padding: 15px 30px 30px 30px;
  background-color: #fff;
  position: relative
}

@media screen and (max-width:767px) {
  .page-joboffer-detail {
    padding: 10px 10px 20px 10px
  }
}

.page-joboffer-detail__date_area {
  font-size: 13px;
  padding-bottom: 10px
}

.page-joboffer-detail__date_area__new {
  display: inline-block;
  margin-left: -30px;
  margin-right: 10px;
  height: 22px;
  line-height: 22px;
  padding: 0 13px;
  border-radius: 0 11px 11px 0;
  color: #fff;
  background-color: #c00
}

.page-joboffer-detail__date_area__date {
  display: inline-block;
  line-height: 22px
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__date_area__new {
    margin-left: -10px
  }
}

.page-joboffer-detail__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-all
}

.page-joboffer-detail__sub-heading {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #0d8a19;
  word-break: break-all
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__heading {
    font-size: 20px
  }
}

.page-joboffer-detail__job {
  margin-top: 10px;
  font-size: 18px;
  word-break: break-all
}

.page-joboffer-detail__category {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0
}

.page-joboffer-detail__category li {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  margin: 5px 5px 0 0;
  padding: 0 8px;
  font-size: 13px;
  background-color: #dbecfc;
  border-radius: 3px
}

.page-joboffer-detail__category li:last-child {
  margin-right: 0
}

.page-joboffer-detail__category li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000
}

.page-joboffer-detail__category .more-plus {
  background-color: #f27c8f !important;
  color: #fff !important
}

.page-joboffer-detail__photo_container {
  margin-top: 20px;
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__photo_container {
    margin: 20px -10px 0 -10px;
    padding: 15px 20px;
    background-color: #efefef;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.page-joboffer-detail__photo_container__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.page-joboffer-detail__photo_container__img {
  width: 280px;
  min-width: 280px;
  margin-right: 30px
}

.page-joboffer-detail__photo_container__img:last-child {
  margin-right: 0
}

.page-joboffer-detail__photo_container__img img {
  width: 280px;
  height: 210px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

.page-joboffer-detail__photo_container__img__text {
  margin-top: 10px;
  font-size: 12px
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__photo_container__img:last-child {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    min-width: 300px;
    padding-right: 20px
  }
}

.page-joboffer-detail__point {
  margin-top: 30px;
  padding: 0 10px 10px 10px;
  border-radius: 5px;
  background-color: #ffe0b0
}

.page-joboffer-detail__point__heading {
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: center
}

.page-joboffer-detail__point__list__text {
  margin-top: 5px;
  padding: 10px 10px 10px 40px;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  word-break: break-all
}

.page-joboffer-detail__point__list__text:first-of-type {
  margin-top: 0
}

.page-joboffer-detail__point__list__text:before {
  content: "";
  background: #ffa924 url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center center;
  background-size: 14px 11px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  margin: 0 5px 0 0;
  position: absolute;
  top: 10px;
  left: 10px
}

.page-joboffer-detail__detail-text {
  margin-top: 20px;
  word-break: break-all
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__detail-text {
    padding: 0 5px
  }
}

.page-joboffer-detail__employment-info {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info {
    margin-left: 5px;
    margin-right: 5px
  }
}

.page-joboffer-detail__employment-info__item {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd
}

.page-joboffer-detail__employment-info__item:last-child {
  border-bottom: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item {
    display: block
  }
}

.page-joboffer-detail__employment-info__item__heading {
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  padding: 20px 0;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item__heading {
    display: block;
    width: auto;
    padding: 15px 0 0 0
  }
}

.page-joboffer-detail__employment-info__item__contents {
  display: table-cell;
  vertical-align: top;
  padding: 20px 0
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item__contents {
    display: block;
    padding: 15px 0 45px 0;
    position: relative
  }
}

.page-joboffer-detail__employment-info__item__contents__icon {
  display: inline-block;
  margin-top: -5px;
  font-size: 0
}

.page-joboffer-detail__employment-info__item__contents__icon li {
  display: inline-block;
  height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 11px;
  margin: 5px 5px 0 0;
  padding: 0 10px;
  border: 1px solid #0d8a19;
  font-size: 12px;
  color: #0d8a19
}

.page-joboffer-detail__employment-info__item__contents__icon li:last-child {
  margin-right: 0
}

.page-joboffer-detail__employment-info__item__contents__icon li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item__contents__icon li {
    padding: 0 5px
  }
}

.page-joboffer-detail__employment-info__item__contents__icon li.hide {
  display: none
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 11px;
  color: #0559a8;
  line-height: 22px;
  border: none
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more:hover {
  cursor: pointer;
  opacity: .7
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more.is-open:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_minus--s--blue.png) no-repeat center center;
  background-size: cover
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more.is-open:hover {
  opacity: .7
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--s--blue.png) no-repeat center center;
  background-size: cover;
  width: 7px;
  height: 7px;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  display: inline-block
}

.page-joboffer-detail__employment-info__item__contents__icon li.icon-more.hide {
  display: none
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item__contents__icon {
    display: block
  }
}

.page-joboffer-detail__employment-info__item__contents__acc-text {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 11px;
  color: #0559a8;
  line-height: 22px
}

.page-joboffer-detail__employment-info__item__contents__acc-text:before {
  content: "";
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_plus--s--blue.png) no-repeat center center;
  background-size: cover;
  width: 7px;
  height: 7px;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  display: inline-block
}

.page-joboffer-detail__employment-info__item__contents__acc-text.is-open:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_minus--s--blue.png) no-repeat center center;
  background-size: cover
}

.page-joboffer-detail__employment-info__item__contents__acc-text:hover {
  opacity: .7;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .page-joboffer-detail__employment-info__item__contents__acc-text {
    display: block;
    margin-left: 0;
    position: absolute;
    left: 0;
    bottom: 15px
  }
}

.page-joboffer-detail__employment-info__item__contents__acc-contents {
  margin-top: 5px;
  display: none
}

.page-joboffer-detail__employment-info__item__contents__acc-contents.is-open {
  display: block
}

.page-joboffer-contents {
  margin-top: 40px;
  background-color: #fff
}

.page-joboffer-contents.is-recruitment {
  margin-top: 20px
}

.page-joboffer-contents.is-pb-on {
  padding-bottom: 30px
}

.page-joboffer-contents__text {
  margin: 20px 30px 0 30px
}

@media screen and (max-width:767px) {
  .page-joboffer-contents {
    margin-top: 25px
  }

  .page-joboffer-contents.is-recruitment {
    margin-top: 0
  }

  .page-joboffer-contents.is-pb-on {
    padding-bottom: 20px
  }
}

.page-joboffer-contents__inner {
  margin: 20px 30px 0 30px;
  border-radius: 5px;
  border: 1px solid #bbb
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner {
    margin: 20px 15px 0 15px
  }
}

.page-joboffer-contents__inner__heading {
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #bbb;
  background-color: #c3ddf6
}

.page-joboffer-contents__inner__recruitment {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd
}

.page-joboffer-contents__inner__recruitment:last-child {
  border-bottom: none
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__recruitment {
    display: block
  }
}

.page-joboffer-contents__inner__recruitment__title {
  display: table-cell;
  vertical-align: top;
  width: 164px;
  padding: 20px 0 20px 20px;
  font-weight: 700;
  color: #0d8a19
}

.page-joboffer-contents__inner__recruitment__title__icon {
  display: table-cell;
  width: 30px;
  vertical-align: middle
}

.page-joboffer-contents__inner__recruitment__title__icon img {
  max-width: 22px
}

.page-joboffer-contents__inner__recruitment__title__text {
  display: table-cell;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__recruitment__title {
    display: block;
    width: auto;
    padding: 20px 15px 0 15px
  }
}

.page-joboffer-contents__inner__recruitment__contents {
  display: table-cell;
  vertical-align: top;
  padding: 20px 30px 20px;
  word-break: break-all
}

.page-joboffer-contents__inner__recruitment__contents hr {
  display: block;
  width: 100%;
  margin: 20px 0;
  border: none;
  height: 1px;
  background-color: #ddd
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__recruitment__contents {
    display: block;
    padding: 20px 15px
  }
}

.page-joboffer-contents__inner__recruitment__contents .title_content {
  font-weight: 700
}

.page-joboffer-contents__inner__recruitment__agent_contents {
  display: table-cell;
  vertical-align: top;
  word-break: break-all
}

.page-joboffer-contents__inner__recruitment__agent_contents hr {
  display: block;
  width: 100%;
  margin: 20px 0;
  border: none;
  height: 1px;
  background-color: #ddd
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__recruitment__agent_contents {
    display: block
  }
}

.page-joboffer-contents__inner__recruitment__agent_contents .title_content {
  font-weight: 700
}

.page-joboffer-contents__inner__process {
  padding: 20px;
  word-break: break-all
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__process {
    padding: 15px
  }
}

.page-joboffer-contents__inner__link {
  padding: 30px;
  text-align: right
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__inner__link {
    padding: 20px 15px
  }
}

.page-joboffer-contents__inner__guidance p {
  position: relative;
  padding: 0 0 25px 0;
  color: #0d8a19
}

.page-joboffer-contents__inner__guidance p:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #ffa924 url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center 55%;
  background-size: 14px 11px;
  width: 22px;
  height: 22px;
  border-radius: 11px
}

.page-joboffer-contents__inner__guidance span {
  font-weight: 700;
  display: block;
  padding: 0 0 0 28px
}

.page-joboffer-contents__media_list {
  border-bottom: 1px solid #ddd
}

.page-joboffer-contents__media_list__contents .p-tile-list__link--arrow {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/arrow/arrow_tile_list--gray.png);
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: auto 20px;
  display: block;
  padding: 20px 30px 20px 20px
}

.page-joboffer-contents__media_list__contents .media_list_title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__media_list__contents .media_list_title {
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 51.2px;
    white-space: initial
  }
}

.page-joboffer-contents__media_list__contents .media_list_job_category {
  padding-top: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.page-joboffer-contents__media_list__contents .media_list_address {
  padding-top: 5px;
  font-size: 14px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .page-joboffer-contents__media_list__contents .media_list_address {
    max-width: 610px
  }
}

.page-joboffer-contents__media_list__contents .media_list_address img {
  width: 25px
}

.page-joboffer-contents__company-info {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd
}

.page-joboffer-contents__company-info:last-child {
  border-bottom: none
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__company-info {
    display: block
  }
}

.page-joboffer-contents__company-info__title {
  display: table-cell;
  width: 162px;
  padding: 20px 0 20px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #0d8a19
}

.page-joboffer-contents__company-info__title.is-v-center {
  vertical-align: middle
}

.page-joboffer-contents__company-info__title p {
  padding-left: 8px;
  border-left: 3px solid #0d8a19;
  line-height: 1
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__company-info__title {
    display: block;
    width: auto;
    padding: 20px 20px 0 20px
  }
}

.page-joboffer-contents__company-info__contents {
  display: table-cell;
  padding: 20px 20px 20px 0;
  word-break: break-all
}

.page-joboffer-contents__company-info__contents.is-v-center {
  vertical-align: middle
}

.page-joboffer-contents__company-info__contents__company {
  display: table;
  width: 100%
}

.page-joboffer-contents__company-info__contents__company__name {
  display: table-cell;
  vertical-align: middle
}

.page-joboffer-contents__company-info__contents__company__logo {
  display: table-cell;
  vertical-align: middle;
  text-align: right
}

.page-joboffer-contents__company-info__contents__company__logo img {
  max-height: 50px
}

@media screen and (max-width:767px) {
  .page-joboffer-contents__company-info__contents {
    display: block;
    padding: 20px
  }

  .page-joboffer-contents__company-info__contents__company {
    display: block
  }

  .page-joboffer-contents__company-info__contents__company__name {
    display: block
  }

  .page-joboffer-contents__company-info__contents__company__logo {
    display: block;
    margin-top: 10px;
    text-align: center
  }

  .page-joboffer-contents__company-info__contents__company__logo img {
    max-width: 200px;
    max-height: 100%
  }
}

.page-joboffer-contents__company-info__contents a {
  opacity: 1
}

.page-joboffer-contents__company-info__contents a:after {
  content: '';
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-awesome-external-link-alt.svg);
  width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 3px;
  display: inline-block
}

.page-joboffer-contents__company-info__contents a:hover {
  text-decoration: underline
}

.page-joboffer-button {
  margin-top: 45px;
  padding: 25px 0;
  background-color: #fff;
  text-align: center;
  font-size: 0
}

.page-joboffer-button .c-button {
  margin-left: 20px
}

.page-joboffer-button .c-button:first-child {
  margin-left: 0
}

.page-joboffer-button--events-none {
  pointer-events: none
}

@media screen and (max-width:767px) {
  .page-joboffer-button {
    margin-top: 20px;
    padding: 25px 15px
  }

  .page-joboffer-button .c-button {
    margin-left: 4%;
    width: 48%
  }

  .page-joboffer-button .c-button:first-child {
    margin-left: 0
  }
}

.jobinfo-address li.hide {
  display: none
}

.address-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .75px;
  text-align: center;
  color: #0559a8;
  border-bottom: solid 1px #0559a8;
  cursor: pointer;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto
}

.address-more:after {
  content: '';
  display: block;
  width: 13px;
  height: 8px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-arrow.svg);
  margin-left: 10px
}

.address-more.is-open {
  margin-top: 10px
}

.address-more.is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.address-more:hover {
  outline: 0;
  opacity: .7
}

.address-more:focus {
  outline: 0
}

.address-more.hide {
  display: none
}

@media screen and (max-width:767px) {
  .address-more:hover {
    opacity: 1
  }

  .address-more:active {
    outline: 0;
    opacity: .7
  }
}

@media screen and (min-width:768px) {
  .page-kiyaku__content {
    word-break: break-all
  }

  .page-kiyaku__link {
    text-decoration: underline;
    color: #0559a8
  }

  .page-kiyaku__link:hover {
    text-decoration: none
  }

  .page-kiyaku__link:hover {
    cursor: pointer;
    opacity: .7
  }

  .page-kiyaku .kiyaku-list h3 {
    font-size: 1.17em !important;
    font-weight: 700 !important
  }

  .page-kiyaku .kiyaku-list ol.count-list {
    list-style: auto !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list ol.num-list {
    list-style: decimal !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list ul.dot-list {
    list-style: disc !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list .inner-list {
    margin-left: 1.4em
  }

  .page-kiyaku .kiyaku-list .round-bracket li {
    margin-left: 2.5em;
    text-indent: -2.5em
  }

  .page-kiyaku .kiyaku-list .round-bracket>li {
    counter-increment: cnt
  }

  .page-kiyaku .kiyaku-list .round-bracket>li:before {
    content: "（"counter(cnt) "）"
  }

  .page-kiyaku .kiyaku-list a:hover {
    text-decoration: underline;
    opacity: 1
  }
}

@media screen and (max-width:767px) {
  .page-kiyaku__content {
    padding-top: 20px;
    font-size: 12px;
    word-break: break-all
  }

  .page-kiyaku__link {
    text-decoration: underline;
    color: #0559a8
  }

  .page-kiyaku__link:hover {
    text-decoration: none
  }

  .page-kiyaku__link:hover {
    cursor: pointer;
    opacity: .7
  }

  .page-kiyaku .kiyaku-list h3 {
    font-size: 1.17em !important;
    font-weight: 700 !important
  }

  .page-kiyaku .kiyaku-list ol.count-list {
    list-style: auto !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list ol.num-list {
    list-style: decimal !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list ul.dot-list {
    list-style: disc !important;
    margin-left: 2.5em
  }

  .page-kiyaku .kiyaku-list .inner-list {
    margin-left: 1.4em
  }

  .page-kiyaku .kiyaku-list .round-bracket li {
    margin-left: 2.5em;
    text-indent: -2.5em
  }

  .page-kiyaku .kiyaku-list .round-bracket>li {
    counter-increment: cnt
  }

  .page-kiyaku .kiyaku-list .round-bracket>li:before {
    content: "（"counter(cnt) "）"
  }
}

@media screen and (min-width:768px) {
  .jobseeker_table {
    width: 100%;
    margin-top: 5px
  }

  .jobseeker_table td,
  .jobseeker_table th {
    padding: 8px 12px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .jobseeker_table thead th {
    background: #f5f5f5
  }

  .jobseeker_table tbody td:last-child,
  .jobseeker_table tbody th {
    width: 42%
  }
}

@media screen and (max-width:767px) {
  .jobseeker_table {
    width: 100%;
    margin-top: 5px
  }

  .jobseeker_table td,
  .jobseeker_table th {
    padding: 8px 12px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .jobseeker_table thead th {
    background: #f5f5f5
  }

  .jobseeker_table tbody td:last-child,
  .jobseeker_table tbody th {
    width: 42%
  }
}

@media screen and (min-width:768px) {
  .page-faq__content .p-content-box__body--partition__cell--fill {
    padding: 1.8rem 1.45rem 1.8rem 1.45rem;
    background: #fff
  }

  .page-faq__content .faq_head {
    padding: 20px 0 10px;
    font-size: 20px;
    font-weight: 700
  }

  .page-faq__content .faq_head:first-child {
    padding-top: 0
  }

  .page-faq__content .faq_wrap {
    margin-bottom: 18px
  }

  .page-faq__content .faq_wrap:last-child {
    margin-bottom: 0
  }

  .page-faq__content .faq_wrap__inner {
    padding: 20px 26px;
    background: #d7f3dc
  }

  .page-faq__content .faq_wrap__inner__question {
    position: relative;
    padding: 8px 20px 4px 40px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_question--green.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 30px;
    font-weight: 700;
    cursor: pointer
  }

  .page-faq__content .faq_wrap__inner__question:after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #000
  }

  .page-faq__content .faq_wrap__inner__question:not(.active):before {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    background: #000
  }

  .page-faq__content .faq_wrap__inner__answer {
    overflow: hidden
  }

  .page-faq__content .faq_wrap__inner__answer--content {
    padding: 12px 14px;
    margin-top: -1000%;
    background: #fff;
    -webkit-transition: margin-top .25s;
    transition: margin-top .25s
  }

  .page-faq__content .faq_wrap__inner__answer--content.active {
    margin-top: 14px !important
  }

  .page-faq__content .faq_wrap__inner__answer_table {
    width: 100%;
    margin-top: 5px
  }

  .page-faq__content .faq_wrap__inner__answer_table tr {
    font-weight: 400
  }

  .page-faq__content .faq_wrap__inner__answer_table tr th {
    padding: 8px;
    text-align: center;
    background: #f5f5f5;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .page-faq__content .faq_wrap__inner__answer_table tr td {
    width: 17%;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .page-faq__content .faq_wrap__inner__answer_table tr td[rowspan] {
    text-align: left;
    width: 72%
  }

  .page-faq__content .faq_wrap__inner__answer_table tr td:last-child {
    width: 11%
  }

  .page-faq__content .faq_bottom_wrap {
    margin-top: 20px
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item {
    width: 400px;
    margin: 0 auto 20px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item:last-child {
    margin-bottom: 0
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 30px;
    color: #000;
    text-decoration: none
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item--telephone {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_tell--black.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: auto 30px
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item--line {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_line.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: auto 30px
  }
}

@media screen and (max-width:767px) {
  .page-faq__content {
    padding-top: 20px
  }

  .page-faq__content .p-content-box__body--partition__cell--fill {
    padding: 1.8rem 1.45rem 1.8rem 1.45rem;
    background: #fff
  }

  .page-faq__content .faq_head {
    padding: 20px 0 10px;
    font-size: 16px;
    font-weight: 700
  }

  .page-faq__content .faq_wrap {
    margin-bottom: 10px
  }

  .page-faq__content .faq_wrap:last-child {
    margin-bottom: 0
  }

  .page-faq__content .faq_wrap__inner {
    padding: 10px 14px;
    background: #d7f3dc
  }

  .page-faq__content .faq_wrap__inner__question {
    position: relative;
    padding: 6px 20px 2px 40px;
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_question--green.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 30px;
    font-weight: 700;
    cursor: pointer
  }

  .page-faq__content .faq_wrap__inner__question:after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #000
  }

  .page-faq__content .faq_wrap__inner__question:not(.active):before {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    background: #000
  }

  .page-faq__content .faq_wrap__inner__answer {
    overflow: hidden
  }

  .page-faq__content .faq_wrap__inner__answer--content {
    padding: 12px 14px;
    margin-top: -1000%;
    background: #fff;
    -webkit-transition: margin-top .25s;
    transition: margin-top .25s
  }

  .page-faq__content .faq_wrap__inner__answer--content.active {
    margin-top: 10px !important
  }

  .page-faq__content .faq_wrap__inner__answer_table {
    width: 100%;
    margin-top: 5px
  }

  .page-faq__content .faq_wrap__inner__answer_table tr {
    font-weight: 400;
    font-size: 12px
  }

  .page-faq__content .faq_wrap__inner__answer_table tr th {
    padding: 8px;
    text-align: center;
    background: #f5f5f5;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .page-faq__content .faq_wrap__inner__answer_table tr td {
    width: auto;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8d8d8
  }

  .page-faq__content .faq_wrap__inner__answer_table tr td[rowspan] {
    text-align: left;
    width: 59%
  }

  .page-faq__content .faq_bottom_wrap {
    margin-top: 20px
  }

  .page-faq__content .faq_bottom_wrap__inner_list {
    padding: 0 1.45rem
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item:last-child {
    margin-bottom: 0
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 30px;
    color: #000;
    text-decoration: none
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item--telephone {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_tell--black.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: auto 30px
  }

  .page-faq__content .faq_bottom_wrap__inner_list_item--line {
    background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_line.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: auto 30px
  }
}

@media screen and (min-width:768px) {
  .page-sitemap .p-content-box__body--partition__cell {
    width: 100%;
    margin-bottom: 20px
  }

  .page-sitemap .p-content-box__body--partition__cell:last-child {
    margin-bottom: 0
  }

  .page-sitemap__content .p-tile-list__text {
    font-weight: 700;
    color: #000
  }

  .page-sitemap__content .p-tile-list__link--arrow {
    font-weight: 700
  }

  .page-sitemap__content .p-tile-list__link__title {
    text-decoration: none;
    color: #000
  }

  .page-sitemap__content .p-tile-list__link__link-list {
    font-size: 12px
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item {
    width: 280px;
    margin-top: 7px;
    font-size: 13px;
    padding-left: 6px;
    margin-left: 6px;
    vertical-align: middle
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item:after {
    display: none
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item--large {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .page-sitemap__content {
    padding-top: 20px
  }

  .page-sitemap__content .p-tile-list__text {
    font-weight: 700;
    color: #000
  }

  .page-sitemap__content .p-tile-list__link--arrow {
    font-weight: 700
  }

  .page-sitemap__content .p-tile-list__link__title {
    text-decoration: none;
    color: #000
  }

  .page-sitemap__content .p-tile-list__link__link-list {
    font-size: 12px
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item {
    width: 47%;
    vertical-align: middle;
    margin-top: 12px;
    padding-left: 6px;
    margin-left: 6px;
    line-height: 1.3
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item:after {
    display: none
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .page-sitemap__content .p-tile-list__link__link-list--fix-width .p-tile-list__link__link-list--item--large {
    width: 100%
  }

  .page-sitemap__content .p-content-box__body--partition__cell {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
  }

  .page-sitemap__content .p-content-box__body--partition__cell:not(:first-child) {
    padding-top: 0
  }

  .page-sitemap__content .p-tile-list {
    padding-left: 1.45rem;
    padding-right: 1.45rem
  }

  .page-sitemap__content .p-tile-list__link {
    height: auto
  }
}

.page-map .p-content-box__body {
  background: #fff
}

.page-map .office_section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px
}

@media screen and (max-width:767px) {
  .page-map .office_section__content {
    display: block;
    padding: 10px
  }
}

.page-map .office_section__content--map {
  width: 500px;
  height: 380px
}

@media screen and (max-width:767px) {
  .page-map .office_section__content--map {
    width: 100%
  }
}

.page-map .office_section__content--description {
  width: calc(100% - 500px)
}

@media screen and (max-width:767px) {
  .page-map .office_section__content--description {
    width: 100%
  }
}

.page-map .office_section .office_description {
  padding-left: 20px;
  font-size: 12px
}

@media screen and (max-width:767px) {
  .page-map .office_section .office_description {
    padding-left: 0
  }
}

.page-map .office_section .office_description__access_table {
  width: 100%;
  border-top: #ededed solid 1px;
  border-bottom: #ededed solid 1px;
  border-collapse: collapse;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .page-map .office_section .office_description__access_table {
    margin-top: 10px
  }
}

.page-map .office_section .office_description__access_table tr {
  border-bottom: #ededed solid 1px
}

.page-map .office_section .office_description__access_table tr:last-child {
  border-bottom: none
}

.page-map .office_section .office_description__access_table tr th {
  width: 110px;
  padding: 14px 10px;
  vertical-align: middle;
  text-align: left
}

@media screen and (max-width:767px) {
  .page-map .office_section .office_description__access_table tr th {
    display: block;
    width: 100%;
    padding: 8px 10px
  }
}

.page-map .office_section .office_description__access_table tr td {
  padding: 14px 10px
}

@media screen and (max-width:767px) {
  .page-map .office_section .office_description__access_table tr td {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border-top: #ededed solid 1px
  }
}

.page-map .office_section .office_description__link_list {
  margin: 14px 0
}

.page-map .office_section .office_description p {
  line-height: 1.8
}

.ellipse_container {
  overflow: hidden;
  width: 100%
}

.ellipse_container p {
  margin: 0;
  line-height: 1.6;
  font-size: 14px;
  position: relative
}

.ellipse_container.closed p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 67.2px
}

@media all and (-ms-high-contrast:none) {

  .ellipse_container.closed p:after,
  .ellipse_container.closed p:before {
    background: #fff;
    position: absolute
  }

  .ellipse_container.closed p:before {
    content: "･･･";
    top: 44.8px;
    right: 0
  }

  .ellipse_container.closed p:after {
    content: "";
    height: 100%;
    width: 100%
  }
}

@-moz-document url-prefix() {

  .ellipse_container.closed p:after,
  .ellipse_container.closed p:before {
    background: #fff;
    position: absolute
  }

  .ellipse_container.closed p:before {
    content: "･･･";
    top: 44.8px;
    right: 0
  }

  .ellipse_container.closed p:after {
    content: "";
    height: 100%;
    width: 100%
  }
}

@media screen and (min-width:768px) {
  .hidden-pc {
    display: none
  }
}

@media screen and (max-width:767px) {
  .hidden-sp {
    display: none
  }
}

.over-frame__white {
  width: 100%;
  background: #fff
}

.bg-green {
  background: #0d8a19 !important
}

.bg-white {
  background: #fff !important
}

.choose_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .choose_btn_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.choose_btn_list--item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  width: 300px;
  height: 50px;
  margin: 0 10px 0 0;
  font-weight: 700;
  font-size: 16px;
  color: #0d8a19;
  background: #fff;
  border: 1px solid #0d8a19;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  text-decoration: none;
  line-height: 1
}

@media screen and (max-width:767px) {
  .choose_btn_list--item {
    margin: 0 0 10px 0
  }
}

.choose_btn_list--item:last-child {
  margin: 0
}

.static_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .static_btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.static_btns>* {
  margin: 0 10px
}

@media screen and (max-width:767px) {
  .static_btns>* {
    margin: 0
  }

  .static_btns>:not(:first-child) {
    margin-top: 10px
  }
}

@media screen and (max-width:767px) {
  .page--single__inner {
    padding-bottom: 20px
  }
}

.static_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 20px 0
}

@media screen and (max-width:767px) {
  .static_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px
  }
}

.static_main__image {
  width: 60%;
  height: 410px
}

@media screen and (max-width:767px) {
  .static_main__image {
    width: 100%;
    height: auto;
    margin-bottom: 20px
  }
}

.static_main__image--alone {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center
}

.static_main__description {
  width: 36%;
  text-align: center
}

@media screen and (max-width:767px) {
  .static_main__description {
    width: 100%
  }
}

.static_main__description .main-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  height: 35px
}

@media screen and (max-width:767px) {
  .static_main__description .main-txt {
    font-size: 16px
  }
}

.static_main__description .main-txt span {
  color: #0d8a19;
  font-size: 36px;
  font-style: italic;
  padding: 0 4px
}

@media screen and (max-width:767px) {
  .static_main__description .main-txt span {
    font-size: 24px
  }
}

.static_main__description .guidance-txt {
  display: block;
  font-size: 60%;
  color: #000;
  font-weight: 400;
  height: 30px
}

@media screen and (max-width:767px) {
  .static_main__description .guidance-txt {
    font-size: 9px
  }
}

.static_main__description h2 {
  margin-bottom: 15px
}

.static_main__description h2 .main-logo {
  width: 340px;
  height: auto;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .static_main__description h2 .main-logo {
    display: block;
    margin: 0 auto 10px
  }
}

.static_main__description h2 .main-logo-notes {
  font-weight: 700;
  font-size: 14px
}

.static_main__description .main-notes {
  margin-top: 10px;
  font-size: 10px;
  text-align: left;
  word-break: break-all
}

.static-section {
  background: #fff;
  margin-top: 20px;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .static-section {
    margin-top: 10px
  }
}

.static-section__inner {
  padding: 40px
}

@media screen and (max-width:767px) {
  .static-section__inner {
    padding: 20px 10px
  }
}

.static-section__inner--mini {
  position: relative;
  width: 60%;
  margin: 0 auto;
  padding: 40px
}

@media screen and (max-width:767px) {
  .static-section__inner--mini {
    width: 100%;
    padding: 20px 10px
  }
}

@media screen and (min-width:768px) {
  .static-section__inner--mini:after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-80%, -50%);
    transform: translate(-80%, -50%)
  }
}

@media screen and (min-width:768px) {
  .static-section__inner--mini.agent:after {
    content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/agent/img_agent_catch01.png)
  }
}

@media screen and (min-width:768px) {
  .static-section__inner--mini.training:after {
    content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/training/img_training_catch01.png)
  }
}

@media screen and (min-width:768px) {
  .static-section__inner--mini.scout:after {
    content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/scout/img_scout_catch01.png)
  }
}

@media screen and (min-width:768px) {
  .static-section__inner--mini.guide:after {
    content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/guide/img_guide_catch01.png)
  }
}

.static-section__inner .note {
  font-size: 14px
}

.static-section__inner .job-guide span {
  display: block;
  margin-top: 1em
}

.static-section__inner .tell-guide p {
  margin-bottom: 15px;
  font-weight: 700
}

.static-section__inner .tell-guide span {
  color: #c00
}

.static-section .static-head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 90px;
  text-align: center;
  background: #0d8a19;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap {
    min-height: 60px;
    height: auto;
    padding: 10px 0
  }
}

.static-section .static-head-wrap h3 {
  position: relative;
  display: inline;
  color: #fff;
  font-size: 22px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap h3 {
    font-size: 16px;
    max-width: 70%
  }
}

.static-section .static-head-wrap h3:before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, -30%);
  transform: translate(-100%, -30%);
  content: '';
  width: 120px;
  height: 90px
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap h3:before {
    top: 50%;
    -webkit-transform: translate(-70%, -40%);
    transform: translate(-70%, -40%);
    width: 100px;
    height: 60px
  }
}

@media screen and (min-width:768px) {

  .static-section .static-head-wrap h3.no-content:after,
  .static-section .static-head-wrap h3.no-content:before {
    content: none !important
  }
}

.static-section .static-head-wrap.training h3:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/training/img_training_catch02.png) no-repeat
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap.training h3:before {
    background-size: contain
  }
}

.static-section .static-head-wrap.scout h3:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/scout/img_scout_catch02.png) no-repeat
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap.scout h3:before {
    background-size: contain
  }
}

.static-section .static-head-wrap.guide h3:before {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/guide/img_guide_catch02.png) no-repeat
}

@media screen and (max-width:767px) {
  .static-section .static-head-wrap.guide h3:before {
    background-size: contain
  }
}

.static-section h4 {
  padding: 20px 0 60px;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section h4 {
    padding: 10px 0 20px;
    font-size: 18px
  }
}

.static-section h4:not(:first-of-type) {
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .static-section h4:not(:first-of-type) {
    margin-top: 20px
  }
}

.static-section.conditions h4 {
  padding: 0 0 10px;
  text-align: left
}

@media screen and (min-width:768px) {
  .static-section.conditions h4 {
    font-size: 20px
  }
}

.static-section .txt--strong {
  margin: 10px 0;
  text-align: center;
  font-weight: 700;
  font-size: 22px
}

@media screen and (max-width:767px) {
  .static-section .txt--strong {
    font-size: 16px
  }
}

.static-section .txt--notes {
  text-align: center
}

.static-section span.cl-green {
  color: #0d8a19
}

.static-section span.cl-red {
  color: #c65300
}

.static-section .static-head-txt {
  text-align: center;
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .static-section .static-head-txt {
    font-size: 16px
  }
}

.static-section .static-head-logo {
  text-align: center;
  margin-bottom: 20px
}

@media screen and (max-width:767px) {
  .static-section .static-head-logo {
    max-width: 60%;
    margin: 0 auto
  }
}

.static-section .static-head-logo--notes {
  font-size: 22px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .static-head-logo--notes {
    font-size: 16px
  }
}

.static-section .static-head-logo img {
  height: 50px
}

@media screen and (max-width:767px) {
  .static-section .static-head-logo img {
    height: 30px
  }
}

.static-section h4.static-head-logo {
  margin-bottom: 0
}

.static-section .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.static-section .flex-wrap:not(:last-child) {
  margin-bottom: 20px
}

.static-section .flex-wrap.flex-2col .flex-2col--item {
  width: 48%;
  font-size: 17px
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-2col .flex-2col--item {
    width: 100%;
    font-size: 14px
  }
}

@media screen and (min-width:768px) {
  .static-section .flex-wrap.flex-2col .flex-2col--item--top {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
  }

  .static-section .flex-wrap.flex-2col .flex-2col--item:nth-child(n+3) {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-2col .flex-2col--item:nth-child(n+2) {
    margin-top: 10px
  }
}

.static-section .flex-wrap.flex-2col .flex-2col--item img {
  display: block;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-3col {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-3col.sp-no-nowrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .static-section .flex-wrap.flex-3col.sp-no-nowrap .flex-3col--item {
    width: 100%
  }

  .static-section .flex-wrap.flex-3col.sp-no-nowrap .flex-3col--item:not(:last-child) {
    margin: 0 0 10px
  }
}

.static-section .flex-wrap.flex-3col .flex-3col--item {
  width: 32%
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-3col .flex-3col--item {
    min-width: 250px
  }

  .static-section .flex-wrap.flex-3col .flex-3col--item:not(:last-child) {
    margin-right: 20px
  }
}

@media screen and (min-width:768px) {
  .static-section .flex-wrap.flex-3col .flex-3col--item:nth-child(n+4) {
    margin-top: 10px
  }
}

@media screen and (min-width:768px) {
  .static-section .flex-wrap.flex-3col:after {
    content: "";
    display: block;
    width: 32%
  }
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-4col {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.static-section .flex-wrap.flex-4col .flex-4col--item {
  width: 23.5%
}

@media screen and (max-width:767px) {
  .static-section .flex-wrap.flex-4col .flex-4col--item {
    min-width: 250px
  }

  .static-section .flex-wrap.flex-4col .flex-4col--item:not(:last-child) {
    margin-right: 20px
  }
}

@media screen and (min-width:768px) {
  .static-section .flex-wrap.flex-4col .flex-4col--item:nth-child(n+5) {
    margin-top: 10px
  }
}

@media screen and (min-width:768px) {
  .static-section .flex-wrap.flex-4col:before {
    content: "";
    display: block;
    width: 23.5%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .static-section .flex-wrap.flex-4col:after {
    content: "";
    display: block;
    width: 23.5%
  }
}

@media screen and (max-width:767px) {
  .static-section .check-list-wrap {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .static-section .checklist {
    display: inline-block;
    text-align: left
  }
}

.static-section .checklist--item {
  position: relative;
  padding-left: 36px;
  font-size: 20px;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .static-section .checklist--item {
    width: auto !important;
    margin-top: 6px !important
  }
}

.static-section .checklist--item:nth-child(n+3) {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .static-section .checklist--item:nth-child(n+3) {
    margin-top: 6px !important
  }
}

.static-section .checklist--item:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #0d8a19;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 9999px
}

.static-section .brand-block-list--item {
  padding: 20px;
  border: 1px solid #efefef
}

@media screen and (max-width:767px) {
  .static-section .brand-block-list--item {
    padding: 10px
  }
}

.static-section .brand-block-list--item_title {
  border: none
}

.static-section .brand-block-list--item_title h4 {
  padding: 40px 0
}

@media screen and (max-width:767px) {
  .static-section .brand-block-list--item_title h4 {
    padding: 20px 0
  }
}

.static-section .brand-block-list--item_logo {
  display: block;
  max-width: 100%;
  height: 50px;
  margin: 0 auto 10px;
  font-size: 34px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .brand-block-list--item_logo {
    max-width: none;
    height: 30px;
    margin-bottom: 6px;
    font-size: 22px
  }
}

.static-section .brand-block-list--item_logo-notes {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
  font-weight: 700
}

@media screen and (max-width:767px) {
  .static-section .brand-block-list--item_logo-notes {
    margin-bottom: 10px;
    font-size: 16px
  }
}

.static-section .brand-block-list--item_head-txt {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .brand-block-list--item_head-txt {
    font-size: 18px;
    margin-bottom: 20px
  }
}

.static-section .faq-list--item {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .static-section .faq-list--item {
    margin-top: 10px
  }
}

.static-section .faq-list--item:first-child {
  margin-top: 0
}

.static-section .faq-list--item .faq-question {
  position: relative;
  padding: 10px;
  background: #d7f3dc;
  cursor: pointer
}

.static-section .faq-list--item .faq-question:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: '';
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: translateY(-70%) rotate(-45deg);
  transform: translateY(-70%) rotate(-45deg)
}

.static-section .faq-list--item .faq-question.active:after {
  -webkit-transform: translateY(-30%) rotate(135deg);
  transform: translateY(-30%) rotate(135deg)
}

.static-section .faq-list--item .faq-question--txt:before {
  content: 'Q';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: #fff;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 700;
  color: #0d8a19
}

.static-section .faq-list--item .faq-answer {
  overflow: hidden
}

.static-section .faq-list--item .faq-answer--inner-wrap {
  margin-top: -100%;
  padding: 10px;
  -webkit-transition: margin-top .3s;
  transition: margin-top .3s;
  background: #efefef
}

.static-section .faq-list--item .faq-answer--inner-wrap.active {
  margin-top: 0 !important
}

.static-section .faq-list--item .faq-answer--txt-head:before {
  content: 'A';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: #fff;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 700;
  color: #c65300
}

.static-section .detail-list.bd-list .detail-list--item {
  padding: 10px;
  border: 1px solid #efefef
}

.static-section .detail-list .detail-list--item_head-txt {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px
}

.static-section .detail-list .detail-list--item_img {
  display: block;
  margin: 0 auto 10px
}

.static-section .detail-list .detail-list--item_gray-box {
  padding: 8px;
  background: #efefef;
  text-align: left
}

.static-section .detail-list .detail-list--item_normal-txt {
  font-size: 14px;
  color: #000
}

.static-section .detail-list .detail-list--item_bold-txt {
  font-weight: 700
}

.static-section .detail-list .detail-list--item_logo {
  height: 28px;
  margin-bottom: 20px;
  width: 100%
}

.static-section .detail-list .detail-list--item_logo-notes {
  font-weight: 700;
  margin-bottom: 20px
}

.static-section .detail-list.lineup-list .detail-list--item {
  text-align: center
}

.static-section .step-table--item_number {
  min-height: 50px;
  max-height: 50px
}

.static-section .step-table--item_number p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  line-height: 1.2;
  font-size: 10px;
  color: #fff;
  background: #0d8a19;
  border-radius: 9999px
}

.static-section .step-table--item_number p span {
  font-size: 22px;
  font-weight: 700
}

.static-section .step-table--item_description {
  padding-left: 20px
}

.static-section .step-table--item_img {
  display: block;
  margin: 0 auto
}

.static-section .step-table--item_arrow {
  position: relative;
  height: 50px
}

@media screen and (max-width:767px) {
  .static-section .step-table--item_arrow {
    height: 80px
  }
}

.static-section .step-table--item_arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-bottom: 3px solid #0d8a19;
  border-right: 3px solid #0d8a19;
  -webkit-transform: translate(-50%, -80%) rotate(45deg);
  transform: translate(-50%, -80%) rotate(45deg)
}

.static-section .point-list {
  border: solid 1px #ccc
}

.static-section .point-list--item {
  padding: 40px 40px 60px
}

@media screen and (max-width:767px) {
  .static-section .point-list--item {
    padding: 30px 20px
  }
}

.static-section .point-list--item:nth-child(2) {
  background-color: #e8f7eb
}

.static-section .point-list--item:nth-child(3) .u-bold {
  margin: 1em 0
}

.static-section .point-list--item:nth-child(4) {
  background-color: #efefef;
  text-align: center
}

.static-section .point-list--item:nth-child(4) h4 {
  padding: 10px 0 30px
}

@media screen and (max-width:767px) {
  .static-section .point-list--item:nth-child(4) h4 {
    padding: 5px 0 15px
  }
}

.static-section .point-list--item:nth-child(4) h4+p {
  text-align: center;
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .static-section .point-list--item:nth-child(4) h4+p {
    text-align: left;
    margin-bottom: 20px
  }
}

.static-section .point-list--item:not(:last-of-type) {
  border-bottom: solid 1px #ccc
}

.static-section .point-list--item_number {
  background: #0d8a19;
  width: 160px;
  height: 36px;
  margin: auto;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .point-list--item_number {
    width: 100px;
    height: 25px;
    font-size: 12px;
    line-height: 25px
  }
}

.static-section .point-list--item_gray-box {
  background-color: #efefef;
  padding: 40px;
  margin-bottom: 20px;
  margin-top: 60px
}

@media screen and (max-width:767px) {
  .static-section .point-list--item_gray-box {
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 30px
  }
}

@media screen and (max-width:767px) {
  .static-section .point-list--item_gray-box .point-icon-txt {
    font-size: 16px
  }
}

.static-section .point-list--item_deco {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  position: relative
}

@media screen and (max-width:767px) {
  .static-section .point-list--item_deco {
    font-size: 15px
  }
}

.static-section .point-list--item_deco::after,
.static-section .point-list--item_deco::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.static-section .point-list--item_deco::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(48%, transparent), color-stop(48%, #555), color-stop(52%, #555), color-stop(52%, transparent));
  background-image: linear-gradient(to right top, transparent 48%, #555 48%, #555 52%, transparent 52%);
  left: -20px
}

.static-section .point-list--item_deco::after {
  background-image: -webkit-gradient(linear, right bottom, left top, color-stop(48%, transparent), color-stop(48%, #555), color-stop(52%, #555), color-stop(52%, transparent));
  background-image: linear-gradient(to left top, transparent 48%, #555 48%, #555 52%, transparent 52%);
  right: -20px
}

@media screen and (max-width:767px) {
  .static-section .point-list--item_movie {
    width: 100%;
    margin: auto;
    padding-top: 56.25%;
    position: relative
  }

  .static-section .point-list--item_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.static-section .point-icon-txt {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .static-section .point-icon-txt {
    font-size: 14px;
    padding-left: 24px
  }
}

.static-section .point-icon-txt::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/static/agent/check_box.svg) no-repeat center/contain;
  position: absolute;
  top: 3px;
  margin: auto;
  left: 0
}

@media screen and (max-width:767px) {
  .static-section .point-icon-txt::before {
    width: 18px;
    height: 15px
  }
}

.static-section .point-white-box {
  margin-top: 40px;
  background-color: #fff;
  padding: 20px 30px 10px
}

@media screen and (max-width:767px) {
  .static-section .point-white-box {
    margin-top: 30px;
    padding: 15px 15px 5px
  }
}

.static-section .point-table {
  border-top: solid 1px #0d8a19;
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .static-section .point-table {
    margin-top: 30px
  }
}

.static-section .point-table--item {
  border-bottom: solid 1px #0d8a19;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .static-section .point-table--item {
    padding: 15px 0
  }
}

.static-section .point-table--item_th {
  background: #0d8a19;
  width: 90px;
  height: 28px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #fff
}

@media screen and (max-width:767px) {
  .static-section .point-table--item_th {
    width: 80px;
    height: 20px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 20px
  }
}

.static-section .point-table--item_td {
  font-size: 15px;
  color: #000;
  padding-left: 20px;
  width: calc(100% - 90px)
}

@media screen and (max-width:767px) {
  .static-section .point-table--item_td {
    font-size: 14px;
    padding-left: 12px;
    width: calc(100% - 80px)
  }
}

.static-section .point-table--item_td span {
  display: block;
  font-size: 12px
}

.static-section .step-list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #ccc;
  border-radius: 10px
}

.static-section .step-list--item:not(:last-of-type) {
  margin-bottom: 40px;
  position: relative
}

.static-section .step-list--item:not(:last-of-type)::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 19px 0 19px;
  border-color: #0d8a19 transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto
}

@media screen and (max-width:767px) {
  .static-section .step-list--item {
    display: block
  }
}

.static-section .step-list--item_head {
  width: 182px;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background: #0d8a19;
  border-radius: 9px 0 0 9px
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_head {
    width: 100%;
    background: #fff;
    border-radius: 9px 9px 0 0;
    padding: 20px 0 10px
  }
}

.static-section .step-list--item_head-number {
  background: #fff;
  width: 120px;
  height: 28px;
  border-radius: 14px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #0d8a19
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_head-number {
    width: 100px;
    height: 21px;
    background: #0d8a19;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 21px;
    color: #fff
  }
}

.static-section .step-list--item_head-title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_head-title {
    color: #000
  }
}

.static-section .step-list--item_content {
  width: 698px;
  padding: 20px 30px
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_content {
    width: 100%;
    padding: 0 20px 20px
  }
}

.static-section .step-list--item_content .page-top-contents__button {
  padding-top: 20px;
  text-align: left
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_content .page-top-contents__button {
    text-align: center
  }
}

.static-section .step-list--item_question {
  background-color: #efefef;
  border-radius: 10px;
  padding: 30px;
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_question {
    padding: 20px
  }
}

.static-section .step-list--item_question-title {
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .static-section .step-list--item_question-title {
    margin-bottom: 15px
  }
}

.static-section .step-list--item_question-title::before {
  content: '？';
  color: #fff;
  font-weight: 700;
  text-align: center;
  width: 24px;
  height: 24px;
  background: #0d8a19;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.static-section .step-list--item_question-note {
  font-size: 14px;
  margin-top: 15px
}

.static-section .detail-table--item_th {
  white-space: nowrap
}

.static-section .detail-table--item_td {
  word-break: break-all
}

.static-section .brand-list.bd-list .detail-list--item {
  border-color: #ccc
}

.static-section .brand-list--head {
  padding: 30px 0;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:767px) {
  .static-section .brand-list--head {
    font-size: 18px
  }
}

.static-section .brand-list .detail-list--item {
  position: relative
}

.static-section .brand-list .detail-list--item.flex-2col--item {
  width: 49%
}

@media screen and (max-width:767px) {
  .static-section .brand-list .detail-list--item.flex-2col--item {
    width: 100%
  }
}

.static-section .brand-list .detail-list--item_logo-brand {
  max-height: 26px
}

.static-section .brand-list .detail-list--item:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #aaa;
  border-right: 2px solid #aaa;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg)
}

.static-section .past-user-list--item {
  margin-bottom: 40px
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item {
    margin-bottom: 20px
  }
}

.static-section .past-user-list--item:last-child {
  margin-bottom: 0
}

.static-section .past-user-list--item_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  padding: 10px;
  background: #d7f3dc
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item_user {
    height: 50px
  }
}

.static-section .past-user-list--item_user-img {
  width: 100%;
  height: auto;
  max-width: 60px;
  max-height: 60px;
  margin-right: 15px
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item_user-img {
    max-width: 40px;
    max-height: 40px;
    margin-right: 10px
  }
}

.static-section .past-user-list--item_user-name {
  font-size: 16px;
  line-height: 1
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item_user-name {
    font-size: 14px
  }
}

.static-section .past-user-list--item_data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ccc
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item_data-list {
    display: block
  }
}

.static-section .past-user-list--item_data-list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%
}

@media screen and (max-width:767px) {
  .static-section .past-user-list--item_data-list--item {
    width: 100%;
    border-bottom: 1px solid #ccc
  }

  .static-section .past-user-list--item_data-list--item:last-child {
    border-bottom: none
  }
}

.static-section .past-user-list--item_data-list--item span {
  padding: 6px 10px
}

.static-section .past-user-list--item_data-list--item span:first-child {
  min-width: 40%;
  max-width: 40%;
  background: #494949;
  color: #fff
}

.static-section .past-user-list--item_data-list--item span:last-child {
  min-width: 60%;
  max-width: 60%
}

.static-section .past-user-list--item_txt {
  padding: 10px 10px 0;
  margin-bottom: 20px
}

.static-section .past-user-list--item_accordion-btn {
  text-align: center
}

.static-section .past-user-list--item .ellipse_btn.closed .ellipse_close {
  display: none
}

.static-section .past-user-list--item .ellipse_btn.opened .ellipse_open {
  display: none
}

.static-section .static-contents__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.static-section .static-contents__button>:not(:first-child) {
  margin-top: 10px
}

.static-section.search-section .search-section-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 45px;
  padding: 8px 15px;
  background: #0d8a19;
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.static-section.search-section .search-inner:not(:last-child) {
  padding-bottom: 0
}

.static-section.search-section .search-inner .search-heading {
  padding: 0;
  text-align: left;
  font-size: 18px
}

@media screen and (max-width:767px) {
  .static-section.search-section .search-inner .search-heading {
    font-size: 16px
  }
}

.static-section.search-section .p-tile-list__link {
  height: auto
}

.employer_totop_button {
  position: fixed;
  bottom: 100px;
  right: 50px;
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #0d8a19;
  border-radius: 9999px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
  z-index: 998
}

@media screen and (max-width:767px) {
  .employer_totop_button {
    bottom: 90px;
    right: 10px;
    width: 36px;
    height: 36px
  }
}

.employer_totop_button:after {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: '';
  display: block;
  width: 35%;
  height: 35%;
  border-top: 2px solid #0d8a19;
  border-right: 2px solid #0d8a19
}

.employer_head_tel_icon {
  width: 20px;
  margin-top: -5px
}

@media screen and (min-width:768px) {
  .employerPage {
    padding: 0
  }
}

@media screen and (min-width:768px) {
  .employerPage .u-wid--500--pc {
    width: 500px
  }
}

@media screen and (min-width:768px) {
  .employerPage .u-wid--600--pc {
    width: 600px
  }
}

@media screen and (min-width:768px) {
  .employerPage .tac-pc {
    text-align: center
  }
}

.employerPage .head-type_01 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px
}

@media screen and (min-width:768px) {
  .employerPage .head-type_01 {
    margin-bottom: 30px;
    text-align: center
  }
}

.employerPage .head-type_02 {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 700
}

.employerPage .head-type_02:before {
  width: 4px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate(0, -.08em);
  transform: translate(0, -.08em);
  display: block;
  content: "";
  background: #000
}

.employerPage .head-type_03 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px
}

@media screen and (min-width:768px) {
  .employerPage .head-type_03 {
    margin-bottom: 20px
  }
}

.employerPage .employer-page-title {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  border-top: 1px solid #ddd
}

.employerPage .employer-page-title h1 {
  line-height: 50px;
  max-width: 960px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto
}

@media screen and (min-width:768px) {
  .employerPage .employer-page-title h1 {
    font-size: 20px;
    text-align: left
  }
}

.employerPage .static-section {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  .employerPage .static-section:first-child {
    margin-top: 20px
  }
}

.employerPage .static-section .static-head-wrap h2 {
  position: relative;
  display: inline;
  color: #fff;
  font-weight: 700;
  font-size: 18px
}

@media screen and (min-width:768px) {
  .employerPage .static-section .static-head-wrap h2 {
    font-size: 22px
  }
}

.employerPage .static-section .static-section__inner {
  padding: 30px 10px
}

@media screen and (min-width:768px) {
  .employerPage .static-section .static-section__inner {
    padding: 60px 40px 40px
  }
}

@media screen and (min-width:768px) {
  .employerPage .static-section .static-section__inner.massage-trial-wrapper {
    padding: 30px 70px
  }
}

.employerPage .employer_head_logo {
  text-align: center
}

.employerPage .employer_head_logo img {
  max-height: 34px
}

.employerPage .triangle--green {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 18px 25px 0 25px;
  border-color: #0d8a19 transparent transparent transparent
}

@media screen and (min-width:768px) {
  .employerPage .triangle--green {
    margin: 20px auto;
    border-width: 40px 60px 0 60px
  }
}

.employerPage .page--single__inner {
  padding-bottom: 40px
}

.employerPage .employer_main_wrap {
  position: relative;
  height: 250px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/top/main.png) no-repeat bottom;
  background-size: cover
}

@media screen and (min-width:768px) {
  .employerPage .employer_main_wrap {
    height: 400px;
    background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/top/main_pc.png) no-repeat
  }
}

.employerPage .employer_main_txt {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding: 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_main_txt {
    top: 20px;
    right: 50%;
    -webkit-transform: none;
    transform: none;
    width: 500px;
    font-size: 22px
  }
}

.employerPage .employer_main_txt h2 {
  width: 100%;
  padding: 10px 0;
  background: #0d8a19;
  color: #fff;
  font-weight: 700;
  font-size: 16px
}

@media screen and (min-width:768px) {
  .employerPage .employer_main_txt h2 {
    font-size: 22px
  }
}

.employerPage .employer_main_txt p {
  margin-top: 10px;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .employerPage .employer_main_txt p {
    margin-top: 30px
  }
}

.employerPage .employer_main_logo {
  position: absolute;
  bottom: 90px;
  left: calc(50% + 260px);
  width: 200px
}

.employerPage .employer_media_main_wrap {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/media/main.jpg) no-repeat center;
  background-size: cover;
  padding: 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap {
    padding: 30px
  }
}

.employerPage .employer_media_main_wrap .employer_media_main_content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 10px 30px;
  background: rgba(255, 255, 255, .7)
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap .employer_media_main_content {
    max-width: 960px;
    padding: 60px 20px 20px
  }
}

.employerPage .employer_media_main_wrap .employer_media_main_content .tag {
  position: absolute;
  top: 15px;
  left: -5px;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px;
  background: #0d8a19;
  color: #fff
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap .employer_media_main_content .tag {
    top: 8px;
    padding: 6px 40px 6px 10px
  }
}

.employerPage .employer_media_main_wrap .employer_media_main_content .tag:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #187e29 transparent transparent
}

.employerPage .employer_media_main_wrap .employer_media_main_content .txt {
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap .employer_media_main_content .txt {
    margin-bottom: 6px;
    font-size: 18px;
    text-align: left
  }
}

.employerPage .employer_media_main_wrap .employer_media_main_content .logo {
  max-height: 20px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap .employer_media_main_content .logo {
    max-height: 30px;
    text-align: right
  }
}

.employerPage .employer_media_main_wrap .employer_media_main_content .logo img {
  max-height: 20px;
  display: inline-block
}

@media screen and (min-width:768px) {
  .employerPage .employer_media_main_wrap .employer_media_main_content .logo img {
    max-height: 30px
  }
}

.employerPage .employer_agent_main_wrap {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/agent/main.jpg) no-repeat center;
  background-size: cover;
  padding: 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap {
    padding: 30px
  }
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 10px 30px;
  background: rgba(255, 255, 255, .7)
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap .employer_agent_main_content {
    max-width: 960px;
    padding: 60px 20px 20px
  }
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content .tag {
  position: absolute;
  top: 15px;
  left: -5px;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px;
  background: #0d8a19;
  color: #fff
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap .employer_agent_main_content .tag {
    top: 8px;
    padding: 6px 40px 6px 10px
  }
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content .tag:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #187e29 transparent transparent
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content .txt {
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap .employer_agent_main_content .txt {
    margin-bottom: 6px;
    font-size: 18px;
    text-align: left
  }
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content .logo {
  max-height: 20px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap .employer_agent_main_content .logo {
    max-height: 30px;
    text-align: right
  }
}

.employerPage .employer_agent_main_wrap .employer_agent_main_content .logo img {
  max-height: 20px;
  display: inline-block
}

@media screen and (min-width:768px) {
  .employerPage .employer_agent_main_wrap .employer_agent_main_content .logo img {
    max-height: 30px
  }
}

.employerPage .employer_consult_main_wrap {
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/consult/main.jpg) no-repeat center;
  background-size: cover;
  padding: 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap {
    padding: 30px
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 10px 30px;
  background: rgba(255, 255, 255, .7)
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content {
    max-width: 960px;
    padding: 60px 20px 20px
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .tag {
  position: absolute;
  top: 15px;
  left: -5px;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px;
  background: #0d8a19;
  color: #fff
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content .tag {
    top: 8px;
    padding: 6px 40px 6px 10px
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .tag:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #187e29 transparent transparent
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .txt {
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content .txt {
    margin-bottom: 6px;
    font-size: 18px;
    text-align: left
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .logo {
  max-height: 18px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content .logo {
    max-height: 30px;
    text-align: right
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .logo img {
  max-height: 18px;
  display: inline-block
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content .logo img {
    max-height: 30px
  }
}

.employerPage .employer_consult_main_wrap .employer_consult_main_content .logo p {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle
}

@media screen and (min-width:768px) {
  .employerPage .employer_consult_main_wrap .employer_consult_main_content .logo p {
    font-size: 16px
  }
}

.employerPage .employer_inner_wrap {
  padding: 20px 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_main_sub-txt {
    padding: 30px 0;
    text-align: center;
    font-weight: 700;
    line-height: 2
  }
}

.employerPage .cl-green {
  color: #0d8a19
}

.employerPage h3.employer_normal_h3 {
  position: relative;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .circle_point_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.employerPage .circle_point_list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 230px;
  height: 230px;
  border: 2px solid #0d8a19;
  border-radius: 50%;
  margin: 20px auto;
  text-align: center;
  color: #fff;
  font-weight: 700;
  background: #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .circle_point_list--item {
    margin: 20px auto
  }
}

@media screen and (max-width:767px) {
  .employerPage .circle_point_list--item:last-of-type {
    margin-bottom: 0
  }
}

.employerPage .employer_logo_list {
  background: #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -25px -5px;
  padding: 20px 0 0
}

@media screen and (min-width:768px) {
  .employerPage .employer_logo_list {
    margin: 0 0 10px -5px;
    background: #fff
  }
}

.employerPage .employer_logo_list--item {
  width: 110px;
  height: 60px;
  margin: 0 0 5px 5px;
  background: #fff;
  border: 1px solid #ddd
}

@media screen and (min-width:768px) {
  .employerPage .employer_logo_list--item {
    width: 180px;
    height: 90px
  }
}

.employerPage .image_scroll_area {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 6px 0 10px
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area {
    overflow: visible
  }
}

.employerPage .image_scroll_area .image_scroll_content a {
  display: block
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content a:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
  }
}

.employerPage .image_scroll_area .image_scroll_content .service_image_01_wrap {
  position: relative;
  width: 900px
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content .service_image_01_wrap {
    width: auto
  }
}

.employerPage .image_scroll_area .image_scroll_content .service_image_01_wrap .service_image_ab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 570px
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content .service_image_01_wrap .service_image_ab {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 49%;
    width: 520px
  }
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content .service_image_01_wrap .service_image_ab>a {
    width: 48.4%
  }
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap {
  position: relative;
  width: 700px
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap {
    width: auto
  }
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_01 {
  position: absolute;
  top: 44%;
  left: 0;
  display: block;
  width: 39.4%;
  height: 14%
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_01:hover {
  background: rgba(255, 255, 255, .4)
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_02 {
  position: absolute;
  top: 65%;
  left: 9%;
  display: block;
  width: 30.6%;
  height: 14%
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_02:hover {
  background: rgba(255, 255, 255, .4)
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_03 {
  position: absolute;
  top: 65%;
  left: 40.4%;
  display: block;
  width: 39.4%;
  height: 14%
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_03:hover {
  background: rgba(255, 255, 255, .4)
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_04 {
  position: absolute;
  top: 65%;
  right: 0;
  display: block;
  width: 19.4%;
  height: 14%
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_04:hover {
  background: rgba(255, 255, 255, .4)
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_05 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 14%
}

.employerPage .image_scroll_area .image_scroll_content .service_image_02_wrap .service_image_02_link_05:hover {
  background: rgba(255, 255, 255, .4)
}

.employerPage .image_scroll_area .image_scroll_content .project_image_02_wrap {
  width: 600px
}

@media screen and (min-width:768px) {
  .employerPage .image_scroll_area .image_scroll_content .project_image_02_wrap {
    width: auto
  }
}

@media screen and (max-width:767px) {
  .employerPage .static-head-wrap h3 {
    max-width: 100%
  }
}

.employerPage .static-section .flex-wrap.flex-3col .flex-3col--item {
  background: #fff
}

.employerPage .employer_gray_box {
  padding: 20px;
  background: #e8e8e8
}

@media screen and (min-width:768px) {
  .employerPage .employer_gray_box {
    margin: 0 40px
  }
}

.employerPage .employer_shukatsu {
  margin-top: 40px;
  text-align: center
}

.employerPage .employer_contact {
  margin: 10px;
  padding: 0 20px 15px;
  border: 4px solid #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact {
    margin: 20px 40px;
    padding: 15px 30px 20px
  }
}

.employerPage .employer_contact__title {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #0d8a19;
  font-size: 19px;
  font-weight: 700;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__title {
    margin-top: 10px;
    margin-bottom: 20px
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__tel-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__tel-wrap__item2 {
    width: 32%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 20px
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__tel-wrap__item3 {
    width: 32%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 20px
  }
}

@media screen and (max-width:767px) {
  .employerPage .employer_contact__tel-wrap__item3 {
    margin-bottom: 20px
  }
}

.employerPage .employer_contact__tel {
  position: relative;
  margin-top: 20px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__tel {
    margin-top: 0
  }
}

.employerPage .employer_contact__tel:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-140px, -50%);
  transform: translate(-140px, -50%);
  content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_tel--pink.png)
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__tel:before {
    -webkit-transform: translate(-150px, -50%);
    transform: translate(-150px, -50%)
  }
}

.employerPage .employer_contact__tel--txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #000 !important
}

.employerPage .employer_contact__tel--txt span {
  font-size: 26px
}

.employerPage .employer_contact__tel--txt span a {
  color: #000
}

.employerPage .employer_contact__info {
  padding: 10px;
  background: #d7f3d0
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 10px
  }
}

.employerPage .employer_contact__info--txt {
  margin-bottom: 10px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__info--txt {
    margin-bottom: 0
  }
}

.employerPage .employer_contact__info--btn {
  color: #0d8a19;
  background: #fff;
  border: 1px solid #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__info>:first-child {
    width: 60%
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_contact__info>:last-child {
    width: 40%
  }
}

.employerPage .employer_specific_service {
  position: relative;
  margin-top: 10px;
  margin-bottom: 40px;
  padding: 10px;
  background: #fff
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service {
    padding: 10px 80px;
    margin-top: 40px;
    background: 0 0
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__pickup-list--item:not(:first-child) {
    margin-top: 10px
  }
}

.employerPage .employer_specific_service__pickup-list--item>a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 6px;
  padding-right: 20px;
  color: #000
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__pickup-list--item>a {
    display: inline
  }
}

.employerPage .employer_specific_service__pickup-list--item>a:after {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.employerPage .employer_specific_service__pickup-list--item>a span {
  display: inline-block
}

.employerPage .employer_specific_service__pickup-list--item>a span.pickup {
  max-width: 50px;
  min-width: 50px;
  margin-right: 10px;
  padding: 2px 4px;
  background: #0d8a19;
  color: #fff;
  font-size: 10px;
  text-align: center;
  white-space: nowrap
}

.employerPage .employer_specific_service__normal-list {
  margin-top: 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__normal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.employerPage .employer_specific_service__normal-list--item {
  margin-bottom: 6px;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__normal-list--item {
    width: 33%
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__normal-list:after {
    content: "";
    display: block;
    width: 33%
  }
}

.employerPage .employer_specific_service__more {
  position: absolute;
  bottom: 12px;
  right: 20px;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .employerPage .employer_specific_service__more {
    right: 80px
  }
}

@media screen and (min-width:768px) {
  .employerPage .p-knowledge-list {
    margin: 10px 30px
  }
}

.employerPage .p-knowledge-list__item__text__title {
  padding: 0;
  text-align: left;
  font-size: 15px
}

@media screen and (min-width:768px) {
  .employerPage .employer_features_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -20px
  }
}

.employerPage .employer_features_list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 136px;
  padding: 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc
}

.employerPage .employer_features_list__item:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .employerPage .employer_features_list__item {
    width: 49%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px;
    margin-bottom: 0
  }
}

.employerPage .employer_features_list__item--icon {
  width: 20%;
  max-width: 80px
}

@media screen and (min-width:768px) {
  .employerPage .employer_features_list__item--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30%;
    max-width: none
  }
}

.employerPage .employer_features_list__item--icon img {
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_features_list__item--icon img {
    max-height: 80px;
    max-width: 80px
  }
}

.employerPage .employer_features_list__item--detail {
  width: 100%;
  padding-left: 20px
}

.employerPage .employer_features_list__item--point {
  color: #0d8a19;
  font-size: 15px;
  font-weight: 700
}

.employerPage .employer_features_list__item--txt {
  font-size: 13px
}

.employerPage .employer_price {
  text-align: center;
  font-weight: 700;
  padding: 0 10px
}

@media screen and (min-width:768px) {
  .employerPage .employer_price {
    padding: 30px 20px;
    border: 1px solid #ccc
  }
}

.employerPage .employer_price__description {
  font-size: 18px
}

.employerPage .employer_price__description span {
  font-size: 24px;
  color: #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_price__description span {
    text-decoration: underline
  }
}

.employerPage .employer_price__performance {
  font-size: 24px;
  color: #000
}

.employerPage .employer_price__performance span {
  margin: 0 4px;
  font-size: 54px;
  color: #0d8a19
}

.employerPage .employer_table {
  width: 100%
}

.employerPage .employer_table tr {
  font-weight: 400
}

@media screen and (max-width:767px) {
  .employerPage .employer_table tr {
    font-size: 14px
  }
}

.employerPage .employer_table tr th {
  padding: 8px;
  text-align: center;
  background: #d7f3d0;
  vertical-align: middle;
  border: 1px solid #d8d8d8
}

.employerPage .employer_table tr td {
  width: 16%;
  padding: 8px 20px;
  vertical-align: middle;
  border: 1px solid #d8d8d8
}

.employerPage .employer_table tr td[rowspan] {
  text-align: left;
  width: 68%
}

@media screen and (max-width:767px) {
  .employerPage .employer_table tr td {
    width: auto;
    padding: 8px 12px
  }

  .employerPage .employer_table tr td[rowspan] {
    width: 59%
  }
}

.employerPage .employer_step_list__item {
  padding: 14px;
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  font-weight: 700
}

.employerPage .employer_step_list__item:last-child {
  margin-bottom: 0
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item {
    border: 2px solid #0d8a19
  }
}

.employerPage .employer_step_list__item--flex-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 80px
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item--flex-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 50px;
    height: 50px
  }
}

.employerPage .employer_step_list__item--strong {
  background: #0d8a19
}

.employerPage .employer_step_list__item--step {
  margin-bottom: 10px;
  font-size: 14px;
  color: #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item--step {
    margin-bottom: 0
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item--step:after {
    content: '：'
  }
}

.employerPage .employer_step_list__item--txt {
  font-size: 16px;
  color: #000
}

.employerPage .employer_step_list__item--txt--green {
  color: #0d8a19
}

.employerPage .employer_step_list__item--txt--white {
  color: #fff
}

.employerPage .employer_step_list__item--txt .note {
  font-weight: 400;
  font-size: 12px
}

.employerPage .employer_step_list__item--icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 60px
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item--icon {
    position: relative;
    -webkit-transform: none;
    transform: none;
    top: 0;
    left: 0;
    margin: 0 10px;
    max-height: 50px;
    max-width: 50px;
    width: 100%
  }
}

.employerPage .employer_step_list__item--content-list {
  padding-left: 28px;
  text-align: left;
  font-weight: 400;
  list-style: disc
}

@media screen and (min-width:768px) {
  .employerPage .employer_step_list__item--content-list {
    padding: 0 100px
  }
}

.employerPage .employer_note {
  font-size: 13px
}

@media screen and (min-width:768px) {
  .employerPage .employer_note {
    text-align: right
  }
}

.employerPage .employer_page_preview {
  margin: 20px 0;
  border: 2px solid #0d8a19
}

.employerPage .employer_page_preview .employer_page_preview__image-wrap {
  position: relative
}

.employerPage .employer_page_preview .employer_page_preview__image-wrap .employer_page_preview__wave {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  display: block;
  content: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/employer/media/wave.svg);
  width: 100%;
  height: auto;
  z-index: 1
}

@media screen and (min-width:768px) {
  .employerPage .employer_option_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.employerPage .employer_option_list__item {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_option_list__item {
    width: 49%
  }
}

.employerPage .employer_option_list__item--title {
  margin-bottom: 10px;
  color: #0d8a19;
  font-weight: 700;
  font-size: 18px;
  text-align: center
}

.employerPage .employer_service_list__item {
  padding: 16px;
  margin-top: 14px;
  border: 1px solid #ccc
}

.employerPage .employer_service_list__item--target {
  display: inline-block;
  padding: 0 14px;
  margin-bottom: 10px;
  color: #fff;
  background: #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--target {
    padding: 4px 20px;
    margin-bottom: 20px
  }
}

.employerPage .employer_service_list__item--target span {
  font-size: 13px
}

.employerPage .employer_service_list__item--target span:last-child {
  font-size: 16px
}

.employerPage .employer_service_list__item--name {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--name {
    margin-bottom: 20px
  }
}

.employerPage .employer_service_list__item--name span {
  color: #0d8a19
}

.employerPage .employer_service_list__item--logo {
  height: 30px;
  margin-bottom: 30px;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--logo {
    height: auto;
    margin-bottom: 0;
    padding: 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.employerPage .employer_service_list__item--logo img {
  max-height: 100%
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--logo img {
    width: 100%
  }
}

.employerPage .employer_service_list__item--head {
  position: relative;
  margin-bottom: 6px;
  padding-left: 10px;
  font-weight: 700
}

.employerPage .employer_service_list__item--head:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: block;
  width: 3px;
  height: 13px;
  background: #000
}

.employerPage .employer_service_list__item--txt {
  margin-bottom: 20px
}

.employerPage .employer_service_list__item--merit--strong {
  color: #0d8a19;
  font-size: 24px;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--bottom>:first-child {
    width: 27%
  }
}

@media screen and (min-width:768px) {
  .employerPage .employer_service_list__item--bottom>:last-child {
    width: 73%
  }
}

.employerPage .green_border_list__item {
  border: 1px solid #0d8a19
}

.employerPage .green_border_list__item:not(:first-child) {
  margin-top: 10px
}

.employerPage .green_border_list__item--wrapper {
  padding: 20px
}

.employerPage .green_border_list__item--head {
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .green_border_list__item--head {
    font-size: 20px
  }
}

.employerPage .green_border_list__item--description {
  margin-bottom: 10px;
  font-weight: 700
}

.employerPage .green_border_list__item--inner-head {
  margin-bottom: 10px;
  font-weight: 700
}

.employerPage .green_border_list__item--inner-head--check {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-weight: 700
}

.employerPage .green_border_list__item--inner-head--check:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center;
  background-color: #0d8a19
}

.employerPage .green_border_list__item--txt {
  margin-bottom: 20px
}

.employerPage .green_border_list__item--txt:last-child {
  margin-bottom: 0
}

.employerPage .green_border_list__item--gray-box {
  padding: 10px;
  background: #e8e8e8
}

.employerPage .green_border_list__item--gray-box:not(:first-child) {
  margin-top: 10px
}

.employerPage .refine-tab-wrap {
  padding: 20px;
  text-align: center;
  background: #d7f3d0
}

.employerPage .refine-tab-wrap .refine_tab_list {
  margin: 20px -10px -10px 0;
  font-size: 0
}

.employerPage .refine-tab-wrap .refine_tab_list--item {
  display: inline-block;
  padding: 6px 10px;
  margin: 0 10px 10px 0;
  background: #fff;
  font-size: 13px;
  cursor: pointer
}

@media screen and (min-width:768px) {
  .employerPage .refine-tab-wrap .refine_tab_list--item {
    padding: 16px 12px;
    font-size: 15px
  }
}

.employerPage .refine-tab-wrap .refine_tab_list--item.active {
  background: #0d8a19;
  color: #fff
}

.employerPage .refine-tab-wrap .refine_tab_list--item:hover {
  background: #0d8a19;
  color: #fff
}

.employerPage .project-list {
  margin-top: 20px
}

.employerPage .project-list__item {
  padding: 16px;
  border: 1px solid #0d8a19
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item {
    position: relative
  }
}

.employerPage .project-list__item:not(:last-child) {
  margin-bottom: 20px
}

.employerPage .project-list__item--head {
  margin-bottom: 10px;
  line-height: 27px;
  font-size: 18px;
  color: #0d8a19;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item--head {
    margin-bottom: 20px
  }
}

.employerPage .project-list__item--txt {
  margin-bottom: 10px
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item--txt {
    margin-bottom: 20px
  }
}

.employerPage .project-list__item--image {
  margin-bottom: 10px
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item--image {
    margin-bottom: 20px
  }
}

.employerPage .project-list__item--read {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #0d8a19;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item--read {
    margin-top: 20px;
    margin-bottom: 0
  }
}

.employerPage .project-list__item--gray-box {
  padding: 20px;
  background: #e8e8e8
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item .employer_flex--pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item .employer_flex--pc>* {
    width: 49%
  }
}

@media screen and (max-width:767px) {
  .employerPage .project-list__item .employer_flex--pc>:not(:first-child) {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .employerPage .project-list__item .employer_flex--pc--small>:first-child {
    margin-bottom: 16px
  }
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item .employer_flex--pc--small>:first-child {
    width: 48%
  }
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item .employer_flex--pc--small>:last-child {
    width: 30%
  }
}

.employerPage .project-list__item .employer_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.employerPage .project-list__item .employer_flex>* {
  width: 44%
}

@media screen and (max-width:767px) {
  .employerPage .project-list__item .employer_flex>:last-child {
    margin-left: 16px
  }
}

.employerPage .project-list__item .employer_flex>* img {
  display: block;
  max-width: 100%;
  margin: 0 auto
}

@media screen and (min-width:768px) {
  .employerPage .project-list__item .employer_flex>* img {
    max-width: 240px;
    margin: 10px auto 20px
  }
}

.employerPage .project-list .tag-list {
  margin: -6px -6px 20px 0;
  font-size: 0
}

@media screen and (min-width:768px) {
  .employerPage .project-list .tag-list {
    position: absolute;
    top: 10px;
    right: 10px
  }
}

.employerPage .project-list .tag-list__item {
  display: inline-block;
  margin: 6px 6px 0 0;
  padding: 4px 10px;
  font-size: 13px;
  background: #0d8a19;
  color: #fff
}

@media screen and (min-width:768px) {
  .employerPage .project-list .tag-list__item {
    padding: 6px 12px;
    font-size: 14px
  }
}

.employerPage .service_table th {
  padding: 0 4px;
  font-weight: 700
}

.employerPage .service_table td {
  padding: 8px
}

.employerPage .service_table_head {
  font-size: 16px;
  font-weight: 700
}

.employerPage .service_table_description {
  font-size: 14px
}

.employerPage .support_title {
  margin-top: 10px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 18px
}

.employerPage .support_title--resume {
  padding-left: 30px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/ico_resume.png) no-repeat center left;
  background-size: 26px 26px
}

.employerPage .support_title--approach {
  padding-left: 30px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/ico_paper_airplane.png) no-repeat center left;
  background-size: 26px 26px
}

.employerPage .support_title--effect {
  padding-left: 30px;
  background: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/ico_effect.png) no-repeat center left;
  background-size: 26px 26px
}

.employerPage .support_wrap .support_table {
  width: 100%;
  margin-bottom: 20px
}

.employerPage .support_wrap .support_table tr {
  border-top: 1px solid #d8d8d8
}

.employerPage .support_wrap .support_table tr:last-child {
  border-bottom: 1px solid #d8d8d8
}

.employerPage .support_wrap .support_table tr th {
  width: 30%;
  padding: 8px;
  text-align: left;
  background: #d7f3d0;
  vertical-align: middle;
  font-size: 14px
}

.employerPage .support_wrap .support_table tr td {
  width: 70%;
  padding: 8px;
  vertical-align: middle
}

.employerPage .support_wrap .support_list {
  padding-left: 28px;
  list-style: disc
}

.employerPage .support_wrap .support_list>li:not(:first-child) {
  margin-top: 10px
}

.employerPage .task_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

.employerPage .task_head .task {
  background: #0d8a19;
  color: #fff;
  min-height: 55px;
  max-height: 55px;
  line-height: 55px;
  text-align: center;
  min-width: 55px;
  max-width: 55px;
  border-radius: 50%
}

.employerPage .task_head .txt {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 700
}

.employerPage .task_box {
  padding: 30px 10px;
  margin-bottom: 40px;
  border: 1px solid #000;
  text-align: center
}

.employerPage .task_box:last-child {
  margin-bottom: 0
}

.employerPage .task_box--main-txt {
  font-weight: 700;
  font-size: 15px
}

@media screen and (min-width:768px) {
  .employerPage .task_box--main-txt {
    font-size: 18px
  }
}

.employerPage .task_box--sub-txt {
  font-size: 13px
}

.employerPage .task_box--underline {
  text-decoration: underline
}

.employerPage .task-tag-list {
  margin: -10px 0 20px -10px;
  font-size: 0
}

@media screen and (min-width:768px) {
  .employerPage .task-tag-list {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0
  }
}

.employerPage .task-tag-list__item {
  display: inline-block;
  background: #0d8a19;
  color: #fff;
  padding: 4px 10px;
  margin: 10px 0 0 10px;
  font-size: 13px
}

@media screen and (min-width:768px) {
  .employerPage .task-tag-list__item {
    font-size: 15px
  }
}

.employerPage .task-example-list__item {
  position: relative;
  margin-top: 50px
}

.employerPage .task-example-list__item:first-child {
  margin-top: 0
}

@media screen and (min-width:768px) {
  .employerPage .task-example-list__item .task__gray-box {
    padding: 10px;
    background: #efefef
  }
}

@media screen and (min-width:768px) {
  .employerPage .task-flex-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .employerPage .task-flex-pc>:first-child {
    width: 40%
  }

  .employerPage .task-flex-pc>:last-child {
    width: 58%
  }

  .employerPage .task-flex-pc .support_title:first-child {
    margin-top: 0
  }
}

.employerPage .massage-trial-wrapper {
  background: #fdd55d
}

.employerPage .massage-trial-wrapper .massage-trial__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  .employerPage .massage-trial-wrapper .massage-trial__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.employerPage .massage-trial-wrapper .massage-trial__head--circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  width: 90px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg)
}

@media screen and (min-width:768px) {
  .employerPage .massage-trial-wrapper .massage-trial__head--circle {
    font-size: 18px
  }
}

.employerPage .massage-trial-wrapper .massage-trial__head--circle p {
  padding-top: 8px
}

.employerPage .massage-trial-wrapper .massage-trial__head--txt {
  margin-left: 10px
}

.employerPage .massage-trial-wrapper .massage-trial__head--txt p {
  font-weight: 700
}

.employerPage .massage-trial-wrapper .massage-trial__head--txt p:first-child {
  font-size: 13px;
  margin-bottom: 4px
}

@media screen and (min-width:768px) {
  .employerPage .massage-trial-wrapper .massage-trial__head--txt p:first-child {
    font-size: 15px
  }
}

.employerPage .massage-trial-wrapper .massage-trial__head--txt p:last-child {
  font-size: 22px
}

@media screen and (min-width:768px) {
  .employerPage .massage-trial-wrapper .massage-trial__head--txt p:last-child {
    font-size: 25px
  }
}

.employerPage .massage-trial-wrapper .massage-trial__white-wrap {
  padding: 20px;
  background: #fff
}

.employerPage .massage-trial-wrapper .massage-trial__gray-wrap {
  margin-top: 20px;
  padding: 20px;
  background: #efefef
}

.employerPage .massage-trial-wrapper .massage-trial__gray-wrap .category {
  font-weight: 700
}

.employerPage .massage-trial-wrapper .massage-trial__gray-wrap .category:not(:first-child) {
  margin-top: 20px
}

.employerPage .massage-trial-wrapper .massage-trial__gray-wrap .note {
  margin-top: 10px;
  font-size: 13px
}

.employerPage .massage-trial-wrapper .c-button {
  margin: 20px 0
}

.employerPage .massage-trial-wrapper .applicant-message {
  font-size: 13px;
  font-weight: 700
}

.employerPage .bubble-wrap_01 {
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_01 img {
    max-width: 500px
  }
}

.employerPage .bubble-wrap_01 .bubble_txt_01 {
  position: absolute;
  top: 2.2vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_01 .bubble_txt_01 {
    top: 10px;
    left: 206px;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_01 .bubble_txt_02 {
  position: absolute;
  top: 21.8vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_01 .bubble_txt_02 {
    top: 94px;
    left: 206px;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_01 .bubble_txt_03 {
  position: absolute;
  top: 41.4vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_01 .bubble_txt_03 {
    top: 182px;
    left: 206px;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 {
  position: relative
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 img {
    max-width: 600px
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_01 {
  position: absolute;
  top: 2vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_01 {
    top: 10px;
    left: 152px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_02 {
  position: absolute;
  top: 21vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_02 {
    top: 92px;
    left: 152px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_03 {
  position: absolute;
  top: 41vw;
  left: 3vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_03 {
    top: 178px;
    left: 152px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_04 {
  position: absolute;
  top: 67.4vw;
  left: 33.4vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_04 {
    top: 274px;
    left: 334px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_05 {
  position: absolute;
  top: 91.4vw;
  left: 41vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_05 {
    top: 356px;
    left: 334px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_02 .bubble_txt_06 {
  position: absolute;
  top: 115.4vw;
  left: 33.4vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_02 .bubble_txt_06 {
    top: 452px;
    left: 334px;
    font-size: 15px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_03 {
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_03 img {
    max-width: 640px
  }
}

.employerPage .bubble-wrap_03 .bubble_txt_01 {
  position: absolute;
  top: 1.4vw;
  left: 41vw;
  width: 51vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_03 .bubble_txt_01 {
    top: 16px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_03 .bubble_txt_02 {
  position: absolute;
  top: 25.8vw;
  left: 41vw;
  width: 51vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_03 .bubble_txt_02 {
    top: 134px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_04 {
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_04 img {
    max-width: 640px
  }
}

.employerPage .bubble-wrap_04 .bubble_txt_01 {
  position: absolute;
  top: 2.2vw;
  left: 41vw;
  width: 51vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_04 .bubble_txt_01 {
    top: 30px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_04 .bubble_txt_02 {
  position: absolute;
  top: 20.8vw;
  left: 41vw;
  width: 51vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_04 .bubble_txt_02 {
    top: 134px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_05 {
  position: relative;
  text-align: center
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_05 img {
    max-width: 640px
  }
}

.employerPage .bubble-wrap_05 .bubble_txt_01 {
  position: absolute;
  top: 2vw;
  left: 33vw;
  width: 59vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_05 .bubble_txt_01 {
    top: 20px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_05 .bubble_txt_02 {
  position: absolute;
  top: 24.8vw;
  left: 41vw;
  width: 51vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_05 .bubble_txt_02 {
    top: 126px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

.employerPage .bubble-wrap_05 .bubble_txt_03 {
  position: absolute;
  top: 49.6vw;
  left: 33vw;
  width: 59vw;
  font-size: 3.9vw;
  text-align: left;
  color: #0d8a19;
  letter-spacing: -1px
}

@media screen and (min-width:768px) {
  .employerPage .bubble-wrap_05 .bubble_txt_03 {
    top: 238px;
    left: 138px;
    width: auto;
    font-size: 16px;
    letter-spacing: normal
  }
}

@media screen and (min-width:768px) {
  .employerPage .static-section .flex-wrap.flex-3col .flex-3col--item {
    width: 49%
  }
}

@media screen and (min-width:768px) {
  .employerPage .static-section .flex-wrap.flex-3col .flex-3col--item:nth-child(n+3) {
    margin-top: 10px
  }
}

@media screen and (max-width:767px) {
  .employerPage .static-section .flex-wrap.flex-3col .flex-3col--item .detail-list--item_gray-box {
    min-height: 90px
  }
}

.employerPage .clickable_note {
  font-size: 12px
}

@media screen and (min-width:768px) {
  .employerPage .process_flex_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width:768px) {
  .employerPage .process_flex_wrap--item:first-child {
    width: 510px
  }
}

@media screen and (min-width:768px) {
  .employerPage .process_flex_wrap--item:last-child {
    width: 350px
  }
}

.employerPage .employer_u-sup {
  font-size: 55%;
  vertical-align: top;
  position: relative;
  top: -.1em;
  color: #000;
  font-weight: 400
}

.employerPage .employer_u-note {
  font-size: 60%;
  color: #000;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .employerPage .employer_u-note {
    font-size: 9px
  }
}

.contact-text-area em {
  background: -webkit-linear-gradient(top, transparent 35%, rgba(255, 237, 41, .6) 35%);
  font-weight: 700;
  font-style: normal
}

.contact-text-area span {
  font-size: 12px
}

@media screen and (min-width:768px) {
  #my-agent__list .l-single__contents__heading {
    background: #fff;
    border-bottom: none;
    text-align: center
  }

  #my-agent__list .l-single__contents__heading__error {
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 26px;
    font-weight: 700;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left
  }
}

@media screen and (max-width:767px) {
  #my-agent__list .l-single__contents__heading {
    line-height: 1.08;
    padding: 15.5px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #fff;
    border-bottom: none;
    letter-spacing: .9px;
    color: #000
  }

  #my-agent__list .l-single__contents__heading__error {
    line-height: 1.5;
    padding: 11px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd
  }
}

#my-agent__list .l-global-wrapper {
  width: 100vw;
  min-width: 0
}

#my-agent__list .visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  border: 0
}

#my-agent__list a {
  -webkit-transition: all .2s;
  transition: all .2s
}

#my-agent__list .p-joboffer-list:first-of-type {
  margin-top: 0
}

#my-agent__list .p-tab-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

#my-agent__list .p-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 78.13%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f8f8f8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#my-agent__list .p-tab-list__item {
  width: 22.67%;
  text-align: center;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 1.5px;
  color: #707070;
  position: relative
}

#my-agent__list .p-tab-list__item a {
  color: #707070;
  display: block;
  border-bottom: solid 2px #0d8a19
}

#my-agent__list .p-tab-list__item.active {
  width: 32%;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: solid 4px #0d8a19
}

#my-agent__list .p-tab-list__item.active .p-tab-list__link {
  border-right: solid 2px #bbb;
  border-left: solid 2px #bbb;
  padding: 15px 0 15px
}

#my-agent__list .p-tab-list__item.active p {
  border-right: none;
  border-left: none;
  color: #0d8a19
}

#my-agent__list .p-tab-list__item.active+.p-tab-list__item p {
  border-left: none
}

#my-agent__list .p-tab-list__item:first-child .p-tab-list__link {
  border-left: none
}

#my-agent__list .p-tab-list__item:first-child p {
  border-left: none
}

#my-agent__list .p-tab-list__item:first-child.active {
  border-left: none
}

#my-agent__list .p-tab-list__item:last-child p {
  border-right: none
}

#my-agent__list .p-tab-list__link {
  padding: 19px 0 13px
}

#my-agent__list .p-tab-list__link p {
  font-weight: 700;
  border-left: solid 1px #bbb
}

#my-agent__list .p-tab-list__unread {
  position: absolute;
  padding: 1% 5%;
  border-radius: 14px;
  background-color: #c00;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  top: -20%;
  right: 6%;
  font-weight: 700
}

#my-agent__list .p-reload {
  width: calc(100% - 78.13%);
  text-align: right;
  border-bottom: solid 2px #0d8a19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

#my-agent__list .p-reload__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
  letter-spacing: .75px;
  text-align: left;
  color: #000;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px)
}

#my-agent__list .p-reload__btn:hover {
  outline: 0;
  opacity: .7
}

#my-agent__list .p-reload__btn::before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-open-reload_bg.svg);
  width: 25px;
  height: 25px;
  margin-right: 5px
}

#my-agent__list .p-joboffer-list {
  border-top: none
}

@media screen and (max-width:767px) {
  #my-agent__list .p-tab-list__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #my-agent__list .p-tab-list {
    width: 100%
  }

  #my-agent__list .p-tab-list__item a {
    border-bottom: none
  }

  #my-agent__list .p-tab-list__item {
    width: 25%;
    font-size: 14px
  }

  #my-agent__list .p-tab-list__item.active {
    width: 25%;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    border-bottom: solid 2px #0d8a19
  }

  #my-agent__list .p-tab-list__item.active .p-tab-list__link {
    border-right: none;
    border-left: none;
    padding: 14px 0
  }

  #my-agent__list .p-tab-list__item.active p {
    border-left: solid 1px #bbb;
    color: #0d8a19
  }

  #my-agent__list .p-tab-list__item.active+.p-tab-list__item p {
    border-left: solid 1px #bbb
  }

  #my-agent__list .p-tab-list__item.active:last-child p {
    border-left: solid 1px #bbb;
    border-right: none
  }

  #my-agent__list .p-tab-list__link {
    padding: 14px 0 16px
  }

  #my-agent__list .p-tab-list__unread {
    border-radius: 20px;
    font-size: 10px;
    top: -5%;
    right: 0;
    padding: .4% 5.5%
  }

  #my-agent__list .p-reload {
    width: 100%;
    border-bottom: none;
    padding: 10px
  }

  #my-agent__list .p-reload__btn {
    width: 100%;
    font-size: 13px;
    line-height: .71;
    letter-spacing: .65px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  #my-agent__list .p-reload__btn::before {
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    margin-right: .8vw
  }

  #my-agent__list .page--single__inner {
    padding-bottom: 0
  }
}

#my-agent__list .p-joboffer-list__wrap {
  padding: 40px 50px 120px;
  background: #fff
}

#my-agent__list .p-joboffer-list__wrap .list-area {
  margin-bottom: 40px
}

#my-agent__list .p-joboffer-list__wrap.error .p-joboffer-list-announce__txt {
  border: solid 2px #0d8a19;
  color: #000
}

#my-agent__list .p-joboffer-list__wrap.error .p-joboffer-list-announce__txt::before {
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon-attention-black.svg)
}

#my-agent__list .p-joboffer-list__wrap.applied .p-joboffer-list:last-of-type {
  margin-bottom: 0
}

#my-agent__list .p-joboffer-list__wrap .p-joboffer-list-announce__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #c00;
  border-radius: 5px;
  border: solid 2px #ca0813;
  background-color: #feffe6;
  padding: 20px 25px 18px
}

#my-agent__list .p-joboffer-list__wrap .p-joboffer-list-announce__txt::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_caution.svg);
  margin-right: 10px
}

#my-agent__list .p-joboffer-list__wrap .p-joboffer-list__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  margin-top: 30px
}

#my-agent__list.bookmark .p-joboffer-list__wrap {
  padding: 40px 50px 80px
}

#my-agent__list.applied .p-joboffer-list__wrap {
  padding: 40px 50px 80px
}

#my-agent__list .p-tab-list__wrap-applied {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 744px;
  width: 100%;
  border-radius: 5px;
  border: solid 1px #bbb;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 #00000029;
  box-shadow: 0 3px 6px 0 #00000029;
  margin: 0 auto 40px
}

#my-agent__list .p-tab-list__wrap-applied.document .p-tab-list__item-applied:nth-child(2) {
  border-right: 1px solid #00000029
}

#my-agent__list .p-tab-list__wrap-applied.finished .p-tab-list__item-applied:first-child {
  border-right: 1px solid #00000029
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied {
  width: 33.333%;
  position: relative
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied:first-child.active {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied:nth-child(3).active {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transform: translateX(1px);
  transform: translateX(1px)
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied.active {
  background-color: #d0e8d2
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied.active::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #d0e8d2 transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied.active .p-tab-list__link-applied {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.63;
  text-align: center;
  color: #000
}

#my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied .p-tab-list__link-applied {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.63;
  text-align: center;
  color: #707070;
  padding: 10px 0
}

@media screen and (max-width:767px) {
  #my-agent__list .p-tab-list__wrap-applied {
    margin-bottom: 20px
  }

  #my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied:nth-child(3).active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  #my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied.active .p-tab-list__link-applied {
    font-size: 14px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3)
  }

  #my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied .p-tab-list__link-applied {
    font-size: 14px
  }

  #my-agent__list .p-tab-list__wrap-applied .p-tab-list__item-applied .p-tab-list__unread {
    top: -20%;
    right: 5%
  }
}

#my-agent__list .p-joboffer-list {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .16);
  background-color: #fff;
  padding: 0;
  border: solid 1px #bbb;
  margin-bottom: 70px
}

#my-agent__list .p-joboffer-list:last-of-type {
  margin-bottom: 120px
}

#my-agent__list .p-joboffer-list.status__today .p-joboffer-list__status_area__status {
  background-color: #c00
}

#my-agent__list .p-joboffer-list.status__in-procedure .p-joboffer-list__status_area__status {
  border: solid 3px #128299;
  background-color: #fff;
  color: #128299
}

@media screen and (max-width:767px) {
  #my-agent__list .p-joboffer-list.status__in-procedure .p-joboffer-list__status_area__status {
    border: solid 4px #128299
  }
}

#my-agent__list .p-joboffer-list.status__intermediate .p-joboffer-list__status_area__status {
  background-color: #fff;
  border: solid 2px #128299;
  color: #128299
}

#my-agent__list .p-joboffer-list.status__intermediate .p-joboffer-list__heading-area {
  padding-bottom: 0
}

#my-agent__list .p-joboffer-list.status__intermediate .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__intermediate .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__intermediate .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__waiting .p-joboffer-list__status_area__status {
  background-color: #ca0813
}

#my-agent__list .p-joboffer-list.status__waiting .p-joboffer-list__heading-area {
  padding-bottom: 0
}

#my-agent__list .p-joboffer-list.status__waiting .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__waiting .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__waiting .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__fixed .p-joboffer-list__status_area__status {
  background-color: #128299
}

#my-agent__list .p-joboffer-list.status__fixed .p-joboffer-list__heading-area {
  padding-bottom: 0
}

#my-agent__list .p-joboffer-list.status__fixed .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__fixed .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__fixed .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__status_area__status {
  background-color: #000
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__heading-area {
  padding-bottom: 0
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__heading-area .p-joboffer-list__heading-area__sub-heading {
  margin-top: 0
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__status_area {
  background-color: #f8f8f8
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__not-adopted .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__status_area__status {
  background-color: #ddd;
  color: #000
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__heading-area {
  padding-bottom: 0
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__heading-area .p-joboffer-list__heading-area__sub-heading {
  margin-top: 0
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__status_area {
  background-color: #f8f8f8
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__done .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__answer-period .p-joboffer-list__status_area__status {
  background-color: #ffdede;
  color: #000
}

#my-agent__list .p-joboffer-list.status__answer-period .p-joboffer-list__status_area__status .status__answer-period__font-small {
  font-size: 14px
}

#my-agent__list .p-joboffer-list.status__answer-period .p-joboffer-list__status_area__status .status__answer-period__font-semi-small {
  font-size: 14px
}

@media screen and (max-width:767px) {
  #my-agent__list .p-joboffer-list.status__answer-period .p-joboffer-list__status_area__status .status__answer-period__font-small {
    font-size: 11.5px
  }

  #my-agent__list .p-joboffer-list.status__answer-period .p-joboffer-list__status_area__status .status__answer-period__font-semi-small {
    font-size: 12px
  }
}

#my-agent__list .p-joboffer-list.status__refusal .p-joboffer-list__status_area__status {
  color: #000;
  background-color: #ddd
}

#my-agent__list .p-joboffer-list.status__refusal .p-joboffer-list__button .c-button_agent {
  width: 100%;
  border-bottom-left-radius: 4px
}

#my-agent__list .p-joboffer-list.status__refusal .p-joboffer-list__button .c-button_agent.bookmark {
  display: none
}

#my-agent__list .p-joboffer-list.status__refusal .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '';
  display: none
}

#my-agent__list .p-joboffer-list.status__expired {
  background-color: #f8f8f8
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__status_area__status {
  background-color: #707070;
  color: #fff
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__date_status__date {
  color: #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__heading-area__heading {
  color: #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__heading-area__sub-heading {
  color: #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__employ-area__item {
  color: #707070;
  border: solid 1px #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__salary-area__icon:before {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-yen_closed.svg)
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__salary-area__salary {
  color: #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__button .c-button_agent.bookmark:before {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-star-gray-2.svg)
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__button .c-button_agent.bookmark.add:before {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-star-gray.svg)
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__button .c-button_agent.bookmark:after {
  color: #707070
}

#my-agent__list .p-joboffer-list.status__expired .p-joboffer-list__button .c-button_agent:nth-child(3) {
  background-color: #707070
}

#my-agent__list .p-joboffer-list .p-joboffer-list__status_area__status__intern {
  border: solid 2px #128299 !important;
  font-size: 15px !important
}

@media screen and (max-width:767px) {
  #my-agent__list .p-joboffer-list .p-joboffer-list__status_area__status__intern {
    font-size: 11px !important
  }
}

#my-agent__list .p-joboffer-list__status_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #bbb;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px 4px 0 0
}

#my-agent__list .p-joboffer-list__status_area__status {
  padding: 13px 0 12px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  font-weight: 700;
  width: 10.49%;
  min-height: 72px;
  border-top-left-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#my-agent__list .p-joboffer-list__status_area__read {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px
}

#my-agent__list .p-joboffer-list__status_area__unread {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #c00;
  padding: 4px 9px;
  border: solid 1px #c80813;
  margin-right: 20px;
  background-color: #fff
}

#my-agent__list .p-joboffer-list__date_status__date {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #000
}

#my-agent__list .p-joboffer-list-info__warp {
  padding: 50px
}

#my-agent__list .p-joboffer-list__heading-area {
  padding-bottom: 20px
}

#my-agent__list .p-joboffer-list__heading-area-list-item {
  color: #c75302;
  border-radius: 5px;
  border: solid 2px #c75302;
  margin-top: 40px
}

#my-agent__list .p-joboffer-list__heading-area__heading {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #000;
  font-weight: 700
}

#my-agent__list .p-joboffer-list__heading-area__sub-heading {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  font-weight: 400;
  margin-top: 13px
}

#my-agent__list .p-joboffer-list__heading-area__attention-txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #c75302;
  border-radius: 5px;
  border: solid 2px #c75302;
  background-color: #fff;
  padding: 10px 10px 9px 20px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__heading-area__attention-txt::before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon_attention.svg);
  max-width: 20px;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

#my-agent__list .p-joboffer-list__heading-area__attention-txt-div {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #c75302;
  padding: 10px 10px 9px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__heading-area__attention-txt-div::before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon_attention.svg);
  max-width: 20px;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  vertical-align: middle;
  color: #c75302;
  border-radius: 5px;
  border: solid 2px #c75302;
  background-color: #fff;
  padding: 10px 10px 9px 20px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__heading-area__interview-time .time {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  vertical-align: middle;
  color: #000;
  margin-left: 10px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time .time span.small {
  font-size: 16px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time::before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon_calender@2x.png);
  max-width: 20px;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time-div {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  vertical-align: middle;
  color: #c75302;
  padding: 10px 10px 9px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__heading-area__interview-time-div .time {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  vertical-align: middle;
  color: #000;
  margin-left: 10px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time-div .time span.small {
  font-size: 16px
}

#my-agent__list .p-joboffer-list__heading-area__interview-time-div::before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon_calender@2x.png);
  max-width: 20px;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px
}

#my-agent__list .p-joboffer-list__employ-area__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__employ-area__item {
  font-size: 13px;
  line-height: 1.62;
  letter-spacing: normal;
  text-align: left;
  color: #118919;
  padding: 0 12px;
  border: solid 1px #118919;
  background-color: #fff;
  margin-right: 5px
}

#my-agent__list .p-joboffer-list__employ-area__item_more_plus {
  font-size: 13px;
  line-height: 1.62;
  letter-spacing: normal;
  text-align: left;
  padding: 0 12px;
  margin-right: 5px;
  color: #fff;
  background-color: #f27c8f !important;
  border: solid 1px #f27c8f
}

#my-agent__list .p-joboffer-list__salary-area {
  margin-top: 20px
}

#my-agent__list .p-joboffer-list__salary-area__salary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list .p-joboffer-list__salary-area__icon {
  width: 19px;
  height: 19px;
  margin-right: 8px
}

#my-agent__list .p-joboffer-list__salary-area__icon img {
  padding-bottom: 2.4px
}

#my-agent__list .p-joboffer-list__salary-area__icon:before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-yen.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

#my-agent__list .p-joboffer-list__button__center {
  margin-top: 40px
}

@media screen and (max-width:767px) {
  #my-agent__list .p-joboffer-list__button__center {
    margin-top: 20px
  }
}

#my-agent__list .p-joboffer-list__button {
  padding: 0
}

#my-agent__list .p-joboffer-list__button .c-button_agent {
  margin-left: 0;
  width: 50%;
  border-top: solid 1px #bbb;
  border-bottom: none;
  border-left: none;
  border-right: solid 1px #bbb;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark {
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:hover {
  outline-width: 0;
  opacity: .7
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:before {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-star.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  margin-bottom: 2px
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:after {
  content: '気になる';
  display: block;
  margin-left: 10px
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark.add:before {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-star-bl.svg)
}

#my-agent__list .p-joboffer-list__button .c-button_agent.bookmark.add:after {
  content: '気になる追加済';
  display: block;
  margin-left: 10px
}

#my-agent__list .p-joboffer-list__button .c-button_agent:nth-child(3) {
  border-right: none;
  background-color: #0d8a19;
  color: #fff;
  border-bottom-right-radius: 4px
}

#my-agent__list .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
  content: '気になるボタン'
}

#my-agent__list .p-joboffer-list__button .c-button_agent.visuallyhidden.add:before {
  content: '気になる追加済み'
}

#my-agent__list .p-joboffer-list__button .c-button_agent_schedule_input {
  cursor: pointer;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  background-color: #c75302;
  border: 1px solid #c75302;
  max-width: 572px;
  margin: 0 auto
}

#my-agent__list .p-joboffer-list__button .c-button_agent_schedule_input span {
  color: #fff
}

#my-agent__list .c-button_agent__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#my-agent__list .p-joboffer-list__button__star__text {
  margin-left: 10px
}

#my-agent__list .p-joboffer-list__button__arrow__text {
  margin-right: 20px
}

#my-agent__list .p-joboffer-acc__area__btn.acc-click__agent {
  padding: 31px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  background-color: #707070;
  letter-spacing: .8px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  width: 66.51%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s
}

#my-agent__list .p-joboffer-acc__area__btn.acc-click__agent:after {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 12px;
  height: 7px;
  margin-left: 10px
}

#my-agent__list .p-joboffer-acc__area__btn.acc-click__agent:hover {
  outline-width: 0;
  opacity: .7
}

#my-agent__list .p-joboffer-acc__area__btn.acc-click__agent.is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#my-agent__list .p-joboffer-acc__area {
  overflow: hidden;
  display: none
}

#my-agent__list .p-joboffer-acc__area.is-open {
  display: block
}

#my-agent__list .p-joboffer-acc__area .p-joboffer-list {
  -webkit-transition: all .5s;
  transition: all .5s
}

#my-agent__list .p-joboffer-acc__area .p-joboffer-list:first-of-type {
  margin-top: 80px
}

#my-agent__list .p-joboffer-acc__area .p-joboffer-list:last-of-type {
  margin-bottom: 0
}

#my-agent__list .p-joboffer-bookmark__list-caution-txt {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-top: 40px
}

#my-agent__list .p-joboffer-bookmark__caution-txt {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-top: 40px
}

#my-agent__list .p-joboffer-mypage__link__content {
  font-size: 16px;
  text-align: center;
  margin: 50px auto 0
}

#my-agent__list .p-joboffer-mypage__link__content a {
  opacity: 1
}

#my-agent__list .p-joboffer-mypage__link__content a:hover {
  text-decoration: underline
}

@media screen and (max-width:767px) {
  #my-agent__list .p-joboffer-list__wrap {
    background-color: #efefef;
    padding: 25px 15px 70px
  }

  #my-agent__list .p-joboffer-list__wrap .list-area {
    margin-bottom: 40px
  }

  #my-agent__list .p-joboffer-list__wrap .p-joboffer-list-announce__txt {
    padding: 18px 12px 16px
  }

  #my-agent__list .p-joboffer-list__wrap .p-joboffer-list-announce__txt::before {
    width: 16px;
    height: 16px;
    margin-right: 5px
  }

  #my-agent__list .p-joboffer-list__wrap .p-joboffer-list__txt {
    background-color: #fff;
    padding: 15px;
    margin-top: 17px
  }

  #my-agent__list.bookmark .p-joboffer-list__wrap {
    padding: 25px 15px 70px
  }

  #my-agent__list.applied .p-joboffer-list__wrap {
    padding: 25px 15px 70px
  }

  #my-agent__list .p-joboffer-list {
    margin-bottom: 32px
  }

  #my-agent__list .p-joboffer-list:last-of-type {
    margin-bottom: 90px
  }

  #my-agent__list .p-joboffer-list__status_area__status {
    padding: 13.5px 7.5px;
    font-size: 14px;
    width: 21.22vw
  }

  #my-agent__list .p-joboffer-list__status_area__read {
    margin-left: 16.5px
  }

  #my-agent__list .p-joboffer-list__status_area__unread {
    font-size: 11.5px;
    margin-right: 10px;
    padding: 3.5px 7.5px
  }

  #my-agent__list .p-joboffer-list__date_status__date {
    font-size: 15px
  }

  #my-agent__list .p-joboffer-list-info__warp {
    padding: 25px 16px 28px
  }

  #my-agent__list .p-joboffer-list__heading-area {
    padding-bottom: 13.6px
  }

  #my-agent__list .p-joboffer-list__heading-area__heading {
    font-size: 18px
  }

  #my-agent__list .p-joboffer-list__heading-area__sub-heading {
    font-size: 16px;
    margin-top: 13.6px
  }

  #my-agent__list .p-joboffer-list__heading-area__attention-txt,
  #my-agent__list .p-joboffer-list__heading-area__attention-txt-div {
    font-size: 15px;
    padding: 12px 15px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  #my-agent__list .p-joboffer-list__heading-area__interview-time,
  #my-agent__list p-joboffer-list__heading-area__interview-time-div {
    font-size: 14px;
    padding: 12px 13px
  }

  #my-agent__list .p-joboffer-list__heading-area__interview-time .time,
  #my-agent__list p-joboffer-list__heading-area__interview-time-div .time {
    font-size: 16px
  }

  #my-agent__list .p-joboffer-list__heading-area__interview-time .time span.small,
  #my-agent__list p-joboffer-list__heading-area__interview-time-div .time span.small {
    font-size: 15px
  }

  #my-agent__list .p-joboffer-list__heading-area__interview-time::before,
  #my-agent__list p-joboffer-list__heading-area__interview-time-div::before {
    max-width: 17px;
    height: 17px;
    margin-right: 7px
  }

  #my-agent__list .p-joboffer-list__employ-area__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #my-agent__list .p-joboffer-list__employ-area__item {
    font-size: 13.5px;
    padding: 6px 12px;
    margin-right: 5px;
    margin-bottom: 5px
  }

  #my-agent__list .p-joboffer-list__employ-area__item_more_plus {
    font-size: 13.5px;
    padding: 6px 12px;
    margin-right: 5px;
    margin-bottom: 5px
  }

  #my-agent__list .p-joboffer-list__salary-area {
    margin-top: 13.6px
  }

  #my-agent__list .p-joboffer-list__salary-area__salary {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #my-agent__list .p-joboffer-list__salary-area__icon {
    width: 23.9px;
    height: 22.75px;
    margin-right: 10px
  }

  #my-agent__list .p-joboffer-list__salary-area__icon:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  #my-agent__list .p-joboffer-list__salary-area__text {
    font-size: 15px;
    width: 77.4vw
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent {
    font-size: 16px;
    padding: 27px 0
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:hover {
    opacity: 1
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:active {
    opacity: .7
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:before {
    width: 20px;
    height: 20px;
    background-size: cover
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent.bookmark:after {
    margin-left: 2.5px
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent.bookmark.add:after {
    margin-left: 1.75px
  }

  #my-agent__list .p-joboffer-list__button .c-button_agent:nth-child(3) img {
    width: 5px
  }

  #my-agent__list .p-joboffer-list__button__arrow__text {
    margin-right: 5px
  }

  #my-agent__list .p-joboffer-acc__area__btn.acc-click__agent {
    width: 84vw;
    font-size: 16px;
    padding: 30px 0;
    letter-spacing: .8px
  }

  #my-agent__list .p-joboffer-acc__area__btn.acc-click__agent:hover {
    opacity: 1
  }

  #my-agent__list .p-joboffer-acc__area__btn.acc-click__agent:active {
    opacity: .7
  }

  #my-agent__list .p-joboffer-acc__area__btn.acc-click__agent:after {
    width: 12px;
    height: 6.75px;
    margin-left: 5px
  }

  #my-agent__list .p-joboffer-acc__area .p-joboffer-list:first-of-type {
    margin-top: 60px
  }

  #my-agent__list .p-joboffer-bookmark__list-caution-txt {
    text-align: left
  }

  #my-agent__list .p-joboffer-bookmark__caution-txt {
    text-align: left
  }

  #my-agent__list .p-joboffer-mypage__link__content {
    font-size: 15px;
    padding: 0 0 30px 0;
    margin: 30px auto 30px
  }
}

#my-agent__list.form .page-form-anounce {
  border-radius: 5px;
  border: solid 2px #ca0813;
  background-color: #feffe6;
  margin-bottom: 20px
}

#my-agent__list.form .page-form-anounce__text {
  padding: 21px 25px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.93;
  letter-spacing: normal;
  text-align: left;
  color: #c00
}

#my-agent__list.form .page-form-anounce__text img {
  margin-right: 10px;
  margin-bottom: 2.7px
}

#my-agent__list.form .p-joboffer-list__wrap {
  padding: 42px 50px 80px;
  border-radius: 5px
}

#my-agent__list.form .p-joboffer-complete__txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 76px
}

#my-agent__list.form .p-joboffer-acc__area__btn {
  width: 32.91%;
  margin: 0 auto
}

#my-agent__list.form .p-joboffer-acc__area__btn a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #bbb;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.form .p-joboffer-acc__area__btn a img {
  margin-left: 10px
}

#my-agent__list.form .l-single__contents__heading__wrap {
  background: #fff;
  border-bottom: none;
  border-top: 1px solid #ddd
}

#my-agent__list.form .l-single__contents__heading__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px;
  width: 100%;
  margin: 0 auto
}

#my-agent__list.form .l-single__contents__heading {
  border-top: none
}

#my-agent__list.form .l-single__contents__heading__prev-btn {
  margin-right: 33.44%;
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list.form .l-single__contents__heading__prev-btn img {
  margin-right: 8px
}

@media screen and (max-width:767px) {
  #my-agent__list.form .l-single__contents__heading {
    border-bottom: solid 1px #ddd
  }

  #my-agent__list.form .page--single__inner {
    padding-bottom: 70px
  }

  #my-agent__list.form .p-joboffer-list__wrap {
    padding: 50px 15px 70px;
    background: #fff
  }

  #my-agent__list.form .p-joboffer-complete__txt {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 50px
  }

  #my-agent__list.form .p-joboffer-acc__area__btn {
    max-width: 261px;
    width: 100%
  }

  #my-agent__list.form .p-joboffer-acc__area__btn a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.form .p-joboffer-acc__area__btn a img {
    margin-left: 10px;
    width: 6px
  }
}

#my-agent__list.complete .p-joboffer-list__wrap {
  padding: 90px 50px 50px;
  border-radius: 5px
}

#my-agent__list.complete .p-joboffer-complete__txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 76px
}

#my-agent__list.complete .p-joboffer-complete__txt .txt {
  padding-left: 28%;
  text-align: left
}

#my-agent__list.complete .p-joboffer-acc__area__btn {
  width: 32.91%;
  margin: 0 auto
}

#my-agent__list.complete .p-joboffer-acc__area__btn a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #bbb;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.complete .p-joboffer-acc__area__btn a img {
  margin-left: 10px
}

#my-agent__list.complete .p-joboffer-acc__area__btn_schedule a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #0d8a19;
  background-color: #0d8a19;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.complete .p-joboffer-acc__area__btn_schedule a img {
  margin-left: 10px
}

@media screen and (max-width:767px) {
  #my-agent__list.complete .l-single__contents__heading {
    border-bottom: solid 1px #ddd
  }

  #my-agent__list.complete .page--single__inner {
    padding-bottom: 70px
  }

  #my-agent__list.complete .p-joboffer-list__wrap {
    padding: 50px 15px 70px;
    background: #fff
  }

  #my-agent__list.complete .p-joboffer-complete__txt {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 50px
  }

  #my-agent__list.complete .p-joboffer-complete__txt .txt {
    padding-left: 5%;
    text-align: left
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn {
    max-width: 261px;
    width: 100%
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn a img {
    margin-left: 10px;
    width: 6px
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn_schedule {
    max-width: 261px;
    width: 100%
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn_schedule a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.complete .p-joboffer-acc__area__btn_schedule a img {
    margin-left: 10px;
    width: 6px
  }
}

#my-agent__list.application__input .l-single__contents__inner__survey_after_nyuusha .l-single__contents__heading {
  margin: 0 auto
}

#my-agent__list.application__input .l-single__contents__heading__wrap {
  background: #fff;
  border-bottom: none;
  border-top: 1px solid #ddd
}

#my-agent__list.application__input .l-single__contents__heading__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px;
  width: 100%;
  margin: 0 auto
}

#my-agent__list.application__input .l-single__contents__heading {
  border-top: none
}

#my-agent__list.application__input .l-single__contents__heading__center {
  text-align: center
}

#my-agent__list.application__input .l-single__contents__heading__prev-btn {
  margin-right: 33.44%;
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list.application__input .l-single__contents__heading__prev-btn img {
  margin-right: 8px
}

#my-agent__list.application__input .page-form-anounce {
  border-radius: 5px;
  border: solid 2px #ca0813;
  background-color: #feffe6;
  margin-bottom: 20px
}

#my-agent__list.application__input .page-form-anounce__text {
  padding: 21px 25px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.93;
  letter-spacing: normal;
  text-align: left;
  color: #c00
}

#my-agent__list.application__input .page-form-anounce__text img {
  margin-right: 10px;
  margin-bottom: 2.7px
}

#my-agent__list.application__input .p-form__agent__text.anounce {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #c00;
  margin-top: 15px
}

#my-agent__list.application__input .p-joboffer-list__wrap {
  padding: 40px 50px 80px;
  border-radius: 5px
}

#my-agent__list.application__input .p-joboffer-complete__txt {
  margin-bottom: 20px
}

#my-agent__list.application__input .p-joboffer-complete__txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #c00;
  padding: 23px 25px;
  border-radius: 5px;
  border: solid 2px #ca0813;
  background-color: #feffe6
}

#my-agent__list.application__input .p-joboffer-complete__txt p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_caution.svg);
  margin-right: 10px
}

#my-agent__list.application__input .p-form__agent__heading__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #000
}

#my-agent__list.application__input .p-form__agent__heading__text.hissu span {
  vertical-align: middle
}

#my-agent__list.application__input .p-form__agent__heading__text.hissu::after {
  content: "";
  display: inline-block;
  width: 56px;
  height: 28px;
  margin-left: 3px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon-hissu.svg);
  vertical-align: middle
}

#my-agent__list.application__input .p-form__agent__heading__text.nini::after {
  content: "";
  display: inline-block;
  width: 56px;
  height: 28px;
  margin-left: 3px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon-nini.svg);
  vertical-align: middle
}

#my-agent__list.application__input .p-form__agent__heading__sub-text {
  font-size: 15px;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-top: 9px;
  display: block
}

#my-agent__list.application__input .dl-joboffer-targetrefusal__contents {
  margin-bottom: 70px
}

#my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 16px
}

#my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
  padding: 40px 50px 45px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #bbb;
  background-color: #f8f8f8
}

#my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #000;
  margin-bottom: 20px
}

#my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.application__input .p-joboffer-enquete-target__contents {
  margin-bottom: 80px
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner {
  padding: 20px 30px 5px;
  margin: 40px auto 0;
  border-radius: 5px;
  border: solid 1px #c8c8c8;
  background-color: #fff
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule-target__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #000;
  margin-bottom: 15px
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule-target__heading::before {
  content: "";
  display: block;
  width: 3px;
  height: 15px;
  margin-right: 8px;
  background-color: #0d8a19
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule__contents {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule__contents .p-joboffer-schedule__heading {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  margin-right: 2px;
  white-space: nowrap
}

#my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule__contents .p-joboffer-schedule__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000;
  font-weight: 700
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner {
  padding: 20px 30px 5px;
  margin: 40px auto 0;
  border-radius: 5px;
  border: solid 1px #707070;
  background-color: #fff
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete-target__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #000;
  margin-bottom: 15px
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete-target__heading::before {
  content: "";
  display: block;
  width: 3px;
  height: 15px;
  margin-right: 8px;
  background-color: #0d8a19
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete__contents {
  margin-bottom: 15px
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete__contents .p-joboffer-enquete__heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #000;
  margin-right: 16px;
  width: 70px
}

#my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete__contents .p-joboffer-enquete__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.application__input .p-joboffer-thanks__txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 20px
}

#my-agent__list.application__input .p-joboffer-acc__area__btn {
  width: 32.98%;
  margin: 0 auto
}

#my-agent__list.application__input .p-joboffer-acc__area__btn a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #bbb;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.application__input .p-joboffer-acc__area__btn a img {
  margin-right: 10px
}

#my-agent__list.application__input .p-form__agent__box {
  margin-bottom: 80px
}

#my-agent__list.application__input .p-form__agent__input__area {
  margin-top: 20px
}

#my-agent__list.application__input .p-form__agent__input__area.checkbox {
  margin-top: 30px;
  padding: 30px 40px 40px;
  border-radius: 10px;
  background-color: #f8f8f8
}

#my-agent__list.application__input .p-form__agent__input__area .other_agent_data_tall {
  height: 206px
}

#my-agent__list.application__input .p-form__agent__input__area__caution-text {
  font-size: 15px;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 10px
}

#my-agent__list.application__input .p-form__agent__input__list__item {
  margin-bottom: 10px
}

#my-agent__list.application__input .p-form__agent__input__list__item:last-child {
  margin-bottom: 0
}

#my-agent__list.application__input .c-checkbox+label.c-checkbox--label {
  border-radius: 5px;
  border: solid 1px #000;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  padding: 10px 14px 10px 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000
}

#my-agent__list.application__input .c-checkbox+label.c-checkbox--label::before {
  border-radius: 5px;
  border: solid 1px #707070;
  background-color: #f8f8f8;
  left: 20px
}

#my-agent__list.application__input .c-checkbox+label.c-checkbox--label .checked__txt::before {
  content: 'チェックボックス';
  display: block
}

#my-agent__list.application__input .c-checkbox+label.c-checkbox--label .hidden__txt__checked {
  display: none
}

@media screen and (max-width:767px) {
  #my-agent__list.application__input .c-checkbox+label.c-checkbox--label:hover {
    opacity: 1
  }

  #my-agent__list.application__input .c-checkbox+label.c-checkbox--label:active {
    opacity: .7
  }
}

#my-agent__list.application__input .c-checkbox:checked+label.c-checkbox--label {
  font-weight: 700
}

#my-agent__list.application__input .c-checkbox:checked+label.c-checkbox--label:before {
  background: #0559a8 url(https://info.atgp.jp/hubfs/atgp-common/assets/images/common/common/icon/icon_check.svg) no-repeat center center;
  border: 1px solid #0559a8
}

#my-agent__list.application__input .c-checkbox:checked+label.c-checkbox--label .checked__txt::before {
  content: 'チェック済み';
  display: block
}

#my-agent__list.application__input .c-checkbox:checked+label.c-checkbox--label .hidden__txt__checked {
  display: block
}

#my-agent__list.application__input .c-checkbox:checked+label.c-checkbox--label .hidden__txt__noncheck {
  display: none
}

#my-agent__list.application__input .c-textarea {
  border-radius: 5px;
  border: solid 1px #707070;
  background-color: #fff;
  max-width: 100%;
  min-height: 120px;
  padding: 20px
}

#my-agent__list.application__input .p-form__agent__submit-area {
  margin-bottom: 80px
}

#my-agent__list.application__input .p-form__agent__submit-area__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 30px
}

#my-agent__list.application__input .p-form__agent__submit-area__button {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  background-color: #c75302;
  padding: 27px 0;
  width: 66.58%;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: .9px;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  cursor: pointer
}

#my-agent__list.application__input .p-form__agent__submit-area__button::after {
  content: "";
  display: block;
  width: 9px;
  height: 12px;
  background: center/cover no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon-arrow.svg);
  margin-left: 10px;
  margin-bottom: 2px
}

#my-agent__list.application__input .p-form__agent__submit-area__button:hover {
  outline-width: 0;
  opacity: .7
}

#my-agent__list.application__input .p-form__agent__enquete-area {
  margin-bottom: 80px
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__enquete-area__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 40px;
  background-color: #0d8a19
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__heading__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__heading__text::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 17px;
  margin-right: 3px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon_check.svg);
  vertical-align: middle
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__input__area {
  margin: 13px 0 50px
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__input__area p {
  margin-bottom: 5px
}

#my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__input__area .c-textarea {
  min-height: 180px
}

#my-agent__list.application__input .p-form__agent__input__area.text ::-webkit-input-placeholder {
  color: #665b5b
}

#my-agent__list.application__input .p-form__agent__input__area.text ::-moz-placeholder {
  color: #665b5b
}

#my-agent__list.application__input .p-form__agent__input__area.text ::-ms-input-placeholder {
  color: #665b5b
}

#my-agent__list.application__input .p-form__agent__input__area.text ::placeholder {
  color: #665b5b
}

@media screen and (max-width:767px) {
  #my-agent__list.application__input .l-single__contents__heading__wrap {
    border-bottom: 1px solid #ddd;
    padding: 0 15px
  }

  #my-agent__list.application__input .l-single__contents__heading__prev-btn {
    margin-right: 0;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #0559a8;
    width: 25%
  }

  #my-agent__list.application__input .l-single__contents__heading__prev-btn img {
    margin-right: 5px
  }

  #my-agent__list.application__input .l-single__contents__heading {
    border-top: none;
    width: 50%
  }

  #my-agent__list.application__input .l-single__contents__heading__center {
    border-top: none;
    width: 100% !important
  }

  #my-agent__list.application__input .page--single__inner {
    padding-bottom: 70px
  }

  #my-agent__list.application__input .p-joboffer-list__wrap {
    padding: 25px 15px 70px;
    background: #fff;
    border-radius: 0 0 5px 5px
  }

  #my-agent__list.application__input .p-joboffer-list__wrap.enquete {
    padding: 0 0 70px
  }

  #my-agent__list.application__input .p-joboffer-list__wrap.enquete .p-form__agent__submit-area__text {
    padding: 0 15px
  }

  #my-agent__list.application__input .p-form__agent__box {
    margin-bottom: 60px
  }

  #my-agent__list.application__input .p-form__agent__heading__text {
    font-size: 17px;
    line-height: 1.59;
    letter-spacing: .07px;
    display: block
  }

  #my-agent__list.application__input .p-form__agent__heading__text.hissu::after {
    display: inline-block;
    width: 44px;
    height: 22.5px;
    vertical-align: middle
  }

  #my-agent__list.application__input .p-form__agent__heading__text.nini::after {
    display: inline-block;
    width: 44px;
    height: 22.5px;
    vertical-align: top
  }

  #my-agent__list.application__input .p-form__agent__heading__sub-text {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    margin-top: 18px
  }

  #my-agent__list.application__input .p-form__agent__input__list__item {
    margin-bottom: 16px
  }

  #my-agent__list.application__input .p-form__agent__input__area.checkbox {
    margin-top: 30px;
    padding: 20px 15px 20px
  }

  #my-agent__list.application__input .p-form__agent__input__area .senko_data_tall {
    height: 210px
  }

  #my-agent__list.application__input .p-form__agent__input__area .other_agent_data_tall {
    height: 296px
  }

  #my-agent__list.application__input .c-checkbox+label.c-checkbox--label::before {
    left: 15px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: block;
    position: static;
    top: 0;
    left: 14px;
    bottom: 0;
    margin: 0 10px 0 0
  }

  #my-agent__list.application__input .c-checkbox+label.c-checkbox--label {
    padding: 12px 15px 12px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #my-agent__list.application__input .c-textarea {
    padding: 15px;
    min-height: 180px
  }

  #my-agent__list.application__input .p-joboffer-complete__txt {
    padding: 25px 15px 0;
    margin-bottom: 0;
    background-color: #fff
  }

  #my-agent__list.application__input .p-joboffer-complete__txt p {
    font-size: 15px;
    line-height: 1.5;
    padding: 15px 16px
  }

  #my-agent__list.application__input .p-joboffer-complete__txt p::before {
    width: 16px;
    height: 16px
  }

  #my-agent__list.application__input .p-form__agent__submit-area__text {
    text-align: left
  }

  #my-agent__list.application__input .p-form__agent__submit-area__button {
    max-width: 315px;
    width: 100%;
    font-size: 16px;
    font-weight: 400
  }

  #my-agent__list.application__input .dl-joboffer-targetrefusal__contents {
    margin-bottom: 70px
  }

  #my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
    font-size: 18px;
    margin-bottom: 15px
  }

  #my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
    padding: 27px 16px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: solid 1px #bbb;
    background-color: #f8f8f8;
    margin-bottom: 15px
  }

  #my-agent__list.application__input .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .07px;
    margin-bottom: 15px
  }

  #my-agent__list.application__input .p-form__agent__submit-area {
    margin-bottom: 70px
  }

  #my-agent__list.application__input .p-form__agent__submit-area__button::after {
    width: 6px;
    height: 12px
  }

  #my-agent__list.application__input .p-joboffer-thanks__txt {
    text-align: left;
    margin-bottom: 30px
  }

  #my-agent__list.application__input .p-joboffer-acc__area__btn {
    max-width: 261px;
    width: 100%
  }

  #my-agent__list.application__input .p-joboffer-acc__area__btn a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.application__input .p-joboffer-acc__area__btn a img {
    margin-left: 10px;
    width: 6px
  }

  #my-agent__list.application__input .p-joboffer-enquete-target__contents {
    padding: 25px 15px 70px;
    margin-bottom: 0;
    background-color: #f8f8f8
  }

  #my-agent__list.application__input .p-joboffer-enquete-target__contents .p-form__agent__text {
    font-size: 16px
  }

  #my-agent__list.application__input .p-joboffer-enquete-target__contents .p-form__agent__text.anounce {
    font-size: 15px
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__contents_top {
    padding: 10px 15px 0;
    margin-bottom: 0;
    background-color: #fff
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__contents {
    padding: 20px 15px 25px;
    margin-bottom: 0;
    background-color: #f8f8f8
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__contents .p-form__agent__text {
    font-size: 16px
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__contents .p-form__agent__text.anounce {
    font-size: 15px
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__inner {
    padding: 16px 16px 6px;
    margin: 0 auto 0
  }

  #my-agent__list.application__input .p-joboffer-schedule-target__inner .p-joboffer-schedule__contents {
    margin-bottom: 10px
  }

  #my-agent__list.application__input .p-joboffer-enquete-target__inner {
    padding: 16px 16px 6px;
    margin: 36px auto 0
  }

  #my-agent__list.application__input .p-joboffer-enquete-target__inner .p-joboffer-enquete__contents {
    margin-bottom: 10px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area {
    margin-bottom: 60px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__enquete-area__heading {
    font-size: 18px;
    letter-spacing: .07px;
    padding: 10px 15px;
    margin-bottom: 25px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__box {
    padding: 0 15px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__heading__text {
    position: relative;
    padding-left: 25px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__heading__text .visuallyhidden {
    left: 0
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__heading__text::before {
    max-width: 19px;
    width: 100%;
    height: 15px;
    margin-right: 3px;
    position: absolute;
    top: 4px;
    left: 0
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__input__area {
    margin: 10px 0 40px
  }

  #my-agent__list.application__input .p-form__agent__enquete-area .p-form__agent__input__area p {
    margin-bottom: 10px
  }
}

#my-agent__list.application__input.error .p-joboffer-complete__txt.error__txt p {
  background-color: #fae5e5;
  border: none;
  padding: 15px 20px;
  margin-bottom: 30px
}

#my-agent__list.application__input.error .c-checkbox+label.c-checkbox--label {
  border: solid 1px #ca0813;
  background-color: rgba(204, 0, 0, .1)
}

@media screen and (max-width:767px) {
  #my-agent__list.application__input.error .p-joboffer-complete__txt.error__txt {
    background: inherit;
    padding: 0
  }

  #my-agent__list.application__input.error .p-joboffer-complete__txt.error__txt p {
    background-color: #fae5e5;
    border: none;
    padding: 12px;
    margin-bottom: 17.5px
  }
}

#my-agent__list.application__input .c-checkbox.is-error+label.c-checkbox--label {
  border: solid 1px #ca0813 !important;
  background-color: rgba(204, 0, 0, .1) !important
}

#my-agent__list.application__input .c-form-error-text {
  margin-top: 0 !important;
  margin-bottom: 20px !important
}

#my-agent__list.refusal-application__complete .p-joboffer-list__wrap {
  padding: 40px 50px 80px;
  border-radius: 5px
}

#my-agent__list.refusal-application__complete .p-joboffer-complete__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 23px 25px;
  margin-bottom: 40px;
  border-radius: 5px;
  border: solid 2px #0d8a19;
  background-color: #f9fff7
}

#my-agent__list.refusal-application__complete .p-joboffer-complete__txt::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon_ionic_ios_checkmark_circle.svg);
  margin-right: 10px
}

#my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents {
  margin-bottom: 50px
}

#my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 16px
}

#my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
  padding: 40px 50px 45px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #bbb;
  background-color: #f8f8f8
}

#my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #000;
  margin-bottom: 20px
}

#my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.refusal-application__complete .p-joboffer-thanks__txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 20px
}

#my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn {
  width: 53.39%;
  margin: 0 auto
}

#my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #bbb;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn a img {
  margin-left: 10px
}

@media screen and (max-width:767px) {
  #my-agent__list.refusal-application__complete .l-single__contents__heading {
    border-bottom: solid 1px #ddd
  }

  #my-agent__list.refusal-application__complete .page--single__inner {
    padding-bottom: 70px
  }

  #my-agent__list.refusal-application__complete .p-joboffer-list__wrap {
    padding: 25px 15px 60px;
    background: #fff
  }

  #my-agent__list.refusal-application__complete .p-joboffer-complete__txt {
    font-size: 15px;
    line-height: 1.5;
    padding: 15px 16px;
    margin-bottom: 40px
  }

  #my-agent__list.refusal-application__complete .p-joboffer-complete__txt::before {
    width: 16px;
    height: 16px
  }

  #my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents {
    margin-bottom: 60px
  }

  #my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
    font-size: 18px;
    margin-bottom: 15px
  }

  #my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
    padding: 27px 16px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: solid 1px #bbb;
    background-color: #f8f8f8;
    margin-bottom: 15px
  }

  #my-agent__list.refusal-application__complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .07px;
    margin-bottom: 15px
  }

  #my-agent__list.refusal-application__complete .p-joboffer-thanks__txt {
    text-align: left;
    margin-bottom: 30px
  }

  #my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn {
    max-width: 315px;
    width: 100%
  }

  #my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.refusal-application__complete .p-joboffer-acc__area__btn a img {
    margin-left: 10px;
    width: 6px
  }
}

#my-agent__list.application-application-complete .l-single__contents__heading {
  text-align: center
}

#my-agent__list.application-application-complete .p-joboffer-list__wrap {
  padding: 40px 50px 80px;
  border-radius: 5px
}

#my-agent__list.application-application-complete .p-joboffer-complete__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding: 23px 25px;
  margin-bottom: 40px;
  border-radius: 5px;
  border: solid 2px #0d8a19;
  background-color: #f9fff7
}

#my-agent__list.application-application-complete .p-joboffer-complete__txt::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/icon_ionic_ios_checkmark_circle.svg);
  margin-right: 10px
}

#my-agent__list.application-application-complete .p-joboffer-complete__heading h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 1px;
  text-align: left;
  color: #000;
  max-width: 650px;
  width: 100%;
  height: 230px;
  padding-left: 276px;
  margin: 0 auto 80px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/img_kanryou_pc@2x.png)
}

#my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents {
  margin-bottom: 50px
}

#my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 16px
}

#my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
  padding: 40px 50px 45px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: solid 1px #bbb;
  background-color: #f8f8f8
}

#my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #000;
  margin-bottom: 20px
}

#my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.application-application-complete .p-joboffer-thanks__txt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-bottom: 30px
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn {
  max-width: 572px;
  width: 100%;
  margin: 0 auto 80px
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn a {
  padding: 30px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 #0000004d;
  box-shadow: 0 2px 3px 0 #0000004d;
  background-color: #0d8a19;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: .9px;
  text-align: left;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn a img {
  margin-left: 10px
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn button {
  padding: 30px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 #0000004d;
  box-shadow: 0 2px 3px 0 #0000004d;
  background-color: #0d8a19;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: .9px;
  text-align: left;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  cursor: pointer
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn button:hover {
  opacity: .7
}

#my-agent__list.application-application-complete .p-joboffer-interview__area__btn button img {
  margin-left: 10px
}

#my-agent__list.application-application-complete .p-joboffer-acc__area__btn {
  width: 53.39%;
  margin: 0 auto
}

#my-agent__list.application-application-complete .p-joboffer-acc__area__btn a {
  padding: 17px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #bbb;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

#my-agent__list.application-application-complete .p-joboffer-acc__area__btn a img {
  margin-left: 10px
}

@media screen and (max-width:767px) {
  #my-agent__list.application-application-complete .l-single__contents__heading {
    border-bottom: solid 1px #ddd
  }

  #my-agent__list.application-application-complete .page--single__inner {
    padding-bottom: 70px
  }

  #my-agent__list.application-application-complete .p-joboffer-list__wrap {
    padding: 25px 15px 60px;
    background: #fff
  }

  #my-agent__list.application-application-complete .p-joboffer-complete__txt {
    font-size: 15px;
    line-height: 1.5;
    padding: 15px 16px;
    margin-bottom: 25px
  }

  #my-agent__list.application-application-complete .p-joboffer-complete__txt::before {
    width: 16px;
    height: 16px
  }

  #my-agent__list.application-application-complete .p-joboffer-complete__heading {
    padding: 0 10px
  }

  #my-agent__list.application-application-complete .p-joboffer-complete__heading h3 {
    font-size: 17px;
    line-height: 1.59;
    max-width: 325px;
    height: 175px;
    background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/form/img_kanryou_sp@2x.png);
    padding-left: 125px;
    margin: 0 auto 50px
  }

  #my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents {
    margin-bottom: 10px
  }

  #my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dt-joboffer-targetrefusal__heading {
    font-size: 18px;
    margin-bottom: 15px
  }

  #my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents {
    padding: 27px 16px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: solid 1px #bbb;
    background-color: #f8f8f8;
    margin-bottom: 15px
  }

  #my-agent__list.application-application-complete .dl-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__contents .dd-joboffer-targetrefusal__heading {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .07px;
    margin-bottom: 15px
  }

  #my-agent__list.application-application-complete .p-joboffer-thanks__txt {
    text-align: left;
    margin-bottom: 30px
  }

  #my-agent__list.application-application-complete .p-joboffer-interview__area__btn {
    margin: 0 auto 35px
  }

  #my-agent__list.application-application-complete .p-joboffer-interview__area__btn a {
    font-size: 16px
  }

  #my-agent__list.application-application-complete .p-joboffer-interview__area__btn button {
    font-size: 16px
  }

  #my-agent__list.application-application-complete .p-joboffer-interview__area__btn button:hover {
    opacity: 1
  }

  #my-agent__list.application-application-complete .p-joboffer-interview__area__btn button:active {
    opacity: .7
  }

  #my-agent__list.application-application-complete .p-joboffer-acc__area__btn {
    max-width: 315px;
    width: 100%
  }

  #my-agent__list.application-application-complete .p-joboffer-acc__area__btn a {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
  }

  #my-agent__list.application-application-complete .p-joboffer-acc__area__btn a img {
    margin-left: 10px;
    width: 6px
  }
}

@media screen and (max-width:300px) {
  #my-agent__list.application-application-complete .p-joboffer-complete__heading h3 {
    padding-left: 33.1vw
  }
}

.nrcal-question {
  font-weight: 700
}

.nrcal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px
}

.myagent-individual-text-right {
  text-align: right
}

.myagent-individual-item-error {
  margin-top: 10px
}

.myagent-individual-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute
}

.myagent-individual-hide {
  display: none
}

.myagent-individual-button-invalid {
  color: #fff !important;
  background-color: #e0e0e0 !important;
  border: 1px solid #e0e0e0 !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important
}

.myagent-individual-radio+label.myagent-individual-radio--label:before {
  content: " ";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  top: -2px;
  bottom: 0;
  margin: auto;
  left: 15px;
  border: 2px solid #c7c7c7;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: sub
}

.myagent-individual-button-green {
  background-color: #0d8a19 !important;
  color: #fff !important
}

.myagent-individual-button-text-area {
  text-align: center
}

@media screen and (max-width:767px) {
  .myagent-individual-button-text-area {
    text-align: left
  }
}

.myagent-individual-schedule-complete-button.u-for-sp {
  height: 83.6px
}

.myagent-individual-radio:checked+label.myagent-individual-radio--label:before {
  border: 6px solid #0559a8;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: sub
}

.nrcal-radio--label::before {
  border: 6px solid #0559a8;
  border-radius: 10px
}

.nrcal-is-error {
  background-color: #ffe0e0 !important
}

.nrcal-item__time__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.nrcal-input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-width: 2px;
  border-style: solid;
  border-color: #0559a8;
  -o-border-image: initial;
  border-image: initial;
  border-radius: 4px
}

.nrcal-optional,
.nrcal-required {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  width: 28px;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  margin-left: 10px;
  padding: 4px 0
}

.nrcal-required {
  background-color: #c00
}

.nrcal-vertical-middle {
  vertical-align: middle !important
}

.nrcal-optional {
  background-color: #707070
}

@media screen and (min-width:768px) {
  .nrcal-question {
    font-size: 22px;
    margin: 50px 0 0
  }

  .nrcal-list {
    margin: 40px 0
  }

  .nrcal-heading {
    font-weight: 700;
    margin-bottom: 5px
  }

  .nrcal-item-div {
    margin-bottom: 40px
  }

  .nrcal-item__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
  }

  .nrcal-input {
    height: 64px;
    font-size: 18px;
    padding: 0 10px
  }

  .nrcal-input--time {
    width: 100px
  }
}

@media screen and (max-width:768px) {
  .nrcal-list {
    margin: 40px 0
  }

  .nrcal-heading {
    font-weight: 700;
    margin-bottom: 5px
  }

  .nrcal-item-div {
    margin-bottom: 20px
  }

  .nrcal-item__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
  }

  .nrcal-input {
    height: 48px;
    font-size: 14px;
    padding: 0 6px
  }

  .nrcal-input--time {
    width: 50px
  }
}

#my-agent__list.detail .l-single__contents__heading__wrap {
  background: #fff;
  border-bottom: none;
  border-top: 1px solid #ddd
}

#my-agent__list.detail .l-single__contents__heading__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 960px;
  width: 100%;
  margin: 0 auto
}

#my-agent__list.detail .l-single__contents__heading {
  border-top: none
}

#my-agent__list.detail .l-single__contents__heading__prev-btn {
  margin-right: 33.44%;
  font-size: 16px;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #0559a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list.detail .l-single__contents__heading__prev-btn img {
  margin-right: 8px
}

#my-agent__list.detail .p-joboffer__attention__txt {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #c00;
  padding: 15px 50px;
  background-color: #ffdede;
  margin-bottom: 20px
}

#my-agent__list.detail .p-joboffer-list__wrap {
  padding: 0;
  background: #fff;
  border-radius: 5px
}

#my-agent__list.detail .p-joboffer-list {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0
}

#my-agent__list.detail .p-joboffer-list.status__expired {
  background-color: #fff
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__date_status__date {
  color: #000
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__heading-area__heading {
  color: #000
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__heading-area__sub-heading {
  color: #000
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__employ-area__item {
  color: #118919;
  border: solid 1px #118919
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__salary-area__salary {
  color: #000
}

#my-agent__list.detail .p-joboffer-list.status__expired .p-joboffer-list__salary-area__salary .p-joboffer-list__salary-area__icon::before {
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/icon-yen.svg)
}

#my-agent__list.detail .p-joboffer-list.status__intermediate .p-joboffer-list__heading-area {
  padding-bottom: 20px
}

#my-agent__list.detail .p-joboffer-list.status__fixed .p-joboffer-list__heading-area {
  padding-bottom: 20px
}

@media screen and (max-width:767px) {
  #my-agent__list.detail .p-joboffer-list.status__intermediate .p-joboffer-list__heading-area {
    padding-bottom: 13.6px
  }

  #my-agent__list.detail .p-joboffer-list.status__fixed .p-joboffer-list__heading-area {
    padding-bottom: 13.6px
  }
}

#my-agent__list.detail .p-joboffer-list:last-of-type {
  margin-bottom: 0
}

#my-agent__list.detail .p-joboffer-list__status_area__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#my-agent__list.detail .p-joboffer-list__status_area__right {
  padding-right: 50px
}

#my-agent__list.detail .p-joboffer-list__status_area {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#my-agent__list.detail .p-joboffer-list__status_area__status {
  width: 28.09%;
  min-width: 90px
}

#my-agent__list.detail .p-joboffer-list__status_area__status__intern {
  font-size: 15px !important
}

@media screen and (max-width:767px) {
  #my-agent__list.detail .p-joboffer-list__status_area__status__intern {
    font-size: 11px !important
  }
}

#my-agent__list.detail .p-joboffer-list__status_id_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #bbb
}

#my-agent__list.detail .p-joboffer-list__status_id__txt {
  padding: 9px 7px;
  background-color: #707070;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff
}

#my-agent__list.detail .p-joboffer-list__status_id__number {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  padding: 0 7px
}

#my-agent__list.detail .p-joboffer-list-info__warp {
  padding: 40px 50px 70px
}

#my-agent__list.detail .p-joboffer-list__heading-area__heading {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05px;
  text-align: left
}

#my-agent__list.detail .p-joboffer-list__heading-area__sub-heading {
  color: #000;
  margin-top: 13px;
  font-size: 20px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail .p-joboffer-list__answer-period-area+.p-joboffer-list__to-news {
  margin-top: 20px
}

#my-agent__list.detail .p-joboffer-list__to-news {
  padding: 10px 16px;
  margin-top: 40px;
  border-radius: 10px;
  border: solid 2px #0d8a194d;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #000
}

#my-agent__list.detail .p-joboffer-list__to-news .p-joboffer-list__to-news__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: .03px;
  margin-bottom: 5px
}

#my-agent__list.detail .p-joboffer-list__to-news .p-joboffer-list__to-news__heading::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
  margin-right: 5px;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-awesome-bell.svg);
  background-size: contain;
  background-repeat: no-repeat
}

#my-agent__list.detail .p-joboffer-list__button__center {
  text-align: center;
  margin-top: 40px
}

@media screen and (max-width:767px) {
  #my-agent__list.detail .p-joboffer-list__button__center {
    margin-top: 20px
  }
}

#my-agent__list.detail .p-joboffer-list__button {
  margin-top: 40px
}

#my-agent__list.detail .c-button_agent__wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#my-agent__list.detail .c-button_agent {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  cursor: pointer
}

#my-agent__list.detail .c-button_agent:hover {
  opacity: .7
}

@media screen and (max-width:767px) {
  #my-agent__list.detail .c-button_agent:hover {
    opacity: 1
  }

  #my-agent__list.detail .c-button_agent:active {
    opacity: .7
  }
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 1px #0559a8;
  width: calc(50% - 10px)
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent.enquete {
  max-width: 572px;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 #0000004d;
  box-shadow: 0 2px 3px 0 #0000004d;
  background-color: #0d8a19;
  color: #fff;
  font-size: 16px;
  padding: 25px 0;
  margin: 0 auto
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent_schedule_input {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  background-color: #c75302;
  border: 1px solid #c75302;
  max-width: 572px;
  margin: 0 auto
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent_schedule_input span {
  color: #fff
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent:nth-child(3) {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  background-color: #c75302;
  border: 1px solid #c75302
}

#my-agent__list.detail .p-tab-list__wrap {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb
}

#my-agent__list.detail .p-tab-list__wrap.fixed {
  position: fixed;
  z-index: 999;
  top: 0;
  max-width: 960px;
  width: 100%
}

#my-agent__list.detail .p-tab-list {
  width: 100%
}

#my-agent__list.detail .p-tab-list__item {
  width: 25%
}

#my-agent__list.detail .p-tab-list__item:first-child.active .p-tab-list__link p {
  border-left: none
}

#my-agent__list.detail .p-tab-list__item.active {
  width: 25%;
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  border-bottom: solid 2px #0d8a19
}

#my-agent__list.detail .p-tab-list__item.active+.p-tab-list__item p {
  border-left: solid 1px #bbb
}

#my-agent__list.detail .p-tab-list__item.active .p-tab-list__link {
  border-right: none;
  border-left: none
}

#my-agent__list.detail .p-tab-list__item.active .p-tab-list__link p {
  border-left: solid 1px #bbb
}

#my-agent__list.detail .p-tab-list__item a {
  border-bottom: none
}

#my-agent__list.detail #section__detail {
  padding-top: 60px
}

#my-agent__list.detail #section__detail .p-joboffer-list {
  margin-top: 95px
}

#my-agent__list.detail #section__detail .p-joboffer-list.job__detail {
  margin-top: 0
}

#my-agent__list.detail #section__detail .p-joboffer-list.application__detail {
  margin-top: 80px
}

#my-agent__list.detail #section__detail .p-joboffer-list-info__warp {
  padding: 0 50px
}

#my-agent__list.detail #section__detail .p-joboffer-list__heading-area {
  padding-bottom: 14px
}

#my-agent__list.detail #section__detail .p-joboffer-list__heading-area__heading {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #0d8a19
}

#my-agent__list.detail #section__detail .p-title-sub-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

#my-agent__list.detail #section__detail .p-title-sub-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

#my-agent__list.detail #section__detail .p-title-sub-child-pc {
  display: contents
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .p-title-sub-child-pc {
    display: none
  }
}

#my-agent__list.detail #section__detail .p-title-sub-child-sp {
  display: none
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .p-title-sub-child-sp {
    display: block
  }
}

#my-agent__list.detail #section__detail .p-announce-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  color: #000;
  border-radius: 5px;
  border: solid 2px #0d8a19;
  padding: 12px 20px 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#my-agent__list.detail #section__detail .p-announce-area::before {
  content: "";
  display: block;
  width: 30px !important;
  height: 20px !important;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-attention.svg);
  margin-right: 10px
}

#my-agent__list.detail #section__detail .p-announce-area-in-contents {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .p-announce-area-in-contents {
    width: 98%
  }
}

#my-agent__list.detail #section__detail .p-announce-area-normal-text {
  font-weight: 400
}

#my-agent__list.detail #section__detail .p-joboffer-list__table {
  border-top: solid 1px #0d8a19;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word
}

#my-agent__list.detail #section__detail .p-joboffer-list__table tr {
  border-bottom: solid 1px #bbb
}

#my-agent__list.detail #section__detail .p-joboffer-list__table th {
  width: 20.3%;
  background-color: #f8f8f8;
  vertical-align: baseline
}

#my-agent__list.detail #section__detail .p-joboffer-list__table td {
  vertical-align: top
}

#my-agent__list.detail #section__detail .p-joboffer-list__table .sp-only-tr {
  border-bottom: none;
  display: none
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .p-joboffer-list__table .sp-only-tr {
    display: block
  }
}

#my-agent__list.detail #section__detail .p-joboffer-list__table .no_border_bottom {
  border-bottom: none !important
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.88;
  letter-spacing: .03px;
  text-align: left;
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__title::before {
  content: '';
  display: block;
  width: 0;
  height: 16px;
  border-left: solid 4px #0d8a19;
  margin-right: 8px;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text {
  padding: 20px 20px 40px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text a:hover {
  opacity: 1;
  text-decoration: underline
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item:last-child {
  margin-bottom: 0
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item__title {
  font-weight: 700;
  margin-right: 10px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item__title_skill {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-area {
  margin-top: 60px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-wrap {
  border-radius: 10px;
  border: solid 2px #118919;
  overflow: hidden
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-header {
  background-color: #fefff0;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 30px 16px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-header__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  padding: 16px 0 0 20px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info {
  margin-bottom: 30px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info:last-child {
  margin-bottom: 0
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info-wrap {
  padding: 30px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__title__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 11px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__title__img {
  margin-right: 8px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list__item {
  margin-right: 5px;
  margin-bottom: 5px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list__item:last-child {
  margin-right: 0
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list__item p {
  padding: 1px 12px;
  border: solid 1px #bbb;
  font-size: 13px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.62;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text.acc-text__area {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn__area {
  text-align: center;
  margin-top: 10px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .75px;
  text-align: left;
  color: #0559a8;
  border-bottom: solid 1px #0559a8;
  cursor: pointer;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn:after {
  content: '';
  display: block;
  width: 13px;
  height: 8px;
  background: center/contain no-repeat url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-arrow.svg);
  margin-left: 10px
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn.is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn:hover {
  outline: 0;
  opacity: .7
}

#my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn:focus {
  outline: 0
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn:hover {
    opacity: 1
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__btn:active {
    outline: 0;
    opacity: .7
  }
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-area:nth-child(2) {
  margin-top: 40px;
  margin-bottom: 0
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-area_range {
  margin-top: 24px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-area__text {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 10px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-area__text span {
  margin-right: 5px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-access__text {
  margin-top: 20px
}

#my-agent__list.detail #section__detail .p-joboffer-list__table__office-other__area {
  margin-top: 20px;
  padding: 16px;
  border-radius: 10px;
  border: solid 2px rgba(13, 138, 25, .3)
}

#my-agent__list.detail #section__detail .application__detail__heading-area {
  background-color: #0d8a19;
  padding: 20px
}

#my-agent__list.detail #section__detail .application__detail__heading-area__heading {
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: center;
  color: #fff
}

#my-agent__list.detail #section__detail .application__detail__info-area {
  background-color: #e9f3ea
}

#my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list-info__warp {
  padding: 40px 50px 80px
}

#my-agent__list.detail #section__detail .application__detail__info__txt {
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center
}

#my-agent__list.detail #section__detail .application__detail__button__area__txt {
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px
}

#my-agent__list.detail #section__detail .application__detail__button__area__txt:before {
  content: '';
  display: block;
  height: 30.3px;
  width: 17.5px;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin-right: 10px
}

#my-agent__list.detail #section__detail .application__detail__button__area__txt:after {
  content: '';
  display: block;
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/line-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  height: 30.3px;
  width: 17.5px;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin-left: 10px
}

@media screen and (max-width:767px) {
  #my-agent__list.detail #section__detail .application__detail__button__area__txt:before {
    height: 20px;
    width: 11px;
    margin-right: 8px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
  }

  #my-agent__list.detail #section__detail .application__detail__button__area__txt:after {
    height: 20px;
    width: 11px;
    margin-left: 8px
  }
}

#my-agent__list.detail #section__detail .application__detail__button__area__txt .status__answer-period__font-small {
  font-size: 15px
}

#my-agent__list.detail #section__detail .p-joboffer-list__button {
  margin-top: 20px
}

#my-agent__list.detail #section__detail .p-joboffer-list__button .c-button_agent.bookmark {
  background: #fff
}

#my-agent__list.detail #section__detail .c-button_agent__wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

#my-agent__list.detail #section__detail .c-button_agent.button__refusal {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
  border: solid 2px #bbb;
  background-color: #eee;
  width: 41.3%;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 40px auto 0
}

#my-agent__list.detail #section__detail .c-button_agent.button__refusal .p-joboffer-list__button__arrow__text {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .8px;
  text-align: left;
  color: #000;
  margin-right: 10px
}

#my-agent__list.detail #section__detail .application__detail__contact__area {
  padding: 30px 20px 40px;
  border-radius: 5px;
  border: solid 2px #0d8a19;
  background-color: #fff;
  margin-top: 80px
}

#my-agent__list.detail #section__detail .application__detail__contact__heading {
  border-bottom: solid 2px #0d8a19;
  padding: 0 0 20px 20px
}

#my-agent__list.detail #section__detail .application__detail__contact__heading__txt {
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .04px;
  text-align: left;
  color: #0d8a19
}

#my-agent__list.detail #section__detail .application__detail__contact__heading__txt img {
  margin-right: 6px
}

#my-agent__list.detail #section__detail .application__detail__contact__txt {
  padding: 20px 20px 0
}

#my-agent__list.detail #section__detail .application__detail__contact__guide {
  font-size: 16px
}

#my-agent__list.detail #section__detail .application__detail__contact__guide a {
  opacity: 1;
  text-decoration: none
}

#my-agent__list.detail #section__detail .application__detail__contact__guide a:hover {
  text-decoration: underline
}

#my-agent__list.detail #section__detail .application__detail__contact__txt__main-txt {
  font-size: 18px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 16px
}

#my-agent__list.detail #section__detail .application__detail__contact__txt__sub-txt {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left
}

#my-agent__list.detail .p-form-fixed_agent {
  background-color: rgba(221, 221, 221, .8);
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: right;
  z-index: 10
}

#my-agent__list.detail .p-form-fixed--inner.is-table {
  padding: 10px 0;
  background-color: unset;
  max-width: 960px;
  margin: 0 auto
}

#my-agent__list.detail .p-form-fixed--inner.is-table .p-joboffer-list__button {
  margin-top: 0
}

#my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark {
  background: #fff
}

#my-agent__list.detail .d-none {
  display: none
}

#my-agent__list.detail .p-joboffer-list__table__text__company-link:after {
  content: '';
  background-image: url(https://info.atgp.jp/hubfs/atgp-common/assets/images/myagent/detail/icon-awesome-external-link-alt.svg);
  width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 3px;
  display: inline-block
}

#my-agent__list.detail .p-joboffer-list__heading-area__attention-txt.p-joboffer-list__heading-area__attention-txt__past {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#my-agent__list.detail .p-joboffer-list__heading-area__attention-txt-div.p-joboffer-list__heading-area__attention-txt__past {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width:767px) {
  #my-agent__list.detail .l-single__contents__heading__wrap {
    border-bottom: 1px solid #ddd;
    padding: 0 15px
  }

  #my-agent__list.detail .l-single__contents__heading__prev-btn {
    margin-right: 0;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #0559a8;
    width: 33%
  }

  #my-agent__list.detail .l-single__contents__heading__prev-btn img {
    margin-right: 5px
  }

  #my-agent__list.detail .l-single__contents__heading {
    border-top: none;
    width: 33%
  }

  #my-agent__list.detail .page--single__inner {
    padding-bottom: 0;
    background: #e8e8e8;
    padding: 20px 0 70px
  }

  #my-agent__list.detail .page--single__inner.preview {
    padding: 0 0 70px
  }

  #my-agent__list.detail .p-joboffer-list__wrap {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .16)
  }

  #my-agent__list.detail .p-joboffer__attention__txt {
    font-size: 14px;
    padding: 15px 12px
  }

  #my-agent__list.detail .p-joboffer-list__status_area__status {
    width: 25.49%;
    min-width: 80px
  }

  #my-agent__list.detail .p-joboffer-list__status_id__txt {
    padding: 5px 7px
  }

  #my-agent__list.detail .p-joboffer-list__status_area__right {
    padding-right: 0;
    width: 44.2%
  }

  #my-agent__list.detail .p-joboffer-list__status_area__right {
    padding: 20px 0 0 20px;
    width: 49.9%
  }

  #my-agent__list.detail .p-joboffer-list-info__warp {
    padding: 20px 20px 40px
  }

  #my-agent__list.detail .p-joboffer-list__heading-area__heading {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: .07px;
    text-align: left
  }

  #my-agent__list.detail .p-joboffer-list__heading-area__sub-heading {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    margin-top: 10px
  }

  #my-agent__list.detail .p-joboffer-list__to-news {
    margin-top: 20px
  }

  #my-agent__list.detail .p-joboffer-list__heading-area__attention-txt {
    margin-top: 20px
  }

  #my-agent__list.detail .p-joboffer-list__heading-area__interview-time {
    margin-top: 20px
  }

  #my-agent__list.detail .p-joboffer-list__employ-area__item {
    font-size: 14.5px;
    padding: 4px 12px;
    margin-right: 5px;
    margin-bottom: 5px
  }

  #my-agent__list.detail .p-joboffer-list__employ-area__item_more_plus {
    font-size: 14.5px;
    padding: 4px 12px;
    margin-right: 5px;
    margin-bottom: 5px
  }

  #my-agent__list.detail .p-joboffer-list__button {
    margin-top: 20px
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent {
    width: 70.2%;
    font-size: 16px;
    padding: 18px 0
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark {
    background: #fff;
    width: 26.9%
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark.not-dummy:after {
    display: none
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark.not-dummy .bookmark-add__txt {
    display: none
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark.add .bookmark__txt {
    display: none
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark.add .bookmark-add__txt {
    display: block
  }

  #my-agent__list.detail .top-job__detail .p-joboffer-list__button .c-button_agent__wrap {
    position: relative
  }

  #my-agent__list.detail .top-job__detail .p-joboffer-list__button .c-button_agent__wrap .c-button_agent.visuallyhidden:before {
    position: absolute;
    left: 0
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark {
    background: #fff;
    width: 26.9%;
    display: block;
    text-align: center;
    padding: 5px 0
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark:before {
    width: 20px;
    height: 20px;
    background-size: cover;
    margin: 0 auto 7px
  }

  #my-agent__list.detail .p-joboffer-list__button .c-button_agent.bookmark:after {
    margin-left: 0
  }

  #my-agent__list.detail #section__detail {
    padding-top: 40px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list.job__detail {
    margin-top: 0
  }

  #my-agent__list.detail #section__detail .p-joboffer-list-info__warp {
    padding: 0 15px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__heading-area {
    padding-bottom: 9px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__heading-area__heading {
    font-size: 19px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table tr:last-child {
    border-bottom: none
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table th {
    width: 100%;
    background-color: #fff;
    display: block;
    padding-left: 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__title {
    font-size: 16.5px;
    padding: 20px 0 0
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table td {
    display: block;
    padding-left: 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__title::before {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    margin-right: 6px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__text {
    padding: 10px 0 30px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item__title {
    font-size: 15.5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__text__list__item__text {
    width: 79%
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-area {
    margin-top: 0
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-wrap {
    border: solid 1px #118919;
    border-radius: 6px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-header {
    padding: 0 12px 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-header__img img {
    width: 38px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-header__title {
    font-size: 19px;
    padding: 15px 0 0 12px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info-wrap {
    padding: 22px 12px 25px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__title {
    font-size: 15.5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__title__img {
    margin-right: 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__title__img img {
    width: 20px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list__item p {
    padding: 4px 12px;
    font-size: 13.5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__text__list__item {
    margin-right: 3px;
    margin-bottom: 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__point-info__text.acc-text__area {
    -webkit-line-clamp: 5
  }

  #my-agent__list.detail #section__detail .p-joboffer-list {
    margin-top: 60px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-access__text {
    margin-top: 15px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-area__text {
    margin-bottom: 5px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-area__text img {
    width: 20px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-right: 4px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-area {
    padding-left: 12px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-area:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 0
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-area_range {
    padding-left: 12px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-other__area {
    padding: 12px
  }

  #my-agent__list.detail #section__detail .offer__detail .p-joboffer-list__table tr:last-child {
    border-bottom: solid 1px #bbb
  }

  #my-agent__list.detail #section__detail .offer__detail .p-joboffer-list__point-area {
    margin-top: 30px
  }

  #my-agent__list.detail #section__detail .offer__detail .p-joboffer-list__point-header__title {
    font-size: 19px;
    padding: 2px 0 0 12px
  }

  #my-agent__list.detail #section__detail .offer__detail .p-joboffer-list__point-header__title__small {
    font-size: 16px
  }

  #my-agent__list.detail #section__detail .p-joboffer-list__table__office-other__area {
    margin-top: 10px;
    border-radius: 6px;
    border: solid 1px rgba(13, 138, 25, .3)
  }

  #my-agent__list.detail #section__detail .selection__detail .p-joboffer-list__table tr:last-child {
    border-bottom: solid 1px #bbb
  }

  #my-agent__list.detail #section__detail .p-joboffer-list.application__detail {
    margin-top: 60px
  }

  #my-agent__list.detail #section__detail .application__detail__heading-area {
    padding: 15px 0
  }

  #my-agent__list.detail #section__detail .application__detail__heading-area__heading {
    font-size: 19px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list-info__warp {
    padding: 35px 15px 50px
  }

  #my-agent__list.detail #section__detail .application__detail__info__txt {
    font-size: 16px;
    font-weight: 400;
    text-align: left
  }

  #my-agent__list.detail #section__detail .application__detail__button__area__txt {
    font-size: 23px
  }

  #my-agent__list.detail #section__detail .application__detail__button__area__txt .status__answer-period__font-small {
    font-size: 17px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .c-button_agent__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent {
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent:first-child {
    background-color: #c75302;
    border: 1px solid #c75302;
    color: #fff
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent.bookmark {
    margin-top: 15px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent.bookmark:before {
    margin: 0 5px 0 0
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent.button__refusal {
    max-width: 203px;
    width: 100%;
    padding: 12px 0;
    margin-top: 35px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .p-joboffer-list__button .c-button_agent.visuallyhidden {
    top: 42%
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .application__detail__contact__area {
    padding: 25px 15px;
    margin-top: 46px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .application__detail__contact__heading__txt {
    font-size: 19px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .application__detail__contact__heading {
    padding: 0 0 15px 5px
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .application__detail__contact__txt {
    padding: 25px 3px 0
  }

  #my-agent__list.detail #section__detail .application__detail__info-area .application__detail__contact__txt__main-txt {
    font-size: 16px;
    margin-bottom: 20px
  }

  #my-agent__list.detail #section__detail .company__detail .p-joboffer-list__table tr:last-child {
    border-bottom: solid 1px #bbb
  }

  #my-agent__list.detail .p-form-fixed_agent .p-joboffer-list__button {
    width: 100%
  }

  #my-agent__list.detail .p-form-fixed_agent .c-button_agent__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
  }

  #my-agent__list.detail .p-form-fixed_agent .p-joboffer-list__button .c-button_agent.bookmark {
    width: 24%;
    margin-right: 5px;
    margin-left: 0
  }

  #my-agent__list.detail .p-form-fixed_agent .p-joboffer-list__button .c-button_agent {
    width: 62.7%;
    margin-left: 5px
  }

  #my-agent__list.detail .p-form-fixed_agent .p-joboffer-list__button .c-button_agent.visuallyhidden {
    position: absolute;
    left: 0
  }

  #my-agent__list.detail .p-form-fixed_agent .p-joboffer-list__button .c-button_agent.visuallyhidden:before {
    margin-right: auto
  }

  #my-agent__list.detail .p-form-fixed--inner.is-table {
    padding: 10px 0
  }
}

.l-global-wrapper {
  word-break: break-all
}

.c-header-button--regist__tag.is-text-blue {
  color: #0559a8;
  font-weight: 700
}

.c-button__tag.c-button--orange__tag.is-text-blue {
  color: #0559a8
}

.c-button--orange .c-button__box-text.is-text-blue {
  color: #0559a8;
  margin-left: .5vw
}

.p-login-form__button--orange__tag.is-text-blue {
  color: #0559a8;
  font-weight: 700
}

.p-seach-condition.p-seach-condition-only-result {
  position: relative
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #e8e8e8;
  margin-top: 20px;
  border-bottom: none;
  padding-top: 22px;
  padding-left: 0;
  padding-right: 0
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    padding-top: 12px
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch {
    padding-left: 5px;
    padding-right: 5px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li {
  border-bottom: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
  border: solid 1px #ccc;
  background: #fff;
  max-width: 120px;
  width: 100%
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li {
    max-width: unset;
    width: auto;
    font-size: 14px;
    padding: 0 10px
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li {
    padding: 3px 10px;
    font-size: 12px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li:first-child {
  margin-right: 10px
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li:first-child {
    margin-right: 5px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 6px 0 5px;
  text-align: center;
  color: #000
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin: 0 0 0 7px;
  position: relative;
  top: -1.3px;
  display: inline-block
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li a::after {
    margin: 0 0 0 5px;
    border-width: 9px 5.5px 0 5.5px
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li a::after {
    border-width: 7px 4.5px 0 4.5px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current {
  border-bottom: none;
  padding: 3px 0 2px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
  border: solid 1px #0559a8;
  background: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .6px;
  text-align: center;
  color: #0559a8
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current {
    padding: 3px 10px;
    font-size: 14px
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current {
    padding: 5px 10px;
    font-size: 12px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #0559a8 transparent transparent transparent;
  margin: 0 0 0 2px;
  position: relative;
  top: -1.3px;
  display: inline-block
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current::after {
    margin: 0;
    border-width: 9px 5.5px 0 5.5px
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-sort-switch__li.is-current::after {
    border-width: 7px 4.5px 0 4.5px
  }
}

.p-seach-condition.p-seach-condition-only-result .c-list-number {
  position: absolute;
  bottom: 15px;
  left: 0
}

@media screen and (max-width:767px) {
  .p-seach-condition.p-seach-condition-only-result .c-list-number {
    bottom: 5px;
    display: block
  }
}

@media (max-width:320px) {
  .p-seach-condition.p-seach-condition-only-result .c-list-number {
    left: -2px;
    bottom: 4px
  }
}

@media screen and (max-width:767px) {
  .u-for-pc {
    display: none !important
  }
}

@media screen and (min-width:768px) {
  .u-for-sp {
    display: none !important
  }
}

.u-hide {
  display: none
}

.u-table {
  display: table;
  table-layout: fixed;
  width: 100%
}

.u-table--width-fixed {
  width: auto
}

.u-table--layout-fixed {
  table-layout: fixed
}

.u-table--layout-auto {
  table-layout: auto
}

.u-table__row {
  display: table-row
}

.u-table__cell {
  display: table-cell
}

.u-clearfix:after {
  display: block;
  content: "";
  clear: both
}

.u-float--left {
  float: left
}

.u-float--right {
  float: right
}

.u-bold {
  font-weight: 700
}

.u-ta-c {
  text-align: center
}

.u-ta-l {
  text-align: left
}

.u-ta-r {
  text-align: right
}

.u-mt--10 {
  margin-top: 10px
}

.u-mt--15 {
  margin-top: 15px
}

.u-mt--20 {
  margin-top: 20px
}

.u-mt--auto {
  margin-top: auto
}

.u-ml--auto {
  margin-left: auto
}

.u-mr--auto {
  margin-right: auto
}

.u-mr--10 {
  margin-right: 10px
}

.u-mr--15 {
  margin-right: 15px
}

.u-mb--right {
  margin-top: auto
}

.u-mb--10 {
  margin-bottom: 10px
}

.u-ml--15px {
  margin-left: 15px
}

@media screen and (max-width:767px) {
  .u-mlr-sp--15 {
    margin-left: 15px;
    margin-right: 15px
  }
}

.u-m--auto {
  margin: auto
}

.u-mlr--auto {
  margin-left: auto;
  margin-right: auto
}

.u-mtb--auto {
  margin-top: auto;
  margin-bottom: auto
}

.u-center {
  text-align: center
}

@media screen and (min-width:768px) {
  .u-center--pc {
    text-align: center
  }
}

@media screen and (max-width:767px) {
  .u-center--sp {
    text-align: center
  }
}

.u-left {
  text-align: left
}

@media screen and (min-width:768px) {
  .u-left--pc {
    text-align: left
  }
}

@media screen and (max-width:767px) {
  .u-left--sp {
    text-align: left
  }
}

.u-right {
  text-align: right
}

@media screen and (min-width:768px) {
  .u-right--pc {
    text-align: right
  }
}

@media screen and (max-width:767px) {
  .u-right--sp {
    text-align: right
  }
}

.u-line-height--1-2 {
  line-height: 1.2
}

.u-mt--0 {
  margin-top: 0
}

.u-ml--0 {
  margin-left: 0
}

.u-mr--0 {
  margin-right: 0
}

.u-mb--0 {
  margin-bottom: 0
}

.u-mt--1 {
  margin-top: 1px
}

.u-ml--1 {
  margin-left: 1px
}

.u-mr--1 {
  margin-right: 1px
}

.u-mb--1 {
  margin-bottom: 1px
}

.u-mt--2 {
  margin-top: 2px
}

.u-ml--2 {
  margin-left: 2px
}

.u-mr--2 {
  margin-right: 2px
}

.u-mb--2 {
  margin-bottom: 2px
}

.u-mt--3 {
  margin-top: 3px
}

.u-ml--3 {
  margin-left: 3px
}

.u-mr--3 {
  margin-right: 3px
}

.u-mb--3 {
  margin-bottom: 3px
}

.u-mt--4 {
  margin-top: 4px
}

.u-ml--4 {
  margin-left: 4px
}

.u-mr--4 {
  margin-right: 4px
}

.u-mb--4 {
  margin-bottom: 4px
}

.u-mt--5 {
  margin-top: 5px
}

.u-ml--5 {
  margin-left: 5px
}

.u-mr--5 {
  margin-right: 5px
}

.u-mb--5 {
  margin-bottom: 5px
}

.u-mt--6 {
  margin-top: 6px
}

.u-ml--6 {
  margin-left: 6px
}

.u-mr--6 {
  margin-right: 6px
}

.u-mb--6 {
  margin-bottom: 6px
}

.u-mt--7 {
  margin-top: 7px
}

.u-ml--7 {
  margin-left: 7px
}

.u-mr--7 {
  margin-right: 7px
}

.u-mb--7 {
  margin-bottom: 7px
}

.u-mt--8 {
  margin-top: 8px
}

.u-ml--8 {
  margin-left: 8px
}

.u-mr--8 {
  margin-right: 8px
}

.u-mb--8 {
  margin-bottom: 8px
}

.u-mt--9 {
  margin-top: 9px
}

.u-ml--9 {
  margin-left: 9px
}

.u-mr--9 {
  margin-right: 9px
}

.u-mb--9 {
  margin-bottom: 9px
}

.u-mt--10 {
  margin-top: 10px
}

.u-ml--10 {
  margin-left: 10px
}

.u-mr--10 {
  margin-right: 10px
}

.u-mb--10 {
  margin-bottom: 10px
}

.u-mt--11 {
  margin-top: 11px
}

.u-ml--11 {
  margin-left: 11px
}

.u-mr--11 {
  margin-right: 11px
}

.u-mb--11 {
  margin-bottom: 11px
}

.u-mt--12 {
  margin-top: 12px
}

.u-ml--12 {
  margin-left: 12px
}

.u-mr--12 {
  margin-right: 12px
}

.u-mb--12 {
  margin-bottom: 12px
}

.u-mt--13 {
  margin-top: 13px
}

.u-ml--13 {
  margin-left: 13px
}

.u-mr--13 {
  margin-right: 13px
}

.u-mb--13 {
  margin-bottom: 13px
}

.u-mt--14 {
  margin-top: 14px
}

.u-ml--14 {
  margin-left: 14px
}

.u-mr--14 {
  margin-right: 14px
}

.u-mb--14 {
  margin-bottom: 14px
}

.u-mt--15 {
  margin-top: 15px
}

.u-ml--15 {
  margin-left: 15px
}

.u-mr--15 {
  margin-right: 15px
}

.u-mb--15 {
  margin-bottom: 15px
}

.u-mt--16 {
  margin-top: 16px
}

.u-ml--16 {
  margin-left: 16px
}

.u-mr--16 {
  margin-right: 16px
}

.u-mb--16 {
  margin-bottom: 16px
}

.u-mt--17 {
  margin-top: 17px
}

.u-ml--17 {
  margin-left: 17px
}

.u-mr--17 {
  margin-right: 17px
}

.u-mb--17 {
  margin-bottom: 17px
}

.u-mt--18 {
  margin-top: 18px
}

.u-ml--18 {
  margin-left: 18px
}

.u-mr--18 {
  margin-right: 18px
}

.u-mb--18 {
  margin-bottom: 18px
}

.u-mt--19 {
  margin-top: 19px
}

.u-ml--19 {
  margin-left: 19px
}

.u-mr--19 {
  margin-right: 19px
}

.u-mb--19 {
  margin-bottom: 19px
}

.u-mt--20 {
  margin-top: 20px
}

.u-ml--20 {
  margin-left: 20px
}

.u-mr--20 {
  margin-right: 20px
}

.u-mb--20 {
  margin-bottom: 20px
}

.u-mt--21 {
  margin-top: 21px
}

.u-ml--21 {
  margin-left: 21px
}

.u-mr--21 {
  margin-right: 21px
}

.u-mb--21 {
  margin-bottom: 21px
}

.u-mt--22 {
  margin-top: 22px
}

.u-ml--22 {
  margin-left: 22px
}

.u-mr--22 {
  margin-right: 22px
}

.u-mb--22 {
  margin-bottom: 22px
}

.u-mt--23 {
  margin-top: 23px
}

.u-ml--23 {
  margin-left: 23px
}

.u-mr--23 {
  margin-right: 23px
}

.u-mb--23 {
  margin-bottom: 23px
}

.u-mt--24 {
  margin-top: 24px
}

.u-ml--24 {
  margin-left: 24px
}

.u-mr--24 {
  margin-right: 24px
}

.u-mb--24 {
  margin-bottom: 24px
}

.u-mt--25 {
  margin-top: 25px
}

.u-ml--25 {
  margin-left: 25px
}

.u-mr--25 {
  margin-right: 25px
}

.u-mb--25 {
  margin-bottom: 25px
}

.u-mt--26 {
  margin-top: 26px
}

.u-ml--26 {
  margin-left: 26px
}

.u-mr--26 {
  margin-right: 26px
}

.u-mb--26 {
  margin-bottom: 26px
}

.u-mt--27 {
  margin-top: 27px
}

.u-ml--27 {
  margin-left: 27px
}

.u-mr--27 {
  margin-right: 27px
}

.u-mb--27 {
  margin-bottom: 27px
}

.u-mt--28 {
  margin-top: 28px
}

.u-ml--28 {
  margin-left: 28px
}

.u-mr--28 {
  margin-right: 28px
}

.u-mb--28 {
  margin-bottom: 28px
}

.u-mt--29 {
  margin-top: 29px
}

.u-ml--29 {
  margin-left: 29px
}

.u-mr--29 {
  margin-right: 29px
}

.u-mb--29 {
  margin-bottom: 29px
}

.u-mt--30 {
  margin-top: 30px
}

.u-ml--30 {
  margin-left: 30px
}

.u-mr--30 {
  margin-right: 30px
}

.u-mb--30 {
  margin-bottom: 30px
}

.u-mt--31 {
  margin-top: 31px
}

.u-ml--31 {
  margin-left: 31px
}

.u-mr--31 {
  margin-right: 31px
}

.u-mb--31 {
  margin-bottom: 31px
}

.u-mt--32 {
  margin-top: 32px
}

.u-ml--32 {
  margin-left: 32px
}

.u-mr--32 {
  margin-right: 32px
}

.u-mb--32 {
  margin-bottom: 32px
}

.u-mt--33 {
  margin-top: 33px
}

.u-ml--33 {
  margin-left: 33px
}

.u-mr--33 {
  margin-right: 33px
}

.u-mb--33 {
  margin-bottom: 33px
}

.u-mt--34 {
  margin-top: 34px
}

.u-ml--34 {
  margin-left: 34px
}

.u-mr--34 {
  margin-right: 34px
}

.u-mb--34 {
  margin-bottom: 34px
}

.u-mt--35 {
  margin-top: 35px
}

.u-ml--35 {
  margin-left: 35px
}

.u-mr--35 {
  margin-right: 35px
}

.u-mb--35 {
  margin-bottom: 35px
}

.u-mt--36 {
  margin-top: 36px
}

.u-ml--36 {
  margin-left: 36px
}

.u-mr--36 {
  margin-right: 36px
}

.u-mb--36 {
  margin-bottom: 36px
}

.u-mt--37 {
  margin-top: 37px
}

.u-ml--37 {
  margin-left: 37px
}

.u-mr--37 {
  margin-right: 37px
}

.u-mb--37 {
  margin-bottom: 37px
}

.u-mt--38 {
  margin-top: 38px
}

.u-ml--38 {
  margin-left: 38px
}

.u-mr--38 {
  margin-right: 38px
}

.u-mb--38 {
  margin-bottom: 38px
}

.u-mt--39 {
  margin-top: 39px
}

.u-ml--39 {
  margin-left: 39px
}

.u-mr--39 {
  margin-right: 39px
}

.u-mb--39 {
  margin-bottom: 39px
}

.u-mt--40 {
  margin-top: 40px
}

.u-ml--40 {
  margin-left: 40px
}

.u-mr--40 {
  margin-right: 40px
}

.u-mb--40 {
  margin-bottom: 40px
}

.u-mt--41 {
  margin-top: 41px
}

.u-ml--41 {
  margin-left: 41px
}

.u-mr--41 {
  margin-right: 41px
}

.u-mb--41 {
  margin-bottom: 41px
}

.u-mt--42 {
  margin-top: 42px
}

.u-ml--42 {
  margin-left: 42px
}

.u-mr--42 {
  margin-right: 42px
}

.u-mb--42 {
  margin-bottom: 42px
}

.u-mt--43 {
  margin-top: 43px
}

.u-ml--43 {
  margin-left: 43px
}

.u-mr--43 {
  margin-right: 43px
}

.u-mb--43 {
  margin-bottom: 43px
}

.u-mt--44 {
  margin-top: 44px
}

.u-ml--44 {
  margin-left: 44px
}

.u-mr--44 {
  margin-right: 44px
}

.u-mb--44 {
  margin-bottom: 44px
}

.u-mt--45 {
  margin-top: 45px
}

.u-ml--45 {
  margin-left: 45px
}

.u-mr--45 {
  margin-right: 45px
}

.u-mb--45 {
  margin-bottom: 45px
}

.u-mt--46 {
  margin-top: 46px
}

.u-ml--46 {
  margin-left: 46px
}

.u-mr--46 {
  margin-right: 46px
}

.u-mb--46 {
  margin-bottom: 46px
}

.u-mt--47 {
  margin-top: 47px
}

.u-ml--47 {
  margin-left: 47px
}

.u-mr--47 {
  margin-right: 47px
}

.u-mb--47 {
  margin-bottom: 47px
}

.u-mt--48 {
  margin-top: 48px
}

.u-ml--48 {
  margin-left: 48px
}

.u-mr--48 {
  margin-right: 48px
}

.u-mb--48 {
  margin-bottom: 48px
}

.u-mt--49 {
  margin-top: 49px
}

.u-ml--49 {
  margin-left: 49px
}

.u-mr--49 {
  margin-right: 49px
}

.u-mb--49 {
  margin-bottom: 49px
}

.u-mt--50 {
  margin-top: 50px
}

.u-ml--50 {
  margin-left: 50px
}

.u-mr--50 {
  margin-right: 50px
}

.u-mb--50 {
  margin-bottom: 50px
}

.u-mt--51 {
  margin-top: 51px
}

.u-ml--51 {
  margin-left: 51px
}

.u-mr--51 {
  margin-right: 51px
}

.u-mb--51 {
  margin-bottom: 51px
}

.u-mt--52 {
  margin-top: 52px
}

.u-ml--52 {
  margin-left: 52px
}

.u-mr--52 {
  margin-right: 52px
}

.u-mb--52 {
  margin-bottom: 52px
}

.u-mt--53 {
  margin-top: 53px
}

.u-ml--53 {
  margin-left: 53px
}

.u-mr--53 {
  margin-right: 53px
}

.u-mb--53 {
  margin-bottom: 53px
}

.u-mt--54 {
  margin-top: 54px
}

.u-ml--54 {
  margin-left: 54px
}

.u-mr--54 {
  margin-right: 54px
}

.u-mb--54 {
  margin-bottom: 54px
}

.u-mt--55 {
  margin-top: 55px
}

.u-ml--55 {
  margin-left: 55px
}

.u-mr--55 {
  margin-right: 55px
}

.u-mb--55 {
  margin-bottom: 55px
}

.u-mt--56 {
  margin-top: 56px
}

.u-ml--56 {
  margin-left: 56px
}

.u-mr--56 {
  margin-right: 56px
}

.u-mb--56 {
  margin-bottom: 56px
}

.u-mt--57 {
  margin-top: 57px
}

.u-ml--57 {
  margin-left: 57px
}

.u-mr--57 {
  margin-right: 57px
}

.u-mb--57 {
  margin-bottom: 57px
}

.u-mt--58 {
  margin-top: 58px
}

.u-ml--58 {
  margin-left: 58px
}

.u-mr--58 {
  margin-right: 58px
}

.u-mb--58 {
  margin-bottom: 58px
}

.u-mt--59 {
  margin-top: 59px
}

.u-ml--59 {
  margin-left: 59px
}

.u-mr--59 {
  margin-right: 59px
}

.u-mb--59 {
  margin-bottom: 59px
}

.u-mt--60 {
  margin-top: 60px
}

.u-ml--60 {
  margin-left: 60px
}

.u-mr--60 {
  margin-right: 60px
}

.u-mb--60 {
  margin-bottom: 60px
}

.u-mt--61 {
  margin-top: 61px
}

.u-ml--61 {
  margin-left: 61px
}

.u-mr--61 {
  margin-right: 61px
}

.u-mb--61 {
  margin-bottom: 61px
}

.u-mt--62 {
  margin-top: 62px
}

.u-ml--62 {
  margin-left: 62px
}

.u-mr--62 {
  margin-right: 62px
}

.u-mb--62 {
  margin-bottom: 62px
}

.u-mt--63 {
  margin-top: 63px
}

.u-ml--63 {
  margin-left: 63px
}

.u-mr--63 {
  margin-right: 63px
}

.u-mb--63 {
  margin-bottom: 63px
}

.u-mt--64 {
  margin-top: 64px
}

.u-ml--64 {
  margin-left: 64px
}

.u-mr--64 {
  margin-right: 64px
}

.u-mb--64 {
  margin-bottom: 64px
}

.u-mt--65 {
  margin-top: 65px
}

.u-ml--65 {
  margin-left: 65px
}

.u-mr--65 {
  margin-right: 65px
}

.u-mb--65 {
  margin-bottom: 65px
}

.u-mt--66 {
  margin-top: 66px
}

.u-ml--66 {
  margin-left: 66px
}

.u-mr--66 {
  margin-right: 66px
}

.u-mb--66 {
  margin-bottom: 66px
}

.u-mt--67 {
  margin-top: 67px
}

.u-ml--67 {
  margin-left: 67px
}

.u-mr--67 {
  margin-right: 67px
}

.u-mb--67 {
  margin-bottom: 67px
}

.u-mt--68 {
  margin-top: 68px
}

.u-ml--68 {
  margin-left: 68px
}

.u-mr--68 {
  margin-right: 68px
}

.u-mb--68 {
  margin-bottom: 68px
}

.u-mt--69 {
  margin-top: 69px
}

.u-ml--69 {
  margin-left: 69px
}

.u-mr--69 {
  margin-right: 69px
}

.u-mb--69 {
  margin-bottom: 69px
}

.u-mt--70 {
  margin-top: 70px
}

.u-ml--70 {
  margin-left: 70px
}

.u-mr--70 {
  margin-right: 70px
}

.u-mb--70 {
  margin-bottom: 70px
}

.u-mt--71 {
  margin-top: 71px
}

.u-ml--71 {
  margin-left: 71px
}

.u-mr--71 {
  margin-right: 71px
}

.u-mb--71 {
  margin-bottom: 71px
}

.u-mt--72 {
  margin-top: 72px
}

.u-ml--72 {
  margin-left: 72px
}

.u-mr--72 {
  margin-right: 72px
}

.u-mb--72 {
  margin-bottom: 72px
}

.u-mt--73 {
  margin-top: 73px
}

.u-ml--73 {
  margin-left: 73px
}

.u-mr--73 {
  margin-right: 73px
}

.u-mb--73 {
  margin-bottom: 73px
}

.u-mt--74 {
  margin-top: 74px
}

.u-ml--74 {
  margin-left: 74px
}

.u-mr--74 {
  margin-right: 74px
}

.u-mb--74 {
  margin-bottom: 74px
}

.u-mt--75 {
  margin-top: 75px
}

.u-ml--75 {
  margin-left: 75px
}

.u-mr--75 {
  margin-right: 75px
}

.u-mb--75 {
  margin-bottom: 75px
}

.u-mt--76 {
  margin-top: 76px
}

.u-ml--76 {
  margin-left: 76px
}

.u-mr--76 {
  margin-right: 76px
}

.u-mb--76 {
  margin-bottom: 76px
}

.u-mt--77 {
  margin-top: 77px
}

.u-ml--77 {
  margin-left: 77px
}

.u-mr--77 {
  margin-right: 77px
}

.u-mb--77 {
  margin-bottom: 77px
}

.u-mt--78 {
  margin-top: 78px
}

.u-ml--78 {
  margin-left: 78px
}

.u-mr--78 {
  margin-right: 78px
}

.u-mb--78 {
  margin-bottom: 78px
}

.u-mt--79 {
  margin-top: 79px
}

.u-ml--79 {
  margin-left: 79px
}

.u-mr--79 {
  margin-right: 79px
}

.u-mb--79 {
  margin-bottom: 79px
}

.u-mt--80 {
  margin-top: 80px
}

.u-ml--80 {
  margin-left: 80px
}

.u-mr--80 {
  margin-right: 80px
}

.u-mb--80 {
  margin-bottom: 80px
}

.u-mt--81 {
  margin-top: 81px
}

.u-ml--81 {
  margin-left: 81px
}

.u-mr--81 {
  margin-right: 81px
}

.u-mb--81 {
  margin-bottom: 81px
}

.u-mt--82 {
  margin-top: 82px
}

.u-ml--82 {
  margin-left: 82px
}

.u-mr--82 {
  margin-right: 82px
}

.u-mb--82 {
  margin-bottom: 82px
}

.u-mt--83 {
  margin-top: 83px
}

.u-ml--83 {
  margin-left: 83px
}

.u-mr--83 {
  margin-right: 83px
}

.u-mb--83 {
  margin-bottom: 83px
}

.u-mt--84 {
  margin-top: 84px
}

.u-ml--84 {
  margin-left: 84px
}

.u-mr--84 {
  margin-right: 84px
}

.u-mb--84 {
  margin-bottom: 84px
}

.u-mt--85 {
  margin-top: 85px
}

.u-ml--85 {
  margin-left: 85px
}

.u-mr--85 {
  margin-right: 85px
}

.u-mb--85 {
  margin-bottom: 85px
}

.u-mt--86 {
  margin-top: 86px
}

.u-ml--86 {
  margin-left: 86px
}

.u-mr--86 {
  margin-right: 86px
}

.u-mb--86 {
  margin-bottom: 86px
}

.u-mt--87 {
  margin-top: 87px
}

.u-ml--87 {
  margin-left: 87px
}

.u-mr--87 {
  margin-right: 87px
}

.u-mb--87 {
  margin-bottom: 87px
}

.u-mt--88 {
  margin-top: 88px
}

.u-ml--88 {
  margin-left: 88px
}

.u-mr--88 {
  margin-right: 88px
}

.u-mb--88 {
  margin-bottom: 88px
}

.u-mt--89 {
  margin-top: 89px
}

.u-ml--89 {
  margin-left: 89px
}

.u-mr--89 {
  margin-right: 89px
}

.u-mb--89 {
  margin-bottom: 89px
}

.u-mt--90 {
  margin-top: 90px
}

.u-ml--90 {
  margin-left: 90px
}

.u-mr--90 {
  margin-right: 90px
}

.u-mb--90 {
  margin-bottom: 90px
}

.u-mt--91 {
  margin-top: 91px
}

.u-ml--91 {
  margin-left: 91px
}

.u-mr--91 {
  margin-right: 91px
}

.u-mb--91 {
  margin-bottom: 91px
}

.u-mt--92 {
  margin-top: 92px
}

.u-ml--92 {
  margin-left: 92px
}

.u-mr--92 {
  margin-right: 92px
}

.u-mb--92 {
  margin-bottom: 92px
}

.u-mt--93 {
  margin-top: 93px
}

.u-ml--93 {
  margin-left: 93px
}

.u-mr--93 {
  margin-right: 93px
}

.u-mb--93 {
  margin-bottom: 93px
}

.u-mt--94 {
  margin-top: 94px
}

.u-ml--94 {
  margin-left: 94px
}

.u-mr--94 {
  margin-right: 94px
}

.u-mb--94 {
  margin-bottom: 94px
}

.u-mt--95 {
  margin-top: 95px
}

.u-ml--95 {
  margin-left: 95px
}

.u-mr--95 {
  margin-right: 95px
}

.u-mb--95 {
  margin-bottom: 95px
}

.u-mt--96 {
  margin-top: 96px
}

.u-ml--96 {
  margin-left: 96px
}

.u-mr--96 {
  margin-right: 96px
}

.u-mb--96 {
  margin-bottom: 96px
}

.u-mt--97 {
  margin-top: 97px
}

.u-ml--97 {
  margin-left: 97px
}

.u-mr--97 {
  margin-right: 97px
}

.u-mb--97 {
  margin-bottom: 97px
}

.u-mt--98 {
  margin-top: 98px
}

.u-ml--98 {
  margin-left: 98px
}

.u-mr--98 {
  margin-right: 98px
}

.u-mb--98 {
  margin-bottom: 98px
}

.u-mt--99 {
  margin-top: 99px
}

.u-ml--99 {
  margin-left: 99px
}

.u-mr--99 {
  margin-right: 99px
}

.u-mb--99 {
  margin-bottom: 99px
}

.u-mt--100 {
  margin-top: 100px
}

.u-ml--100 {
  margin-left: 100px
}

.u-mr--100 {
  margin-right: 100px
}

.u-mb--100 {
  margin-bottom: 100px
}

.u-mt--101 {
  margin-top: 101px
}

.u-ml--101 {
  margin-left: 101px
}

.u-mr--101 {
  margin-right: 101px
}

.u-mb--101 {
  margin-bottom: 101px
}

.u-mt--102 {
  margin-top: 102px
}

.u-ml--102 {
  margin-left: 102px
}

.u-mr--102 {
  margin-right: 102px
}

.u-mb--102 {
  margin-bottom: 102px
}

.u-mt--103 {
  margin-top: 103px
}

.u-ml--103 {
  margin-left: 103px
}

.u-mr--103 {
  margin-right: 103px
}

.u-mb--103 {
  margin-bottom: 103px
}

.u-mt--104 {
  margin-top: 104px
}

.u-ml--104 {
  margin-left: 104px
}

.u-mr--104 {
  margin-right: 104px
}

.u-mb--104 {
  margin-bottom: 104px
}

.u-mt--105 {
  margin-top: 105px
}

.u-ml--105 {
  margin-left: 105px
}

.u-mr--105 {
  margin-right: 105px
}

.u-mb--105 {
  margin-bottom: 105px
}

.u-mt--106 {
  margin-top: 106px
}

.u-ml--106 {
  margin-left: 106px
}

.u-mr--106 {
  margin-right: 106px
}

.u-mb--106 {
  margin-bottom: 106px
}

.u-mt--107 {
  margin-top: 107px
}

.u-ml--107 {
  margin-left: 107px
}

.u-mr--107 {
  margin-right: 107px
}

.u-mb--107 {
  margin-bottom: 107px
}

.u-mt--108 {
  margin-top: 108px
}

.u-ml--108 {
  margin-left: 108px
}

.u-mr--108 {
  margin-right: 108px
}

.u-mb--108 {
  margin-bottom: 108px
}

.u-mt--109 {
  margin-top: 109px
}

.u-ml--109 {
  margin-left: 109px
}

.u-mr--109 {
  margin-right: 109px
}

.u-mb--109 {
  margin-bottom: 109px
}

.u-mt--110 {
  margin-top: 110px
}

.u-ml--110 {
  margin-left: 110px
}

.u-mr--110 {
  margin-right: 110px
}

.u-mb--110 {
  margin-bottom: 110px
}

.u-mt--111 {
  margin-top: 111px
}

.u-ml--111 {
  margin-left: 111px
}

.u-mr--111 {
  margin-right: 111px
}

.u-mb--111 {
  margin-bottom: 111px
}

.u-mt--112 {
  margin-top: 112px
}

.u-ml--112 {
  margin-left: 112px
}

.u-mr--112 {
  margin-right: 112px
}

.u-mb--112 {
  margin-bottom: 112px
}

.u-mt--113 {
  margin-top: 113px
}

.u-ml--113 {
  margin-left: 113px
}

.u-mr--113 {
  margin-right: 113px
}

.u-mb--113 {
  margin-bottom: 113px
}

.u-mt--114 {
  margin-top: 114px
}

.u-ml--114 {
  margin-left: 114px
}

.u-mr--114 {
  margin-right: 114px
}

.u-mb--114 {
  margin-bottom: 114px
}

.u-mt--115 {
  margin-top: 115px
}

.u-ml--115 {
  margin-left: 115px
}

.u-mr--115 {
  margin-right: 115px
}

.u-mb--115 {
  margin-bottom: 115px
}

.u-mt--116 {
  margin-top: 116px
}

.u-ml--116 {
  margin-left: 116px
}

.u-mr--116 {
  margin-right: 116px
}

.u-mb--116 {
  margin-bottom: 116px
}

.u-mt--117 {
  margin-top: 117px
}

.u-ml--117 {
  margin-left: 117px
}

.u-mr--117 {
  margin-right: 117px
}

.u-mb--117 {
  margin-bottom: 117px
}

.u-mt--118 {
  margin-top: 118px
}

.u-ml--118 {
  margin-left: 118px
}

.u-mr--118 {
  margin-right: 118px
}

.u-mb--118 {
  margin-bottom: 118px
}

.u-mt--119 {
  margin-top: 119px
}

.u-ml--119 {
  margin-left: 119px
}

.u-mr--119 {
  margin-right: 119px
}

.u-mb--119 {
  margin-bottom: 119px
}

.u-mt--120 {
  margin-top: 120px
}

.u-ml--120 {
  margin-left: 120px
}

.u-mr--120 {
  margin-right: 120px
}

.u-mb--120 {
  margin-bottom: 120px
}

.u-mt--121 {
  margin-top: 121px
}

.u-ml--121 {
  margin-left: 121px
}

.u-mr--121 {
  margin-right: 121px
}

.u-mb--121 {
  margin-bottom: 121px
}

.u-mt--122 {
  margin-top: 122px
}

.u-ml--122 {
  margin-left: 122px
}

.u-mr--122 {
  margin-right: 122px
}

.u-mb--122 {
  margin-bottom: 122px
}

.u-mt--123 {
  margin-top: 123px
}

.u-ml--123 {
  margin-left: 123px
}

.u-mr--123 {
  margin-right: 123px
}

.u-mb--123 {
  margin-bottom: 123px
}

.u-mt--124 {
  margin-top: 124px
}

.u-ml--124 {
  margin-left: 124px
}

.u-mr--124 {
  margin-right: 124px
}

.u-mb--124 {
  margin-bottom: 124px
}

.u-mt--125 {
  margin-top: 125px
}

.u-ml--125 {
  margin-left: 125px
}

.u-mr--125 {
  margin-right: 125px
}

.u-mb--125 {
  margin-bottom: 125px
}

.u-mt--126 {
  margin-top: 126px
}

.u-ml--126 {
  margin-left: 126px
}

.u-mr--126 {
  margin-right: 126px
}

.u-mb--126 {
  margin-bottom: 126px
}

.u-mt--127 {
  margin-top: 127px
}

.u-ml--127 {
  margin-left: 127px
}

.u-mr--127 {
  margin-right: 127px
}

.u-mb--127 {
  margin-bottom: 127px
}

.u-mt--128 {
  margin-top: 128px
}

.u-ml--128 {
  margin-left: 128px
}

.u-mr--128 {
  margin-right: 128px
}

.u-mb--128 {
  margin-bottom: 128px
}

.u-mt--129 {
  margin-top: 129px
}

.u-ml--129 {
  margin-left: 129px
}

.u-mr--129 {
  margin-right: 129px
}

.u-mb--129 {
  margin-bottom: 129px
}

.u-mt--130 {
  margin-top: 130px
}

.u-ml--130 {
  margin-left: 130px
}

.u-mr--130 {
  margin-right: 130px
}

.u-mb--130 {
  margin-bottom: 130px
}

.u-mt--131 {
  margin-top: 131px
}

.u-ml--131 {
  margin-left: 131px
}

.u-mr--131 {
  margin-right: 131px
}

.u-mb--131 {
  margin-bottom: 131px
}

.u-mt--132 {
  margin-top: 132px
}

.u-ml--132 {
  margin-left: 132px
}

.u-mr--132 {
  margin-right: 132px
}

.u-mb--132 {
  margin-bottom: 132px
}

.u-mt--133 {
  margin-top: 133px
}

.u-ml--133 {
  margin-left: 133px
}

.u-mr--133 {
  margin-right: 133px
}

.u-mb--133 {
  margin-bottom: 133px
}

.u-mt--134 {
  margin-top: 134px
}

.u-ml--134 {
  margin-left: 134px
}

.u-mr--134 {
  margin-right: 134px
}

.u-mb--134 {
  margin-bottom: 134px
}

.u-mt--135 {
  margin-top: 135px
}

.u-ml--135 {
  margin-left: 135px
}

.u-mr--135 {
  margin-right: 135px
}

.u-mb--135 {
  margin-bottom: 135px
}

.u-mt--136 {
  margin-top: 136px
}

.u-ml--136 {
  margin-left: 136px
}

.u-mr--136 {
  margin-right: 136px
}

.u-mb--136 {
  margin-bottom: 136px
}

.u-mt--137 {
  margin-top: 137px
}

.u-ml--137 {
  margin-left: 137px
}

.u-mr--137 {
  margin-right: 137px
}

.u-mb--137 {
  margin-bottom: 137px
}

.u-mt--138 {
  margin-top: 138px
}

.u-ml--138 {
  margin-left: 138px
}

.u-mr--138 {
  margin-right: 138px
}

.u-mb--138 {
  margin-bottom: 138px
}

.u-mt--139 {
  margin-top: 139px
}

.u-ml--139 {
  margin-left: 139px
}

.u-mr--139 {
  margin-right: 139px
}

.u-mb--139 {
  margin-bottom: 139px
}

.u-mt--140 {
  margin-top: 140px
}

.u-ml--140 {
  margin-left: 140px
}

.u-mr--140 {
  margin-right: 140px
}

.u-mb--140 {
  margin-bottom: 140px
}

.u-mt--141 {
  margin-top: 141px
}

.u-ml--141 {
  margin-left: 141px
}

.u-mr--141 {
  margin-right: 141px
}

.u-mb--141 {
  margin-bottom: 141px
}

.u-mt--142 {
  margin-top: 142px
}

.u-ml--142 {
  margin-left: 142px
}

.u-mr--142 {
  margin-right: 142px
}

.u-mb--142 {
  margin-bottom: 142px
}

.u-mt--143 {
  margin-top: 143px
}

.u-ml--143 {
  margin-left: 143px
}

.u-mr--143 {
  margin-right: 143px
}

.u-mb--143 {
  margin-bottom: 143px
}

.u-mt--144 {
  margin-top: 144px
}

.u-ml--144 {
  margin-left: 144px
}

.u-mr--144 {
  margin-right: 144px
}

.u-mb--144 {
  margin-bottom: 144px
}

.u-mt--145 {
  margin-top: 145px
}

.u-ml--145 {
  margin-left: 145px
}

.u-mr--145 {
  margin-right: 145px
}

.u-mb--145 {
  margin-bottom: 145px
}

.u-mt--146 {
  margin-top: 146px
}

.u-ml--146 {
  margin-left: 146px
}

.u-mr--146 {
  margin-right: 146px
}

.u-mb--146 {
  margin-bottom: 146px
}

.u-mt--147 {
  margin-top: 147px
}

.u-ml--147 {
  margin-left: 147px
}

.u-mr--147 {
  margin-right: 147px
}

.u-mb--147 {
  margin-bottom: 147px
}

.u-mt--148 {
  margin-top: 148px
}

.u-ml--148 {
  margin-left: 148px
}

.u-mr--148 {
  margin-right: 148px
}

.u-mb--148 {
  margin-bottom: 148px
}

.u-mt--149 {
  margin-top: 149px
}

.u-ml--149 {
  margin-left: 149px
}

.u-mr--149 {
  margin-right: 149px
}

.u-mb--149 {
  margin-bottom: 149px
}

.u-mt--150 {
  margin-top: 150px
}

.u-ml--150 {
  margin-left: 150px
}

.u-mr--150 {
  margin-right: 150px
}

.u-mb--150 {
  margin-bottom: 150px
}

.u-mt--0--minus {
  margin-top: 0
}

.u-ml--0--minus {
  margin-left: 0
}

.u-mr--0--minus {
  margin-right: 0
}

.u-mb--0--minus {
  margin-bottom: 0
}

.u-mt--1--minus {
  margin-top: -1px
}

.u-ml--1--minus {
  margin-left: -1px
}

.u-mr--1--minus {
  margin-right: -1px
}

.u-mb--1--minus {
  margin-bottom: -1px
}

.u-mt--2--minus {
  margin-top: -2px
}

.u-ml--2--minus {
  margin-left: -2px
}

.u-mr--2--minus {
  margin-right: -2px
}

.u-mb--2--minus {
  margin-bottom: -2px
}

.u-mt--3--minus {
  margin-top: -3px
}

.u-ml--3--minus {
  margin-left: -3px
}

.u-mr--3--minus {
  margin-right: -3px
}

.u-mb--3--minus {
  margin-bottom: -3px
}

.u-mt--4--minus {
  margin-top: -4px
}

.u-ml--4--minus {
  margin-left: -4px
}

.u-mr--4--minus {
  margin-right: -4px
}

.u-mb--4--minus {
  margin-bottom: -4px
}

.u-mt--5--minus {
  margin-top: -5px
}

.u-ml--5--minus {
  margin-left: -5px
}

.u-mr--5--minus {
  margin-right: -5px
}

.u-mb--5--minus {
  margin-bottom: -5px
}

.u-mt--6--minus {
  margin-top: -6px
}

.u-ml--6--minus {
  margin-left: -6px
}

.u-mr--6--minus {
  margin-right: -6px
}

.u-mb--6--minus {
  margin-bottom: -6px
}

.u-mt--7--minus {
  margin-top: -7px
}

.u-ml--7--minus {
  margin-left: -7px
}

.u-mr--7--minus {
  margin-right: -7px
}

.u-mb--7--minus {
  margin-bottom: -7px
}

.u-mt--8--minus {
  margin-top: -8px
}

.u-ml--8--minus {
  margin-left: -8px
}

.u-mr--8--minus {
  margin-right: -8px
}

.u-mb--8--minus {
  margin-bottom: -8px
}

.u-mt--9--minus {
  margin-top: -9px
}

.u-ml--9--minus {
  margin-left: -9px
}

.u-mr--9--minus {
  margin-right: -9px
}

.u-mb--9--minus {
  margin-bottom: -9px
}

.u-mt--10--minus {
  margin-top: -10px
}

.u-ml--10--minus {
  margin-left: -10px
}

.u-mr--10--minus {
  margin-right: -10px
}

.u-mb--10--minus {
  margin-bottom: -10px
}

.u-mt--11--minus {
  margin-top: -11px
}

.u-ml--11--minus {
  margin-left: -11px
}

.u-mr--11--minus {
  margin-right: -11px
}

.u-mb--11--minus {
  margin-bottom: -11px
}

.u-mt--12--minus {
  margin-top: -12px
}

.u-ml--12--minus {
  margin-left: -12px
}

.u-mr--12--minus {
  margin-right: -12px
}

.u-mb--12--minus {
  margin-bottom: -12px
}

.u-mt--13--minus {
  margin-top: -13px
}

.u-ml--13--minus {
  margin-left: -13px
}

.u-mr--13--minus {
  margin-right: -13px
}

.u-mb--13--minus {
  margin-bottom: -13px
}

.u-mt--14--minus {
  margin-top: -14px
}

.u-ml--14--minus {
  margin-left: -14px
}

.u-mr--14--minus {
  margin-right: -14px
}

.u-mb--14--minus {
  margin-bottom: -14px
}

.u-mt--15--minus {
  margin-top: -15px
}

.u-ml--15--minus {
  margin-left: -15px
}

.u-mr--15--minus {
  margin-right: -15px
}

.u-mb--15--minus {
  margin-bottom: -15px
}

.u-mt--16--minus {
  margin-top: -16px
}

.u-ml--16--minus {
  margin-left: -16px
}

.u-mr--16--minus {
  margin-right: -16px
}

.u-mb--16--minus {
  margin-bottom: -16px
}

.u-mt--17--minus {
  margin-top: -17px
}

.u-ml--17--minus {
  margin-left: -17px
}

.u-mr--17--minus {
  margin-right: -17px
}

.u-mb--17--minus {
  margin-bottom: -17px
}

.u-mt--18--minus {
  margin-top: -18px
}

.u-ml--18--minus {
  margin-left: -18px
}

.u-mr--18--minus {
  margin-right: -18px
}

.u-mb--18--minus {
  margin-bottom: -18px
}

.u-mt--19--minus {
  margin-top: -19px
}

.u-ml--19--minus {
  margin-left: -19px
}

.u-mr--19--minus {
  margin-right: -19px
}

.u-mb--19--minus {
  margin-bottom: -19px
}

.u-mt--20--minus {
  margin-top: -20px
}

.u-ml--20--minus {
  margin-left: -20px
}

.u-mr--20--minus {
  margin-right: -20px
}

.u-mb--20--minus {
  margin-bottom: -20px
}

.u-mt--21--minus {
  margin-top: -21px
}

.u-ml--21--minus {
  margin-left: -21px
}

.u-mr--21--minus {
  margin-right: -21px
}

.u-mb--21--minus {
  margin-bottom: -21px
}

.u-mt--22--minus {
  margin-top: -22px
}

.u-ml--22--minus {
  margin-left: -22px
}

.u-mr--22--minus {
  margin-right: -22px
}

.u-mb--22--minus {
  margin-bottom: -22px
}

.u-mt--23--minus {
  margin-top: -23px
}

.u-ml--23--minus {
  margin-left: -23px
}

.u-mr--23--minus {
  margin-right: -23px
}

.u-mb--23--minus {
  margin-bottom: -23px
}

.u-mt--24--minus {
  margin-top: -24px
}

.u-ml--24--minus {
  margin-left: -24px
}

.u-mr--24--minus {
  margin-right: -24px
}

.u-mb--24--minus {
  margin-bottom: -24px
}

.u-mt--25--minus {
  margin-top: -25px
}

.u-ml--25--minus {
  margin-left: -25px
}

.u-mr--25--minus {
  margin-right: -25px
}

.u-mb--25--minus {
  margin-bottom: -25px
}

.u-mt--26--minus {
  margin-top: -26px
}

.u-ml--26--minus {
  margin-left: -26px
}

.u-mr--26--minus {
  margin-right: -26px
}

.u-mb--26--minus {
  margin-bottom: -26px
}

.u-mt--27--minus {
  margin-top: -27px
}

.u-ml--27--minus {
  margin-left: -27px
}

.u-mr--27--minus {
  margin-right: -27px
}

.u-mb--27--minus {
  margin-bottom: -27px
}

.u-mt--28--minus {
  margin-top: -28px
}

.u-ml--28--minus {
  margin-left: -28px
}

.u-mr--28--minus {
  margin-right: -28px
}

.u-mb--28--minus {
  margin-bottom: -28px
}

.u-mt--29--minus {
  margin-top: -29px
}

.u-ml--29--minus {
  margin-left: -29px
}

.u-mr--29--minus {
  margin-right: -29px
}

.u-mb--29--minus {
  margin-bottom: -29px
}

.u-mt--30--minus {
  margin-top: -30px
}

.u-ml--30--minus {
  margin-left: -30px
}

.u-mr--30--minus {
  margin-right: -30px
}

.u-mb--30--minus {
  margin-bottom: -30px
}

.u-mt--31--minus {
  margin-top: -31px
}

.u-ml--31--minus {
  margin-left: -31px
}

.u-mr--31--minus {
  margin-right: -31px
}

.u-mb--31--minus {
  margin-bottom: -31px
}

.u-mt--32--minus {
  margin-top: -32px
}

.u-ml--32--minus {
  margin-left: -32px
}

.u-mr--32--minus {
  margin-right: -32px
}

.u-mb--32--minus {
  margin-bottom: -32px
}

.u-mt--33--minus {
  margin-top: -33px
}

.u-ml--33--minus {
  margin-left: -33px
}

.u-mr--33--minus {
  margin-right: -33px
}

.u-mb--33--minus {
  margin-bottom: -33px
}

.u-mt--34--minus {
  margin-top: -34px
}

.u-ml--34--minus {
  margin-left: -34px
}

.u-mr--34--minus {
  margin-right: -34px
}

.u-mb--34--minus {
  margin-bottom: -34px
}

.u-mt--35--minus {
  margin-top: -35px
}

.u-ml--35--minus {
  margin-left: -35px
}

.u-mr--35--minus {
  margin-right: -35px
}

.u-mb--35--minus {
  margin-bottom: -35px
}

.u-mt--36--minus {
  margin-top: -36px
}

.u-ml--36--minus {
  margin-left: -36px
}

.u-mr--36--minus {
  margin-right: -36px
}

.u-mb--36--minus {
  margin-bottom: -36px
}

.u-mt--37--minus {
  margin-top: -37px
}

.u-ml--37--minus {
  margin-left: -37px
}

.u-mr--37--minus {
  margin-right: -37px
}

.u-mb--37--minus {
  margin-bottom: -37px
}

.u-mt--38--minus {
  margin-top: -38px
}

.u-ml--38--minus {
  margin-left: -38px
}

.u-mr--38--minus {
  margin-right: -38px
}

.u-mb--38--minus {
  margin-bottom: -38px
}

.u-mt--39--minus {
  margin-top: -39px
}

.u-ml--39--minus {
  margin-left: -39px
}

.u-mr--39--minus {
  margin-right: -39px
}

.u-mb--39--minus {
  margin-bottom: -39px
}

.u-mt--40--minus {
  margin-top: -40px
}

.u-ml--40--minus {
  margin-left: -40px
}

.u-mr--40--minus {
  margin-right: -40px
}

.u-mb--40--minus {
  margin-bottom: -40px
}

.u-mt--41--minus {
  margin-top: -41px
}

.u-ml--41--minus {
  margin-left: -41px
}

.u-mr--41--minus {
  margin-right: -41px
}

.u-mb--41--minus {
  margin-bottom: -41px
}

.u-mt--42--minus {
  margin-top: -42px
}

.u-ml--42--minus {
  margin-left: -42px
}

.u-mr--42--minus {
  margin-right: -42px
}

.u-mb--42--minus {
  margin-bottom: -42px
}

.u-mt--43--minus {
  margin-top: -43px
}

.u-ml--43--minus {
  margin-left: -43px
}

.u-mr--43--minus {
  margin-right: -43px
}

.u-mb--43--minus {
  margin-bottom: -43px
}

.u-mt--44--minus {
  margin-top: -44px
}

.u-ml--44--minus {
  margin-left: -44px
}

.u-mr--44--minus {
  margin-right: -44px
}

.u-mb--44--minus {
  margin-bottom: -44px
}

.u-mt--45--minus {
  margin-top: -45px
}

.u-ml--45--minus {
  margin-left: -45px
}

.u-mr--45--minus {
  margin-right: -45px
}

.u-mb--45--minus {
  margin-bottom: -45px
}

.u-mt--46--minus {
  margin-top: -46px
}

.u-ml--46--minus {
  margin-left: -46px
}

.u-mr--46--minus {
  margin-right: -46px
}

.u-mb--46--minus {
  margin-bottom: -46px
}

.u-mt--47--minus {
  margin-top: -47px
}

.u-ml--47--minus {
  margin-left: -47px
}

.u-mr--47--minus {
  margin-right: -47px
}

.u-mb--47--minus {
  margin-bottom: -47px
}

.u-mt--48--minus {
  margin-top: -48px
}

.u-ml--48--minus {
  margin-left: -48px
}

.u-mr--48--minus {
  margin-right: -48px
}

.u-mb--48--minus {
  margin-bottom: -48px
}

.u-mt--49--minus {
  margin-top: -49px
}

.u-ml--49--minus {
  margin-left: -49px
}

.u-mr--49--minus {
  margin-right: -49px
}

.u-mb--49--minus {
  margin-bottom: -49px
}

.u-mt--50--minus {
  margin-top: -50px
}

.u-ml--50--minus {
  margin-left: -50px
}

.u-mr--50--minus {
  margin-right: -50px
}

.u-mb--50--minus {
  margin-bottom: -50px
}

.u-mt--51--minus {
  margin-top: -51px
}

.u-ml--51--minus {
  margin-left: -51px
}

.u-mr--51--minus {
  margin-right: -51px
}

.u-mb--51--minus {
  margin-bottom: -51px
}

.u-mt--52--minus {
  margin-top: -52px
}

.u-ml--52--minus {
  margin-left: -52px
}

.u-mr--52--minus {
  margin-right: -52px
}

.u-mb--52--minus {
  margin-bottom: -52px
}

.u-mt--53--minus {
  margin-top: -53px
}

.u-ml--53--minus {
  margin-left: -53px
}

.u-mr--53--minus {
  margin-right: -53px
}

.u-mb--53--minus {
  margin-bottom: -53px
}

.u-mt--54--minus {
  margin-top: -54px
}

.u-ml--54--minus {
  margin-left: -54px
}

.u-mr--54--minus {
  margin-right: -54px
}

.u-mb--54--minus {
  margin-bottom: -54px
}

.u-mt--55--minus {
  margin-top: -55px
}

.u-ml--55--minus {
  margin-left: -55px
}

.u-mr--55--minus {
  margin-right: -55px
}

.u-mb--55--minus {
  margin-bottom: -55px
}

.u-mt--56--minus {
  margin-top: -56px
}

.u-ml--56--minus {
  margin-left: -56px
}

.u-mr--56--minus {
  margin-right: -56px
}

.u-mb--56--minus {
  margin-bottom: -56px
}

.u-mt--57--minus {
  margin-top: -57px
}

.u-ml--57--minus {
  margin-left: -57px
}

.u-mr--57--minus {
  margin-right: -57px
}

.u-mb--57--minus {
  margin-bottom: -57px
}

.u-mt--58--minus {
  margin-top: -58px
}

.u-ml--58--minus {
  margin-left: -58px
}

.u-mr--58--minus {
  margin-right: -58px
}

.u-mb--58--minus {
  margin-bottom: -58px
}

.u-mt--59--minus {
  margin-top: -59px
}

.u-ml--59--minus {
  margin-left: -59px
}

.u-mr--59--minus {
  margin-right: -59px
}

.u-mb--59--minus {
  margin-bottom: -59px
}

.u-mt--60--minus {
  margin-top: -60px
}

.u-ml--60--minus {
  margin-left: -60px
}

.u-mr--60--minus {
  margin-right: -60px
}

.u-mb--60--minus {
  margin-bottom: -60px
}

.u-mt--61--minus {
  margin-top: -61px
}

.u-ml--61--minus {
  margin-left: -61px
}

.u-mr--61--minus {
  margin-right: -61px
}

.u-mb--61--minus {
  margin-bottom: -61px
}

.u-mt--62--minus {
  margin-top: -62px
}

.u-ml--62--minus {
  margin-left: -62px
}

.u-mr--62--minus {
  margin-right: -62px
}

.u-mb--62--minus {
  margin-bottom: -62px
}

.u-mt--63--minus {
  margin-top: -63px
}

.u-ml--63--minus {
  margin-left: -63px
}

.u-mr--63--minus {
  margin-right: -63px
}

.u-mb--63--minus {
  margin-bottom: -63px
}

.u-mt--64--minus {
  margin-top: -64px
}

.u-ml--64--minus {
  margin-left: -64px
}

.u-mr--64--minus {
  margin-right: -64px
}

.u-mb--64--minus {
  margin-bottom: -64px
}

.u-mt--65--minus {
  margin-top: -65px
}

.u-ml--65--minus {
  margin-left: -65px
}

.u-mr--65--minus {
  margin-right: -65px
}

.u-mb--65--minus {
  margin-bottom: -65px
}

.u-mt--66--minus {
  margin-top: -66px
}

.u-ml--66--minus {
  margin-left: -66px
}

.u-mr--66--minus {
  margin-right: -66px
}

.u-mb--66--minus {
  margin-bottom: -66px
}

.u-mt--67--minus {
  margin-top: -67px
}

.u-ml--67--minus {
  margin-left: -67px
}

.u-mr--67--minus {
  margin-right: -67px
}

.u-mb--67--minus {
  margin-bottom: -67px
}

.u-mt--68--minus {
  margin-top: -68px
}

.u-ml--68--minus {
  margin-left: -68px
}

.u-mr--68--minus {
  margin-right: -68px
}

.u-mb--68--minus {
  margin-bottom: -68px
}

.u-mt--69--minus {
  margin-top: -69px
}

.u-ml--69--minus {
  margin-left: -69px
}

.u-mr--69--minus {
  margin-right: -69px
}

.u-mb--69--minus {
  margin-bottom: -69px
}

.u-mt--70--minus {
  margin-top: -70px
}

.u-ml--70--minus {
  margin-left: -70px
}

.u-mr--70--minus {
  margin-right: -70px
}

.u-mb--70--minus {
  margin-bottom: -70px
}

.u-mt--71--minus {
  margin-top: -71px
}

.u-ml--71--minus {
  margin-left: -71px
}

.u-mr--71--minus {
  margin-right: -71px
}

.u-mb--71--minus {
  margin-bottom: -71px
}

.u-mt--72--minus {
  margin-top: -72px
}

.u-ml--72--minus {
  margin-left: -72px
}

.u-mr--72--minus {
  margin-right: -72px
}

.u-mb--72--minus {
  margin-bottom: -72px
}

.u-mt--73--minus {
  margin-top: -73px
}

.u-ml--73--minus {
  margin-left: -73px
}

.u-mr--73--minus {
  margin-right: -73px
}

.u-mb--73--minus {
  margin-bottom: -73px
}

.u-mt--74--minus {
  margin-top: -74px
}

.u-ml--74--minus {
  margin-left: -74px
}

.u-mr--74--minus {
  margin-right: -74px
}

.u-mb--74--minus {
  margin-bottom: -74px
}

.u-mt--75--minus {
  margin-top: -75px
}

.u-ml--75--minus {
  margin-left: -75px
}

.u-mr--75--minus {
  margin-right: -75px
}

.u-mb--75--minus {
  margin-bottom: -75px
}

.u-mt--76--minus {
  margin-top: -76px
}

.u-ml--76--minus {
  margin-left: -76px
}

.u-mr--76--minus {
  margin-right: -76px
}

.u-mb--76--minus {
  margin-bottom: -76px
}

.u-mt--77--minus {
  margin-top: -77px
}

.u-ml--77--minus {
  margin-left: -77px
}

.u-mr--77--minus {
  margin-right: -77px
}

.u-mb--77--minus {
  margin-bottom: -77px
}

.u-mt--78--minus {
  margin-top: -78px
}

.u-ml--78--minus {
  margin-left: -78px
}

.u-mr--78--minus {
  margin-right: -78px
}

.u-mb--78--minus {
  margin-bottom: -78px
}

.u-mt--79--minus {
  margin-top: -79px
}

.u-ml--79--minus {
  margin-left: -79px
}

.u-mr--79--minus {
  margin-right: -79px
}

.u-mb--79--minus {
  margin-bottom: -79px
}

.u-mt--80--minus {
  margin-top: -80px
}

.u-ml--80--minus {
  margin-left: -80px
}

.u-mr--80--minus {
  margin-right: -80px
}

.u-mb--80--minus {
  margin-bottom: -80px
}

.u-mt--81--minus {
  margin-top: -81px
}

.u-ml--81--minus {
  margin-left: -81px
}

.u-mr--81--minus {
  margin-right: -81px
}

.u-mb--81--minus {
  margin-bottom: -81px
}

.u-mt--82--minus {
  margin-top: -82px
}

.u-ml--82--minus {
  margin-left: -82px
}

.u-mr--82--minus {
  margin-right: -82px
}

.u-mb--82--minus {
  margin-bottom: -82px
}

.u-mt--83--minus {
  margin-top: -83px
}

.u-ml--83--minus {
  margin-left: -83px
}

.u-mr--83--minus {
  margin-right: -83px
}

.u-mb--83--minus {
  margin-bottom: -83px
}

.u-mt--84--minus {
  margin-top: -84px
}

.u-ml--84--minus {
  margin-left: -84px
}

.u-mr--84--minus {
  margin-right: -84px
}

.u-mb--84--minus {
  margin-bottom: -84px
}

.u-mt--85--minus {
  margin-top: -85px
}

.u-ml--85--minus {
  margin-left: -85px
}

.u-mr--85--minus {
  margin-right: -85px
}

.u-mb--85--minus {
  margin-bottom: -85px
}

.u-mt--86--minus {
  margin-top: -86px
}

.u-ml--86--minus {
  margin-left: -86px
}

.u-mr--86--minus {
  margin-right: -86px
}

.u-mb--86--minus {
  margin-bottom: -86px
}

.u-mt--87--minus {
  margin-top: -87px
}

.u-ml--87--minus {
  margin-left: -87px
}

.u-mr--87--minus {
  margin-right: -87px
}

.u-mb--87--minus {
  margin-bottom: -87px
}

.u-mt--88--minus {
  margin-top: -88px
}

.u-ml--88--minus {
  margin-left: -88px
}

.u-mr--88--minus {
  margin-right: -88px
}

.u-mb--88--minus {
  margin-bottom: -88px
}

.u-mt--89--minus {
  margin-top: -89px
}

.u-ml--89--minus {
  margin-left: -89px
}

.u-mr--89--minus {
  margin-right: -89px
}

.u-mb--89--minus {
  margin-bottom: -89px
}

.u-mt--90--minus {
  margin-top: -90px
}

.u-ml--90--minus {
  margin-left: -90px
}

.u-mr--90--minus {
  margin-right: -90px
}

.u-mb--90--minus {
  margin-bottom: -90px
}

.u-mt--91--minus {
  margin-top: -91px
}

.u-ml--91--minus {
  margin-left: -91px
}

.u-mr--91--minus {
  margin-right: -91px
}

.u-mb--91--minus {
  margin-bottom: -91px
}

.u-mt--92--minus {
  margin-top: -92px
}

.u-ml--92--minus {
  margin-left: -92px
}

.u-mr--92--minus {
  margin-right: -92px
}

.u-mb--92--minus {
  margin-bottom: -92px
}

.u-mt--93--minus {
  margin-top: -93px
}

.u-ml--93--minus {
  margin-left: -93px
}

.u-mr--93--minus {
  margin-right: -93px
}

.u-mb--93--minus {
  margin-bottom: -93px
}

.u-mt--94--minus {
  margin-top: -94px
}

.u-ml--94--minus {
  margin-left: -94px
}

.u-mr--94--minus {
  margin-right: -94px
}

.u-mb--94--minus {
  margin-bottom: -94px
}

.u-mt--95--minus {
  margin-top: -95px
}

.u-ml--95--minus {
  margin-left: -95px
}

.u-mr--95--minus {
  margin-right: -95px
}

.u-mb--95--minus {
  margin-bottom: -95px
}

.u-mt--96--minus {
  margin-top: -96px
}

.u-ml--96--minus {
  margin-left: -96px
}

.u-mr--96--minus {
  margin-right: -96px
}

.u-mb--96--minus {
  margin-bottom: -96px
}

.u-mt--97--minus {
  margin-top: -97px
}

.u-ml--97--minus {
  margin-left: -97px
}

.u-mr--97--minus {
  margin-right: -97px
}

.u-mb--97--minus {
  margin-bottom: -97px
}

.u-mt--98--minus {
  margin-top: -98px
}

.u-ml--98--minus {
  margin-left: -98px
}

.u-mr--98--minus {
  margin-right: -98px
}

.u-mb--98--minus {
  margin-bottom: -98px
}

.u-mt--99--minus {
  margin-top: -99px
}

.u-ml--99--minus {
  margin-left: -99px
}

.u-mr--99--minus {
  margin-right: -99px
}

.u-mb--99--minus {
  margin-bottom: -99px
}

.u-mt--100--minus {
  margin-top: -100px
}

.u-ml--100--minus {
  margin-left: -100px
}

.u-mr--100--minus {
  margin-right: -100px
}

.u-mb--100--minus {
  margin-bottom: -100px
}

.u-mt--101--minus {
  margin-top: -101px
}

.u-ml--101--minus {
  margin-left: -101px
}

.u-mr--101--minus {
  margin-right: -101px
}

.u-mb--101--minus {
  margin-bottom: -101px
}

.u-mt--102--minus {
  margin-top: -102px
}

.u-ml--102--minus {
  margin-left: -102px
}

.u-mr--102--minus {
  margin-right: -102px
}

.u-mb--102--minus {
  margin-bottom: -102px
}

.u-mt--103--minus {
  margin-top: -103px
}

.u-ml--103--minus {
  margin-left: -103px
}

.u-mr--103--minus {
  margin-right: -103px
}

.u-mb--103--minus {
  margin-bottom: -103px
}

.u-mt--104--minus {
  margin-top: -104px
}

.u-ml--104--minus {
  margin-left: -104px
}

.u-mr--104--minus {
  margin-right: -104px
}

.u-mb--104--minus {
  margin-bottom: -104px
}

.u-mt--105--minus {
  margin-top: -105px
}

.u-ml--105--minus {
  margin-left: -105px
}

.u-mr--105--minus {
  margin-right: -105px
}

.u-mb--105--minus {
  margin-bottom: -105px
}

.u-mt--106--minus {
  margin-top: -106px
}

.u-ml--106--minus {
  margin-left: -106px
}

.u-mr--106--minus {
  margin-right: -106px
}

.u-mb--106--minus {
  margin-bottom: -106px
}

.u-mt--107--minus {
  margin-top: -107px
}

.u-ml--107--minus {
  margin-left: -107px
}

.u-mr--107--minus {
  margin-right: -107px
}

.u-mb--107--minus {
  margin-bottom: -107px
}

.u-mt--108--minus {
  margin-top: -108px
}

.u-ml--108--minus {
  margin-left: -108px
}

.u-mr--108--minus {
  margin-right: -108px
}

.u-mb--108--minus {
  margin-bottom: -108px
}

.u-mt--109--minus {
  margin-top: -109px
}

.u-ml--109--minus {
  margin-left: -109px
}

.u-mr--109--minus {
  margin-right: -109px
}

.u-mb--109--minus {
  margin-bottom: -109px
}

.u-mt--110--minus {
  margin-top: -110px
}

.u-ml--110--minus {
  margin-left: -110px
}

.u-mr--110--minus {
  margin-right: -110px
}

.u-mb--110--minus {
  margin-bottom: -110px
}

.u-mt--111--minus {
  margin-top: -111px
}

.u-ml--111--minus {
  margin-left: -111px
}

.u-mr--111--minus {
  margin-right: -111px
}

.u-mb--111--minus {
  margin-bottom: -111px
}

.u-mt--112--minus {
  margin-top: -112px
}

.u-ml--112--minus {
  margin-left: -112px
}

.u-mr--112--minus {
  margin-right: -112px
}

.u-mb--112--minus {
  margin-bottom: -112px
}

.u-mt--113--minus {
  margin-top: -113px
}

.u-ml--113--minus {
  margin-left: -113px
}

.u-mr--113--minus {
  margin-right: -113px
}

.u-mb--113--minus {
  margin-bottom: -113px
}

.u-mt--114--minus {
  margin-top: -114px
}

.u-ml--114--minus {
  margin-left: -114px
}

.u-mr--114--minus {
  margin-right: -114px
}

.u-mb--114--minus {
  margin-bottom: -114px
}

.u-mt--115--minus {
  margin-top: -115px
}

.u-ml--115--minus {
  margin-left: -115px
}

.u-mr--115--minus {
  margin-right: -115px
}

.u-mb--115--minus {
  margin-bottom: -115px
}

.u-mt--116--minus {
  margin-top: -116px
}

.u-ml--116--minus {
  margin-left: -116px
}

.u-mr--116--minus {
  margin-right: -116px
}

.u-mb--116--minus {
  margin-bottom: -116px
}

.u-mt--117--minus {
  margin-top: -117px
}

.u-ml--117--minus {
  margin-left: -117px
}

.u-mr--117--minus {
  margin-right: -117px
}

.u-mb--117--minus {
  margin-bottom: -117px
}

.u-mt--118--minus {
  margin-top: -118px
}

.u-ml--118--minus {
  margin-left: -118px
}

.u-mr--118--minus {
  margin-right: -118px
}

.u-mb--118--minus {
  margin-bottom: -118px
}

.u-mt--119--minus {
  margin-top: -119px
}

.u-ml--119--minus {
  margin-left: -119px
}

.u-mr--119--minus {
  margin-right: -119px
}

.u-mb--119--minus {
  margin-bottom: -119px
}

.u-mt--120--minus {
  margin-top: -120px
}

.u-ml--120--minus {
  margin-left: -120px
}

.u-mr--120--minus {
  margin-right: -120px
}

.u-mb--120--minus {
  margin-bottom: -120px
}

.u-mt--121--minus {
  margin-top: -121px
}

.u-ml--121--minus {
  margin-left: -121px
}

.u-mr--121--minus {
  margin-right: -121px
}

.u-mb--121--minus {
  margin-bottom: -121px
}

.u-mt--122--minus {
  margin-top: -122px
}

.u-ml--122--minus {
  margin-left: -122px
}

.u-mr--122--minus {
  margin-right: -122px
}

.u-mb--122--minus {
  margin-bottom: -122px
}

.u-mt--123--minus {
  margin-top: -123px
}

.u-ml--123--minus {
  margin-left: -123px
}

.u-mr--123--minus {
  margin-right: -123px
}

.u-mb--123--minus {
  margin-bottom: -123px
}

.u-mt--124--minus {
  margin-top: -124px
}

.u-ml--124--minus {
  margin-left: -124px
}

.u-mr--124--minus {
  margin-right: -124px
}

.u-mb--124--minus {
  margin-bottom: -124px
}

.u-mt--125--minus {
  margin-top: -125px
}

.u-ml--125--minus {
  margin-left: -125px
}

.u-mr--125--minus {
  margin-right: -125px
}

.u-mb--125--minus {
  margin-bottom: -125px
}

.u-mt--126--minus {
  margin-top: -126px
}

.u-ml--126--minus {
  margin-left: -126px
}

.u-mr--126--minus {
  margin-right: -126px
}

.u-mb--126--minus {
  margin-bottom: -126px
}

.u-mt--127--minus {
  margin-top: -127px
}

.u-ml--127--minus {
  margin-left: -127px
}

.u-mr--127--minus {
  margin-right: -127px
}

.u-mb--127--minus {
  margin-bottom: -127px
}

.u-mt--128--minus {
  margin-top: -128px
}

.u-ml--128--minus {
  margin-left: -128px
}

.u-mr--128--minus {
  margin-right: -128px
}

.u-mb--128--minus {
  margin-bottom: -128px
}

.u-mt--129--minus {
  margin-top: -129px
}

.u-ml--129--minus {
  margin-left: -129px
}

.u-mr--129--minus {
  margin-right: -129px
}

.u-mb--129--minus {
  margin-bottom: -129px
}

.u-mt--130--minus {
  margin-top: -130px
}

.u-ml--130--minus {
  margin-left: -130px
}

.u-mr--130--minus {
  margin-right: -130px
}

.u-mb--130--minus {
  margin-bottom: -130px
}

.u-mt--131--minus {
  margin-top: -131px
}

.u-ml--131--minus {
  margin-left: -131px
}

.u-mr--131--minus {
  margin-right: -131px
}

.u-mb--131--minus {
  margin-bottom: -131px
}

.u-mt--132--minus {
  margin-top: -132px
}

.u-ml--132--minus {
  margin-left: -132px
}

.u-mr--132--minus {
  margin-right: -132px
}

.u-mb--132--minus {
  margin-bottom: -132px
}

.u-mt--133--minus {
  margin-top: -133px
}

.u-ml--133--minus {
  margin-left: -133px
}

.u-mr--133--minus {
  margin-right: -133px
}

.u-mb--133--minus {
  margin-bottom: -133px
}

.u-mt--134--minus {
  margin-top: -134px
}

.u-ml--134--minus {
  margin-left: -134px
}

.u-mr--134--minus {
  margin-right: -134px
}

.u-mb--134--minus {
  margin-bottom: -134px
}

.u-mt--135--minus {
  margin-top: -135px
}

.u-ml--135--minus {
  margin-left: -135px
}

.u-mr--135--minus {
  margin-right: -135px
}

.u-mb--135--minus {
  margin-bottom: -135px
}

.u-mt--136--minus {
  margin-top: -136px
}

.u-ml--136--minus {
  margin-left: -136px
}

.u-mr--136--minus {
  margin-right: -136px
}

.u-mb--136--minus {
  margin-bottom: -136px
}

.u-mt--137--minus {
  margin-top: -137px
}

.u-ml--137--minus {
  margin-left: -137px
}

.u-mr--137--minus {
  margin-right: -137px
}

.u-mb--137--minus {
  margin-bottom: -137px
}

.u-mt--138--minus {
  margin-top: -138px
}

.u-ml--138--minus {
  margin-left: -138px
}

.u-mr--138--minus {
  margin-right: -138px
}

.u-mb--138--minus {
  margin-bottom: -138px
}

.u-mt--139--minus {
  margin-top: -139px
}

.u-ml--139--minus {
  margin-left: -139px
}

.u-mr--139--minus {
  margin-right: -139px
}

.u-mb--139--minus {
  margin-bottom: -139px
}

.u-mt--140--minus {
  margin-top: -140px
}

.u-ml--140--minus {
  margin-left: -140px
}

.u-mr--140--minus {
  margin-right: -140px
}

.u-mb--140--minus {
  margin-bottom: -140px
}

.u-mt--141--minus {
  margin-top: -141px
}

.u-ml--141--minus {
  margin-left: -141px
}

.u-mr--141--minus {
  margin-right: -141px
}

.u-mb--141--minus {
  margin-bottom: -141px
}

.u-mt--142--minus {
  margin-top: -142px
}

.u-ml--142--minus {
  margin-left: -142px
}

.u-mr--142--minus {
  margin-right: -142px
}

.u-mb--142--minus {
  margin-bottom: -142px
}

.u-mt--143--minus {
  margin-top: -143px
}

.u-ml--143--minus {
  margin-left: -143px
}

.u-mr--143--minus {
  margin-right: -143px
}

.u-mb--143--minus {
  margin-bottom: -143px
}

.u-mt--144--minus {
  margin-top: -144px
}

.u-ml--144--minus {
  margin-left: -144px
}

.u-mr--144--minus {
  margin-right: -144px
}

.u-mb--144--minus {
  margin-bottom: -144px
}

.u-mt--145--minus {
  margin-top: -145px
}

.u-ml--145--minus {
  margin-left: -145px
}

.u-mr--145--minus {
  margin-right: -145px
}

.u-mb--145--minus {
  margin-bottom: -145px
}

.u-mt--146--minus {
  margin-top: -146px
}

.u-ml--146--minus {
  margin-left: -146px
}

.u-mr--146--minus {
  margin-right: -146px
}

.u-mb--146--minus {
  margin-bottom: -146px
}

.u-mt--147--minus {
  margin-top: -147px
}

.u-ml--147--minus {
  margin-left: -147px
}

.u-mr--147--minus {
  margin-right: -147px
}

.u-mb--147--minus {
  margin-bottom: -147px
}

.u-mt--148--minus {
  margin-top: -148px
}

.u-ml--148--minus {
  margin-left: -148px
}

.u-mr--148--minus {
  margin-right: -148px
}

.u-mb--148--minus {
  margin-bottom: -148px
}

.u-mt--149--minus {
  margin-top: -149px
}

.u-ml--149--minus {
  margin-left: -149px
}

.u-mr--149--minus {
  margin-right: -149px
}

.u-mb--149--minus {
  margin-bottom: -149px
}

.u-mt--150--minus {
  margin-top: -150px
}

.u-ml--150--minus {
  margin-left: -150px
}

.u-mr--150--minus {
  margin-right: -150px
}

.u-mb--150--minus {
  margin-bottom: -150px
}

.u-pt-0 {
  padding-top: 0
}

.u-pl-0 {
  padding-left: 0
}

.u-pr-0 {
  padding-right: 0
}

.u-pb-0 {
  padding-bottom: 0
}

.u-pt-1 {
  padding-top: 1px
}

.u-pl-1 {
  padding-left: 1px
}

.u-pr-1 {
  padding-right: 1px
}

.u-pb-1 {
  padding-bottom: 1px
}

.u-pt-2 {
  padding-top: 2px
}

.u-pl-2 {
  padding-left: 2px
}

.u-pr-2 {
  padding-right: 2px
}

.u-pb-2 {
  padding-bottom: 2px
}

.u-pt-3 {
  padding-top: 3px
}

.u-pl-3 {
  padding-left: 3px
}

.u-pr-3 {
  padding-right: 3px
}

.u-pb-3 {
  padding-bottom: 3px
}

.u-pt-4 {
  padding-top: 4px
}

.u-pl-4 {
  padding-left: 4px
}

.u-pr-4 {
  padding-right: 4px
}

.u-pb-4 {
  padding-bottom: 4px
}

.u-pt-5 {
  padding-top: 5px
}

.u-pl-5 {
  padding-left: 5px
}

.u-pr-5 {
  padding-right: 5px
}

.u-pb-5 {
  padding-bottom: 5px
}

.u-pt-6 {
  padding-top: 6px
}

.u-pl-6 {
  padding-left: 6px
}

.u-pr-6 {
  padding-right: 6px
}

.u-pb-6 {
  padding-bottom: 6px
}

.u-pt-7 {
  padding-top: 7px
}

.u-pl-7 {
  padding-left: 7px
}

.u-pr-7 {
  padding-right: 7px
}

.u-pb-7 {
  padding-bottom: 7px
}

.u-pt-8 {
  padding-top: 8px
}

.u-pl-8 {
  padding-left: 8px
}

.u-pr-8 {
  padding-right: 8px
}

.u-pb-8 {
  padding-bottom: 8px
}

.u-pt-9 {
  padding-top: 9px
}

.u-pl-9 {
  padding-left: 9px
}

.u-pr-9 {
  padding-right: 9px
}

.u-pb-9 {
  padding-bottom: 9px
}

.u-pt-10 {
  padding-top: 10px
}

.u-pl-10 {
  padding-left: 10px
}

.u-pr-10 {
  padding-right: 10px
}

.u-pb-10 {
  padding-bottom: 10px
}

.u-pt-11 {
  padding-top: 11px
}

.u-pl-11 {
  padding-left: 11px
}

.u-pr-11 {
  padding-right: 11px
}

.u-pb-11 {
  padding-bottom: 11px
}

.u-pt-12 {
  padding-top: 12px
}

.u-pl-12 {
  padding-left: 12px
}

.u-pr-12 {
  padding-right: 12px
}

.u-pb-12 {
  padding-bottom: 12px
}

.u-pt-13 {
  padding-top: 13px
}

.u-pl-13 {
  padding-left: 13px
}

.u-pr-13 {
  padding-right: 13px
}

.u-pb-13 {
  padding-bottom: 13px
}

.u-pt-14 {
  padding-top: 14px
}

.u-pl-14 {
  padding-left: 14px
}

.u-pr-14 {
  padding-right: 14px
}

.u-pb-14 {
  padding-bottom: 14px
}

.u-pt-15 {
  padding-top: 15px
}

.u-pl-15 {
  padding-left: 15px
}

.u-pr-15 {
  padding-right: 15px
}

.u-pb-15 {
  padding-bottom: 15px
}

.u-pt-16 {
  padding-top: 16px
}

.u-pl-16 {
  padding-left: 16px
}

.u-pr-16 {
  padding-right: 16px
}

.u-pb-16 {
  padding-bottom: 16px
}

.u-pt-17 {
  padding-top: 17px
}

.u-pl-17 {
  padding-left: 17px
}

.u-pr-17 {
  padding-right: 17px
}

.u-pb-17 {
  padding-bottom: 17px
}

.u-pt-18 {
  padding-top: 18px
}

.u-pl-18 {
  padding-left: 18px
}

.u-pr-18 {
  padding-right: 18px
}

.u-pb-18 {
  padding-bottom: 18px
}

.u-pt-19 {
  padding-top: 19px
}

.u-pl-19 {
  padding-left: 19px
}

.u-pr-19 {
  padding-right: 19px
}

.u-pb-19 {
  padding-bottom: 19px
}

.u-pt-20 {
  padding-top: 20px
}

.u-pl-20 {
  padding-left: 20px
}

.u-pr-20 {
  padding-right: 20px
}

.u-pb-20 {
  padding-bottom: 20px
}

.u-pt-21 {
  padding-top: 21px
}

.u-pl-21 {
  padding-left: 21px
}

.u-pr-21 {
  padding-right: 21px
}

.u-pb-21 {
  padding-bottom: 21px
}

.u-pt-22 {
  padding-top: 22px
}

.u-pl-22 {
  padding-left: 22px
}

.u-pr-22 {
  padding-right: 22px
}

.u-pb-22 {
  padding-bottom: 22px
}

.u-pt-23 {
  padding-top: 23px
}

.u-pl-23 {
  padding-left: 23px
}

.u-pr-23 {
  padding-right: 23px
}

.u-pb-23 {
  padding-bottom: 23px
}

.u-pt-24 {
  padding-top: 24px
}

.u-pl-24 {
  padding-left: 24px
}

.u-pr-24 {
  padding-right: 24px
}

.u-pb-24 {
  padding-bottom: 24px
}

.u-pt-25 {
  padding-top: 25px
}

.u-pl-25 {
  padding-left: 25px
}

.u-pr-25 {
  padding-right: 25px
}

.u-pb-25 {
  padding-bottom: 25px
}

.u-pt-26 {
  padding-top: 26px
}

.u-pl-26 {
  padding-left: 26px
}

.u-pr-26 {
  padding-right: 26px
}

.u-pb-26 {
  padding-bottom: 26px
}

.u-pt-27 {
  padding-top: 27px
}

.u-pl-27 {
  padding-left: 27px
}

.u-pr-27 {
  padding-right: 27px
}

.u-pb-27 {
  padding-bottom: 27px
}

.u-pt-28 {
  padding-top: 28px
}

.u-pl-28 {
  padding-left: 28px
}

.u-pr-28 {
  padding-right: 28px
}

.u-pb-28 {
  padding-bottom: 28px
}

.u-pt-29 {
  padding-top: 29px
}

.u-pl-29 {
  padding-left: 29px
}

.u-pr-29 {
  padding-right: 29px
}

.u-pb-29 {
  padding-bottom: 29px
}

.u-pt-30 {
  padding-top: 30px
}

.u-pl-30 {
  padding-left: 30px
}

.u-pr-30 {
  padding-right: 30px
}

.u-pb-30 {
  padding-bottom: 30px
}

.u-pt-31 {
  padding-top: 31px
}

.u-pl-31 {
  padding-left: 31px
}

.u-pr-31 {
  padding-right: 31px
}

.u-pb-31 {
  padding-bottom: 31px
}

.u-pt-32 {
  padding-top: 32px
}

.u-pl-32 {
  padding-left: 32px
}

.u-pr-32 {
  padding-right: 32px
}

.u-pb-32 {
  padding-bottom: 32px
}

.u-pt-33 {
  padding-top: 33px
}

.u-pl-33 {
  padding-left: 33px
}

.u-pr-33 {
  padding-right: 33px
}

.u-pb-33 {
  padding-bottom: 33px
}

.u-pt-34 {
  padding-top: 34px
}

.u-pl-34 {
  padding-left: 34px
}

.u-pr-34 {
  padding-right: 34px
}

.u-pb-34 {
  padding-bottom: 34px
}

.u-pt-35 {
  padding-top: 35px
}

.u-pl-35 {
  padding-left: 35px
}

.u-pr-35 {
  padding-right: 35px
}

.u-pb-35 {
  padding-bottom: 35px
}

.u-pt-36 {
  padding-top: 36px
}

.u-pl-36 {
  padding-left: 36px
}

.u-pr-36 {
  padding-right: 36px
}

.u-pb-36 {
  padding-bottom: 36px
}

.u-pt-37 {
  padding-top: 37px
}

.u-pl-37 {
  padding-left: 37px
}

.u-pr-37 {
  padding-right: 37px
}

.u-pb-37 {
  padding-bottom: 37px
}

.u-pt-38 {
  padding-top: 38px
}

.u-pl-38 {
  padding-left: 38px
}

.u-pr-38 {
  padding-right: 38px
}

.u-pb-38 {
  padding-bottom: 38px
}

.u-pt-39 {
  padding-top: 39px
}

.u-pl-39 {
  padding-left: 39px
}

.u-pr-39 {
  padding-right: 39px
}

.u-pb-39 {
  padding-bottom: 39px
}

.u-pt-40 {
  padding-top: 40px
}

.u-pl-40 {
  padding-left: 40px
}

.u-pr-40 {
  padding-right: 40px
}

.u-pb-40 {
  padding-bottom: 40px
}

.u-pt-41 {
  padding-top: 41px
}

.u-pl-41 {
  padding-left: 41px
}

.u-pr-41 {
  padding-right: 41px
}

.u-pb-41 {
  padding-bottom: 41px
}

.u-pt-42 {
  padding-top: 42px
}

.u-pl-42 {
  padding-left: 42px
}

.u-pr-42 {
  padding-right: 42px
}

.u-pb-42 {
  padding-bottom: 42px
}

.u-pt-43 {
  padding-top: 43px
}

.u-pl-43 {
  padding-left: 43px
}

.u-pr-43 {
  padding-right: 43px
}

.u-pb-43 {
  padding-bottom: 43px
}

.u-pt-44 {
  padding-top: 44px
}

.u-pl-44 {
  padding-left: 44px
}

.u-pr-44 {
  padding-right: 44px
}

.u-pb-44 {
  padding-bottom: 44px
}

.u-pt-45 {
  padding-top: 45px
}

.u-pl-45 {
  padding-left: 45px
}

.u-pr-45 {
  padding-right: 45px
}

.u-pb-45 {
  padding-bottom: 45px
}

.u-pt-46 {
  padding-top: 46px
}

.u-pl-46 {
  padding-left: 46px
}

.u-pr-46 {
  padding-right: 46px
}

.u-pb-46 {
  padding-bottom: 46px
}

.u-pt-47 {
  padding-top: 47px
}

.u-pl-47 {
  padding-left: 47px
}

.u-pr-47 {
  padding-right: 47px
}

.u-pb-47 {
  padding-bottom: 47px
}

.u-pt-48 {
  padding-top: 48px
}

.u-pl-48 {
  padding-left: 48px
}

.u-pr-48 {
  padding-right: 48px
}

.u-pb-48 {
  padding-bottom: 48px
}

.u-pt-49 {
  padding-top: 49px
}

.u-pl-49 {
  padding-left: 49px
}

.u-pr-49 {
  padding-right: 49px
}

.u-pb-49 {
  padding-bottom: 49px
}

.u-pt-50 {
  padding-top: 50px
}

.u-pl-50 {
  padding-left: 50px
}

.u-pr-50 {
  padding-right: 50px
}

.u-pb-50 {
  padding-bottom: 50px
}

.u-pt-51 {
  padding-top: 51px
}

.u-pl-51 {
  padding-left: 51px
}

.u-pr-51 {
  padding-right: 51px
}

.u-pb-51 {
  padding-bottom: 51px
}

.u-pt-52 {
  padding-top: 52px
}

.u-pl-52 {
  padding-left: 52px
}

.u-pr-52 {
  padding-right: 52px
}

.u-pb-52 {
  padding-bottom: 52px
}

.u-pt-53 {
  padding-top: 53px
}

.u-pl-53 {
  padding-left: 53px
}

.u-pr-53 {
  padding-right: 53px
}

.u-pb-53 {
  padding-bottom: 53px
}

.u-pt-54 {
  padding-top: 54px
}

.u-pl-54 {
  padding-left: 54px
}

.u-pr-54 {
  padding-right: 54px
}

.u-pb-54 {
  padding-bottom: 54px
}

.u-pt-55 {
  padding-top: 55px
}

.u-pl-55 {
  padding-left: 55px
}

.u-pr-55 {
  padding-right: 55px
}

.u-pb-55 {
  padding-bottom: 55px
}

.u-pt-56 {
  padding-top: 56px
}

.u-pl-56 {
  padding-left: 56px
}

.u-pr-56 {
  padding-right: 56px
}

.u-pb-56 {
  padding-bottom: 56px
}

.u-pt-57 {
  padding-top: 57px
}

.u-pl-57 {
  padding-left: 57px
}

.u-pr-57 {
  padding-right: 57px
}

.u-pb-57 {
  padding-bottom: 57px
}

.u-pt-58 {
  padding-top: 58px
}

.u-pl-58 {
  padding-left: 58px
}

.u-pr-58 {
  padding-right: 58px
}

.u-pb-58 {
  padding-bottom: 58px
}

.u-pt-59 {
  padding-top: 59px
}

.u-pl-59 {
  padding-left: 59px
}

.u-pr-59 {
  padding-right: 59px
}

.u-pb-59 {
  padding-bottom: 59px
}

.u-pt-60 {
  padding-top: 60px
}

.u-pl-60 {
  padding-left: 60px
}

.u-pr-60 {
  padding-right: 60px
}

.u-pb-60 {
  padding-bottom: 60px
}

.u-pt-61 {
  padding-top: 61px
}

.u-pl-61 {
  padding-left: 61px
}

.u-pr-61 {
  padding-right: 61px
}

.u-pb-61 {
  padding-bottom: 61px
}

.u-pt-62 {
  padding-top: 62px
}

.u-pl-62 {
  padding-left: 62px
}

.u-pr-62 {
  padding-right: 62px
}

.u-pb-62 {
  padding-bottom: 62px
}

.u-pt-63 {
  padding-top: 63px
}

.u-pl-63 {
  padding-left: 63px
}

.u-pr-63 {
  padding-right: 63px
}

.u-pb-63 {
  padding-bottom: 63px
}

.u-pt-64 {
  padding-top: 64px
}

.u-pl-64 {
  padding-left: 64px
}

.u-pr-64 {
  padding-right: 64px
}

.u-pb-64 {
  padding-bottom: 64px
}

.u-pt-65 {
  padding-top: 65px
}

.u-pl-65 {
  padding-left: 65px
}

.u-pr-65 {
  padding-right: 65px
}

.u-pb-65 {
  padding-bottom: 65px
}

.u-pt-66 {
  padding-top: 66px
}

.u-pl-66 {
  padding-left: 66px
}

.u-pr-66 {
  padding-right: 66px
}

.u-pb-66 {
  padding-bottom: 66px
}

.u-pt-67 {
  padding-top: 67px
}

.u-pl-67 {
  padding-left: 67px
}

.u-pr-67 {
  padding-right: 67px
}

.u-pb-67 {
  padding-bottom: 67px
}

.u-pt-68 {
  padding-top: 68px
}

.u-pl-68 {
  padding-left: 68px
}

.u-pr-68 {
  padding-right: 68px
}

.u-pb-68 {
  padding-bottom: 68px
}

.u-pt-69 {
  padding-top: 69px
}

.u-pl-69 {
  padding-left: 69px
}

.u-pr-69 {
  padding-right: 69px
}

.u-pb-69 {
  padding-bottom: 69px
}

.u-pt-70 {
  padding-top: 70px
}

.u-pl-70 {
  padding-left: 70px
}

.u-pr-70 {
  padding-right: 70px
}

.u-pb-70 {
  padding-bottom: 70px
}

.u-pt-71 {
  padding-top: 71px
}

.u-pl-71 {
  padding-left: 71px
}

.u-pr-71 {
  padding-right: 71px
}

.u-pb-71 {
  padding-bottom: 71px
}

.u-pt-72 {
  padding-top: 72px
}

.u-pl-72 {
  padding-left: 72px
}

.u-pr-72 {
  padding-right: 72px
}

.u-pb-72 {
  padding-bottom: 72px
}

.u-pt-73 {
  padding-top: 73px
}

.u-pl-73 {
  padding-left: 73px
}

.u-pr-73 {
  padding-right: 73px
}

.u-pb-73 {
  padding-bottom: 73px
}

.u-pt-74 {
  padding-top: 74px
}

.u-pl-74 {
  padding-left: 74px
}

.u-pr-74 {
  padding-right: 74px
}

.u-pb-74 {
  padding-bottom: 74px
}

.u-pt-75 {
  padding-top: 75px
}

.u-pl-75 {
  padding-left: 75px
}

.u-pr-75 {
  padding-right: 75px
}

.u-pb-75 {
  padding-bottom: 75px
}

.u-pt-76 {
  padding-top: 76px
}

.u-pl-76 {
  padding-left: 76px
}

.u-pr-76 {
  padding-right: 76px
}

.u-pb-76 {
  padding-bottom: 76px
}

.u-pt-77 {
  padding-top: 77px
}

.u-pl-77 {
  padding-left: 77px
}

.u-pr-77 {
  padding-right: 77px
}

.u-pb-77 {
  padding-bottom: 77px
}

.u-pt-78 {
  padding-top: 78px
}

.u-pl-78 {
  padding-left: 78px
}

.u-pr-78 {
  padding-right: 78px
}

.u-pb-78 {
  padding-bottom: 78px
}

.u-pt-79 {
  padding-top: 79px
}

.u-pl-79 {
  padding-left: 79px
}

.u-pr-79 {
  padding-right: 79px
}

.u-pb-79 {
  padding-bottom: 79px
}

.u-pt-80 {
  padding-top: 80px
}

.u-pl-80 {
  padding-left: 80px
}

.u-pr-80 {
  padding-right: 80px
}

.u-pb-80 {
  padding-bottom: 80px
}

.u-pt-81 {
  padding-top: 81px
}

.u-pl-81 {
  padding-left: 81px
}

.u-pr-81 {
  padding-right: 81px
}

.u-pb-81 {
  padding-bottom: 81px
}

.u-pt-82 {
  padding-top: 82px
}

.u-pl-82 {
  padding-left: 82px
}

.u-pr-82 {
  padding-right: 82px
}

.u-pb-82 {
  padding-bottom: 82px
}

.u-pt-83 {
  padding-top: 83px
}

.u-pl-83 {
  padding-left: 83px
}

.u-pr-83 {
  padding-right: 83px
}

.u-pb-83 {
  padding-bottom: 83px
}

.u-pt-84 {
  padding-top: 84px
}

.u-pl-84 {
  padding-left: 84px
}

.u-pr-84 {
  padding-right: 84px
}

.u-pb-84 {
  padding-bottom: 84px
}

.u-pt-85 {
  padding-top: 85px
}

.u-pl-85 {
  padding-left: 85px
}

.u-pr-85 {
  padding-right: 85px
}

.u-pb-85 {
  padding-bottom: 85px
}

.u-pt-86 {
  padding-top: 86px
}

.u-pl-86 {
  padding-left: 86px
}

.u-pr-86 {
  padding-right: 86px
}

.u-pb-86 {
  padding-bottom: 86px
}

.u-pt-87 {
  padding-top: 87px
}

.u-pl-87 {
  padding-left: 87px
}

.u-pr-87 {
  padding-right: 87px
}

.u-pb-87 {
  padding-bottom: 87px
}

.u-pt-88 {
  padding-top: 88px
}

.u-pl-88 {
  padding-left: 88px
}

.u-pr-88 {
  padding-right: 88px
}

.u-pb-88 {
  padding-bottom: 88px
}

.u-pt-89 {
  padding-top: 89px
}

.u-pl-89 {
  padding-left: 89px
}

.u-pr-89 {
  padding-right: 89px
}

.u-pb-89 {
  padding-bottom: 89px
}

.u-pt-90 {
  padding-top: 90px
}

.u-pl-90 {
  padding-left: 90px
}

.u-pr-90 {
  padding-right: 90px
}

.u-pb-90 {
  padding-bottom: 90px
}

.u-pt-91 {
  padding-top: 91px
}

.u-pl-91 {
  padding-left: 91px
}

.u-pr-91 {
  padding-right: 91px
}

.u-pb-91 {
  padding-bottom: 91px
}

.u-pt-92 {
  padding-top: 92px
}

.u-pl-92 {
  padding-left: 92px
}

.u-pr-92 {
  padding-right: 92px
}

.u-pb-92 {
  padding-bottom: 92px
}

.u-pt-93 {
  padding-top: 93px
}

.u-pl-93 {
  padding-left: 93px
}

.u-pr-93 {
  padding-right: 93px
}

.u-pb-93 {
  padding-bottom: 93px
}

.u-pt-94 {
  padding-top: 94px
}

.u-pl-94 {
  padding-left: 94px
}

.u-pr-94 {
  padding-right: 94px
}

.u-pb-94 {
  padding-bottom: 94px
}

.u-pt-95 {
  padding-top: 95px
}

.u-pl-95 {
  padding-left: 95px
}

.u-pr-95 {
  padding-right: 95px
}

.u-pb-95 {
  padding-bottom: 95px
}

.u-pt-96 {
  padding-top: 96px
}

.u-pl-96 {
  padding-left: 96px
}

.u-pr-96 {
  padding-right: 96px
}

.u-pb-96 {
  padding-bottom: 96px
}

.u-pt-97 {
  padding-top: 97px
}

.u-pl-97 {
  padding-left: 97px
}

.u-pr-97 {
  padding-right: 97px
}

.u-pb-97 {
  padding-bottom: 97px
}

.u-pt-98 {
  padding-top: 98px
}

.u-pl-98 {
  padding-left: 98px
}

.u-pr-98 {
  padding-right: 98px
}

.u-pb-98 {
  padding-bottom: 98px
}

.u-pt-99 {
  padding-top: 99px
}

.u-pl-99 {
  padding-left: 99px
}

.u-pr-99 {
  padding-right: 99px
}

.u-pb-99 {
  padding-bottom: 99px
}

.u-pt-100 {
  padding-top: 100px
}

.u-pl-100 {
  padding-left: 100px
}

.u-pr-100 {
  padding-right: 100px
}

.u-pb-100 {
  padding-bottom: 100px
}

.u-pt-101 {
  padding-top: 101px
}

.u-pl-101 {
  padding-left: 101px
}

.u-pr-101 {
  padding-right: 101px
}

.u-pb-101 {
  padding-bottom: 101px
}

.u-pt-102 {
  padding-top: 102px
}

.u-pl-102 {
  padding-left: 102px
}

.u-pr-102 {
  padding-right: 102px
}

.u-pb-102 {
  padding-bottom: 102px
}

.u-pt-103 {
  padding-top: 103px
}

.u-pl-103 {
  padding-left: 103px
}

.u-pr-103 {
  padding-right: 103px
}

.u-pb-103 {
  padding-bottom: 103px
}

.u-pt-104 {
  padding-top: 104px
}

.u-pl-104 {
  padding-left: 104px
}

.u-pr-104 {
  padding-right: 104px
}

.u-pb-104 {
  padding-bottom: 104px
}

.u-pt-105 {
  padding-top: 105px
}

.u-pl-105 {
  padding-left: 105px
}

.u-pr-105 {
  padding-right: 105px
}

.u-pb-105 {
  padding-bottom: 105px
}

.u-pt-106 {
  padding-top: 106px
}

.u-pl-106 {
  padding-left: 106px
}

.u-pr-106 {
  padding-right: 106px
}

.u-pb-106 {
  padding-bottom: 106px
}

.u-pt-107 {
  padding-top: 107px
}

.u-pl-107 {
  padding-left: 107px
}

.u-pr-107 {
  padding-right: 107px
}

.u-pb-107 {
  padding-bottom: 107px
}

.u-pt-108 {
  padding-top: 108px
}

.u-pl-108 {
  padding-left: 108px
}

.u-pr-108 {
  padding-right: 108px
}

.u-pb-108 {
  padding-bottom: 108px
}

.u-pt-109 {
  padding-top: 109px
}

.u-pl-109 {
  padding-left: 109px
}

.u-pr-109 {
  padding-right: 109px
}

.u-pb-109 {
  padding-bottom: 109px
}

.u-pt-110 {
  padding-top: 110px
}

.u-pl-110 {
  padding-left: 110px
}

.u-pr-110 {
  padding-right: 110px
}

.u-pb-110 {
  padding-bottom: 110px
}

.u-pt-111 {
  padding-top: 111px
}

.u-pl-111 {
  padding-left: 111px
}

.u-pr-111 {
  padding-right: 111px
}

.u-pb-111 {
  padding-bottom: 111px
}

.u-pt-112 {
  padding-top: 112px
}

.u-pl-112 {
  padding-left: 112px
}

.u-pr-112 {
  padding-right: 112px
}

.u-pb-112 {
  padding-bottom: 112px
}

.u-pt-113 {
  padding-top: 113px
}

.u-pl-113 {
  padding-left: 113px
}

.u-pr-113 {
  padding-right: 113px
}

.u-pb-113 {
  padding-bottom: 113px
}

.u-pt-114 {
  padding-top: 114px
}

.u-pl-114 {
  padding-left: 114px
}

.u-pr-114 {
  padding-right: 114px
}

.u-pb-114 {
  padding-bottom: 114px
}

.u-pt-115 {
  padding-top: 115px
}

.u-pl-115 {
  padding-left: 115px
}

.u-pr-115 {
  padding-right: 115px
}

.u-pb-115 {
  padding-bottom: 115px
}

.u-pt-116 {
  padding-top: 116px
}

.u-pl-116 {
  padding-left: 116px
}

.u-pr-116 {
  padding-right: 116px
}

.u-pb-116 {
  padding-bottom: 116px
}

.u-pt-117 {
  padding-top: 117px
}

.u-pl-117 {
  padding-left: 117px
}

.u-pr-117 {
  padding-right: 117px
}

.u-pb-117 {
  padding-bottom: 117px
}

.u-pt-118 {
  padding-top: 118px
}

.u-pl-118 {
  padding-left: 118px
}

.u-pr-118 {
  padding-right: 118px
}

.u-pb-118 {
  padding-bottom: 118px
}

.u-pt-119 {
  padding-top: 119px
}

.u-pl-119 {
  padding-left: 119px
}

.u-pr-119 {
  padding-right: 119px
}

.u-pb-119 {
  padding-bottom: 119px
}

.u-pt-120 {
  padding-top: 120px
}

.u-pl-120 {
  padding-left: 120px
}

.u-pr-120 {
  padding-right: 120px
}

.u-pb-120 {
  padding-bottom: 120px
}

.u-pt-121 {
  padding-top: 121px
}

.u-pl-121 {
  padding-left: 121px
}

.u-pr-121 {
  padding-right: 121px
}

.u-pb-121 {
  padding-bottom: 121px
}

.u-pt-122 {
  padding-top: 122px
}

.u-pl-122 {
  padding-left: 122px
}

.u-pr-122 {
  padding-right: 122px
}

.u-pb-122 {
  padding-bottom: 122px
}

.u-pt-123 {
  padding-top: 123px
}

.u-pl-123 {
  padding-left: 123px
}

.u-pr-123 {
  padding-right: 123px
}

.u-pb-123 {
  padding-bottom: 123px
}

.u-pt-124 {
  padding-top: 124px
}

.u-pl-124 {
  padding-left: 124px
}

.u-pr-124 {
  padding-right: 124px
}

.u-pb-124 {
  padding-bottom: 124px
}

.u-pt-125 {
  padding-top: 125px
}

.u-pl-125 {
  padding-left: 125px
}

.u-pr-125 {
  padding-right: 125px
}

.u-pb-125 {
  padding-bottom: 125px
}

.u-pt-126 {
  padding-top: 126px
}

.u-pl-126 {
  padding-left: 126px
}

.u-pr-126 {
  padding-right: 126px
}

.u-pb-126 {
  padding-bottom: 126px
}

.u-pt-127 {
  padding-top: 127px
}

.u-pl-127 {
  padding-left: 127px
}

.u-pr-127 {
  padding-right: 127px
}

.u-pb-127 {
  padding-bottom: 127px
}

.u-pt-128 {
  padding-top: 128px
}

.u-pl-128 {
  padding-left: 128px
}

.u-pr-128 {
  padding-right: 128px
}

.u-pb-128 {
  padding-bottom: 128px
}

.u-pt-129 {
  padding-top: 129px
}

.u-pl-129 {
  padding-left: 129px
}

.u-pr-129 {
  padding-right: 129px
}

.u-pb-129 {
  padding-bottom: 129px
}

.u-pt-130 {
  padding-top: 130px
}

.u-pl-130 {
  padding-left: 130px
}

.u-pr-130 {
  padding-right: 130px
}

.u-pb-130 {
  padding-bottom: 130px
}

.u-pt-131 {
  padding-top: 131px
}

.u-pl-131 {
  padding-left: 131px
}

.u-pr-131 {
  padding-right: 131px
}

.u-pb-131 {
  padding-bottom: 131px
}

.u-pt-132 {
  padding-top: 132px
}

.u-pl-132 {
  padding-left: 132px
}

.u-pr-132 {
  padding-right: 132px
}

.u-pb-132 {
  padding-bottom: 132px
}

.u-pt-133 {
  padding-top: 133px
}

.u-pl-133 {
  padding-left: 133px
}

.u-pr-133 {
  padding-right: 133px
}

.u-pb-133 {
  padding-bottom: 133px
}

.u-pt-134 {
  padding-top: 134px
}

.u-pl-134 {
  padding-left: 134px
}

.u-pr-134 {
  padding-right: 134px
}

.u-pb-134 {
  padding-bottom: 134px
}

.u-pt-135 {
  padding-top: 135px
}

.u-pl-135 {
  padding-left: 135px
}

.u-pr-135 {
  padding-right: 135px
}

.u-pb-135 {
  padding-bottom: 135px
}

.u-pt-136 {
  padding-top: 136px
}

.u-pl-136 {
  padding-left: 136px
}

.u-pr-136 {
  padding-right: 136px
}

.u-pb-136 {
  padding-bottom: 136px
}

.u-pt-137 {
  padding-top: 137px
}

.u-pl-137 {
  padding-left: 137px
}

.u-pr-137 {
  padding-right: 137px
}

.u-pb-137 {
  padding-bottom: 137px
}

.u-pt-138 {
  padding-top: 138px
}

.u-pl-138 {
  padding-left: 138px
}

.u-pr-138 {
  padding-right: 138px
}

.u-pb-138 {
  padding-bottom: 138px
}

.u-pt-139 {
  padding-top: 139px
}

.u-pl-139 {
  padding-left: 139px
}

.u-pr-139 {
  padding-right: 139px
}

.u-pb-139 {
  padding-bottom: 139px
}

.u-pt-140 {
  padding-top: 140px
}

.u-pl-140 {
  padding-left: 140px
}

.u-pr-140 {
  padding-right: 140px
}

.u-pb-140 {
  padding-bottom: 140px
}

.u-pt-141 {
  padding-top: 141px
}

.u-pl-141 {
  padding-left: 141px
}

.u-pr-141 {
  padding-right: 141px
}

.u-pb-141 {
  padding-bottom: 141px
}

.u-pt-142 {
  padding-top: 142px
}

.u-pl-142 {
  padding-left: 142px
}

.u-pr-142 {
  padding-right: 142px
}

.u-pb-142 {
  padding-bottom: 142px
}

.u-pt-143 {
  padding-top: 143px
}

.u-pl-143 {
  padding-left: 143px
}

.u-pr-143 {
  padding-right: 143px
}

.u-pb-143 {
  padding-bottom: 143px
}

.u-pt-144 {
  padding-top: 144px
}

.u-pl-144 {
  padding-left: 144px
}

.u-pr-144 {
  padding-right: 144px
}

.u-pb-144 {
  padding-bottom: 144px
}

.u-pt-145 {
  padding-top: 145px
}

.u-pl-145 {
  padding-left: 145px
}

.u-pr-145 {
  padding-right: 145px
}

.u-pb-145 {
  padding-bottom: 145px
}

.u-pt-146 {
  padding-top: 146px
}

.u-pl-146 {
  padding-left: 146px
}

.u-pr-146 {
  padding-right: 146px
}

.u-pb-146 {
  padding-bottom: 146px
}

.u-pt-147 {
  padding-top: 147px
}

.u-pl-147 {
  padding-left: 147px
}

.u-pr-147 {
  padding-right: 147px
}

.u-pb-147 {
  padding-bottom: 147px
}

.u-pt-148 {
  padding-top: 148px
}

.u-pl-148 {
  padding-left: 148px
}

.u-pr-148 {
  padding-right: 148px
}

.u-pb-148 {
  padding-bottom: 148px
}

.u-pt-149 {
  padding-top: 149px
}

.u-pl-149 {
  padding-left: 149px
}

.u-pr-149 {
  padding-right: 149px
}

.u-pb-149 {
  padding-bottom: 149px
}

.u-pt-150 {
  padding-top: 150px
}

.u-pl-150 {
  padding-left: 150px
}

.u-pr-150 {
  padding-right: 150px
}

.u-pb-150 {
  padding-bottom: 150px
}

.u-p--0 {
  padding: 0
}

.u-pt--0 {
  padding-top: 0
}

.u-pt--15 {
  padding-top: 15px
}

.u-pt--20 {
  padding-top: 20px
}

.u-pt--25 {
  padding-top: 25px
}

.u-pt--30 {
  padding-top: 30px
}

.u-pt--40 {
  padding-top: 40px
}

.u-pb--0 {
  padding-bottom: 0
}

.u-pb--20 {
  padding-bottom: 20px
}

@media screen and (max-width:767px) {
  .u-pb--sp--20 {
    padding-bottom: 20px
  }
}

@media screen and (max-width:767px) {
  .u-pb--sp--40 {
    padding-bottom: 40px
  }
}

@media screen and (max-width:767px) {
  .u-pl--sp--15 {
    padding-left: 15px
  }
}

@media screen and (max-width:767px) {
  .u-pr--sp--15 {
    padding-right: 15px
  }
}

@media screen and (max-width:767px) {
  .u-pt--sp--10 {
    padding-top: 10px
  }

  .u-mb--sp--20 {
    margin-bottom: 20px
  }
}