@charset "UTF-8";
/********************************************
reset
********************************************/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: baseline; }

*,
*::before,
*::after {
  box-sizing: border-box; }

* {
  word-break: break-all;
  box-sizing: border-box;
  min-height: 0;
  min-width: 0; }

_:lang(x)::-ms-backdrop, .selector {
  font-family: "Segoe UI", Meiryo, sans-serif; }

*:focus {
  outline: none; }

ul, ol {
  list-style: none; }

button {
  padding: 0;
  border: none;
  background: transparent; }

button img {
  display: block; }

/********************************************
  reset end
*********************************************/
/*メディアクエリ*/
html, body, input, textarea, select {
  color: #1a1a1a;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (min-width: 1200px) {
    html, body, input, textarea, select {
      font-size: 12px; } }
  @media screen and (min-width: 751px) and (max-width: 1199px) {
    html, body, input, textarea, select {
      font-size: 12px; } }
  @media screen and (max-width: 750px) {
    html, body, input, textarea, select {
      font-size: 3.2vw; } }

body {
  margin: 0;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

p {
  margin: 0; }

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%; }

a {
  color: #1a1a1a;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: #4d4d4d; }
  a:hover img {
    opacity: .8;
    transition: all .3s; }

sup {
  font-size: 0.5em;
  vertical-align: top; }

strong {
  font-size: bold; }

@media screen and (min-width: 1200px) {
  /* pc画面電話リンク無効 */
  a[href^="tel:"] {
    pointer-events: none; } }
/********************************
flexbox 基本class
wrapやjustify-contentの指定は個別のcss classで追記する
********************************/
*.flexbox {
  display: flex; }

/********************************
  contents
********************************/
#container {
  width: 100%;
  position: relative; }
  #container.inactive {
    position: fixed; }
  @media screen and (min-width: 1200px) {
    #container .sp_only {
      display: none !important; } }
  @media screen and (min-width: 751px) and (max-width: 1199px) {
    #container .sp_only {
      display: none !important; } }
  @media screen and (max-width: 750px) {
    #container {
      width: 100%;
      max-width: 100%;
      min-width: unset;
      font-size: 3.2vw; }
      #container .pc_only {
        display: none !important; } }

.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 750px) {
    .inner {
      width: 100%;
      margin: 0 auto;
      padding: 0 3.3333333333vw; } }

/* モーダルウィンドウ表示時のオーバーレイ */
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1000; }

/**------------------------------------
 ヘッダー
------------------------------------**/
header {
  width: 100%;
  z-index: 100;
  position: fixed; }
  @media screen and (max-width: 750px) {
    header {
      position: sticky;
      width: 100%;
      height: 24.8vw;
      top: 0;
      transition: all 0.5s ease-out; }
      header.fixed-hide {
        top: -26.6666666667vw; } }
  header .header01 {
    position: relative;
    width: 100%;
    height: 64px;
    background-color: #f0f0eb;
    justify-content: space-between;
    align-items: center;
    filter: drop-shadow(0px 3px 3px rgba(96, 96, 96, 0.75)); }
    @media screen and (max-width: 750px) {
      header .header01 {
        min-width: unset;
        height: 24.8vw;
        flex-direction: column;
        padding: 0 4vw; } }
    header .header01 .left_box h1 {
      width: 207px;
      margin-left: 18px;
      margin-right: 30px; }
    @media screen and (max-width: 750px) {
      header .header01 .left_box {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 12vw;
        width: 100%; }
        header .header01 .left_box h1 {
          width: 38.2666666667vw;
          margin-left: 0; } }
    header .header01 .search_box {
      flex-grow: 2;
      margin-right: 23px; }
      @media screen and (max-width: 750px) {
        header .header01 .search_box {
          margin: 0;
          width: 100%; } }
      header .header01 .search_box form {
        position: relative;
        display: flex; }
      header .header01 .search_box select#search_select {
        height: 40px;
        width: 120px;
        background-color: #fafafa;
        border: 1px #cccccc solid;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        padding-left: 1em; }
        @media screen and (max-width: 750px) {
          header .header01 .search_box select#search_select {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            height: 10.6666666667vw;
            width: 24vw; } }
      header .header01 .search_box input#search_input {
        height: 40px;
        width: calc(100% - 120px);
        border: 1px #cccccc solid;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #ffffff;
        font-size: 14px;
        padding: 12px; }
        @media screen and (max-width: 750px) {
          header .header01 .search_box input#search_input {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            height: 10.6666666667vw;
            width: calc(100% - 24vw);
            font-size: max(3.2vw, 16px);
            padding: 3.2vw; } }
      header .header01 .search_box input.submit_btn {
        position: absolute;
        right: 16px;
        top: 8px;
        width: 22px;
        height: 24px;
        border: none;
        padding: 0;
        background: url(../images/search_icon.svg) left top no-repeat;
        background-size: 22px 24px;
        cursor: pointer; }
        @media screen and (max-width: 750px) {
          header .header01 .search_box input.submit_btn {
            position: absolute;
            right: 2.1333333333vw;
            top: 2.6666666667vw;
            width: 5.3333333333vw;
            height: 5.8666666667vw;
            background-size: 5.3333333333vw 5.8666666667vw; } }
  @media screen and (max-width: 750px) {
    header .menu_trigger {
      /* ハンバーガーボタン*/
      position: absolute;
      right: 4.6666666667vw;
      top: 4vw;
      display: inline-block;
      width: 6.6666666667vw;
      height: 4.5333333333vw;
      vertical-align: middle;
      cursor: pointer;
      z-index: 500;
      transform: translateX(0);
      transition: transform .5s; }
      header .menu_trigger .inner_wrap {
        width: 100%;
        height: 100%;
        position: relative; }
      header .menu_trigger span {
        display: inline-block;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        width: 100%;
        height: 0.5333333333vw;
        background: #78c8ff;
        background: -moz-linear-gradient(left, #78c8ff 0%, #dc82c8 100%);
        background: -webkit-linear-gradient(left, #78c8ff 0%, #dc82c8 100%);
        background: linear-gradient(to right, #78c8ff 0%, #dc82c8 100%);
        transition: all .5s; }
        header .menu_trigger span:nth-of-type(1) {
          top: 0; }
        header .menu_trigger span:nth-of-type(2) {
          top: 2vw; }
        header .menu_trigger span:nth-of-type(3) {
          bottom: 0; }
      header .menu_trigger.active span:nth-of-type(1) {
        transform: translateY(1.8666666667vw) rotate(-45deg); }
      header .menu_trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .menu_trigger.active span:nth-of-type(3) {
        transform: translateY(-2vw) rotate(45deg); } }

/**------------------------------------
  --メインエリア
------------------------------------**/
#mainArea {
  margin: 0 auto; }
  @media screen and (max-width: 750px) {
    #mainArea {
      width: 100%; } }
  #mainArea #main_contents {
    min-width: 970px;
    width: auto;
    padding-top: 64px;
    margin-left: 235px; }
    #mainArea #main_contents.none-header_nav {
      min-width: 1200px;
      width: auto;
      padding-top: 0;
      margin-left: 0; }
    @media screen and (max-width: 750px) {
      #mainArea #main_contents {
        min-width: unset;
        width: 100%;
        padding-top: 0;
        margin-left: 0; }
        #mainArea #main_contents.none-header_nav {
          min-width: unset;
          width: 100%;
          padding-top: 0;
          margin-left: 0; } }

/**---------------------------------------------
  --レフトナビ【PC】,ドロワーメニュー【SP】
---------------------------------------------**/
#navi_area {
  position: fixed;
  height: calc(100% - 64px);
  width: 235px;
  top: 64px;
  overflow-y: scroll;
  padding: 30px 16px;
  min-height: calc(100vh - 64px);
  color: #333333; }
  @media screen and (max-width: 750px) {
    #navi_area {
      display: none;
      position: fixed;
      padding: 0;
      background-color: #ffffff;
      width: 100vw;
      height: 100vh;
      top: 12vw;
      left: 0;
      overflow: scroll;
      z-index: 200;
      min-height: unset; } }
  #navi_area .navi_caption {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 22px; }
    @media screen and (max-width: 750px) {
      #navi_area .navi_caption {
        font-size: 4.8vw;
        margin-top: 7.2vw;
        margin-bottom: 6.4vw;
        margin-left: 5.8666666667vw; } }
  @media screen and (max-width: 750px) {
    #navi_area ul.category_list {
      margin-left: 5.8666666667vw; } }
  #navi_area ul.category_list li {
    margin-bottom: 16px; }
    @media screen and (max-width: 750px) {
      #navi_area ul.category_list li {
        margin-bottom: 4vw; } }
  #navi_area ul.category_list .checkbox-input {
    display: none; }
  #navi_area ul.category_list .checkbox-parts {
    padding-left: 30px;
    position: relative;
    line-height: 20px; }
    #navi_area ul.category_list .checkbox-parts::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      border: none;
      background-color: #f0f0eb; }
    @media screen and (max-width: 750px) {
      #navi_area ul.category_list .checkbox-parts {
        padding-left: 11.3333333333vw;
        line-height: 6.6666666667vw;
        font-size: 4.8vw; }
        #navi_area ul.category_list .checkbox-parts::before {
          top: 0;
          left: 0;
          width: 6.6666666667vw;
          height: 6.6666666667vw; } }
  #navi_area ul.category_list .checkbox-input:checked + .checkbox-parts::before {
    background-color: #333333; }
  #navi_area ul.category_list .checkbox-input:checked + .checkbox-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 6px;
    width: 8px;
    height: 19px;
    transform: rotate(40deg);
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff; }
    @media screen and (max-width: 750px) {
      #navi_area ul.category_list .checkbox-input:checked + .checkbox-parts::after {
        top: -0.8vw;
        left: 2.1333333333vw;
        width: 2.6666666667vw;
        height: 5.3333333333vw; } }

/**---トップページ ---**/
/*
$tbBreakPoint: 1200;
@function pxTbToVw($pxValue) {
  @return (($pxValue / $tbBreakPoint) * 100) + vw;
}
*/
/**------------------------------------
  --トップページ
------------------------------------**/
#main_contents #top_page {
  width: 940px;
  padding-top: 30px;
  margin-left: 30px;
  margin-bottom: 100px; }
  @media screen and (max-width: 750px) {
    #main_contents #top_page {
      width: 100%;
      margin: 0 0 13.3333333333vw;
      padding: 4.8vw 6.6666666667vw 0; } }
  #main_contents #top_page .search_result_box {
    margin-bottom: 12px; }
    @media screen and (max-width: 750px) {
      #main_contents #top_page .search_result_box {
        margin-bottom: 4vw; } }
    #main_contents #top_page .search_result_box .search_result_text {
      font-size: 16px;
      font-weight: bold;
      color: #000000; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .search_result_box .search_result_text {
          font-size: 3.7333333333vw; } }
    #main_contents #top_page .search_result_box ul.search_word_list {
      padding-top: 16px; }
      #main_contents #top_page .search_result_box ul.search_word_list li {
        position: relative;
        background-color: #333333;
        height: 25px;
        padding: 0 2.5em 0 0.5em;
        border-radius: 3px;
        margin-right: 10px; }
        #main_contents #top_page .search_result_box ul.search_word_list li > p {
          font-size: 14px;
          color: #ffffff;
          line-height: 25px; }
        #main_contents #top_page .search_result_box ul.search_word_list li .del_btn {
          position: absolute;
          display: inline-block;
          width: 10px;
          height: 10px;
          cursor: pointer;
          top: calc(50% - 8px);
          right: 14px; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .search_result_box ul.search_word_list {
          padding-top: 2.6666666667vw; }
          #main_contents #top_page .search_result_box ul.search_word_list li {
            height: 6.6666666667vw;
            padding: 0 2.5em 0 0.5em;
            border-radius: 0.6666666667vw;
            margin-right: 10px; }
            #main_contents #top_page .search_result_box ul.search_word_list li > p {
              font-size: 3.7333333333vw;
              line-height: 6.6666666667vw; }
            #main_contents #top_page .search_result_box ul.search_word_list li .del_btn {
              width: 2.6666666667vw;
              height: 2.6666666667vw;
              top: calc(50% - 1.6vw);
              right: 2.6666666667vw; } }
    #main_contents #top_page .search_result_box .search_select_wrap {
      margin-top: 25px;
      align-items: center; }
      #main_contents #top_page .search_result_box .search_select_wrap .sort_btn {
        width: 40px;
        height: 40px; }
      #main_contents #top_page .search_result_box .search_select_wrap #sel_sort {
        width: 150px;
        height: 30px;
        font-size: 14px;
        color: #000000;
        border: 1px #cccccc solid;
        padding-left: 1em;
        margin-right: 30px; }
      #main_contents #top_page .search_result_box .search_select_wrap .gender_btn {
        width: 40px;
        height: 40px; }
      #main_contents #top_page .search_result_box .search_select_wrap #sel_gender {
        width: 150px;
        height: 30px;
        font-size: 14px;
        color: #000000;
        border: 1px #cccccc solid;
        padding-left: 1em; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .search_result_box .search_select_wrap {
          margin-top: pxTbVw(30);
          align-items: center; }
          #main_contents #top_page .search_result_box .search_select_wrap .sort_btn {
            width: 8vw;
            height: 8vw; }
          #main_contents #top_page .search_result_box .search_select_wrap #sel_sort {
            width: 20vw;
            height: 8vw;
            font-size: 3.7333333333vw;
            padding-left: 0.5em;
            margin-right: 4vw; }
          #main_contents #top_page .search_result_box .search_select_wrap .gender_btn {
            width: 8vw;
            height: 8vw; }
          #main_contents #top_page .search_result_box .search_select_wrap #sel_gender {
            width: 20vw;
            height: 8vw;
            font-size: 3.7333333333vw;
            padding-left: 0.5em; } }
  #main_contents #top_page .profile_wrap {
    flex-wrap: wrap;
    margin-bottom: 30px; }
    @media screen and (max-width: 750px) {
      #main_contents #top_page .profile_wrap {
        margin-bottom: 13.3333333333vw; } }
    #main_contents #top_page .profile_wrap .profile_no {
      width: 100%;
      height: 24px;
      line-height: 24px; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .profile_wrap .profile_no {
          width: 100%;
          height: 5.8666666667vw;
          line-height: 5.8666666667vw; } }
    #main_contents #top_page .profile_wrap .photo_area {
      width: 216px;
      margin-right: 34px; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .profile_wrap .photo_area {
          width: 100%;
          margin: 0; } }
      #main_contents #top_page .profile_wrap .photo_area ul.main_slider {
        width: 216px; }
        #main_contents #top_page .profile_wrap .photo_area ul.main_slider .main_slider_img {
          width: 216px; }
        @media screen and (max-width: 750px) {
          #main_contents #top_page .profile_wrap .photo_area ul.main_slider {
            width: 100%; }
            #main_contents #top_page .profile_wrap .photo_area ul.main_slider .main_slider_img {
              width: 100%; }
            #main_contents #top_page .profile_wrap .photo_area ul.main_slider .slick-dots li {
              position: relative;
              display: inline-block;
              width: 2.6666666667vw;
              height: 2.6666666667vw;
              margin: 0 1.6vw;
              padding: 0;
              cursor: pointer; }
            #main_contents #top_page .profile_wrap .photo_area ul.main_slider .slick-dots li button:before {
              font-size: 2.6666666667vw; } }
      #main_contents #top_page .profile_wrap .photo_area ul.nav_slider {
        width: 216px;
        margin: 14px auto 0; }
        #main_contents #top_page .profile_wrap .photo_area ul.nav_slider .nav_slider_img > img {
          width: 60px; }
        #main_contents #top_page .profile_wrap .photo_area ul.nav_slider .slick-slide {
          margin: 0 4px; }
    #main_contents #top_page .profile_wrap .profile_detail_area .regist_date {
      margin-bottom: 6px; }
    @media screen and (max-width: 750px) {
      #main_contents #top_page .profile_wrap .profile_detail_area .regist_date {
        margin: 6.6666666667vw auto 1.3333333333vw;
        text-align: center;
        font-size: 2.8vw; } }
    #main_contents #top_page .profile_wrap .profile_box {
      display: inline-flex;
      align-items: center;
      margin-bottom: 14px; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .profile_wrap .profile_box {
          display: block;
          position: relative;
          margin-bottom: 4.2666666667vw; } }
      #main_contents #top_page .profile_wrap .profile_box .box1 {
        display: inline-flex;
        align-items: center; }
        @media screen and (max-width: 750px) {
          #main_contents #top_page .profile_wrap .profile_box .box1 {
            display: flex;
            justify-content: center;
            margin-bottom: 4vw; } }
      #main_contents #top_page .profile_wrap .profile_box .box2 {
        display: inline-flex;
        align-items: center; }
        @media screen and (max-width: 750px) {
          #main_contents #top_page .profile_wrap .profile_box .box2 {
            display: flex;
            justify-content: center; } }
      #main_contents #top_page .profile_wrap .profile_box .name {
        font-size: 24px;
        color: #000000; }
        #main_contents #top_page .profile_wrap .profile_box .name span {
          font-size: 18px; }
        @media screen and (max-width: 750px) {
          #main_contents #top_page .profile_wrap .profile_box .name {
            position: relative;
            padding-left: 6.6666666667vw;
            font-size: 4.8vw;
            text-align: center; }
            #main_contents #top_page .profile_wrap .profile_box .name span {
              font-size: 4.8vw; } }
      #main_contents #top_page .profile_wrap .profile_box a.link {
        position: relative; }
        #main_contents #top_page .profile_wrap .profile_box a.link p {
          width: 95px;
          display: none;
          position: absolute;
          background: #fff;
          padding: 5px;
          top: 5px;
          left: -40px;
          z-index: 10;
          margin: 0;
          color: #000;
          opacity: 0.8;
          line-height: 1; }
      #main_contents #top_page .profile_wrap .profile_box .sns_wrap, #main_contents #top_page .profile_wrap .profile_box a {
        margin-right: 12px;
        display: inline-flex;
        align-items: center; }
        #main_contents #top_page .profile_wrap .profile_box .sns_wrap > img, #main_contents #top_page .profile_wrap .profile_box a > img {
          width: 30px;
          margin-right: 5px; }
        @media screen and (max-width: 750px) {
          #main_contents #top_page .profile_wrap .profile_box .sns_wrap, #main_contents #top_page .profile_wrap .profile_box a {
            margin-right: 2.6666666667vw; }
            #main_contents #top_page .profile_wrap .profile_box .sns_wrap > img, #main_contents #top_page .profile_wrap .profile_box a > img {
              width: 8vw;
              margin-right: 1.6vw; }
            #main_contents #top_page .profile_wrap .profile_box .sns_wrap.link, #main_contents #top_page .profile_wrap .profile_box a.link {
              width: 6.6666666667vw; } }
    #main_contents #top_page .profile_wrap .tag_wrap {
      flex-wrap: wrap;
      margin-bottom: 20px; }
      #main_contents #top_page .profile_wrap .tag_wrap .tag {
        width: fit-content;
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        height: 25px;
        line-height: 25px;
        padding: 0 1em;
        background-color: #f99a1c;
        border-radius: 12.5px;
        margin-right: 10px;
        margin-bottom: 5px; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .profile_wrap .tag_wrap {
          margin-bottom: 6vw;
          justify-content: center; }
          #main_contents #top_page .profile_wrap .tag_wrap .tag {
            width: fit-content;
            font-size: 3.7333333333vw;
            height: 6.6666666667vw;
            line-height: 6.6666666667vw;
            padding: 0 1em;
            background-color: #f99a1c;
            border-radius: 1.6666666667vw;
            margin-right: 1.3333333333vw;
            margin-bottom: 0.6666666667vw; } }
    @media screen and (max-width: 750px) {
      #main_contents #top_page .profile_wrap .career_skill_wrap {
        display: block; } }
    #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area {
      width: 340px; }
      #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area.career {
        margin-right: 10px; }
      #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area .caption {
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 10px; }
      #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area .detail_text_box {
        width: 340px;
        height: 160px;
        background-color: #eeeeee;
        border-radius: 5px;
        padding: 14px;
        line-height: 1.45;
        overflow-y: auto; }
      @media screen and (max-width: 750px) {
        #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area {
          width: 100%; }
          #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area.career {
            margin-right: 0; }
          #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area .caption {
            font-size: 3.7333333333vw;
            font-weight: bold;
            color: #000000;
            margin-bottom: 2.9333333333vw; }
          #main_contents #top_page .profile_wrap .career_skill_wrap .detail_area .detail_text_box {
            width: 100%;
            height: 41.3333333333vw;
            background-color: #eeeeee;
            border-radius: 0.6666666667vw;
            padding: 4vw;
            line-height: 1.45;
            overflow-y: auto;
            margin-bottom: 5.6vw; } }
  #main_contents #top_page .peger_area {
    height: 180px;
    padding-top: 55px; }
    #main_contents #top_page .peger_area ul.peger_box {
      justify-content: center; }
      #main_contents #top_page .peger_area ul.peger_box > li {
        filter: drop-shadow(1px 1px 2px rgba(147, 147, 147, 0.3));
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px; }
      #main_contents #top_page .peger_area ul.peger_box .first_page_btn {
        width: 80px;
        height: 40px;
        background-color: #cccccc; }
        #main_contents #top_page .peger_area ul.peger_box .first_page_btn > img {
          width: 16px; }
      #main_contents #top_page .peger_area ul.peger_box .prev_page_btn {
        width: 40px;
        height: 40px;
        background-color: #666666; }
        #main_contents #top_page .peger_area ul.peger_box .prev_page_btn > img {
          width: 8px; }
      #main_contents #top_page .peger_area ul.peger_box .last_page_btn {
        width: 80px;
        height: 40px;
        background-color: #cccccc; }
        #main_contents #top_page .peger_area ul.peger_box .last_page_btn > img {
          width: 16px;
          transform: rotate(-180deg); }
      #main_contents #top_page .peger_area ul.peger_box .next_page_btn {
        width: 40px;
        height: 40px;
        background-color: #666666; }
        #main_contents #top_page .peger_area ul.peger_box .next_page_btn > img {
          width: 8px;
          transform: rotate(-180deg); }
      #main_contents #top_page .peger_area ul.peger_box .page_btn {
        width: 40px;
        height: 40px;
        background-color: #ffffff;
        font-size: 16px; }
        #main_contents #top_page .peger_area ul.peger_box .page_btn.current {
          background-color: #000000;
          color: #ffffff; }

/**---ご利用規約 ---**/
/*
$tbBreakPoint: 1200;
@function pxTbToVw($pxValue) {
  @return (($pxValue / $tbBreakPoint) * 100) + vw;
}
*/
/**------------------------------------
  --ご利用規約
------------------------------------**/
#main_contents #terms_of_service {
  width: 1200px;
  margin: 100px auto; }
  @media screen and (max-width: 750px) {
    #main_contents #terms_of_service {
      width: 100%;
      margin: 0 0 6.6666666667vw;
      padding: 8vw 3.3333333333vw 0; } }
  #main_contents #terms_of_service .logo {
    width: 330px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      #main_contents #terms_of_service .logo {
        width: 57.3333333333vw; } }
  #main_contents #terms_of_service .terms_of_service_contents {
    width: 800px;
    height: 400px;
    margin: 36px auto 24px;
    padding: 24px 44px;
    overflow-y: scroll;
    border: #cccccc 1px solid;
    border-radius: 5px; }
    @media screen and (max-width: 750px) {
      #main_contents #terms_of_service .terms_of_service_contents {
        width: 100%;
        height: 116vw;
        margin: 4.8vw 0 5.0666666667vw;
        padding: 4.5333333333vw;
        overflow-y: scroll;
        border: #cccccc 1px solid;
        border-radius: 0.6666666667vw; } }
    #main_contents #terms_of_service .terms_of_service_contents .caption {
      font-size: 14px;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 750px) {
        #main_contents #terms_of_service .terms_of_service_contents .caption {
          font-size: 3.2vw; } }
    #main_contents #terms_of_service .terms_of_service_contents .text {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.6; }
      @media screen and (max-width: 750px) {
        #main_contents #terms_of_service .terms_of_service_contents .text {
          font-size: 3.2vw;
          line-height: 1.5; } }
  #main_contents #terms_of_service .agree_wrap {
    text-align: center; }
    #main_contents #terms_of_service .agree_wrap .agree_checkbox-input {
      display: none; }
    #main_contents #terms_of_service .agree_wrap .agree_checkbox-parts {
      padding-left: 30px;
      position: relative;
      line-height: 20px;
      font-size: 16px; }
      #main_contents #terms_of_service .agree_wrap .agree_checkbox-parts::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: none;
        background-color: #f0f0eb; }
      @media screen and (max-width: 750px) {
        #main_contents #terms_of_service .agree_wrap .agree_checkbox-parts {
          padding-left: 11.3333333333vw;
          line-height: 6.6666666667vw;
          font-size: 4.8vw; }
          #main_contents #terms_of_service .agree_wrap .agree_checkbox-parts::before {
            top: 0;
            left: 0;
            width: 6.6666666667vw;
            height: 6.6666666667vw; } }
    #main_contents #terms_of_service .agree_wrap .agree_checkbox-input:checked + .agree_checkbox-parts::before {
      background-color: #333333; }
    #main_contents #terms_of_service .agree_wrap .agree_checkbox-input:checked + .agree_checkbox-parts::after {
      content: "";
      display: block;
      position: absolute;
      top: -3px;
      left: 6px;
      width: 8px;
      height: 19px;
      transform: rotate(40deg);
      border-bottom: 2px solid #ffffff;
      border-right: 2px solid #ffffff; }
      @media screen and (max-width: 750px) {
        #main_contents #terms_of_service .agree_wrap .agree_checkbox-input:checked + .agree_checkbox-parts::after {
          top: -0.8vw;
          left: 2.1333333333vw;
          width: 2.6666666667vw;
          height: 5.3333333333vw; } }
    #main_contents #terms_of_service .agree_wrap a.go_home_link {
      pointer-events: none;
      background: #ccc; }
      #main_contents #terms_of_service .agree_wrap a.go_home_link.agree {
        pointer-events: auto; }
        #main_contents #terms_of_service .agree_wrap a.go_home_link.agree .go_home_btn {
          opacity: 1.0; }
    #main_contents #terms_of_service .agree_wrap .go_home_btn {
      margin: 24px auto 0;
      width: 150px;
      height: 40px;
      border-radius: 8px;
      background: #78c8ff;
      background: -moz-linear-gradient(left, #78c8ff 0%, #dc82c8 100%);
      background: -webkit-linear-gradient(left, #78c8ff 0%, #dc82c8 100%);
      background: linear-gradient(to right, #78c8ff 0%, #dc82c8 100%);
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      text-align: center;
      line-height: 40px;
      opacity: 0.5; }
      @media screen and (max-width: 750px) {
        #main_contents #terms_of_service .agree_wrap .go_home_btn {
          margin: 4vw auto 0;
          width: 50vw;
          height: 13.3333333333vw;
          border-radius: 1.0666666667vw;
          font-size: 4.6666666667vw;
          font-weight: bold;
          line-height: 13.3333333333vw; } }

/*# sourceMappingURL=expert_casting_jp.css.map */