@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%;
  vertical-align: baseline;
  background: transparent; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: inherit; }

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

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

input {
  box-sizing: border-box;
  border-radius: 0; }

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: middle; }

figure {
  font-size: 0; }

main {
  display: block; }

a,
a:hover,
a:visited {
  color: #333333;
  text-decoration: none;
  transition: all 0.2s linear; }

:placeholder-shown {
  color: #90979f; }

::-webkit-input-placeholder {
  color: #90979f; }

:-moz-placeholder {
  color: #90979f;
  opacity: 1; }

::-moz-placeholder {
  color: #90979f;
  opacity: 1; }

:-ms-input-placeholder {
  color: #90979f; }

select,
textarea,
input[type="tel"],
input[type="date"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background: none;
  border: none;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  cursor: pointer;
  color: #333333;
  box-sizing: border-box;
  transition: all 0.2s linear; }
  @media print, screen and (min-width: 641px) {
    select,
    textarea,
    input[type="tel"],
    input[type="date"],
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="password"] {
      font-size: 14px; } }

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

input[type="tel"],
input[type="date"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="password"] {
  padding: 0 8px;
  height: 44px;
  background: #fbfbfb;
  border: solid 1px #e9e9e9;
  border-radius: 2px;
  text-indent: 0; }
  @media print, screen and (min-width: 641px) {
    input[type="tel"],
    input[type="date"],
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="password"] {
      height: 40px; } }

textarea {
  display: block;
  width: 100%;
  padding: 10px 0 10px 10px;
  background: #fbfbfb;
  border: solid 1px #e9e9e9;
  border-radius: 2px; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background: none;
  border: none;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  cursor: pointer; }

/* ===================================================

js library css

=================================================== */
/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
[canvas], [off-canvas*=push] {
  z-index: 1; }

[off-canvas*=reveal], [off-canvas*=shift] {
  z-index: 0; }

[canvas=container], [off-canvas], body, html {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

[canvas=container] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; }

[canvas=container]:after, [canvas=container]:before {
  clear: both;
  content: '';
  display: table; }

[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: #000;
  color: #fff;
  -webkit-overflow-scrolling: touch; }

[off-canvas*=top] {
  width: 100%;
  height: 270px;
  top: 0; }

[off-canvas*=right] {
  width: 270px;
  height: 100%;
  top: 0;
  right: 0; }

[off-canvas*=bottom] {
  width: 100%;
  height: 270px;
  bottom: 0; }

[off-canvas*=left] {
  width: 270px;
  height: 100%;
  top: 0;
  left: 0; }

[off-canvas*=overlay] {
  z-index: 9999; }

[canvas], [off-canvas] {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -webkit-backface-visibility: hidden; }

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0); }

@media print {
  [canvas] {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important; }
  [off-canvas] {
    display: none !important; } }

/* ===================================================

COMMON
ボタン、タイトル、文字カラー、SP/PC表示切り替え、他汎用パーツ

=================================================== */
@media print, screen and (min-width: 641px) {
  body [class^="inner"],
  body [class*=" inner"] {
    width: 100%;
    margin: 0 auto; }
  .inner {
    max-width: 1080px; }
  .inner_small {
    max-width: 920px; }
  .inner_smaller {
    max-width: 760px; }
  .inner_wide {
    max-width: 1200px; } }

/* 表示切り替え
----------------------------------------------------- */
.-is_hide {
  display: none; }

.-is_sp {
  display: block !important; }

.-is_pc {
  display: none !important; }

.-is_inline_sp {
  display: inline !important; }

.-is_inline_pc {
  display: none !important; }

.-is_inblock_sp {
  display: inline-block !important; }

.-is_inblock_pc {
  display: none !important; }

.-is_block_320 {
  display: none !important; }

@media print, screen and (min-width: 641px) {
  .-is_sp {
    display: none !important; }
  .-is_pc {
    display: block !important; }
  .-is_inline_sp {
    display: none !important; }
  .-is_inline_pc {
    display: inline !important; }
  .-is_inblock_sp {
    display: none !important; }
  .-is_inblock_pc {
    display: inline-block !important; } }

@media print, screen and (max-width: 320px) {
  .-is_none_320 {
    display: none !important; }
  .-is_block_320 {
    display: block !important; } }

/* テキスト
----------------------------------------------------- */
.txt_primary {
  color: #f68444 !important; }

.txt_link {
  color: #1e7fd9 !important;
  display: inline-block;
  position: relative; }
  .txt_link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    height: 0px;
    width: 0;
    border-bottom: 1px solid currentcolor;
    transition: all 0.2s linear; }
  @media print, screen and (min-width: 641px) {
    .txt_link:hover::after {
      width: 100%; } }

.txt_white {
  color: #fff !important; }

.txt_gray {
  color: #666666 !important; }

.txt_orange {
  color: #f68444 !important; }

.txt_center {
  text-align: center !important; }

.txt_line {
  text-decoration: underline !important; }

.txt_normal {
  font-weight: normal; }

/* 背景
----------------------------------------------------- */
.bg_polygon_pc {
  background: #f1f1f1; }
  @media print, screen and (min-width: 641px) {
    .bg_polygon_pc {
      background: #fff url(/img/bg_polygon.jpg) 0 0 repeat-x; } }

.bg_polygon02_pc {
  background: #fff url(/img/bg_polygon02.png) 0 0 repeat; }
  @media print, screen and (min-width: 641px) {
    .bg_polygon02_pc {
      background: #fff url(/img/bg_polygon02.png) 0 0 repeat; } }

.bg_polygon_grad {
  background: #fff url(/img/bg_polygon_grad.jpg) 0 0 repeat-x;
  background-size: cover; }

.bg_mist {
  background: #f9f9f9; }

.bg_smog {
  background: #f1f1f1; }

.bg_white {
  background: #ffffff; }

/* アイコン
----------------------------------------------------- */
.arw::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentcolor;
  border-right: 2px solid currentcolor;
  box-sizing: content-box !important;
  transition: all 0.2s linear; }

.btn .arw {
  position: relative;
  top: -1px;
  margin-left: 5px; }
  .btn .arw.-arw_top {
    top: 1px;
    margin-left: 8px; }
  .btn .arw.-arw_bottom {
    top: -3px;
    margin-left: 8px; }

.-arw_right::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.-arw_bottom::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.-arw_left::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.-arw_top::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media print, screen and (min-width: 641px) {
  .arw::after {
    width: 6px;
    height: 6px; } }

.icn_work {
  background: url(/img/icn_work.svg) 0 0 no-repeat; }

.icn_place {
  background: url(/img/icn_place.svg) 0 0 no-repeat; }

.icn_people {
  background: url(/img/icn_people.svg) 0 0 no-repeat; }

.icn_date {
  background: url(/img/icn_date.svg) 0 0 no-repeat; }

.icn_company {
  background: url(/img/icn_company.svg) 0 0 no-repeat; }

.icn_company_head {
  background: url(/img/icn_company_head.svg) 0 0 no-repeat; }

.icn_diagnosis {
  background: url(/img/icn_diagnosis.svg) 0 0 no-repeat; }

.icn_help {
  background: url(/img/icn_help.svg) 0 0 no-repeat; }

.icn_login {
  background: url(/img/icn_login.svg) 0 0 no-repeat; }

.icn_logout {
  background: url(/img/icn_logout.svg) 0 0 no-repeat; }

.icn_money {
  background: url(/img/icn_money.svg) 0 0 no-repeat; }

.icn_my {
  background: url(/img/icn_my.svg) 0 0 no-repeat; }

.icn_profit {
  background: url(/img/icn_profit.svg) 0 0 no-repeat; }

.icn_regist {
  background: url(/img/icn_regist.svg) 0 0 no-repeat; }

.icn_scout {
  background: url(/img/icn_scout.svg) 0 0 no-repeat; }

.icn_work {
  background: url(/img/icn_work.svg) 0 0 no-repeat; }

.icn_fb {
  background: url(/img/icn_fb.svg) 0 0 no-repeat; }

.icn_tw {
  background: url(/img/icn_tw.svg) 0 0 no-repeat; }

.icn_line {
  background: url(/img/icn_line.svg) 0 0 no-repeat; }

.icn_footer_fb {
  background: url(/img/icn_footer_fb.svg) 0 0 no-repeat; }

.icn_footer_tw {
  background: url(/img/icn_footer_tw.svg) 0 0 no-repeat; }

.icn_footer_line {
  background: url(/img/icn_footer_line.svg) 0 0 no-repeat; }

.icn_stretch_intentionality {
  background: url(/img/icn_analysis_intentionality.svg) 0 0 no-repeat; }

.icn_stretch_self {
  background: url(/img/icn_analysis_self.svg) 0 0 no-repeat; }

.icn_stretch_self01 {
  background: url(/img/icn_analysis_self_01.svg) 0 0 no-repeat; }

.icn_stretch_self02 {
  background: url(/img/icn_analysis_self_02.svg) 0 0 no-repeat; }

.icn_stretch_self03 {
  background: url(/img/icn_analysis_self_03.svg) 0 0 no-repeat; }

.icn_stretch_others {
  background: url(/img/icn_analysis_others.svg) 0 0 no-repeat; }

.icn_internship {
  background: url(/img/icn_internship.svg) 0 0 no-repeat; }

.icn_self_diagnosis {
  background: url(/img/icn_self_diagnosis.svg) 0 0 no-repeat; }

.icn_feature {
  background: url(/img/icn_feature.svg) 0 0 no-repeat; }

.icn_internship_search {
  background: url(/img/icn_internship_search.svg) 0 0 no-repeat; }

.icn_company_search {
  background: url(/img/icn_company_search.svg) 0 0 no-repeat; }

.icn_mypage {
  background: url(/img/icn_mypage.svg) 0 0 no-repeat; }

.icn_subjectivity {
  background: url(/img/icn_ability_subjectivity.svg) 0 0 no-repeat; }

.icn_discover {
  background: url(/img/icn_ability_discover.svg) 0 0 no-repeat; }

.icn_dialingpower {
  background: url(/img/icn_ability_dialingpower.svg) 0 0 no-repeat; }

.icn_workforce {
  background: url(/img/icn_ability_workforce.svg) 0 0 no-repeat; }

.icn_planningpower {
  background: url(/img/icn_ability_planningpower.svg) 0 0 no-repeat; }

.icn_listening {
  background: url(/img/icn_ability_listening.svg) 0 0 no-repeat; }

.icn_execute {
  background: url(/img/icn_ability_execute.svg) 0 0 no-repeat; }

.icn_creativity {
  background: url(/img/icn_ability_creativity.svg) 0 0 no-repeat; }

.icn_flexibility {
  background: url(/img/icn_ability_flexibility.svg) 0 0 no-repeat; }

.icn_graspability {
  background: url(/img/icn_ability_graspability.svg) 0 0 no-repeat; }

.icn_discipline {
  background: url(/img/icn_ability_discipline.svg) 0 0 no-repeat; }

.icn_control {
  background: url(/img/icn_ability_control.svg) 0 0 no-repeat; }

.icn_favorite {
  background: url(/img/icn_favorite.svg) 0 0 no-repeat; }

.icn_favorite_done {
  background: url(/img/icn_favorite_done.svg) 0 0 no-repeat; }

.icn_tag {
  background: url(/img/icn_tag.svg) 0 0 no-repeat; }

.icn_comment {
  background: url(/img/icn_comment.svg) 0 0 no-repeat; }

.icn_favorite_msg {
  background: url(/img/icn_favorite_msg.png) 0 0 no-repeat; }

.icn_favorite_msg.-is_act {
  background: url(/img/icn_favorite_msg.png) 0 bottom no-repeat;
  background-size: 100% auto; }

.icn_mail_my {
  background: url(/img/icn_mail_my.svg) 0 0 no-repeat; }

.icn_mail_company {
  background: url(/img/icn_mail_company.svg) 0 0 no-repeat; }

.icn_head_message {
  background: url(/img/icn_head_message.svg) 0 0 no-repeat; }

.icn_head_scout {
  background: url(/img/icn_head_scout.svg) 0 0 no-repeat; }

.icn_kv_mail {
  background: url(/img/icn_kv_mail.svg) 0 0 no-repeat; }

.icn_share {
  background: url(/img/icn_share.svg) 0 0 no-repeat; }

.icn_kv_fb {
  background: url(/img/icn_kv_fb.svg) 0 0 no-repeat; }

.icn_kv_tw {
  background: url(/img/icn_tw.svg) 0 0 no-repeat; }

.icn_kv_line {
  background: url(/img/icn_kv_line.svg) 0 0 no-repeat; }

.icn_kv_input {
  background: url(/img/icn_kv_input.svg) 0 0 no-repeat; }

.icn_kv_diagnosis {
  background: url(/img/icn_diagnosis.svg) 0 0 no-repeat; }

.icn_faq {
  background: url(/img/icn_faq.png) 0 0 no-repeat; }

.icn_faq_2 {
  background: url(/img/icn_faq_2.png) 0 0 no-repeat; }

.icn_search {
  background: url(/img/icn_search.png) 0 0 no-repeat; }

.icn_search_blue {
  background: url(/img/icn_search.png) 0 0 no-repeat; }

body [class^="icn_"],
body [class*=" icn_"] {
  display: inline-block;
  background-size: 100% auto; }

.icn_must,
.icn_option {
  padding: 2px 5px;
  border-radius: 2px;
  background: #f05648;
  line-height: 1;
  font-size: 11px;
  color: #fff; }
  @media print, screen and (min-width: 641px) {
    .icn_must,
    .icn_option {
      font-size: 12px; } }

.icn_option {
  background: #bbb; }

/* a、btn
----------------------------------------------------- */
.btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  vertical-align: top; }
  .btn:hover, .btn:active, .btn:visited {
    color: #fff; }
  .btn:after {
    position: absolute;
    content: '';
    width: 0;
    height: 120%;
    left: -30%;
    bottom: 0;
    background: #fff;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    opacity: .1;
    z-index: 1;
    transition: all 0.2s linear; }
  .btn a,
  .btn input,
  .btn button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 5; }
  .btn input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0; }
  @media print, screen and (min-width: 641px) {
    .btn {
      max-width: 166px;
      height: 40px;
      line-height: 40px;
      font-size: 14px; }
      .btn:hover:after {
        left: -30%;
        width: 160%;
        opacity: .3; }
      .btn.-btn_large {
        max-width: 350px; } }

.-btn_base {
  background: #f68444; }

.-btn_sub {
  background: #fff;
  border: 2px solid #f68444;
  color: #f68444; }
  .-btn_sub:hover * {
    color: #f68444; }

.-btn_green {
  color: #019fa5 !important;
  background: #d2e5e5; }

.-btn_lime_green {
  color: #fff;
  background: #09b133;
  border-bottom: 3px solid #099b2d; }

.-btn_lime_orange {
  color: #fff;
  background: #ea7b05;
  border-bottom: 3px solid #cc6c04; }

.-btn_grad, .message_box.detail .link_btn .btn + .btn {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #10b590;
  background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
  background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
  color: #fff; }

.-btn_grad_orange {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #ff7241;
  background: -webkit-linear-gradient(-45deg, #ff9141 0%, #ff7241 100%);
  background: linear-gradient(135deg, #ff9141 0%, #ff7241 100%);
  color: #fff; }

.-btn_grad_line {
  padding: 2px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #10b590;
  background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
  background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
  color: #0bae97; }
  .-btn_grad_line > a,
  .-btn_grad_line input {
    background: #fff;
    border-radius: 200px;
    line-height: 42px; }
    .-btn_grad_line > a:hover,
    .-btn_grad_line input:hover {
      color: #0bae97; }
  .-btn_grad_line input {
    position: relative; }
  @media print, screen and (min-width: 641px) {
    .-btn_grad_line > a,
    .-btn_grad_line input {
      line-height: 39px; } }

.-btn_radius {
  border-radius: 200px; }

.-btn_circle {
  border-radius: 100%; }

.-btn_mini {
  height: 30px;
  font-size: 12px;
  line-height: 30px; }

.-btn_silver {
  background: #e9e9e9;
  color: #fff; }

.-btn_mouse {
  background: #858585;
  color: #fff; }

.-btn_border {
  border: 2px solid #fff; }

.-btn_fb,
.-btn_tw,
.-btn_line {
  position: relative;
  color: #fff; }
  .-btn_fb i,
  .-btn_tw i,
  .-btn_line i {
    position: absolute;
    top: 50%;
    left: 20px; }

.-btn_fb {
  background: #3b5999; }

.-btn_tw {
  background: #1da1f2; }

.-btn_line {
  background: #00b900; }

.btnarea {
  margin-top: 20px;
  text-align: center; }
  .btnarea.-btnarea_tit_inner {
    display: flex;
    margin-top: 0; }
  .btnarea .tit_sub {
    flex-grow: 1;
    flex-basis: auto;
    text-align: left; }
  .btnarea .btn {
    flex-grow: 2;
    flex-basis: 0;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin: -10px 0 0; }
    .btnarea .btn a {
      line-height: 38px; }
  @media print, screen and (min-width: 641px) {
    .btnarea {
      margin-top: 55px; }
      .btnarea .btn {
        flex-basis: 166px;
        margin: -6px 0 0; } }

/* form
----------------------------------------------------- */
.w_max,
.w_large,
.w_medium_pc,
.w_small_pc {
  width: 100%; }
  .w_max.error,
  .w_large.error,
  .w_medium_pc.error,
  .w_small_pc.error {
    background: #f09890; }

.w_medium,
.w_small {
  width: 48%; }
  .w_medium + .w_medium,
  .w_medium + .w_small,
  .w_small + .w_medium,
  .w_small + .w_small {
    margin-left: 1%; }
  .w_medium.error,
  .w_small.error {
    background: #f09890; }

.w_year.error,
.w_date.error {
  background: #f09890; }

.w_year {
  width: 27%; }

.w_date {
  width: 25%; }

@media print, screen and (min-width: 641px) {
  .w_max {
    width: 100%; }
  .w_large {
    width: 100%;
    max-width: 420px; }
  .w_medium {
    max-width: 200px; }
    .w_medium + .w_medium,
    .w_medium + .w_small {
      margin-left: 4px; }
  .w_medium_pc {
    width: 200px;
    margin-right: 8px; }
  .w_small,
  .w_small_pc {
    width: 140px; }
  .w_year,
  .w_date {
    width: 96px; } }

/* select
----------------------------------------------------- */
.select {
  display: inline-block;
  position: relative;
  height: 44px;
  background: #fbfbfb;
  border: solid 1px #e9e9e9;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle; }
  .select p {
    padding: 0 30px 0 8px;
    margin: 0;
    line-height: 40px; }
    .select p::before, .select p::after {
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      top: 50%;
      right: 10px;
      border: 5px solid transparent; }
    .select p::before {
      -webkit-transform: translate(0, -13px);
      transform: translate(0, -13px);
      border-bottom: 6px solid #0bae97; }
    .select p::after {
      -webkit-transform: translate(0, 1px);
      transform: translate(0, 1px);
      border-top: 6px solid #0bae97; }
  .select.select_date {
    display: inline-block;
    vertical-align: middle;
    width: 100px; }
  .select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: transparent;
    border: none; }
  .select.w_large p {
    width: 100%;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box; }
  @media print, screen and (min-width: 641px) {
    .select.w_large p {
      white-space: nowrap;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
      -o-text-overflow: ellipsis; } }

/* 日付ピッカー
----------------------------------------------------- */
input[type="date"] {
  position: relative; }
  input[type="date"]::before, input[type="date"]::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    border: 5px solid transparent; }
  input[type="date"]::before {
    -webkit-transform: translate(0, -13px);
    transform: translate(0, -13px);
    border-bottom: 6px solid #0bae97; }
  input[type="date"]::after {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
    border-top: 6px solid #0bae97; }

/* check
----------------------------------------------------- */
.check {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  cursor: pointer; }
  .check input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1; }
  .check .labeltxt::before, .check .labeltxt::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: content-box; }
  .check .labeltxt::before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 2px; }
  .check input:checked + .labeltxt::after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #0bae97;
    border-left: 2px solid #0bae97;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/* radio
----------------------------------------------------- */
.radio {
  display: inline-block;
  position: relative;
  min-height: 22px;
  padding-left: 32px;
  font-weight: normal;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box; }
  .radio input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1; }
  .radio .labeltxt::before, .radio .labeltxt::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: content-box !important; }
  .radio .labeltxt::before {
    top: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 100px; }
  .radio input[type="radio"]:checked + .labeltxt::after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background: #0bae97;
    border-radius: 100px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/* ボタンエリア
----------------------------------------------------- */
.btns {
  margin-top: 35px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center; }
  .btns li + li {
    margin-top: 10px; }
  .btns .btn {
    width: 100%; }
  .btns.-btns_add {
    margin-top: 15px; }
    .btns.-btns_add .btn {
      max-width: 100%; }
    .btns.-btns_add .js_addtable_del {
      position: relative;
      width: 58px; }

@media print, screen and (min-width: 641px) {
  .btns {
    margin-top: 35px;
    padding-left: 0;
    padding-right: 0; }
    .btns ul {
      letter-spacing: -0.3em;
      vertical-align: top; }
    .btns li {
      letter-spacing: normal;
      display: inline-block; }
      .btns li + li {
        margin-left: 20px; }
    .btns .btn {
      width: 166px; }
      .btns .btn.-btn_medium {
        width: 250px;
        max-width: 250px; }
      .btns .btn.-btn_large {
        width: 350px;
        max-width: 350px; }
    .btns.-btns_add {
      margin-top: 20px;
      text-align: right; }
      .btns.-btns_add .btn {
        width: auto; }
        .btns.-btns_add .btn button {
          padding: 0 15px; } }

/* ヘッディングバナー
----------------------------------------------------- */
.headbnr a {
  display: block;
  font-size: 0; }

.headbnr img {
  width: 100%; }

/* ヘッド〜コンテンツ
----------------------------------------------------- */
.heading {
  background: #fff; }
  .heading .heading__name {
    padding: 12px 12px;
    text-align: center;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%); }
    .heading .heading__name h2 {
      font-weight: bold;
      font-size: 15px; }
  .heading .heading__nav {
    height: 37px;
    overflow: hidden; }
    .heading .heading__nav ul {
      display: -webkit-flex;
      display: flex;
      overflow: auto;
      padding: 0 12px;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 20px; }
    .heading .heading__nav li {
      font-weight: bold; }
      .heading .heading__nav li:not(:last-child) {
        padding-right: 30px; }
      .heading .heading__nav li a {
        position: relative;
        display: block;
        height: 27px;
        padding: 10px 0 0;
        white-space: nowrap;
        word-break: keep-all;
        font-weight: bold;
        font-size: 11px; }
      .heading .heading__nav li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        content: '';
        display: block;
        height: 3px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
        background: #10b590;
        background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
        background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
        transition: all 0.2s linear; }
      .heading .heading__nav li.-is_act a::after {
        width: 100%; }

.content {
  padding: 22px 0 0; }
  .content.content_pd_none {
    padding-top: 0; }

.section {
  padding: 0 12px 0;
  *zoom: 1; }
  .section::after {
    content: "";
    display: table;
    clear: both; }
  .section.-section_search {
    padding: 0; }
    .section.-section_search .results {
      margin: 0 -7px;
      padding: 0 20px 20px; }
      .section.-section_search .results .result_in {
        padding-top: 20px;
        line-height: 1.8; }
    .section.-section_search .resultnav.-resultnav_btm {
      padding-left: 20px;
      padding-right: 20px; }
    .section.-section_search .intern_title + .results {
      margin-top: 20px;
      padding-bottom: 40px; }
  .section.-section_search_company {
    padding: 0; }
    .section.-section_search_company .results {
      margin: 0 -7px;
      padding: 0 20px 20px; }
      .section.-section_search_company .results .result_in {
        padding-top: 20px;
        line-height: 1.8; }
      .section.-section_search_company .results .card__box .card_result .card__txt {
        line-height: 1.75; }
      .section.-section_search_company .results .card__box .card_result .name [class^="icn_"],
      .section.-section_search_company .results .card__box .card_result .name [class*=" icn_"] {
        width: 32px;
        height: 30px;
        margin-right: 6px;
        margin-bottom: -6px; }
      .section.-section_search_company .results .card__box .card_result .name + p {
        margin-bottom: 17px;
        font-size: 12px; }
    .section.-section_search_company .resultnav.-resultnav_btm {
      padding-left: 20px;
      padding-right: 20px; }
  .section.-section_pd_narrow {
    padding-top: 20px; }
  .section.-section_pd_wide {
    padding-top: 20px; }
  .section.-section_my_feedback .scout_list > li .-is_open > dt:after {
    display: none; }
  .section.-section_my_feedback dt .name {
    padding-right: 0; }
  .section.-section_my_feedback dt .date {
    right: 20px; }
  .section.-section_my_feedback .tit_page {
    padding-left: 0;
    padding-right: 0; }

@media print, screen and (min-width: 641px) {
  .heading {
    font-size: 20px; }
    .heading .heading_in {
      display: -webkit-flex;
      display: flex; }
    .heading .heading__name {
      padding: 24px 0;
      background: none;
      -webkit-flex-grow: 1;
      flex-grow: 1; }
      .heading .heading__name h2 {
        position: relative;
        padding-left: 50px;
        text-align: left;
        line-height: 1.4;
        font-size: 20px;
        color: #333333; }
      .heading .heading__name .heading__logo {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        overflow: hidden;
        width: 40px;
        height: 40px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .heading .heading__name .heading__logo img {
          border-radius: 100px;
          width: 100%; }
    .heading .heading__nav {
      width: 47%;
      min-width: 400px;
      min-height: 76px;
      height: auto;
      overflow: auto;
      box-sizing: border-box; }
      .heading .heading__nav ul {
        height: 100%;
        padding-bottom: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
      .heading .heading__nav li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
        .heading .heading__nav li:not(:last-child) {
          padding-right: 25px; }
        .heading .heading__nav li a {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          padding: 0;
          height: 100%;
          white-space: normal;
          word-break: normal;
          font-size: 14px; }
          .heading .heading__nav li a:hover {
            color: #0bae97; }
        .heading .heading__nav li a::after {
          bottom: 3px;
          height: 4px; }
        .heading .heading__nav li a:hover::after {
          width: 100%; }
      .heading .heading__nav.-heading__nav_my {
        width: 100%;
        padding-left: 30px;
        height: 76px; }
        .heading .heading__nav.-heading__nav_my ul {
          -webkit-justify-content: space-around;
          justify-content: space-around; }
        .heading .heading__nav.-heading__nav_my li:not(:last-child) {
          padding-right: 3.8%; }
  .content {
    padding: 30px 0 0; }
    .content.content_pd_narrow {
      padding-top: 25px; }
    .content.content_pd_wide {
      padding-top: 45px; }
    .content.content_pd_none {
      padding-top: 0; }
  .section {
    padding: 25px 0 0; }
    .section.-section_search {
      padding-top: 20px; }
      .section.-section_search .results {
        margin: 0;
        padding: 0 0 20px; }
        .section.-section_search .results .result_in {
          padding-top: 0; }
        .section.-section_search .results .card__box {
          margin-top: -40px; }
      .section.-section_search.bg_mist .results .result_in {
        padding-top: 17px;
        padding-bottom: 28px; }
      .section.-section_search .intern_title + .results {
        margin-top: 25px;
        padding-bottom: 68px; }
    .section.-section_search_company {
      padding-top: 20px; }
      .section.-section_search_company .results {
        margin: 0;
        padding: 0 0 20px; }
        .section.-section_search_company .results .result_in {
          padding-top: 0; }
        .section.-section_search_company .results .card__box {
          margin-top: -20px; }
          .section.-section_search_company .results .card__box .card_result {
            width: 100%;
            margin-top: 20px;
            margin-right: 0;
            padding-bottom: 0; }
            .section.-section_search_company .results .card__box .card_result figure {
              width: 198px;
              height: auto;
              float: right;
              border: 1px solid #e9e9e9;
              margin: 24px 17px 0 35px; }
            .section.-section_search_company .results .card__box .card_result .card__txt {
              line-height: 1.75; }
            .section.-section_search_company .results .card__box .card_result .name [class^="icn_"],
            .section.-section_search_company .results .card__box .card_result .name [class*=" icn_"] {
              width: 32px;
              height: 30px;
              margin-right: 6px;
              margin-bottom: -6px; }
            .section.-section_search_company .results .card__box .card_result .name + p {
              margin-bottom: 24px;
              font-size: 12px; }
    .section.-section_pd_narrow {
      padding-top: 20px; }
    .section.-section_pd_wide {
      padding-top: 50px; }
    .section.-section_my_feedback {
      padding-top: 0; }
      .section.-section_my_feedback .scout_list > li .-is_open dt:after {
        display: none; }
      .section.-section_my_feedback .scout_list > li dt {
        pointer-events: none; }
        .section.-section_my_feedback .scout_list > li dt .date {
          right: 40px; }
      .section.-section_my_feedback .feedback_commentBlock {
        margin: 34px 0 0; }
  #container .heading .heading_in .heading__nav a .txt_count {
    font-size: 10px;
    color: #fff;
    background: #ef5646;
    display: inline-block;
    background: #f05448;
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    border-radius: 15px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    top: 20px;
    right: -40px;
    border: 2px solid #fff; } }

/* メインカラムとサブカラム
----------------------------------------------------- */
@media print, screen and (min-width: 641px) {
  .main {
    float: left;
    width: 70.37%; } }

.sub {
  margin: 40px -12px 40px; }
  .sub.-is_mypage {
    margin: 0 0 40px; }
  @media print, screen and (min-width: 641px) {
    .sub {
      float: right;
      width: 26.67%;
      margin: 0; }
      .sub.-is_mypage {
        margin: 0; } }

/* タイトル要素
----------------------------------------------------- */
.tit_page {
  margin-top: -22px;
  padding: 20px 12px 0;
  text-align: center;
  font-weight: bold; }
  .tit_page.-tit_page_search {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    color: #ffffff;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 14px; }
  .tit_page.-tit_page_diagnosis {
    font-size: 12px;
    line-height: 1.8; }
    .tit_page.-tit_page_diagnosis .tit_main {
      font-size: 16px; }
  .tit_page.-tit_page_intern {
    font-size: 18px;
    color: #0bae97;
    line-height: 1.8;
    margin: 0 0 20px; }
    .tit_page.-tit_page_intern + p {
      font-weight: bold;
      text-align: center;
      margin: 0 0 20px; }
      .tit_page.-tit_page_intern + p + p {
        font-weight: bold;
        text-align: center; }
  .tit_page + .lead_page {
    margin-top: 15px; }
  @media print, screen and (min-width: 641px) {
    .tit_page {
      margin: 0;
      padding: 0;
      background: none;
      font-size: 20px; }
      .tit_page.-tit_page_search {
        font-size: 20px;
        text-align: left;
        margin-top: 10px;
        background: none;
        color: #333333; }
      .tit_page.-tit_page_diagnosis .tit_main {
        font-size: 20px; }
      .tit_page.-tit_page_diagnosis .txt_normal {
        font-size: 14px; }
      .tit_page.-tit_page_intern {
        font-size: 28px;
        margin: 26px 0 20px; }
        .tit_page.-tit_page_intern + p {
          font-size: 16px;
          margin: 0 0 26px; }
          .tit_page.-tit_page_intern + p + p {
            font-size: 16px; } }

.tit_sub {
  padding: 0 12px;
  text-align: center;
  font-weight: bold;
  font-size: 15px; }
  @media print, screen and (min-width: 641px) {
    .tit_sub {
      text-align: left;
      padding: 0;
      font-size: 18px; } }

.tit_sub_form {
  padding: 0 12px;
  font-weight: bold;
  font-size: 15px;
  border-left: 5px solid #019fa5;
  position: relative; }
  .tit_sub_form:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 50%;
    background: #35bf9f;
    left: -5px;
    bottom: 0; }
  @media print, screen and (min-width: 641px) {
    .tit_sub_form {
      text-align: left;
      padding: 0 0 0 8px;
      margin-top: 21px;
      font-size: 14px; } }

.tit_section {
  font-weight: bold; }

.-pt_rack {
  margin-top: 40px !important; }
  .-pt_rack + p {
    margin-top: 7px; }
  .-pt_rack .js_lbopen {
    font-weight: normal;
    color: #1e7fd9;
    font-size: 12px; }
  @media print, screen and (min-width: 641px) {
    .-pt_rack {
      margin-top: 40px !important; }
      .-pt_rack + p {
        margin-top: 7px; } }

/* 簡易LB
----------------------------------------------------- */
html.-is_open {
  overflow: hidden;
  position: fixed;
  width: 100%; }

body[data-lb="lbopen"]::after {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  z-index: 101; }

body[data-lb="lbopen"] .lb {
  display: block;
  position: fixed;
  overflow: auto;
  max-height: 90%; }

body[data-lb="lbopen"] .lb_scroll {
  overflow: visible; }
  body[data-lb="lbopen"] .lb_scroll .lb__inner {
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden; }

.lb {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  max-width: 920px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 102;
  max-width: 720px; }
  .lb .lb__inner {
    padding: 15px 20px; }
  .lb .lb_txt {
    padding: 0; }
    .lb .lb_txt .tit_sub {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
      background: #10b590;
      background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
      background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      margin: 0 0 20px;
      padding: 18px 20px;
      box-sizing: border-box; }
      .lb .lb_txt .tit_sub small {
        display: block;
        font-size: 14px; }
    .lb .lb_txt p {
      margin-bottom: 22px; }
  .lb .lb_txt_center {
    display: block;
    text-align: center; }
    .lb .lb_txt_center img {
      margin: 0 0 12px; }
  .lb .lb__inner > .lb_txt_center {
    margin: 26px 0 0; }
  .lb .lb__inner .lb_lead {
    text-align: center; }
  .lb .board.-board_mail {
    text-align: center; }
  .lb .btn_block {
    text-align: center;
    position: relative;
    margin: 40px 0 26px; }
    .lb .btn_block .txt_link.-txt_link_right {
      margin: 12px 0 0; }
  .lb .link_lb_close {
    width: 43px;
    height: 43px;
    background: url(/img/icn_close.png) no-repeat center center;
    background-size: 43px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: -63px; }
  .lb .lb_dl {
    margin: 0; }
    .lb .lb_dl dt {
      margin: 24px 0 12px; }
    .lb .lb_dl dd {
      margin: 0 0 0; }
  @media print, screen and (min-width: 641px) {
    .lb {
      max-width: 720px; }
      .lb .lb_txt {
        margin: 0;
        padding: 0; }
        .lb .lb_txt .tit_sub {
          font-size: 18px;
          margin: 0 0 30px;
          padding: 16px 60px 12px; }
          .lb .lb_txt .tit_sub small {
            display: block;
            font-size: 14px; }
        .lb .lb_txt p {
          margin-bottom: 22px; }
      .lb .lb_txt_center {
        display: block;
        text-align: center; }
        .lb .lb_txt_center img {
          margin: 0 0 12px; }
      .lb .lb__inner {
        padding: 0 60px; }
        .lb .lb__inner > .lb_txt_center {
          margin: 26px 0 0; }
      .lb .btn_block {
        margin: 40px 0 26px; }
        .lb .btn_block .btn {
          max-width: 198px; }
          .lb .btn_block .btn input {
            padding: 0 16px; }
        .lb .btn_block .txt_link.-txt_link_right {
          position: absolute;
          top: 8px;
          right: 0; }
      .lb .link_lb_close {
        width: 43px;
        height: 43px;
        background: url(/img/icn_close.png) no-repeat center center;
        background-size: 43px;
        text-indent: -9999px;
        position: absolute;
        right: 0;
        top: -63px; }
      .lb .lb_dl {
        margin: 0; }
        .lb .lb_dl dt {
          margin: 24px 0 12px; }
          .lb .lb_dl dt [class^="icn_"],
          .lb .lb_dl dt [class*=" icn_"] {
            margin-left: 8px; }
        .lb .lb_dl dd {
          margin: 0 0 0; }
          .lb .lb_dl dd .status_error_txt {
            color: #f05648;
            background: none;
            padding: 0 0 12px; }
          .lb .lb_dl dd .list_sub_quest .status_error_txt {
            padding: 12px 0 0; } }

/* リンク
----------------------------------------------------- */
.js-link {
  cursor: pointer; }

/* ===================================================

BODY
body、header、contents、footer　など

=================================================== */
/* body
----------------------------------------------------- */
body {
  position: relative;
  width: 100%;
  color: #333333;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }
  @media print, screen and (min-width: 641px) {
    body {
      line-height: 1.6;
      font-size: 14px; } }
  body.open {
    overflow: hidden;
    position: fixed;
    left: 0; }

body, html {
  height: auto;
  overflow: auto; }

[canvas=container].company_detail {
  background: #fff url(/img/bg_polygon02.png) 0 0 repeat; }
  [canvas=container].company_detail #container {
    padding-bottom: 120px; }

@media print, screen and (min-width: 641px) {
  [canvas=container] {
    overflow: hidden;
    padding-bottom: 264px; }
    [canvas=container].publish {
      padding-bottom: 180px; }
    [canvas=container].company_detail #container {
      padding-bottom: 0; } }

/* #wrap
----------------------------------------------------- */
#wrap {
  overflow: hidden; }
  @media print, screen and (min-width: 641px) {
    #wrap {
      position: relative;
      top: 164px;
      margin-bottom: -100px; }
      #wrap.head_client {
        top: 79px; } }

/* #container
----------------------------------------------------- */
#container {
  padding-top: 54px;
  padding-bottom: 70px; }
  #container.paddingBottom0 {
    padding-bottom: 0; }
  @media print, screen and (min-width: 641px) {
    #container {
      padding-bottom: 100px;
      padding-top: 0; } }
  #container.client {
    min-height: calc(100vh - 175px);
    padding-bottom: 45px; }

/* #header
----------------------------------------------------- */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 54px;
  z-index: 2;
  padding: 0 12px;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  box-sizing: border-box; }
  #header::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 4px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%); }
  #header .inner_wide {
    position: relative; }
  #header .header__logo {
    position: absolute;
    top: 14px;
    left: 0; }
    #header .header__logo a {
      display: block;
      width: 145px; }
      #header .header__logo a img {
        width: 100%; }
  #header .header__spmenu {
    position: absolute;
    top: 12px;
    right: 0;
    width: 160px;
    height: 38px;
    text-align: right; }
    #header .header__spmenu .txt_count {
      display: inline-block;
      background: #f05448;
      color: #ffffff;
      font-size: 10px;
      font-weight: bold;
      float: right;
      border-radius: 15px;
      height: 16px;
      line-height: 16px;
      padding: 0 5px;
      position: absolute;
      top: -7px;
      right: -5px;
      border: 2px solid #fff; }
    #header .header__spmenu .link__spscout,
    #header .header__spmenu .link__spmessage {
      font-size: 8px;
      display: inline-block;
      height: 13px;
      text-align: center;
      font-weight: bold;
      padding-top: 20px;
      position: relative;
      margin-right: 2px; }
    #header .header__spmenu .icn_head_scout,
    #header .header__spmenu .icn_head_message {
      background-position: top center;
      background-size: 22px auto; }
    #header .header__spmenu .link__spscout {
      padding-top: 24px; }
      #header .header__spmenu .link__spscout .txt_count {
        top: -4px; }
    #header .header__spmenu .link__spmenu {
      font-size: 10px;
      position: relative;
      display: inline-block;
      height: 13px;
      text-align: center; }
      #header .header__spmenu .link__spmenu:after {
        content: "メニュー";
        font-size: 8px;
        letter-spacing: 0.1;
        display: inline-block;
        padding-top: 19px;
        font-weight: bold; }
        .open #header .header__spmenu .link__spmenu:after {
          content: "閉じる"; }
      #header .header__spmenu .link__spmenu.-is_before {
        margin-top: 3px; }
      #header .header__spmenu .link__spmenu span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 10px;
        width: 18px;
        height: 2px;
        background-color: #2c4051; }
        .open #header .header__spmenu .link__spmenu span {
          left: 6px; }
      #header .header__spmenu .link__spmenu span:nth-of-type(1) {
        top: 0; }
        .open #header .header__spmenu .link__spmenu span:nth-of-type(1) {
          -webkit-transform: translateY(5px) rotate(-45deg);
          transform: translateY(5px) rotate(-45deg); }
      #header .header__spmenu .link__spmenu span:nth-of-type(2) {
        top: 6px; }
        .open #header .header__spmenu .link__spmenu span:nth-of-type(2) {
          opacity: 0; }
      #header .header__spmenu .link__spmenu span:nth-of-type(3) {
        top: 12px; }
        .open #header .header__spmenu .link__spmenu span:nth-of-type(3) {
          -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg); }
  @media print, screen and (min-width: 641px) {
    #header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 165px;
      padding: 12px 0;
      z-index: 2; }
      #header::before {
        height: 5px; }
      #header .header__logo {
        top: 5px;
        left: 0;
        display: flex;
        align-items: center; }
        #header .header__logo a {
          width: 225px; }
        #header .header__logo small {
          font-size: 10px;
          color: #90979f;
          padding: 0 0 0 10px; }
      #header .header__login {
        display: flex;
        align-items: center;
        position: absolute;
        top: 10px;
        right: 0;
        width: 60%;
        padding-left: 0; }
        #header .header__login .heading {
          width: 100%;
          padding-right: 0; }
          #header .header__login .heading .heading__nav {
            width: auto;
            min-width: 0;
            min-height: 0; }
            #header .header__login .heading .heading__nav ul {
              padding: 0; }
              #header .header__login .heading .heading__nav ul li a {
                font-size: 12px; }
        #header .header__login .search__box {
          width: 48%; }
          #header .header__login .search__box input[type="search"] {
            height: 30px;
            background: #f1f1f1;
            border: none;
            font-size: 12px; }
          #header .header__login .search__box .btn {
            width: 20%;
            max-width: 152px; }
      #header .heading_menu {
        position: absolute;
        top: 76px;
        left: 0;
        width: 100%; }
        #header .heading_menu .heading .heading_in {
          max-width: 1200px; }
        #header .heading_menu .heading .heading__nav.-heading__nav_my {
          padding-left: 0; }
          #header .heading_menu .heading .heading__nav.-heading__nav_my ul {
            padding: 0;
            -webkit-justify-content: space-around;
            justify-content: space-around; }
            #header .heading_menu .heading .heading__nav.-heading__nav_my ul li {
              /*width: 16.66%;*/
              width: 20%; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li:not(:last-child) {
                padding-right: 0; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li:first-child:after {
                content: "";
                display: inline-block;
                width: 1px;
                height: 55px;
                border-left: 1px dotted #e9e9e9;
                position: absolute;
                top: 0;
                left: 0; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_internship {
                background-size: 52px auto;
                background-position: center -6px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_self_diagnosis {
                background-size: 50px auto;
                background-position: center -6px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_feature {
                background-size: 50px auto;
                background-position: center -6px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_internship_search {
                background-size: 54px auto;
                background-position: center -8px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_company_search {
                background-size: 50px auto;
                background-position: center -10px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li.icn_mypage {
                background-size: 40px auto;
                background-position: center -4px; }
              #header .heading_menu .heading .heading__nav.-heading__nav_my ul li a {
                width: 100%;
                align-items: flex-end;
                justify-content: center;
                padding: 0 0 17px;
                box-sizing: border-box; }
                #header .heading_menu .heading .heading__nav.-heading__nav_my ul li a:before {
                  content: "";
                  display: inline-block;
                  width: 1px;
                  height: 55px;
                  border-left: 1px dotted #e9e9e9;
                  position: absolute;
                  top: 0;
                  right: 0; }
                #header .heading_menu .heading .heading__nav.-heading__nav_my ul li a .txt_count {
                  font-size: 10px;
                  color: #fff;
                  background: #ef5646;
                  display: inline-block;
                  background: #f05448;
                  color: #ffffff;
                  font-size: 10px;
                  font-weight: normal;
                  border-radius: 15px;
                  height: 16px;
                  line-height: 16px;
                  padding: 0 5px;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  margin: -39px 0 0 5px;
                  border: 2px solid #fff; }
        #header .heading_menu .heading .heading__nav.-heading__nav_login ul li {
          width: 20%; } }

/* パンくず
----------------------------------------------------- */
.breadcrumb {
  overflow: hidden;
  height: 1.9em;
  width: 100%;
  padding: 5px 12px;
  border-top: 1px solid #eee;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }
  .breadcrumb ul {
    padding-bottom: 10px;
    overflow: auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .breadcrumb li {
    position: relative;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 11px;
    color: #a1a1a1; }
    .breadcrumb li + li {
      padding-left: 18px;
      margin-left: 5px; }
      .breadcrumb li + li::before {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px;
        position: absolute;
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #ccc;
        border-right: 2px solid #ccc;
        -webkit-transform: rotate(40deg) skew(-10deg, 0);
        transform: rotate(40deg) skew(-10deg, 0);
        transition: all 0.2s linear; }
    .breadcrumb li a {
      color: #1e7fd9;
      display: inline-block;
      position: relative; }
      .breadcrumb li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        height: 0px;
        width: 0;
        border-bottom: 1px solid currentcolor;
        transition: all 0.2s linear; }
      @media print, screen and (min-width: 641px) {
        .breadcrumb li a:hover::after {
          width: 100%; } }
  @media print, screen and (min-width: 641px) {
    .breadcrumb {
      overflow: visible;
      height: auto; }
      .breadcrumb ul {
        padding: 4px 0;
        height: auto; }
      .breadcrumb li {
        font-size: 12px; }
        .breadcrumb li + li::before {
          margin-top: -5px; }
        .breadcrumb li a {
          display: block;
          color: #1e7fd9; } }

/* #footer
----------------------------------------------------- */
#footer .footer_inner {
  color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #10b590;
  background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
  background: linear-gradient(135deg, #10b590 0%, #019fa5 100%); }
  #footer .footer_inner ul {
    overflow: hidden;
    padding: 11px 10px 0 20px; }
  #footer .footer_inner li {
    float: left;
    min-width: 50%;
    padding-right: 10px;
    margin-top: 4px;
    box-sizing: border-box;
    font-size: 11px; }
  #footer .footer_inner a {
    color: #fff;
    display: inline-block;
    position: relative; }
    #footer .footer_inner a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      height: 0px;
      width: 0;
      border-bottom: 1px solid currentcolor;
      transition: all 0.2s linear; }
    @media print, screen and (min-width: 641px) {
      #footer .footer_inner a:hover::after {
        width: 100%; } }
  #footer .footer_inner p {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 14px;
    padding: 5px 0;
    text-align: center;
    font-size: 9px;
    color: #fff; }
  #footer .footer_inner .footer__sns {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0; }
    #footer .footer_inner .footer__sns li {
      float: none;
      min-width: 0;
      padding-right: 13px;
      margin-top: 20px; }
      #footer .footer_inner .footer__sns li .btn {
        height: 32px;
        line-height: 32px; }
        #footer .footer_inner .footer__sns li .btn i {
          width: 32px;
          height: 32px; }

@media print, screen and (min-width: 641px) {
  #footer .footer_inner {
    margin-right: 0;
    text-align: center; }
    #footer .footer_inner ul {
      padding: 24px 0 0; }
    #footer .footer_inner li {
      float: none;
      display: inline-block;
      min-width: 0;
      padding: 0 5px;
      font-size: 12px; }
    #footer .footer_inner p {
      margin: 0;
      padding: 11px 0 20px;
      border-top: none;
      font-size: 12px; }
    #footer .footer_inner .footer__sns li {
      padding-right: 10px;
      margin-top: 28px; }
      #footer .footer_inner .footer__sns li .btn {
        height: 32px;
        line-height: 32px; }
        #footer .footer_inner .footer__sns li .btn i {
          width: 32px;
          height: 32px; } }

/* pagetop
----------------------------------------------------- */
#pagetop {
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #10b590;
  background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
  background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
  width: 100%;
  height: 32px;
  border-bottom: 2px solid #fff;
  text-align: center; }
  #pagetop a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 32px; }
    #pagetop a::before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      box-sizing: content-box !important;
      transition: all 0.2s linear;
      transform: rotate(-45deg);
      margin: 0 11px -1px 0; }

/* right
----------------------------------------------------- */
[off-canvas*=right] {
  background: #ffffff; }
  [off-canvas*=right] .tit_sub {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    height: 54px;
    line-height: 54px; }
  [off-canvas*=right] .list_menu {
    background: #fff; }
    [off-canvas*=right] .list_menu li {
      display: block; }
      [off-canvas*=right] .list_menu li:not(:last-child) {
        border-bottom: 1px solid #e9e9e9; }
      [off-canvas*=right] .list_menu li a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 12px 32px 13px 10px;
        position: relative; }
        [off-canvas*=right] .list_menu li a:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 12px;
          margin-top: -4px;
          width: 7px;
          height: 7px;
          border-top: 2px solid #0aac99;
          border-right: 2px solid #0aac99;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        [off-canvas*=right] .list_menu li a .txt_count {
          display: inline-block;
          background: #f05448;
          color: #ffffff;
          font-size: 13px;
          font-weight: bold;
          float: right;
          border-radius: 15px;
          height: 20px;
          line-height: 20px;
          padding: 0 5px; }
      [off-canvas*=right] .list_menu li[class^="icn_"] a, [off-canvas*=right] .list_menu li[class*=" icn_"] a {
        padding-left: 46px; }
      [off-canvas*=right] .list_menu li.icn_internship {
        background-size: 28px auto;
        background-position: 10px 50%; }
      [off-canvas*=right] .list_menu li.icn_self_diagnosis {
        background-size: 32px auto;
        background-position: 8px 50%; }
      [off-canvas*=right] .list_menu li.icn_feature {
        background-size: 28px auto;
        background-position: 10px 50%; }
      [off-canvas*=right] .list_menu li.icn_internship_search {
        background-size: 30px auto;
        background-position: 10px 50%; }
      [off-canvas*=right] .list_menu li.icn_company_search {
        background-size: 30px auto;
        background-position: 10px 50%; }
    [off-canvas*=right] .list_menu + .tit_sub {
      background: #f1f1f1;
      padding: 0 10px;
      font-size: 12px;
      font-weight: normal;
      color: #333333;
      height: 38px;
      line-height: 38px; }

.menu_wrapper {
  background: #f1f1f1;
  border-left: #d5d5d5 solid 1px;
  box-shadow: -8px 0px 8px -1px #d5d5d5; }

/* #header
----------------------------------------------------- */
#header.client {
  position: fixed;
  padding: 0 12px;
  border-bottom: 1px solid #e9e9e9;
  background: #f5f6f8;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 57px;
  min-width: auto;
  z-index: 2; }
  #header.client .inner_wide {
    position: relative;
    max-width: auto; }
  #header.client .header__logo {
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    align-items: center; }
    #header.client .header__logo img {
      width: 158px; }
  #header.client .header__login {
    display: flex;
    align-items: center;
    position: absolute;
    top: 11px;
    right: 0;
    width: auto;
    padding-left: 0; }
    #header.client .header__login .heading {
      width: 100%;
      padding-right: 29px;
      padding-top: 0;
      background: transparent; }
      #header.client .header__login .heading .heading__nav {
        width: auto;
        min-width: 0;
        min-height: 0; }
        #header.client .header__login .heading .heading__nav ul {
          padding: 0; }
          #header.client .header__login .heading .heading__nav ul li a {
            font-size: 12px; }
    #header.client .header__login .search__box {
      width: 51.47%; }
      #header.client .header__login .search__box input[type="search"] {
        height: 30px;
        background: #f1f1f1;
        border: none;
        font-size: 12px; }
      #header.client .header__login .search__box .btn {
        width: 22%;
        max-width: 152px; }
  #header.client .heading_menu {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%; }
  #header.client .header {
    float: right;
    display: table;
    width: 190px;
    height: 130px; }
    #header.client .header > div {
      border-left: 1px solid #e9e9e9;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    #header.client .header .header__company {
      position: relative;
      box-sizing: border-box;
      padding: 0 5px;
      width: 190px;
      line-height: 1.8;
      cursor: pointer; }
      #header.client .header .header__company .name {
        position: relative;
        display: block;
        font-size: 16px; }
        #header.client .header .header__company .name::after {
          content: '';
          position: absolute;
          display: block;
          left: 50%;
          margin-left: -5px;
          margin-top: 10px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 9px 5.5px 0 5.5px;
          border-color: #525f66 transparent transparent transparent; }
    #header.client .header .header_announce {
      width: 320px; }
    #header.client .header .header__logout {
      display: none;
      position: absolute;
      top: 130px;
      left: 0;
      width: 185px;
      height: 60px; }
      #header.client .header .header__logout:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        margin: -9px 0 0 -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5.5px 9px 5.5px;
        border-color: transparent transparent #82898d transparent; }
    #header.client .header .menu_logout {
      position: relative;
      color: #fff;
      overflow: hidden;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
      background: #657077;
      background: -webkit-linear-gradient(-45deg, #9da3a6 0%, #657077 100%);
      background: linear-gradient(135deg, #9da3a6 0%, #657077 100%);
      width: 100%;
      height: 100%;
      display: block;
      box-sizing: border-box;
      padding-top: 17px; }
      #header.client .header .menu_logout:after {
        position: absolute;
        content: '';
        width: 0;
        height: 120%;
        left: -30%;
        bottom: 0;
        background: #fff;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        opacity: .1;
        z-index: 1;
        transition: all 0.2s linear; }
      #header.client .header .menu_logout:hover:after {
        left: -30%;
        width: 160%;
        opacity: .3; }
      #header.client .header .menu_logout i {
        width: 23px;
        height: 22px;
        vertical-align: -6px;
        margin: 0 10px 0 5px; }
    #header.client .header .header_announce p {
      width: 260px;
      margin: -8px auto 4px;
      text-align: left;
      box-sizing: border-box;
      padding: 0  0 0 4px;
      font-size: 16px;
      letter-spacing: -0.6px; }
    #header.client .header .header_announce .remaining {
      font-weight: bold;
      color: #525f66;
      padding-right: 5px;
      font-size: 14px; }
    #header.client .header .header_announce .remainder {
      color: #00aa9f;
      font-size: 16px; }
      #header.client .header .header_announce .remainder .num {
        font-size: 30px;
        padding-right: 5px; }
    #header.client .header .header_announce .btn {
      max-width: 260px;
      font-size: 16px; }

/* #footer
----------------------------------------------------- */
#footer.client {
  min-width: auto;
  padding: 0; }
  #footer.client .footer_inner ul {
    overflow: hidden;
    padding: 24px 0 0; }
  #footer.client .footer_inner li {
    margin-top: 4px;
    box-sizing: border-box;
    display: inline-block;
    min-width: 0;
    padding: 0 5px;
    font-size: 12px; }
  #footer.client .footer_inner a {
    color: #fff;
    display: inline-block;
    position: relative; }
    #footer.client .footer_inner a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      height: 0px;
      width: 0;
      border-bottom: 1px solid currentcolor;
      transition: all 0.2s linear; }
    @media print, screen and (min-width: 641px) {
      #footer.client .footer_inner a:hover::after {
        width: 100%; } }
  #footer.client .footer_inner p {
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 11px 0 20px;
    font-size: 12px; }

@media print, screen and (min-width: 641px) {
  #header.client {
    position: fixed;
    padding: 0 12px;
    border-bottom: 1px solid #e9e9e9;
    background: #ffffff;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    min-width: 860px;
    z-index: 2; }
    #header.client .inner_wide {
      position: relative; }
    #header.client .header__logo {
      position: absolute;
      top: 17px;
      left: 0;
      display: flex;
      align-items: center; }
      #header.client .header__logo img {
        width: 225px;
        height: auto; }
      #header.client .header__logo small {
        padding: 6px 0 0 10px; }
    #header.client .header__login {
      display: flex;
      align-items: center;
      position: absolute;
      top: 11px;
      right: 0;
      width: 50%;
      padding-left: 0; }
      #header.client .header__login .heading {
        width: 100%;
        padding-right: 29px;
        padding-top: 48px;
        background: transparent; }
        #header.client .header__login .heading .heading__nav {
          width: auto;
          min-width: 0;
          min-height: 0; }
          #header.client .header__login .heading .heading__nav ul {
            padding: 0; }
            #header.client .header__login .heading .heading__nav ul li a {
              font-size: 12px; }
      #header.client .header__login .search__box {
        width: 51.47%; }
        #header.client .header__login .search__box input[type="search"] {
          height: 30px;
          background: #f1f1f1;
          border: none;
          font-size: 12px; }
        #header.client .header__login .search__box .btn {
          width: 22%;
          max-width: 152px; }
    #header.client .heading_menu {
      position: absolute;
      top: 76px;
      left: 0;
      width: 100%; }
    #header.client .header {
      float: right;
      display: table;
      width: 190px;
      height: 130px; }
      #header.client .header > div {
        border-left: 1px solid #e9e9e9;
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
      #header.client .header .header__company {
        position: relative;
        box-sizing: border-box;
        padding: 0 5px;
        width: 190px;
        line-height: 1.8;
        cursor: pointer; }
        #header.client .header .header__company .name {
          position: relative;
          display: block;
          font-size: 16px; }
          #header.client .header .header__company .name::after {
            content: '';
            position: absolute;
            display: block;
            left: 50%;
            margin-left: -5px;
            margin-top: 10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 9px 5.5px 0 5.5px;
            border-color: #525f66 transparent transparent transparent; }
      #header.client .header .header_announce {
        width: 320px; }
      #header.client .header .header__logout {
        display: none;
        position: absolute;
        top: 130px;
        left: 0;
        width: 185px;
        height: 60px; }
        #header.client .header .header__logout:before {
          content: '';
          position: absolute;
          display: block;
          top: 0;
          left: 50%;
          margin: -9px 0 0 -5px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 5.5px 9px 5.5px;
          border-color: transparent transparent #82898d transparent; }
      #header.client .header .menu_logout {
        position: relative;
        color: #fff;
        overflow: hidden;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
        background: #657077;
        background: -webkit-linear-gradient(-45deg, #9da3a6 0%, #657077 100%);
        background: linear-gradient(135deg, #9da3a6 0%, #657077 100%);
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        padding-top: 17px; }
        #header.client .header .menu_logout:after {
          position: absolute;
          content: '';
          width: 0;
          height: 120%;
          left: -30%;
          bottom: 0;
          background: #fff;
          -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
          opacity: .1;
          z-index: 1;
          transition: all 0.2s linear; }
        #header.client .header .menu_logout:hover:after {
          left: -30%;
          width: 160%;
          opacity: .3; }
        #header.client .header .menu_logout i {
          width: 23px;
          height: 22px;
          vertical-align: -6px;
          margin: 0 10px 0 5px; }
      #header.client .header .header_announce p {
        width: 260px;
        margin: -8px auto 4px;
        text-align: left;
        box-sizing: border-box;
        padding: 0  0 0 4px;
        font-size: 16px;
        letter-spacing: -0.6px; }
      #header.client .header .header_announce .remaining {
        font-weight: bold;
        color: #525f66;
        padding-right: 5px;
        font-size: 14px; }
      #header.client .header .header_announce .remainder {
        color: #00aa9f;
        font-size: 16px; }
        #header.client .header .header_announce .remainder .num {
          font-size: 30px;
          padding-right: 5px; }
      #header.client .header .header_announce .btn {
        max-width: 260px;
        font-size: 16px; }
  /* メッセージ・応募入力フォームと確認画面用ヘッダー */
  .head_msg #header {
    height: 80px; }
    .head_msg #header .heading_menu {
      display: none !important; }
  [canvas=container].-container_no_nav {
    padding-bottom: 180px; }
  #page.-container_no_nav #wrap {
    top: 80px; } }

/* ===================================================

indexページ

=================================================== */
/* widekv
----------------------------------------------------- */
#widekv {
  position: relative;
  width: 100%;
  height: 265px;
  overflow: hidden;
  background: #fff url(/img/img_index_kv.jpg) 50% 0 no-repeat;
  background-size: cover; }
  #widekv .widekv__inbox {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
    box-sizing: border-box; }
  #widekv h2 {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.4;
    text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.48); }
    #widekv h2 span {
      font-size: 20px; }
  #widekv .widekv__txt {
    margin: 8px 0 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.48); }
    #widekv .widekv__txt + h2 {
      font-size: 22px;
      margin-top: 10px; }
      #widekv .widekv__txt + h2 + .widekv__txt + .widekv__btn .btn {
        font-size: 12px; }
  #widekv .widekv__btn {
    margin-top: 25px;
    text-align: center; }
    #widekv .widekv__btn .btn {
      max-width: 260px;
      margin: 0 auto;
      vertical-align: top; }
      #widekv .widekv__btn .btn i {
        position: relative;
        width: 30px;
        height: 30px;
        vertical-align: middle; }
  #widekv.bg_polygon_grad .widekv__inbox {
    text-align: left; }
    #widekv.bg_polygon_grad .widekv__inbox h2 {
      width: 1080px;
      margin: 0 auto; }
    #widekv.bg_polygon_grad .widekv__inbox .widekv__txt {
      width: 1080px;
      margin: 0 auto;
      text-align: left; }
  @media print, screen and (min-width: 641px) {
    #widekv {
      height: 400px;
      background: #fff url(/img/img_index_kv_pc.jpg) 50% 0 no-repeat;
      background-size: cover;
      margin-bottom: 0; }
      #widekv .widekv__inbox {
        -webkit-transform: translate(0, -20%);
        transform: translate(0, -20%);
        top: 25%; }
      #widekv h2 {
        font-size: 40px;
        line-height: 1.3;
        margin-bottom: 20px;
        letter-spacing: 1.2px; }
        #widekv h2 span {
          font-size: 34.65px; }
      #widekv .widekv__txt {
        margin: 10px 0 0;
        font-size: 18px;
        font-weight: bold; }
        #widekv .widekv__txt + h2 {
          font-size: 36px;
          margin-top: 30px; }
          #widekv .widekv__txt + h2 span {
            font-size: 26px; }
          #widekv .widekv__txt + h2 + .widekv__txt + .widekv__btn .btn {
            font-size: 18px; }
      #widekv .widekv__btn {
        margin-top: 50px; }
        #widekv .widekv__btn .btn {
          max-width: 265px;
          height: 72px;
          line-height: 72px;
          font-size: 18px; }
          #widekv .widekv__btn .btn.-btn_circle {
            max-width: 74px;
            height: 72px;
            line-height: 68px;
            margin-left: 8px; }
          #widekv .widekv__btn .btn.-btn_fb {
            background-color: #3b5999;
            margin-left: 18px; }
          #widekv .widekv__btn .btn.-btn_tw {
            background-color: #1da1f2; }
          #widekv .widekv__btn .btn.-btn_line {
            background-color: #00b900; }
          #widekv .widekv__btn .btn i {
            position: relative;
            width: 30px;
            height: 30px;
            top: auto;
            vertical-align: middle;
            left: auto; }
            #widekv .widekv__btn .btn i.icn_kv_mail {
              width: 35px;
              height: 25px;
              margin-right: 15px; }
            #widekv .widekv__btn .btn i.icn_kv_fb {
              width: 16px;
              height: 32px; }
            #widekv .widekv__btn .btn i.icn_kv_tw {
              width: 34px;
              height: 31px; }
            #widekv .widekv__btn .btn i.icn_kv_line {
              width: 39px;
              height: 37px; }
            #widekv .widekv__btn .btn i.icn_kv_input {
              width: 37px;
              height: 46px;
              margin: -5px 10px 0 -23px; }
            #widekv .widekv__btn .btn i.icn_kv_diagnosis {
              width: 31px;
              height: 46px;
              margin: -5px 10px 0 -23px; }
        #widekv .widekv__btn.-login .btn {
          max-width: 490px;
          height: 74px;
          line-height: 74px; } }

.under_kv_btn {
  background: #f1f1f1;
  padding: 25px 20px 25px; }
  .under_kv_btn .sns_btn {
    text-align: center; }
  .under_kv_btn .-btn_circle {
    max-width: 74px;
    height: 72px;
    line-height: 72px;
    margin: 10px 5px 0; }
  .under_kv_btn .-btn_fb {
    background-color: #3b5999; }
  .under_kv_btn .-btn_tw {
    background-color: #1da1f2; }
  .under_kv_btn .-btn_line {
    background-color: #00b900;
    margin-right: 0; }
  .under_kv_btn .-btn_large {
    height: auto; }
    .under_kv_btn .-btn_large a {
      line-height: 1.6;
      padding-left: 0;
      padding: 20px 0;
      font-size: 15px; }
      .under_kv_btn .-btn_large a i.icn_kv_input {
        position: absolute;
        left: auto;
        margin: -3px  0 0 -45px; }
      .under_kv_btn .-btn_large a i.icn_kv_diagnosis {
        position: absolute;
        left: auto;
        margin: -3px  0 0 -45px; }
  .under_kv_btn i {
    position: relative;
    width: 30px;
    height: 30px;
    top: auto;
    vertical-align: middle;
    left: auto; }
    .under_kv_btn i.icn_kv_mail {
      width: 35px;
      height: 25px;
      margin-right: 15px; }
    .under_kv_btn i.icn_kv_fb {
      width: 16px;
      height: 32px; }
    .under_kv_btn i.icn_kv_tw {
      width: 34px;
      height: 31px; }
    .under_kv_btn i.icn_kv_line {
      width: 39px;
      height: 37px; }
    .under_kv_btn i.icn_kv_input {
      width: 37px;
      height: 46px;
      margin-right: 10px;
      margin-left: -23px; }
    .under_kv_btn i.icn_kv_diagnosis {
      width: 31px;
      height: 46px;
      margin-right: 10px;
      margin-left: -23px; }

.leading_regist {
  text-align: center; }
  .leading_regist .regist_txt {
    position: relative;
    background: #f6d30a;
    text-align: center;
    padding: 10px 15px;
    line-height: 1; }
    .leading_regist .regist_txt img {
      width: 100%;
      max-width: 225px; }
    .leading_regist .regist_txt::after {
      content: '';
      position: absolute;
      display: block;
      bottom: -22px;
      left: 50%;
      margin-left: -14px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 14px 0 14px;
      border-color: #f6d30a transparent transparent transparent; }
  .leading_regist h2 {
    font-weight: bold;
    color: #02a0a4;
    font-size: 18px;
    margin-top: 25px; }
  .leading_regist .regist_detail {
    margin-top: 18px;
    text-align: left;
    padding: 0 15px; }
    .leading_regist .regist_detail span {
      display: block;
      font-size: 14px;
      font-weight: normal;
      margin-top: 15px; }
  .leading_regist.-login .regist_txt img {
    max-width: 190px; }
  .leading_regist.-login .btnarea {
    margin: 30px 15px 0; }
  .leading_regist.-login .btn.-btn_large {
    height: auto; }
    .leading_regist.-login .btn.-btn_large a {
      line-height: 1.4;
      padding-left: 0;
      padding: 20px 0;
      margin-left: 21px;
      font-size: 14px; }
      .leading_regist.-login .btn.-btn_large a i.icn_kv_input {
        position: absolute;
        left: auto;
        width: 37px;
        height: 46px;
        margin: -3px  10px 0 -45px; }
      .leading_regist.-login .btn.-btn_large a i.icn_kv_diagnosis {
        position: absolute;
        left: auto;
        width: 62px;
        height: 46px;
        margin: -15px  0 0 -55px;
        background-size: 62px 92px;
        background-position: 0; }

@media print, screen and (min-width: 641px) {
  .leading_regist .regist_txt {
    padding: 20px 0; }
  .leading_regist h2 {
    font-size: 36px;
    margin-top: 55px; }
  .leading_regist .regist_detail {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    padding: 0; }
  .leading_regist.-login .regist_txt img {
    max-width: 531px; }
  .leading_regist.-login .btnarea {
    margin-top: 40px; }
    .leading_regist.-login .btnarea .btn.-btn_large {
      max-width: 365px;
      height: 74px;
      line-height: 74px; }
      .leading_regist.-login .btnarea .btn.-btn_large a {
        max-width: 365px;
        height: 74px;
        line-height: 74px;
        font-size: 18px;
        padding: 0; }
        .leading_regist.-login .btnarea .btn.-btn_large a .icn_kv_input {
          position: relative;
          vertical-align: middle;
          width: 37px;
          height: 46px;
          top: auto;
          left: auto;
          margin: -5px 10px 0 -45px; }
        .leading_regist.-login .btnarea .btn.-btn_large a .icn_kv_diagnosis {
          position: relative;
          vertical-align: middle;
          width: 62px;
          height: 46px;
          top: auto;
          left: auto;
          margin: -5px 0px 0 -55px;
          background-size: 62px 92px;
          background-position: 0px; }
  .leading_regist.-login h2 {
    font-size: 37px;
    margin-top: 50px; }
  .leading_regist.-login .regist_detail {
    margin-top: 15px; } }

/* indexページパーツ
----------------------------------------------------- */
.topfirst {
  padding: 30px 12px 30px; }
  .topfirst + .topfirst {
    padding-top: 0; }

.column {
  padding: 25px 12px 20px; }

@media print, screen and (min-width: 641px) {
  .topfirst {
    padding: 76px 0 76px; }
    .topfirst + .topfirst {
      padding-top: 0; }
  .column {
    padding: 5px 12px 20px; } }

/* 画面幅100%に広がる要素
----------------------------------------------------- */
.stretch {
  padding: 40px 12px; }
  .stretch .bnrs a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    color: #fff; }
  .stretch .bnrs .btn {
    max-width: 0;
    min-width: 194px;
    margin: 17px auto 0;
    font-size: 14px; }
    .stretch .bnrs .btn.-btn_fav_no:hover:after {
      left: 0;
      opacity: 0; }
  .stretch .bnrs .card__flag {
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin: 10px 0 0 16px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #f05448;
    width: 84px;
    height: 30px;
    line-height: 30px;
    z-index: 10;
    text-align: center;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.1); }
    .stretch .bnrs .card__flag:before {
      content: '';
      display: inline-block;
      vertical-align: -4px;
      width: 20px;
      height: 16px;
      background: url(/img/icn_alert.png) center center no-repeat;
      margin-right: 4px;
      margin-left: -4px; }
    .stretch .bnrs .card__flag:after {
      position: absolute;
      z-index: 10;
      content: "";
      background: url(/img/bg_bln.png) center center no-repeat;
      width: 13px;
      height: 11px;
      bottom: -11px;
      left: 50%;
      margin-left: -6px; }
  .stretch .card.card_media {
    overflow: hidden;
    text-align: center; }
    .stretch .card.card_media figure {
      width: 100%;
      align-self: center;
      position: relative; }
      .stretch .card.card_media figure img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0; }
    .stretch .card.card_media .card__txt .name {
      margin-bottom: 7px; }
  @media print, screen and (min-width: 641px) {
    .stretch {
      padding: 40px 0 50px; }
      .stretch .bnrs .card.card_media {
        display: block;
        height: 277px; }
        .stretch .bnrs .card.card_media::before, .stretch .bnrs .card.card_media::after {
          content: none; }
        .stretch .bnrs .card.card_media figure {
          width: 100%;
          height: 120px;
          display: block;
          padding-left: 0; }
          .stretch .bnrs .card.card_media figure [class^="icn_"],
          .stretch .bnrs .card.card_media figure [class*=" icn_"] {
            margin-top: 19px;
            width: 97px;
            height: 97px; }
          .stretch .bnrs .card.card_media figure [class^="icn_stretch_self0"],
          .stretch .bnrs .card.card_media figure [class*=" icn_stretch_self0"] {
            margin-top: 30px;
            width: 140px;
            height: 140px; }
        .stretch .bnrs .card.card_media .card__txt {
          width: 100%;
          padding: 5px 0 14px; }
          .stretch .bnrs .card.card_media .card__txt .name {
            margin-bottom: 3px; }
        .stretch .bnrs .card.card_media.-card_media_H258 {
          height: 258px; }
          .stretch .bnrs .card.card_media.-card_media_H258 .card__txt {
            padding-top: 50px; }
      .stretch .bnrs a {
        height: 40px; }
      .stretch .bnrs .btn {
        margin: 14px auto 0; } }

/* バナー表示
----------------------------------------------------- */
.bnrs {
  margin-top: 20px; }
  .bnrs li {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); }
    .bnrs li + li {
      margin-top: 10px; }
  .bnrs a {
    display: block;
    background: #fff; }
  .bnrs .card.card_media figure {
    text-align: center; }
    .bnrs .card.card_media figure [class^="icn_"],
    .bnrs .card.card_media figure [class*=" icn_"] {
      width: 90px;
      height: 90px;
      margin-top: 13px; }
  .bnrs .card.card_media .card__txt {
    height: auto; }
    .bnrs .card.card_media .card__txt:before {
      display: none; }
  @media print, screen and (min-width: 641px) {
    .bnrs {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 38px; }
      .bnrs li {
        width: 32.31%; }
        .bnrs li + li {
          margin-top: 0; }
      .bnrs a {
        display: block;
        height: 105px;
        background: #fff; }
      .bnrs .card.card_media {
        margin-top: 0;
        height: 120px; }
        .bnrs .card.card_media figure {
          width: 24%;
          height: 120px;
          display: flex;
          align-items: center;
          padding-left: 16px; }
          .bnrs .card.card_media figure [class^="icn_"],
          .bnrs .card.card_media figure [class*=" icn_"] {
            margin-top: 0; }
        .bnrs .card.card_media .card__txt {
          width: 76%;
          height: auto;
          padding-left: 10px;
          padding-right: 10px; }
          .bnrs .card.card_media .card__txt:before {
            display: none; } }

.bnrApp {
  transition-duration: 300ms;
  transition: transform .3s;
  transform: translate(0, 0);
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #f4f4f4;
  border-bottom: 2px solid #0ca989;
  padding: 64px 8px 7px;
  box-sizing: border-box; }
  @media print, screen and (min-width: 641px) {
    .bnrApp {
      display: none; } }
  .bnrApp.open {
    transition-duration: 300ms;
    transition: transform .3s;
    transform: translate(-270px, 0px); }
  .bnrApp + [canvas="container"] #container {
    padding-top: 0; }
  .bnrApp .btnClose {
    margin-right: 5px; }
    .bnrApp .btnClose a {
      font-size: 16px; }
  .bnrApp figure {
    width: 52px; }
    .bnrApp figure img {
      width: 52px; }
  .bnrApp .txt {
    padding: 0 70px 0 8px;
    line-height: 1; }
    .bnrApp .txt span {
      display: block; }
    .bnrApp .txt .appName {
      font-size: 13px;
      margin-bottom: 2px; }
    .bnrApp .txt .about {
      font-size: 10px;
      margin-bottom: 8px; }
    .bnrApp .txt .download {
      font-size: 8px; }
  .bnrApp .btnGet a {
    margin-top: -12px;
    background: #0ca989;
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    display: block;
    width: 59px;
    height: 24px;
    padding: 0;
    line-height: 24px; }

/* ===================================================

フォーム系ページ

=================================================== */
/* ステップ表示
----------------------------------------------------- */
.step {
  margin-top: 20px; }
  .step ol {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
  .step li {
    position: relative;
    width: 28%;
    box-sizing: border-box;
    text-align: center; }
    .step li:not(:last-child)::before {
      position: absolute;
      top: 22px;
      left: 0;
      content: '';
      width: 100%;
      height: 6px;
      transform: translate(50%, 0);
      background: #dcdcdc; }
  .step .step__num {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;
    background: #dcdcdc;
    font-style: normal;
    font-size: 20px;
    color: #fff; }
  .step .step__txt {
    display: block;
    margin-top: 7px;
    text-align: center;
    font-weight: bold;
    font-size: 10px; }
  .step li.-is_comp::before,
  .step .-is_comp .step__num,
  .step .-is_act .step__num {
    background: #0bae97; }

@media print, screen and (min-width: 641px) {
  .step {
    margin-top: 15px; }
    .step li {
      width: 16.4%; }
    .step i {
      font-size: 24px; }
    .step .step__txt {
      font-size: 11px; } }

/* 白背景のボード
----------------------------------------------------- */
.board {
  background: #fff;
  box-sizing: border-box;
  margin-top: 10px; }
  .board:first-child {
    margin-top: 0; }
  .board.-board_normal {
    padding: 25px 20px;
    margin-left: -12px;
    margin-right: -12px; }
  .board.-board_form {
    padding: 10px 20px;
    margin-left: -12px;
    margin-right: -12px; }
    .board.-board_form .btns {
      padding-bottom: 28px;
      padding-left: 0;
      padding-right: 0; }
    .board.-board_form + .btnarea {
      margin-top: 50px; }
      .board.-board_form + .btnarea .btn {
        margin-bottom: 20px; }
  .board.-board_mail, .board.-board_pass {
    padding: 25px 20px 25px; }
  .board.-board_login {
    background: none; }
  .board.-board_regist {
    background: none; }
  .board.-board_done {
    padding: 25px 20px 25px;
    text-align: center; }
    .board.-board_done img {
      width: 50px;
      height: 50px;
      margin-bottom: 10px; }
    .board.-board_done .tit_comp {
      font-size: 20px; }

@media print, screen and (min-width: 641px) {
  .board {
    background: #fff;
    margin-top: 8px; }
    .board:first-child {
      margin-top: 0; }
    .board.-board_normal {
      padding: 35px 40px;
      margin-left: 0;
      margin-right: 0; }
    .board.-board_form {
      padding: 0 30px;
      margin-left: 0;
      margin-right: 0; }
      .board.-board_form .btns {
        padding-bottom: 24px; }
      .board.-board_form + .-pt_rack {
        margin-top: 55px !important; }
      .board.-board_form + .btnarea .-btn_grad, .board.-board_form + .btnarea .message_box.detail .link_btn .btn + .btn, .message_box.detail .link_btn .board.-board_form + .btnarea .btn + .btn {
        max-width: 245px; }
    .board.-board_mail {
      padding: 35px 100px 60px; }
    .board.-board_pass {
      padding: 35px 70px 35px; }
    .board.-board_login {
      display: flex;
      padding: 0;
      margin: 0 auto; }
    .board.-board_regist {
      display: flex;
      padding: 0;
      margin: 0 auto; }
    .board.-board_done {
      padding: 31px 0 37px;
      margin: 28px auto 17px;
      width: 880px;
      box-sizing: border-box; }
      .board.-board_done img {
        width: 86px;
        height: 86px;
        margin-bottom: 10px; }
      .board.-board_done .tit_comp {
        font-size: 24px; }
      .board.-board_done .txt_comp {
        margin-top: 5px; } }

/* フォーム用テーブルとフォームパーツ
----------------------------------------------------- */
.formtable {
  width: 100%; }
  .formtable tr, .formtable th, .formtable td {
    display: block;
    width: 100%;
    text-align: left; }
  .formtable tr {
    padding: 18px 0 18px; }
    .formtable tr:not(:last-child) {
      border-bottom: 1px solid #e9e9e9; }
    .formtable tr.formtable_flex {
      overflow: hidden; }
      .formtable tr.formtable_flex th {
        width: 30%;
        float: left;
        padding-right: 10px;
        box-sizing: border-box; }
      .formtable tr.formtable_flex td {
        width: 70%;
        float: left;
        padding-top: 0;
        padding-right: 90px;
        box-sizing: border-box; }
      .formtable tr.formtable_flex .formdel {
        top: 7px; }
  .formtable th {
    position: relative;
    font-weight: bold; }
    .formtable th .icn_must,
    .formtable th .icn_option {
      margin-left: 10px; }
  .formtable td {
    position: relative;
    padding-top: 8px; }
    .formtable td.formtable_name {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .formtable td.formtable_name span {
        width: 10%; }
      .formtable td.formtable_name input + span {
        padding-left: 1%; }
      .formtable td.formtable_name input.w_medium {
        width: 38%; }
      .formtable td.formtable_name .status_error_txt {
        width: 100%; }
    .formtable td.formtable_table_inner {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0; }
      .formtable td.formtable_table_inner td {
        padding-left: 0; }
    .formtable td small {
      display: block;
      font-size: 12px;
      color: #666666;
      margin-top: 4px;
      margin-bottom: -12px; }
      .formtable td small + .status_error_txt {
        margin-top: 8px; }
    .formtable td .status_error_txt {
      text-align: left;
      padding: 4px 0 0; }
  .formtable .check_over {
    margin-top: 8px; }
  .formtable .check_over_block {
    margin-top: 8px; }
  .formtable .formtable_addtable_del {
    box-sizing: border-box; }
    .formtable .formtable_addtable_del .formdel {
      top: -30px; }
  .formtable + .-list_small li {
    float: none;
    text-align: center; }
  .formtable .status_error_txt {
    background: none;
    color: #f05648;
    text-align: left;
    margin: 0;
    padding: 0 0 10px; }
  @media print, screen and (min-width: 641px) {
    .formtable tr.formtable_flex th {
      width: 30%;
      padding-left: 0;
      padding-right: 0;
      float: none; }
    .formtable tr.formtable_flex td {
      width: 70%;
      padding-top: 24px;
      padding-right: 0;
      float: none; }
    .formtable tr.formtable_flex .formdel {
      top: 31px;
      right: -12px; }
    .formtable th.th_small {
      width: 16%; }
    .formtable th.th_small_2 {
      width: 16%; }
    .formtable .formtable_addtable_del .formdel {
      top: 30px; } }

.list {
  margin-top: -10px;
  *zoom: 1; }
  .list::after {
    content: "";
    display: table;
    clear: both; }
  .list li {
    float: left;
    padding-right: 10px;
    margin-top: 10px;
    box-sizing: border-box; }
  .list.-list_small li {
    min-width: 33.3%; }
  .list.-list_small + .btnarea .btn {
    margin-bottom: 20px; }
  .list.-list_medium li {
    min-width: 50%; }
  .list.-list_medium_pc li, .list.-list_wide li {
    float: none;
    min-width: 100%;
    padding-right: 0; }
  .list .status_error_txt {
    background: none;
    color: #f05648;
    margin: -10px 0 0;
    padding-left: 15px;
    padding-right: 15px; }
  .list + .list {
    margin-top: 10px; }

[class^="errortxt_"] {
  display: none;
  color: #f05648;
  font-weight: bold; }

.formnote {
  display: block;
  margin-top: 6px;
  color: #666666;
  font-size: 12px; }

.form_dl {
  margin-top: -3px; }
  .form_dl dt {
    font-size: 12px;
    color: #666666; }
    .form_dl dt:not(:first-child) {
      margin-top: 14px; }
  .form_dl dd {
    margin-top: 3px; }
  .form_dl .w_large {
    max-width: 370px; }

.file {
  display: block; }
  .file span {
    cursor: pointer; }
  .file input {
    display: none; }

.formdel {
  position: absolute;
  top: -5px;
  right: 0;
  width: auto; }
  .formdel button {
    padding: 0 15px; }
  .formdel.inline {
    position: relative;
    top: 5px;
    right: 0; }

@media print, screen and (min-width: 641px) {
  .formtable tr {
    display: table-row;
    padding: 0; }
  .formtable th, .formtable td {
    display: table-cell;
    width: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    vertical-align: middle; }
  .formtable tr::before {
    content: '';
    display: table-cell;
    width: 1px;
    height: 88px; }
  .formtable th {
    position: relative;
    width: 23.4%;
    height: 100%;
    padding-left: 18px;
    padding-right: 35px;
    vertical-align: middle;
    /* IE10〜11 */
    /* Edge12〜14 */ }
    .formtable th .icn_must,
    .formtable th .icn_option {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -8px; } }
  @media print and (-ms-high-contrast: none), screen and (min-width: 641px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), screen and (min-width: 641px) and (-ms-high-contrast: active) {
    .formtable th {
      padding-right: 0; }
      .formtable th .icn_must,
      .formtable th .icn_option {
        margin-top: 4px;
        position: relative;
        float: right;
        top: auto;
        right: auto;
        vertical-align: middle; } }

@media print, screen and (min-width: 641px) {
    .formtable th _:-ms-input-placeholder,
    .formtable th :root .icn_must,
    .formtable th :root .icn_option {
      margin-top: 4px;
      position: relative;
      float: right;
      vertical-align: middle;
      top: auto;
      right: auto; }
    @supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
      .formtable th {
        padding-right: 0; }
        .formtable th .icn_must,
        .formtable th .icn_option {
          margin-top: 4px;
          position: relative;
          float: right;
          vertical-align: middle;
          top: auto;
          right: auto; } }
  .formtable td {
    width: 76.6%;
    padding-left: 48px;
    padding-right: 20px; }
  .formtable.-formtable_th_wide th {
    width: 28%; }
  .formtable.-formtable_th_wide td {
    width: 72%; }
  .list {
    margin-top: -8px; }
    .list li {
      margin-top: 8px; }
    .list.-list_small li {
      min-width: 25%; }
    .list.-list_small + .btnarea .-btn_grad, .list.-list_small + .btnarea .message_box.detail .link_btn .btn + .btn, .message_box.detail .link_btn .list.-list_small + .btnarea .btn + .btn {
      max-width: 245px; }
    .list.-list_medium li, .list.-list_medium_pc li {
      min-width: 50%; }
    .list.-list_wide {
      width: 100%;
      min-width: 0;
      max-width: 420px; }
  .formdel {
    top: 29px;
    right: 20px; }
    .formdel.inline {
      position: relative;
      top: 5px;
      right: 0; }
    .formdel.-has_title {
      top: 49px; } }

/* 完了ページパーツ
----------------------------------------------------- */
.mailtxt .mailtxt__address {
  margin-top: 12px;
  padding: 20px 20px;
  background: #f1f6f5;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

.mailerr {
  margin: 18px auto 0;
  padding: 18px 0 0;
  border-top: 1px solid #e9e9e9;
  text-align: center;
  font-size: 12px; }
  .mailerr h4 {
    font-weight: bold; }
  .mailerr .caution {
    margin-top: 5px; }

.tit_comp {
  text-align: center;
  font-weight: bold;
  font-size: 14px; }

.txt_comp {
  text-align: center;
  margin-top: 12px; }

@media print, screen and (min-width: 641px) {
  .mailtxt {
    margin: 0 auto; }
    .mailtxt .mailtxt__address {
      margin-top: 24px;
      padding: 25px 30px;
      font-size: 24px; }
  .mailerr {
    max-width: 540px;
    margin: 32px auto 0;
    padding: 30px 30px 23px;
    font-size: 12px; }
    .mailerr .caution {
      margin-top: 8px; }
  .txt_comp {
    margin-top: 20px; } }

/* インデント付リスト
----------------------------------------------------- */
.caution li {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px; }
  .caution li:not(:first-child) {
    margin-top: 2px; }

@media print, screen and (min-width: 641px) {
  .caution li:not(:first-child) {
    margin-top: 8px; } }

/* ログイン
----------------------------------------------------- */
.login {
  padding: 25px 12px; }
  .login h3 {
    text-align: center;
    font-weight: bold;
    font-size: 16px; }
  .login p {
    text-align: center;
    color: #333333;
    font-size: 12px; }
  .login .form_dl {
    margin-top: 20px; }
    .login .form_dl + p {
      margin-top: 15px; }
  .login .btn {
    max-width: 100%;
    margin: 8px 0; }
  .login .login__link {
    margin-top: 18px;
    text-align: center; }
  .login ul {
    background: none;
    letter-spacing: -0.4em; }
    .login ul li {
      display: inline-block;
      width: 32%;
      letter-spacing: normal; }
      .login ul li + li {
        margin-left: 2%; }
      .login ul li a {
        position: relative;
        display: inline-block;
        overflow: hidden;
        color: #fff;
        width: 100%;
        height: 28px;
        line-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 17px;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        vertical-align: top; }
      .login ul li i {
        position: absolute;
        top: 50%;
        left: 3px;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 100% auto; }

@media print, screen and (min-width: 641px) {
  .login {
    width: 44.47%;
    padding: 0 25px;
    border-right: 1px solid #e9e9e9; }
    .login ul {
      background: none;
      letter-spacing: -0.4em; }
      .login ul li {
        display: inline-block;
        width: 32%;
        letter-spacing: normal; }
        .login ul li + li {
          margin-left: 2%; }
        .login ul li a {
          position: relative;
          display: inline-block;
          overflow: hidden;
          color: #fff;
          width: 100%;
          height: 44px;
          line-height: 44px;
          padding-top: 0;
          padding-bottom: 0;
          border-radius: 4px;
          box-sizing: border-box;
          text-align: center;
          font-weight: bold;
          font-size: 16px;
          vertical-align: top; }
        .login ul li i {
          position: absolute;
          top: 50%;
          left: 12px;
          margin-top: -11px;
          width: 22px;
          height: 22px;
          display: inline-block;
          background-size: 100% auto; } }

/* 新規ユーザー登録ページパーツ
----------------------------------------------------- */
.registnew {
  background: #ffffff;
  margin: 0 auto;
  padding: 25px 20px 25px; }
  .registnew h3 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 24px; }
  .registnew p {
    margin-top: 10px;
    text-align: center; }
    .registnew p + p {
      margin-top: 10px; }
    .registnew p.status_error_txt {
      background: none;
      color: #f05648;
      font-size: 12px;
      text-align: left;
      margin: 0;
      padding: 4px 0 0; }
  .registnew .btn {
    display: block;
    max-width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    margin: 25px auto 0;
    padding: 0;
    max-width: 320px; }
    .registnew .btn .icn_regist {
      position: absolute;
      top: 0px;
      left: 50px;
      vertical-align: middle;
      width: 50px;
      height: 50px; }
    .registnew .btn a {
      padding-left: 20px; }
      .registnew .btn a small {
        position: absolute;
        top: -38px;
        left: 14px;
        width: 100%;
        color: #ffffff;
        font-size: 14px;
        font-weight: normal; }
    .registnew .btn + small {
      max-width: 320px;
      margin: 12px auto 0; }
  .registnew small {
    margin-top: 12px;
    display: block;
    font-size: 12px;
    color: #a1a1a1; }
  .registnew .formtable {
    margin-bottom: 25px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9; }
    .registnew .formtable tr:not(:last-child) {
      border: none; }
    .registnew .formtable tr:last-child p.status_error_txt:last-child {
      margin-bottom: 0; }
    .registnew .formtable p.status_error_txt:last-child {
      margin-bottom: -20px; }
  .registnew .form_dl + p + .status_error_txt {
    text-align: center;
    margin-top: 20px; }

.registsns {
  background: #ffffff;
  margin: 18px auto 0;
  padding: 25px 20px 25px;
  border-top: 1px solid #e9e9e9; }
  .registsns h4 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px; }
  .registsns ul {
    margin-top: 15px; }
  .registsns li:not(:first-child) {
    margin-top: 8px; }
  .registsns .btn {
    max-width: 100%;
    font-size: 14px; }
    .registsns .btn i {
      position: absolute;
      top: 50%;
      left: 12px;
      margin-top: -11px;
      width: 22px;
      height: 22px; }
  .registsns .-list_small li {
    float: none;
    text-align: center; }

@media print, screen and (min-width: 641px) {
  .registnew {
    width: 54%;
    padding: 35px 65px 40px 52px;
    box-sizing: border-box; }
    .registnew p {
      margin-top: 25px; }
      .registnew p + p {
        margin-top: 15px; }
    .registnew .btn {
      max-width: 340px;
      height: 50px;
      line-height: 50px;
      margin-top: 16px;
      padding: 0; }
      .registnew .btn .icn_regist {
        width: 38px;
        height: 38px;
        top: 7px;
        left: 60px; }
      .registnew .btn + small {
        margin-top: 14px; }
    .registnew small {
      margin-top: 18px; }
    .registnew .formtable {
      margin-top: 24px;
      margin-bottom: 25px; }
      .registnew .formtable th {
        width: 30%;
        padding: 0;
        /* IE10〜11 */
        /* Edge12〜14 */ } }
      @media print and (-ms-high-contrast: none), screen and (min-width: 641px) and (-ms-high-contrast: none), print and (-ms-high-contrast: active), screen and (min-width: 641px) and (-ms-high-contrast: active) {
        .registnew .formtable th {
          width: 31%; } }

@media print, screen and (min-width: 641px) {
        .registnew .formtable th _:-ms-input-placeholder {
          width: 31%; }
        @supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
          .registnew .formtable th {
            width: 31%; } }
      .registnew .formtable td {
        padding-right: 0;
        padding-left: 20px; }
      .registnew .formtable p.status_error_txt:last-child {
        margin-bottom: -48px; }
  .inner_smaller .registnew {
    width: 100%; }
    .inner_smaller .registnew .formtable {
      margin-top: 0; }
  .registsns {
    width: 43%;
    margin: 0 0 0 3%;
    padding: 35px 60px 40px;
    border-top: none;
    box-sizing: border-box; }
    .registsns h4 {
      text-align: center;
      font-weight: bold;
      margin: 0 0 20px;
      padding: 0 0 25px;
      border-bottom: 1px solid #e9e9e9; }
    .registsns ul {
      margin-top: 17px; }
      .registsns ul.list {
        margin-top: 18px; }
    .registsns li:not(:first-child) {
      margin-top: 20px; }
    .registsns .btn {
      height: 50px;
      line-height: 50px;
      font-size: 17px; } }

.stepnav {
  width: 100%;
  margin: 0 auto 20px; }
  .stepnav .stepnav_list {
    text-align: center;
    width: 100%; }
    .stepnav .stepnav_list li {
      position: relative;
      display: inline-block;
      z-index: 0;
      margin-right: 2%; }
      .stepnav .stepnav_list li:last-child {
        margin-right: 0; }
        .stepnav .stepnav_list li:last-child span {
          color: #d4d4d4;
          background: transparent url(/img/bg_step_circle.png) no-repeat 0 top;
          background-size: 100% auto; }
      .stepnav .stepnav_list li span {
        display: block;
        background: #dcdcdc;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        font-family: "Roboto";
        font-weight: 400;
        padding: 4px 0;
        box-sizing: border-box;
        margin: 0 auto 0; }
      .stepnav .stepnav_list li.active span, .stepnav .stepnav_list li.done span {
        background: #0bae97; }
      .stepnav .stepnav_list li.active:last-child span, .stepnav .stepnav_list li.done:last-child span {
        color: #0bae97;
        background: transparent url(/img/bg_step_circle.png) no-repeat 0 bottom;
        background-size: 100% auto; }
      .stepnav .stepnav_list li.done::after {
        background: #0bae97; }
      .stepnav .stepnav_list li p {
        font-size: 10px;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        height: 34px;
        width: 55px;
        line-height: 1; }
      .stepnav .stepnav_list li::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 8px;
        background: #dcdcdc;
        right: -100%;
        top: 16px;
        z-index: -1;
        margin-right: 10px; }
      .stepnav .stepnav_list li:nth-child(3)::after, .stepnav .stepnav_list li:last-child::after {
        content: none; }

@media print, screen and (min-width: 641px) {
  .stepnav {
    width: 460px;
    margin: 20px auto 5px; }
    .stepnav .stepnav_list li {
      margin-right: 63px; }
      .stepnav .stepnav_list li span {
        width: 50px;
        height: 50px;
        font-size: 24px;
        padding: 6px 0;
        margin: 0 auto 6px; }
      .stepnav .stepnav_list li p {
        height: 34px;
        width: 55px;
        line-height: 1.2;
        font-size: 11px; }
      .stepnav .stepnav_list li::after {
        width: 77px;
        height: 8px;
        right: -82px;
        top: 22px; } }

/* ===================================================

会社情報

=================================================== */
/* カード型要素
----------------------------------------------------- */
.card {
  display: block;
  position: relative;
  z-index: 0;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  transition: all 0.2s linear; }
  .card::before, .card::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    position: 5px;
    opacity: 0;
    box-sizing: border-box;
    transition: all 0.2s linear;
    z-index: 2; }
  .card::before {
    top: 0px;
    left: 0px;
    border-top: 4px solid #0bae97;
    border-left: 4px solid #0bae97; }
  .card::after {
    bottom: 0px;
    right: 0px;
    border-bottom: 4px solid #0bae97;
    border-right: 4px solid #0bae97; }
  .card figure {
    position: relative;
    width: 100%; }
    .card figure img {
      width: 100%; }
  .card .card__txt {
    width: 100%;
    box-sizing: border-box; }
    .card .card__txt .name {
      margin-bottom: 10px; }
      .card .card__txt .name .company {
        display: block;
        font-size: 12px;
        color: #666666; }
  .card .card_result_overlink {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px; }
  .card.card_result figure {
    position: relative;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background: #efefef; }
    .card.card_result figure::before {
      content: '';
      display: block;
      padding-top: 75%; }
    .card.card_result figure img {
      position: absolute;
      width: auto;
      height: 100%;
      min-width: auto;
      min-height: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0); }
  .card.card_result .card__txt {
    padding: 20px 24px 24px; }
    .card.card_result .card__txt .company {
      font-size: 11px;
      font-weight: bold;
      color: #666;
      margin: 0 0 2px; }
    .card.card_result .card__txt .time {
      display: block;
      font-size: 12px;
      margin: 0 0 10px; }
  .card.card_result .ability {
    height: 116px;
    background: #f9f9f9;
    width: 100%;
    padding: 0 0 10px;
    box-sizing: border-box; }
    .card.card_result .ability.state_already .ability__btnlist ul {
      position: absolute;
      left: 50%;
      margin: 26px 0 0 -52px; }
    .card.card_result .ability .ability__list dt {
      display: block;
      color: #666666;
      font-weight: bold;
      font-size: 12px;
      text-align: center;
      margin: 7px 0; }
    .card.card_result .ability .ability__list dd ul {
      display: flex;
      justify-content: space-around;
      padding: 0 13px; }
      .card.card_result .ability .ability__list dd ul li {
        z-index: 10;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 12px;
        width: 33%;
        height: 67px;
        border-right: 1px solid #ececec;
        background-size: 44px;
        background-position: center 0;
        line-height: 1;
        text-align: center; }
        .card.card_result .ability .ability__list dd ul li:last-child {
          border-right: none; }
        .card.card_result .ability .ability__list dd ul li.icn_control {
          height: 72px; }
    .card.card_result .ability .ability__btnlist {
      text-align: center;
      padding: 13px 0 0; }
      .card.card_result .ability .ability__btnlist ul {
        display: flex;
        justify-content: space-around;
        padding: 0 16px 12px; }
        .card.card_result .ability .ability__btnlist ul li {
          flex: 1; }
          .card.card_result .ability .ability__btnlist ul li a {
            width: 126px;
            height: 34px;
            line-height: 34px;
            font-size: 13px; }
          .card.card_result .ability .ability__btnlist ul li .txt_already {
            display: block;
            font-size: 14px;
            font-weight: bold;
            color: #bbbbbb;
            height: 40px;
            line-height: 40px; }
      .card.card_result .ability .ability__btnlist > .btn {
        margin: 0 16px;
        width: calc(100% - 32px); }
      .card.card_result .ability .ability__btnlist a.txt_link {
        display: inline-block;
        position: relative;
        padding: 0 15px 0 0;
        font-size: 11px; }
        .card.card_result .ability .ability__btnlist a.txt_link::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          height: 0px;
          width: 0;
          border-bottom: 1px solid currentcolor;
          transition: all 0.2s linear; }
        @media print, screen and (min-width: 641px) {
          .card.card_result .ability .ability__btnlist a.txt_link:hover::after {
            width: 100%; } }
        .card.card_result .ability .ability__btnlist a.txt_link:before {
          position: absolute;
          content: '';
          display: inline-block;
          width: 6px;
          height: 6px;
          border-top: 2px solid #0aac99;
          border-right: 2px solid #0aac99;
          -webkit-transform: rotate(40deg) skew(-10deg, 0);
          transform: rotate(40deg) skew(-10deg, 0);
          transition: all 0.2s linear;
          position: absolute;
          top: 50%;
          left: auto;
          right: 0;
          margin-top: -4px; }
  .card.card_result .card__internship {
    background: #f9f9f9;
    padding: 12px 14px; }
    .card.card_result .card__internship .name {
      font-size: 12px;
      margin-bottom: 0; }
    .card.card_result .card__internship .card__program {
      margin-top: 0; }
      .card.card_result .card__internship .card__program dt {
        width: auto;
        max-width: 100%; }
      .card.card_result .card__internship .card__program dd {
        width: auto;
        max-width: 100%;
        font-size: 12px;
        letter-spacing: -1px; }
        .card.card_result .card__internship .card__program dd ul {
          margin-top: 5px; }
          .card.card_result .card__internship .card__program dd ul li {
            margin-bottom: 0;
            line-height: 1;
            padding-top: 3px;
            padding-bottom: 3px; }
      .card.card_result .card__internship .card__program + .card__program {
        margin-top: 16px; }
        .card.card_result .card__internship .card__program + .card__program dt {
          width: 25%; }
        .card.card_result .card__internship .card__program + .card__program dd {
          width: 75%; }
    .card.card_result .card__internship + .card__internship {
      margin-top: 2px; }
  .card.card_media {
    margin-top: 10px; }
    .card.card_media figure {
      width: 100%; }
    .card.card_media .card__txt {
      overflow: hidden;
      height: 150px;
      padding: 13px 18px; }
      .card.card_media .card__txt:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 50%;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%, white 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%, white 100%);
        position: absolute;
        bottom: 0; }
  .card .txt_flag {
    position: absolute;
    z-index: 100;
    bottom: 15px;
    right: 18px; }
    .card .txt_flag .flag__already {
      display: block;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
      background: #ed7999;
      background: -webkit-linear-gradient(-45deg, #ed7999 0%, #ffbe41 100%);
      background: linear-gradient(135deg, #ed7999 0%, #ffbe41 100%);
      color: #ffffff;
      font-size: 12px;
      padding: 9px 21px;
      border-radius: 200px;
      line-height: 0; }
      .card .txt_flag .flag__already:before {
        content: "";
        display: inline-block;
        background: url(/img/icn_favorite.svg) 0 0 no-repeat;
        background-size: 20px auto;
        width: 20px;
        height: 20px;
        margin: -5px 5px -5px 0; }
    .card .txt_flag.-txt_flag_no .flag__already {
      color: #333333;
      background: #fff;
      border: 2px solid #ed7999;
      padding: 7px 21px; }
      .card .txt_flag.-txt_flag_no .flag__already:before {
        content: "";
        display: inline-block;
        background: url(/img/icn_favorite_done.svg) 0 0 no-repeat;
        background-size: 20px auto;
        width: 20px;
        height: 20px;
        margin: -5px 5px -5px 0; }
    .card .txt_flag:hover {
      cursor: pointer; }
    .card .txt_flag.my_scout {
      right: auto;
      bottom: auto;
      left: 15px;
      top: 17px;
      z-index: 100; }
      .card .txt_flag.my_scout span {
        display: inline-block;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        box-sizing: border-box; }
        .card .txt_flag.my_scout span + span {
          margin-left: 5px; }
        .card .txt_flag.my_scout span.new {
          background: #ff9625;
          color: #ffffff;
          padding: 0 8px; }
        .card .txt_flag.my_scout span.offer {
          border: 1px solid #ff9625;
          color: #ff9625;
          padding: 0 8px 0 22px;
          background: url(/img/ico_star.svg) 7px 3px no-repeat #ffffff;
          background-size: 12px auto; }
  .card .card__program {
    letter-spacing: -0.4em;
    margin: 16px 0 0;
    z-index: 5; }
    .card .card__program > * {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal; }
    .card .card__program dt {
      font-size: 12px;
      font-weight: bold;
      color: #666666;
      width: 40%; }
    .card .card__program dd {
      width: 60%;
      z-index: 5; }
    .card .card__program ul {
      position: relative;
      display: block;
      clear: both;
      overflow: hidden;
      z-index: 10; }
    .card .card__program li {
      display: inline-block;
      border: 1px solid #019fa5;
      border-radius: 4px;
      color: #019fa5;
      text-align: center;
      font-size: 12px;
      margin: 0 9px 9px 0;
      padding: 0 6px;
      float: left;
      z-index: 10; }
  @media print, screen and (min-width: 641px) {
    .card {
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
      .card:hover::before, .card:hover::after {
        opacity: 1;
        width: 100%;
        height: 100%; }
      .card .card__txt .name {
        margin-bottom: 6px; }
      .card .card__txt .company {
        font-size: 11px;
        font-weight: bold;
        color: #666;
        margin: 0 0 2px; }
      .card .card__txt .time {
        display: block;
        font-size: 12px;
        margin: 0 0 16px; }
      .card.card_result {
        padding-bottom: 100px; }
        .card.card_result figure {
          position: relative;
          width: 100%;
          height: auto;
          padding-top: 0;
          overflow: hidden;
          background: #efefef; }
          .card.card_result figure img {
            position: absolute;
            width: auto;
            height: 100%;
            min-width: auto;
            min-height: 100%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
        .card.card_result .ability {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 0 0 10px; }
          .card.card_result .ability .ability__list dt {
            display: block;
            color: #666666;
            font-weight: bold;
            font-size: 12px;
            text-align: center;
            margin: 7px 0; }
          .card.card_result .ability .ability__list dd ul {
            display: flex;
            justify-content: space-around;
            padding: 0 13px; }
            .card.card_result .ability .ability__list dd ul li {
              display: flex;
              align-items: flex-end;
              justify-content: center;
              font-size: 12px;
              width: 33%;
              height: 67px;
              border-right: 1px solid #ececec;
              background-size: 44px;
              background-position: center 0;
              line-height: 1;
              text-align: center; }
              .card.card_result .ability .ability__list dd ul li:last-child {
                border-right: none; }
          .card.card_result .ability .ability__btnlist {
            text-align: center;
            padding: 12px 0 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
            width: 100%; }
            .card.card_result .ability .ability__btnlist ul {
              display: flex;
              justify-content: space-around;
              margin: 0 0 0 -4px;
              padding: 0 24px 10px; }
              .card.card_result .ability .ability__btnlist ul li + li {
                margin-left: 13px; }
              .card.card_result .ability .ability__btnlist ul li a {
                width: 145px;
                height: 40px;
                line-height: 40px;
                font-size: 14px; }
              .card.card_result .ability .ability__btnlist ul li .txt_already {
                display: block;
                font-size: 14px;
                font-weight: bold;
                color: #bbbbbb;
                height: 40px;
                line-height: 40px; }
            .card.card_result .ability .ability__btnlist a.txt_link {
              display: inline-block;
              position: relative;
              margin: 0 0 0 -13px;
              padding: 0 15px 0 0;
              font-size: 13px; }
              .card.card_result .ability .ability__btnlist a.txt_link::after {
                position: absolute;
                bottom: 0;
                left: 0;
                content: '';
                height: 0px;
                width: 0;
                border-bottom: 1px solid currentcolor;
                transition: all 0.2s linear; } }
          @media print, screen and (min-width: 641px) and (min-width: 641px) {
            .card.card_result .ability .ability__btnlist a.txt_link:hover::after {
              width: 100%; } }
  @media print, screen and (min-width: 641px) {
              .card.card_result .ability .ability__btnlist a.txt_link:before {
                position: absolute;
                content: '';
                display: inline-block;
                width: 6px;
                height: 6px;
                border-top: 2px solid #0aac99;
                border-right: 2px solid #0aac99;
                -webkit-transform: rotate(40deg) skew(-10deg, 0);
                transform: rotate(40deg) skew(-10deg, 0);
                transition: all 0.2s linear;
                position: absolute;
                top: 50%;
                left: auto;
                right: 0;
                margin-top: -4px; }
            .card.card_result .ability .ability__btnlist .btn.-btn_grad, .card.card_result .ability .ability__btnlist .message_box.detail .link_btn .btn + .btn, .message_box.detail .link_btn .card.card_result .ability .ability__btnlist .btn + .btn {
              width: 300px;
              max-width: 300px; }
        .card.card_result .card__internship {
          background: #f9f9f9;
          padding: 12px 14px; }
          .card.card_result .card__internship .name {
            font-size: 12px;
            margin-bottom: 0; }
          .card.card_result .card__internship .card__program {
            margin-top: 0; }
            .card.card_result .card__internship .card__program dt {
              width: auto;
              max-width: 100%; }
            .card.card_result .card__internship .card__program dd {
              width: auto;
              max-width: 100%;
              font-size: 12px;
              letter-spacing: -1px; }
              .card.card_result .card__internship .card__program dd ul {
                margin-top: 0;
                margin-left: 13px; }
                .card.card_result .card__internship .card__program dd ul li {
                  margin-bottom: 0;
                  line-height: 1;
                  padding-top: 3px;
                  padding-bottom: 3px; }
              .card.card_result .card__internship .card__program dd + dt {
                margin-left: 30px; }
            .card.card_result .card__internship .card__program + .card__program {
              margin-top: 0; }
              .card.card_result .card__internship .card__program + .card__program dt {
                width: auto; }
              .card.card_result .card__internship .card__program + .card__program dd {
                width: auto; }
          .card.card_result .card__internship + .card__internship {
            margin-top: 4px; }
      .card.card_media {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        height: 150px;
        overflow: hidden; }
        .card.card_media:nth-child(n+3) {
          margin-top: 20px; }
        .card.card_media figure {
          width: 44%;
          height: 150px;
          align-self: center;
          position: relative; }
          .card.card_media figure img {
            width: auto;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0; }
        .card.card_media .card__txt {
          width: 60%;
          height: auto;
          padding: 14px 20px; }
      .card .txt_flag {
        bottom: 15px;
        right: 14px;
        z-index: 100; }
        .card .txt_flag .flag__already {
          display: block;
          background-color: rgba(0, 0, 0, 0.4);
          color: #ffffff;
          font-size: 12px;
          padding: 9px 21px; }
          .card .txt_flag .flag__already:before {
            content: "";
            display: inline-block;
            background: url(/img/icn_favorite.svg) 0 0 no-repeat;
            background-size: 20px auto;
            width: 20px;
            height: 20px;
            margin: -5px 5px -5px 0; }
      .card .card__program {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 16px 0 0; }
        .card .card__program dt {
          font-size: 12px;
          font-weight: bold;
          color: #666666;
          width: 114%;
          max-width: 110px; }
        .card .card__program dd {
          width: 114%;
          max-width: 199px; }
        .card .card__program li {
          display: inline-block;
          border: 1px solid #0bae97;
          border-radius: 4px;
          color: #0bae97;
          text-align: center;
          font-size: 12px;
          margin: 0 9px 9px 0;
          padding: 0 6px;
          float: left;
          background: #ffffff; } }
  .card.card_over:hover:before, .card.card_over:hover:after {
    display: none; }
  .card.card_over .over {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.44);
    color: #fff;
    text-align: center; }
    .card.card_over .over span {
      font-size: 18px;
      font-weight: bold;
      color: #fff; }

.-section_search_company .card.card_result figure {
  position: relative;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-top: 0;
  overflow: visible; }
  .-section_search_company .card.card_result figure img {
    position: relative;
    width: 100%;
    height: auto;
    min-width: auto;
    min-height: auto;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: none; }

/* 会社情報汎用パーツ
----------------------------------------------------- */
.label {
  color: #666666;
  font-weight: bold;
  font-size: 11px; }

.name {
  margin-top: 6px;
  font-weight: bold; }

.condition {
  margin-top: 8px; }
  .condition li {
    position: relative;
    margin-top: 4px;
    padding-left: 22px;
    font-size: 11px;
    color: #666666; }
    .condition li:first-child {
      margin-top: 0; }
    .condition li i {
      position: absolute;
      top: -5px;
      left: -4px;
      width: 24px;
      height: 24px; }

@media print, screen and (min-width: 641px) {
  .label {
    color: #666666;
    font-weight: bold;
    font-size: 12px; }
  .name {
    margin-top: 0;
    font-weight: bold;
    font-size: 16px; }
  .condition {
    margin-top: 8px; }
    .condition li {
      padding-left: 25px;
      font-size: 12px;
      color: #666666; }
      .condition li i {
        top: -5px;
        left: -5px;
        width: 28px;
        height: 28px; } }

/* カード一覧表示
----------------------------------------------------- */
.tit_sub + .results {
  margin-top: 20px; }

.resultnav + .results {
  margin-top: 10px; }

.results .card_result:nth-child(n+2) {
  margin-top: 15px; }

.results + .btnarea {
  margin-top: 30px; }

.results .card__box .expired {
  position: absolute;
  font-size: 16px; }

.results .search .search__box + .search__box {
  border-top: none;
  padding-top: 0; }

.results .search .search__box .-search__box_condition_accordion {
  margin: 0 -20px; }
  .results .search .search__box .-search__box_condition_accordion dt {
    background: #edf9f7;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer; }
    .results .search .search__box .-search__box_condition_accordion dt:after {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border-top: 2px solid #0bae97;
      border-right: 2px solid #0bae97;
      box-sizing: content-box !important;
      transition: all 0.2s linear;
      transform: rotate(135deg);
      position: absolute;
      top: 50%;
      right: 14px;
      margin-top: -4px; }
    .results .search .search__box .-search__box_condition_accordion dt.active {
      margin-bottom: 2px; }
      .results .search .search__box .-search__box_condition_accordion dt.active:after {
        transform: rotate(-45deg);
        margin-top: -4px; }
  .results .search .search__box .-search__box_condition_accordion dd .list {
    margin-top: 0; }
    .results .search .search__box .-search__box_condition_accordion dd .list li {
      width: 100%;
      margin-top: 0;
      padding: 10px 20px;
      border-bottom: 1px solid #e9e9e9; }
  .results .search .search__box .-search__box_condition_accordion dd dt {
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
    font-weight: normal; }
  .results .search .search__box .-search__box_condition_accordion dd dd .list li {
    background: #fbfbfb; }

.results .search .search__box .search__btn_condition {
  margin-top: 24px; }

.results .search .search__box .company_comment.keyword {
  margin-top: 33px; }
  .results .search .search__box .company_comment.keyword dt {
    margin-bottom: 7px; }

.results .resultnav {
  margin-bottom: 24px; }

@media print, screen and (min-width: 641px) {
  .results {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 0; }
    .results .card__box.card_program {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    .results.card_program .card__txt {
      /*
				.card__program{
					position: absolute;
					bottom: 134px;
				}*/ }
      .results.card_program .card__txt p {
        max-height: 176px;
        overflow: hidden; }
        .results.card_program .card__txt p.company {
          font-size: 11px;
          font-weight: bold;
          color: #666;
          margin: 0 0 6px; }
    .resultnav + .results {
      margin-top: 15px; }
    .results + .btnarea {
      margin-top: 55px; }
    .results .card_result {
      width: 32.13%;
      margin-right: 1.76%;
      float: left; }
      .results .card_result:nth-child(n) {
        margin-top: 0; }
      .results .card_result:nth-child(3n) {
        margin-right: 0; }
      .results .card_result:nth-child(n+4) {
        margin-top: 50px; }
    .results.-results_4c .card_result {
      width: 23.68%;
      margin-right: 1.76%; }
      .results.-results_4c .card_result:nth-child(n) {
        margin-top: 0; }
      .results.-results_4c .card_result:nth-child(4n) {
        margin-right: 0; }
      .results.-results_4c .card_result:nth-child(n+5) {
        margin-top: 50px; }
    .tit_sub + .results {
      margin-top: 35px; }
    .topfirst .tit_sub + .results {
      margin-top: 40px; }
    .results .search {
      display: flex;
      order: 2;
      width: 34%;
      margin: 0;
      padding: 0 0 0 6%;
      box-sizing: border-box; }
    .results .inner.result_in {
      display: flex;
      flex-flow: column nowrap;
      order: 1;
      width: 66%;
      margin: 0 auto;
      box-sizing: border-box; }
    .results .search {
      background: none; }
      .results .search .search_in {
        display: block; }
      .results .search .search__box.-search__box_word {
        display: block;
        width: 100%;
        margin: -60px 0 0;
        padding: 0; }
      .results .search .search__box.-search__box_condition {
        display: block;
        width: 100%;
        margin: 24px 0 0;
        padding: 0;
        border-left: none;
        background: #ffffff; }
        .results .search .search__box.-search__box_condition form {
          flex-flow: column nowrap; }
        .results .search .search__box.-search__box_condition .-search__box_condition_accordion {
          flex-wrap: wrap;
          width: 100%;
          margin: 0;
          padding: 0;
          box-sizing: border-box; }
          .results .search .search__box.-search__box_condition .-search__box_condition_accordion dd {
            width: 100%; }
            .results .search .search__box.-search__box_condition .-search__box_condition_accordion dd dl dt:first-child {
              margin-top: 0; }
      .results .search .search__box .search__btn_condition {
        width: 100%;
        text-align: center; }
        .results .search .search__box .search__btn_condition .btn {
          margin: 26px auto 0; }
      .results .search .search__box .company_comment.keyword {
        margin: 30px 0 0;
        padding: 0 20px 30px; }
        .results .search .search__box .company_comment.keyword dl dt {
          width: 100%; }
      .results .search .search__box .keyword_list {
        margin-top: 0; }
        .results .search .search__box .keyword_list li {
          margin-top: 7px;
          padding: 0; }
          .results .search .search__box .keyword_list li a {
            display: block;
            padding: 4px 5px;
            letter-spacing: 0px; }
      .results .search .search__box .freeword {
        width: 100%; }
      .results .search .search__box .search__tit {
        color: #ffffff;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        margin: 0;
        padding: 0 14px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
        background: #10b590;
        background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
        background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
        flex-flow: column nowrap;
        width: 100%; }
    .results .card__box .card_result {
      width: 49%;
      margin-top: 40px;
      margin-right: 2%; }
      .results .card__box .card_result:nth-child(2n) {
        margin-right: 0; }
      .results .card__box .card_result:nth-child(3n) {
        margin-right: 2%; }
      .results .card__box .card_result:nth-child(6n) {
        margin-right: 0; }
      .results .card__box .card_result:nth-child(n+4) {
        margin-top: 40px; } }

.medias {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 0; }
  @media print, screen and (min-width: 641px) {
    .medias {
      margin: 25px 0 0; }
      .medias .card_media {
        width: 49.26%; } }

/* 検索窓
----------------------------------------------------- */
.search {
  background: #fff;
  padding: 16px 20px 20px; }
  .section .search {
    margin: 0 -12px; }
  .search .search__box {
    box-sizing: border-box; }
    .search .search__box + .search__box {
      margin-top: 20px;
      padding-top: 16px;
      border-top: 1px solid #e9e9e9; }
    .search .search__box .search__tit {
      font-weight: bold;
      font-size: 12px;
      color: #90979f; }
    .search .search__box .search__btn_condition {
      margin-top: 12px; }
    .search .search__box .freeword {
      margin-top: 10px; }
  @media print, screen and (min-width: 641px) {
    .search {
      margin-top: 20px;
      padding: 10px 30px;
      border-radius: 4px; }
      .section .search {
        margin: 0; }
      .search .search_in {
        display: -webkit-flex;
        display: flex; }
      .search .search__box {
        display: -webkit-flex;
        display: flex;
        padding: 8px 0 8px; }
        .search .search__box + .search__box {
          margin-top: 0;
          padding: 8px 0 8px;
          border-top: none;
          border-left: 1px solid #e9e9e9; }
        .search .search__box > * {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center; }
        .search .search__box .search__tit {
          -webkit-flex-grow: 1;
          flex-grow: 1;
          font-size: 14px;
          padding-right: 10px;
          box-sizing: border-box; }
        .search .search__box .condition {
          width: 56.37%;
          margin-top: 0;
          padding-right: 20px;
          flex-wrap: -webkit-wrap;
          flex-wrap: wrap;
          box-sizing: border-box; }
          .search .search__box .condition li {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
        .search .search__box .search__btn_condition {
          margin-top: 0;
          width: 25.45%; }
        .search .search__box .freeword {
          width: 68.66%;
          margin-top: 0; }
        .search .search__box.-search__box_condition {
          width: 51.47%;
          padding-right: 30px; }
        .search .search__box.-search__box_word {
          width: 48.53%;
          padding-left: 25px; } }

.search_Head span {
  display: block;
  background: #fbfbfb;
  font-weight: bold;
  text-align: center;
  height: 45px;
  line-height: 45px;
  color: #0bae97;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer; }
  .search_Head span:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentcolor;
    border-right: 2px solid currentcolor;
    box-sizing: content-box !important;
    transition: all 0.2s linear;
    transform: rotate(-45deg);
    margin: 0 0 -3px 7px; }
  .search_Head span.active:after {
    transform: rotate(135deg);
    margin-bottom: 2px; }

.freeword {
  display: -webkit-flex;
  display: flex; }
  .freeword .freeword__txt {
    width: 80%;
    padding-right: 1px;
    box-sizing: border-box; }
  .freeword input[type="search"] {
    width: 100%;
    border-radius: 4px 0 0 4px; }
  .freeword .btn {
    width: 20%;
    border-radius: 0 4px 4px 0; }

/* 検索結果ナビゲーション
----------------------------------------------------- */
.resultnav {
  margin-top: 25px; }
  .resultnav.-resultnav_btm {
    margin-top: 36px; }
  .resultnav.-resultnav_cnt {
    padding: 0 15px; }
  .resultnav .resultnum {
    line-height: 1.2;
    font-weight: bold;
    font-size: 11px; }
    .resultnav .resultnum b {
      margin-right: 3px;
      font-size: 16px;
      color: #0bae97; }
  .resultnav .paging {
    position: relative;
    margin: 12px 0 0;
    min-height: 36px;
    overflow: hidden; }
    .resultnav .paging.-is_sp {
      text-align: center;
      vertical-align: middle;
      padding: 6px 0 0; }
      .resultnav .paging.-is_sp li {
        font-size: 13px; }
        .resultnav .paging.-is_sp li > a {
          border-radius: 3px; }
    .resultnav .paging li {
      display: none; }
    .resultnav .paging a {
      position: relative;
      overflow: hidden;
      display: block;
      height: 36px;
      line-height: 36px;
      background: #fff;
      border: 1px solid #dcdcdc;
      text-align: center;
      box-sizing: border-box; }
      .resultnav .paging a:after {
        position: absolute;
        transition: .2s;
        content: '';
        width: 0;
        height: 120%;
        left: -40%;
        bottom: 0;
        background: #fff;
        transform: skewX(-45deg);
        opacity: .1;
        z-index: 1; }
    .resultnav .paging .paging__prev,
    .resultnav .paging .paging__next,
    .resultnav .paging .-is_act {
      display: block; }
    .resultnav .paging .paging__prev,
    .resultnav .paging .paging__next {
      position: absolute;
      top: 0;
      width: 40.68%; }
      .resultnav .paging .paging__prev.-is_off a,
      .resultnav .paging .paging__next.-is_off a {
        background: #f8f8f8;
        color: #c1c1c1; }
    .resultnav .paging .paging__prev {
      left: 0; }
    .resultnav .paging .paging__next {
      right: 0; }
    .resultnav .paging .-is_act a {
      background: none;
      border: none;
      color: #0bae97;
      cursor: default; }
  @media print, screen and (min-width: 641px) {
    .resultnav {
      display: block;
      margin-top: 20px;
      overflow: hidden; }
      .resultnav.-resultnav_btm {
        margin-top: 55px;
        text-align: center; }
        .resultnav.-resultnav_btm .paging {
          float: none; }
      .resultnav .resultnum {
        float: left;
        font-size: 14px; }
        .resultnav .resultnum b {
          font-size: 26px; }
      .resultnav .paging {
        display: inline-block;
        margin: 0;
        min-height: initial;
        float: right; }
        .resultnav .paging li {
          float: left;
          display: block;
          margin-left: 8px;
          font-weight: bold;
          font-size: 12px; }
        .resultnav .paging a {
          min-width: 30px;
          height: 30px;
          line-height: 28px;
          padding: 0 8px;
          border-radius: 2px; }
        .resultnav .paging li:not(.-is_off) a:hover:after {
          left: -40%;
          width: 200%;
          opacity: .3; }
        .resultnav .paging .paging__prev,
        .resultnav .paging .paging__next {
          position: static;
          width: auto; }
          .resultnav .paging .paging__prev a,
          .resultnav .paging .paging__next a {
            padding: 0 14px; }
          .resultnav .paging .paging__prev.-is_off a,
          .resultnav .paging .paging__next.-is_off a {
            cursor: default; }
          .resultnav .paging .paging__prev .-arw_left,
          .resultnav .paging .paging__next .-arw_left {
            margin-right: 0.2em; }
          .resultnav .paging .paging__prev .-arw_right,
          .resultnav .paging .paging__next .-arw_right {
            margin-left: 0.2em; }
        .resultnav .paging .-is_act a {
          background: #0bae97;
          color: #fff; }
        .resultnav .paging .paging__pass {
          height: 30px;
          margin: 0 -2px 0 6px;
          line-height: 30px; } }

/* 検索結果0件
----------------------------------------------------- */
.result0 {
  width: 100%;
  padding: 30px 0 0px; }
  .result0 p {
    text-align: center;
    font-size: 14px; }
  @media print, screen and (min-width: 641px) {
    .result0 {
      padding: 100px 0 60px; }
      .result0 p {
        font-size: 16px; } }

/* 情報用テーブル
----------------------------------------------------- */
.infotable {
  width: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  background: #fff; }
  .infotable th,
  .infotable td {
    box-sizing: border-box; }
  .infotable tr:nth-child(n+2) {
    border-top: 1px solid #f1f1f1; }
  .infotable th,
  .infotable td {
    box-sizing: border-box; }
  .infotable th {
    padding: 15px 12px;
    border-right: 1px solid #f1f1f1;
    text-align: left;
    font-weight: bold; }
  .infotable td {
    padding: 15px 12px; }
  @media print, screen and (min-width: 641px) {
    .infotable th {
      width: 24.55%;
      padding: 20px 25px; }
    .infotable td {
      padding: 20px 35px; } }

/* 会社TOP、インターンシップ詳細
----------------------------------------------------- */
#container.company {
  padding-bottom: 100px; }

.company_name {
  background: #ffffff; }
  .company_name .name_box {
    padding: 12px 10px 11px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    color: #fff; }
    .company_name .name_box .name {
      margin: 0;
      font-size: 16px; }
    .company_name .name_box .logo {
      display: none; }
  .company_name .company_logo {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 0 12px; }
    .company_name .company_logo li {
      display: -webkit-flex;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      border: 2px solid #f4f4f4;
      box-sizing: border-box;
      font-size: 0;
      line-height: 0;
      margin: 15px 0 15px 8px;
      padding: 2px 5px;
      border-radius: 4px; }
      .company_name .company_logo li img {
        max-width: 90px;
        max-height: 51px; }
  @media print, screen and (min-width: 641px) {
    .company_name {
      padding: 15px 0; }
      .company_name .company_name_in {
        max-width: 1200px;
        display: table; }
        .company_name .company_name_in > * {
          display: table-cell;
          vertical-align: middle;
          box-sizing: border-box; }
      .company_name .name_box {
        letter-spacing: -0.4em;
        width: 52%;
        padding: 0;
        background: none;
        text-align: left;
        color: #333; }
        .company_name .name_box > * {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: normal;
          box-sizing: border-box; }
        .company_name .name_box .name {
          padding-right: 10px;
          font-size: 20px; }
        .company_name .name_box .logo {
          display: inline-block;
          position: relative;
          overflow: hidden;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          margin-right: 10px;
          border: 2px solid #f4f4f4; }
          .company_name .name_box .logo img {
            width: 100%;
            height: auto;
            max-width: 90%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
      .company_name .company_logo_box {
        overflow: hidden; }
        .company_name .company_logo_box .company_logo {
          float: right; }
          .company_name .company_logo_box .company_logo li {
            margin-top: 0;
            margin-bottom: 0; }
            .company_name .company_logo_box .company_logo li img {
              max-width: 90px;
              max-height: 35px; } }

.-btn_fav {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #f0698f;
  background: -webkit-linear-gradient(-45deg, #f0698f 0%, #ffb935 100%);
  background: linear-gradient(135deg, #f0698f 0%, #ffb935 100%); }
  .-btn_fav .icn_favorite {
    width: 27px;
    height: 23px;
    margin-right: 5px;
    vertical-align: -3px; }
  .-btn_fav.-btn_fav_no {
    color: #333;
    background: #fff;
    border: 2px solid #ed7999; }
    .-btn_fav.-btn_fav_no .icn_favorite {
      background: url(/img/icn_favorite_done.svg) 0 0 no-repeat; }

.-btn_apply {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #ff7241;
  background: -webkit-linear-gradient(-45deg, #ff9141 0%, #ff7241 100%);
  background: linear-gradient(135deg, #ff9141 0%, #ff7241 100%); }
  .-btn_apply.-btn_apply_no {
    background: #c2c2c2; }

.stretch .bnrs a.-btn_fav_false {
  background: #c2c2c2; }
  .stretch .bnrs a.-btn_fav_false:hover:after {
    display: none; }

.-btn_fav_false {
  background: #c2c2c2; }
  .-btn_fav_false:hover:after {
    display: none; }

.expired {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  z-index: 1;
  position: absolute;
  font-size: 16px; }

.card_scout .expired {
  padding: 50px 0 20px; }

.intern_title .tit_sub {
  font-size: 16px; }

.intern_title .-btn_fav,
.intern_title .-btn_apply {
  margin-top: 20px; }

.intern_title .txt_fav + .-btn_fav {
  margin-top: 15px; }

.intern_title .-btn_fav {
  line-height: 46px; }

.intern_title .-btn_fav_no {
  line-height: 40px; }
  .intern_title .-btn_fav_no .icn_favorite {
    background-size: 100%; }

.intern_title .shere {
  margin-top: 15px; }
  .intern_title .shere p {
    font-weight: bold; }
  .intern_title .shere .sns {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0; }
    .intern_title .shere .sns li {
      float: none;
      min-width: 0;
      padding-right: 13px;
      margin-top: 10px; }
      .intern_title .shere .sns li .btn {
        width: 50px;
        height: 50px;
        line-height: 70px;
        border-radius: 100%; }
        .intern_title .shere .sns li .btn i {
          width: 32px;
          height: 32px; }
      .intern_title .shere .sns li .icn_fb {
        background: url(/img/icn_fb_w.svg) 0 0 no-repeat;
        background-size: 100% auto; }
      .intern_title .shere .sns li.fb a {
        background: #3b5998; }
      .intern_title .shere .sns li.twit a {
        background: #2aa3f0; }
      .intern_title .shere .sns li.line a {
        background: #03b900; }

.intern_title .txt_fav {
  text-align: center;
  margin: 30px 0 0; }
  .intern_title .txt_fav span {
    display: inline-block;
    position: relative; }
    .intern_title .txt_fav span::before, .intern_title .txt_fav span::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: -10px;
      width: 1px;
      height: 100%;
      background: #333;
      transform: rotate(-25deg); }
    .intern_title .txt_fav span::after {
      left: auto;
      right: -10px;
      transform: rotate(25deg); }

@media print, screen and (min-width: 641px) {
  .intern_title {
    position: relative; }
    .intern_title.top {
      padding-left: 180px;
      padding-right: 100px; }
    .intern_title .tit_sub {
      font-size: 20px; }
    .intern_title .-btn_fav,
    .intern_title .-btn_apply {
      margin-top: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 32px;
      line-height: 36px; }
    .intern_title .-btn_fav_no {
      line-height: 30px; }
      .intern_title .-btn_fav_no .icn_favorite {
        background-size: 100%; }
    .intern_title .shere {
      margin-top: 0;
      position: absolute;
      top: 0;
      right: 0; }
      .intern_title .shere .sns li {
        padding-right: 10px;
        margin-top: 0; }
        .intern_title .shere .sns li .btn {
          width: 32px;
          height: 32px;
          line-height: 45px; }
          .intern_title .shere .sns li .btn i {
            width: 20px;
            height: 20px; }
    .intern_title + .results {
      margin-top: 40px;
      padding-bottom: 10px; }
    .intern_title .block_favorite {
      text-align: center; }
      .intern_title .block_favorite .-btn_fav {
        position: relative;
        margin: 15px auto 0;
        left: auto;
        top: auto;
        max-width: 500px;
        height: 38px;
        line-height: 40px; } }

.company_comment {
  margin-top: 22px; }
  .company_comment + .info {
    margin-top: 57px; }
  .company_comment + .company_comment dl:last-child {
    margin-bottom: 20px; }
  .company_comment dl + dl {
    margin-top: 30px; }
  .company_comment dt {
    font-size: 13px;
    font-weight: bold; }
    .company_comment dt .icn_comment {
      width: 18px;
      height: 18px;
      vertical-align: -4px;
      margin-right: 4px; }
  .company_comment dd {
    margin-top: 7px; }
    .company_comment dd p + p, .company_comment dd p + ul, .company_comment dd ul + p, .company_comment dd ul + ul {
      margin-top: 10px; }
    .company_comment dd .name {
      font-size: 14px; }
  .company_comment.keyword dt {
    font-size: 12px; }
  .company_comment .company_data {
    position: relative;
    margin-top: 20px;
    padding: 12px 10px 10px;
    background: #fff;
    border: 1px solid #e9e9e9; }
    .company_comment .company_data:before, .company_comment .company_data:after {
      content: " ";
      position: absolute;
      top: -1px;
      right: -1px;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: transparent; }
    .company_comment .company_data:before {
      border-width: 20px 0 0 20px;
      border-top-color: #fff; }
    .company_comment .company_data:after {
      border-width: 20px 0 0 20px;
      border-left-color: #e9e9e9; }
    .company_comment .company_data > dt {
      padding-bottom: 5px;
      font-weight: bold;
      border-bottom: 2px solid #e9e9e9; }
    .company_comment .company_data dd dl {
      letter-spacing: -0.4em; }
      .company_comment .company_data dd dl > * {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        font-size: 12px; }
      .company_comment .company_data dd dl dt {
        width: 35%;
        font-weight: normal; }
      .company_comment .company_data dd dl dd {
        width: 65%;
        margin-top: 0; }
    .company_comment .company_data + .btn {
      margin-top: 25px; }
  .company_comment .link {
    text-align: right; }
    .company_comment .link a {
      position: relative;
      padding-right: 15px;
      font-size: 12px;
      color: #1e7fd9;
      text-decoration: underline; }
      .company_comment .link a:before {
        position: absolute;
        top: 50%;
        right: 2px;
        margin-top: -5px;
        position: absolute;
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #019fa5;
        border-right: 2px solid #019fa5;
        -webkit-transform: rotate(40deg) skew(-10deg, 0);
        transform: rotate(40deg) skew(-10deg, 0);
        transition: all 0.2s linear;
        border-top: 3px solid #019fa5;
        border-right: 3px solid #019fa5; }
  .company_comment .icn_faq,
  .company_comment .icn_faq_2 {
    width: 16px;
    height: 16px;
    vertical-align: -4px;
    margin-right: 4px; }
  .company_comment .icn_search_blue {
    width: 15px;
    height: 16px;
    vertical-align: -4px;
    margin-right: 4px; }
  .company_comment .intern_feature li + li {
    margin-top: 28px; }
  .company_comment .intern_feature li .link a {
    display: block;
    padding-right: 0; }
  .company_comment .intern_feature li .link a::before {
    content: none; }
  .company_comment .intern_feature li dd .link a {
    display: inline-block; }
  .company_comment .intern_feature .type {
    padding: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #019fa5;
    border: 2px solid #019fa5; }
  .company_comment .intern_ability li {
    position: relative;
    width: 100%;
    display: table; }
    .company_comment .intern_ability li + li {
      margin-top: 15px; }
    .company_comment .intern_ability li > * {
      display: table-cell;
      vertical-align: middle; }
    .company_comment .intern_ability li .icn {
      width: 60px;
      height: 60px;
      text-align: center; }
      .company_comment .intern_ability li .icn > * {
        width: 50px;
        height: 50px; }
      .company_comment .intern_ability li .icn.subjectivity {
        text-align: left; }
      .company_comment .intern_ability li .icn.subjectivity, .company_comment .intern_ability li .icn.workforce, .company_comment .intern_ability li .icn.execute {
        background: #f9dcdc; }
      .company_comment .intern_ability li .icn.discover, .company_comment .intern_ability li .icn.planningpower, .company_comment .intern_ability li .icn.creativity {
        background: #c7d6e5; }
      .company_comment .intern_ability li .icn.dialingpower, .company_comment .intern_ability li .icn.listening, .company_comment .intern_ability li .icn.graspability, .company_comment .intern_ability li .icn.flexibility, .company_comment .intern_ability li .icn.discipline, .company_comment .intern_ability li .icn.control {
        background: #ffd55c; }
    .company_comment .intern_ability li .text_box {
      padding: 22px 15px 22px 15px;
      background: #fff; }
      .company_comment .intern_ability li .text_box dd {
        margin-top: 0; }
      .company_comment .intern_ability li .text_box .link a {
        display: block;
        padding-right: 0;
        margin-top: 10px;
        font-size: 12px; }
        .company_comment .intern_ability li .text_box .link a::before {
          content: none; }
        .company_comment .intern_ability li .text_box .link a + a {
          margin-top: 5px; }
  .company_comment .intern_program {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -2%;
    flex-basis: auto; }
    .company_comment .intern_program li {
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48%;
      padding: 8px 45px 8px 15px;
      margin-left: 2%;
      margin-top: 10px;
      font-weight: bold;
      color: #019fa5;
      text-align: center;
      background: #d2e5e5;
      border-radius: 4px;
      box-sizing: border-box;
      position: relative; }
      .company_comment .intern_program li a {
        color: #019fa5; }
      .company_comment .intern_program li .link_word {
        position: absolute;
        right: 10px; }
  @media print, screen and (min-width: 641px) {
    .company_comment {
      margin-top: 47px; }
      .company_comment dl + dl {
        margin-top: 56px; }
      .company_comment dt {
        font-size: 16px; }
        .company_comment dt .icn_comment {
          widvth: 24px;
          height: 24px;
          vertical-align: -6px; }
      .company_comment dd {
        line-height: 1.8; }
        .company_comment dd p + p, .company_comment dd p + ul, .company_comment dd ul + p, .company_comment dd ul + ul {
          margin-top: 22px; }
      .company_comment.keyword dl {
        letter-spacing: -0.4em; }
        .company_comment.keyword dl dt, .company_comment.keyword dl dd {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: normal; }
        .company_comment.keyword dl dt {
          width: 7%; }
        .company_comment.keyword dl dd {
          width: 93%;
          margin-top: 0; }
      .company_comment .link {
        position: absolute;
        text-align: left; }
        .company_comment .link a {
          padding: 0;
          font-size: 14px;
          text-decoration: none;
          display: inline-block;
          position: relative; }
          .company_comment .link a::after {
            position: absolute;
            bottom: 0;
            left: 0;
            content: '';
            height: 0px;
            width: 0;
            border-bottom: 1px solid currentcolor;
            transition: all 0.2s linear; } }
      @media print, screen and (min-width: 641px) and (min-width: 641px) {
        .company_comment .link a:hover::after {
          width: 100%; } }
  @media print, screen and (min-width: 641px) {
          .company_comment .link a:before {
            display: none; }
      .company_comment .company_data {
        margin: 40px 22px 1px 1px;
        padding: 0 20px 14px;
        border: none;
        background: #f6f6f6;
        box-shadow: 20px 0 0 0 #f6f6f6, 0 -20px 0 0 #f6f6f6; }
        .company_comment .company_data:before {
          display: none; }
        .company_comment .company_data:after {
          right: 0;
          top: -20px;
          left: 100%; }
        .company_comment .company_data dt {
          font-size: 14px; }
        .company_comment .company_data dd dl > * {
          font-size: 14px; }
      .company_comment .intern_ability {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
        margin-left: -30px; }
        .company_comment .intern_ability li {
          display: -webkit-flex;
          display: flex;
          width: 340px;
          margin-left: 30px;
          padding-bottom: 0; }
          .company_comment .intern_ability li + li {
            margin-top: 0; }
          .company_comment .intern_ability li > * {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: start; }
          .company_comment .intern_ability li .icn {
            width: 140px;
            height: 185px;
            overflow: hidden; }
            .company_comment .intern_ability li .icn > * {
              display: block;
              margin: auto;
              width: 80px;
              height: 80px; }
            .company_comment .intern_ability li .icn .icn_subjectivity {
              width: 100px;
              height: 100px;
              margin-left: -5px; }
          .company_comment .intern_ability li .text_box {
            position: relative;
            width: 230px;
            padding: 25px 24px 30px; }
            .company_comment .intern_ability li .text_box dl {
              padding-bottom: 20px; }
            .company_comment .intern_ability li .text_box .link {
              bottom: 20px;
              left: 30px;
              right: auto; }
      .company_comment .intern_program {
        margin-top: 4px;
        margin-left: -15px; }
        .company_comment .intern_program li {
          width: auto;
          margin-left: 12px; }
          .company_comment .intern_program li:first-child {
            margin-left: 15px; }
      .company_comment .icn_faq,
      .company_comment .icn_faq_2 {
        vertical-align: -2px; }
      .company_comment .icn_search_blue {
        vertical-align: -2px; }
      .company_comment .intern_feature {
        letter-spacing: -0.4em;
        margin-left: -70px; }
        .company_comment .intern_feature li {
          letter-spacing: normal;
          width: 100%;
          margin-top: 20px;
          padding-left: 70px;
          box-sizing: border-box; }
          .company_comment .intern_feature li + li {
            margin-top: 20px; }
          .company_comment .intern_feature li dl {
            display: table; }
            .company_comment .intern_feature li dl dt, .company_comment .intern_feature li dl dd {
              display: table-cell; }
            .company_comment .intern_feature li dl dt {
              width: 190px;
              vertical-align: middle; }
            .company_comment .intern_feature li dl dd {
              vertical-align: top;
              padding: 3px 0 0 20px;
              line-height: 1.7; }
              .company_comment .intern_feature li dl dd .link {
                position: relative; }
                .company_comment .intern_feature li dl dd .link a {
                  display: inline-block; }
                .company_comment .intern_feature li dl dd .link a + a {
                  margin-left: 30px; }
        .company_comment .intern_feature .type {
          background: #fff;
          color: #333;
          font-size: 16px; }
          .company_comment .intern_feature .type + p {
            margin-top: 10px; }
        .company_comment .intern_feature .link {
          margin-top: 10px; }
          .company_comment .intern_feature .link a {
            font-size: 14px; }
      .company_comment + .info {
        margin-top: 80px; } }

.company_sub_cont {
  padding-bottom: 30px; }

.intern_info {
  width: 100%;
  margin-top: 20px; }
  .intern_info th, .intern_info td {
    display: block;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box; }
  .intern_info th {
    padding: 5px 15px 7px;
    background: #f2f2f2;
    text-align: left;
    font-weight: normal; }
  .intern_info td {
    padding: 11px 0 20px; }
  @media print, screen and (min-width: 641px) {
    .intern_info {
      width: 880px;
      margin: 35px auto 0;
      border: 1px solid #e9e9e9; }
      .intern_info th, .intern_info td {
        display: table-cell;
        vertical-align: top;
        border-top: 1px solid #e9e9e9;
        font-size: 14px; }
      .intern_info tr:first-child th, .intern_info tr:first-child td {
        border-top: none; }
      .intern_info th {
        width: 220px;
        padding: 21px 20px 20px;
        font-weight: bold;
        border-right: 1px solid #e9e9e9; }
      .intern_info td {
        width: 660px;
        padding: 21px 30px 20px;
        background: #fff; } }
  .intern_info + .btnarea {
    margin-top: 0; }

.keyword_list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: -9px;
  margin-left: -5px; }
  .keyword_list li {
    overflow: hidden;
    margin-top: 9px;
    margin-left: 5px;
    font-size: 12px;
    color: #019fa5;
    background: #d2e5e5;
    border-radius: 3px; }
    .keyword_list li .icn_tag {
      width: 20px;
      height: 20px;
      vertical-align: -6px; }
    .keyword_list li a {
      overflow: hidden;
      display: block;
      position: relative;
      width: 100%;
      padding: 2px 10px 2px 5px;
      color: #019fa5;
      box-sizing: border-box; }
      .keyword_list li a:after {
        position: absolute;
        content: '';
        width: 0;
        height: 120%;
        left: -30%;
        bottom: 0;
        background: #fff;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        opacity: .1;
        z-index: 1;
        transition: all 0.2s linear; }
  @media print, screen and (min-width: 641px) {
    .keyword_list li {
      padding: 0; }
      .keyword_list li .icn_tag {
        width: 20px;
        height: 20px;
        vertical-align: -6px; }
      .keyword_list li a:hover:after {
        left: -30%;
        width: 160%;
        opacity: .3; } }

.company_detail .btnarea {
  margin-top: 30px;
  margin-bottom: 20px; }
  .company_detail .btnarea p {
    margin-bottom: 20px; }
  .company_detail .btnarea .btn {
    font-size: 14px; }

.company_detail .section {
  padding: 20px 20px 0;
  /*&:nth-child(even){
			background: #ffffff;
		}*/ }
  .company_detail .section + .section {
    padding-top: 20px; }
  .company_detail .section.bg_white {
    background: #fff; }
  .company_detail .section .inner {
    overflow: hidden; }
  .company_detail .section .company_sub_cont .company_img {
    font-size: 0;
    line-height: 0; }
    .company_detail .section .company_sub_cont .company_img img {
      max-width: 100%; }
    .company_detail .section .company_sub_cont .company_img + .company_img {
      margin-top: 20px; }
  @media print, screen and (min-width: 641px) {
    .company_detail .section {
      padding: 47px 20px 66px; }
      .company_detail .section + .section {
        padding-top: 73px; }
      .company_detail .section:nth-child(odd) .company_data {
        background: #fff;
        box-shadow: 20px 0 0 0 #fff, 0 -20px 0 0 #fff; }
      .company_detail .section .company_comment_main,
      .company_detail .section .company_sub_cont {
        margin-top: 30px; }
      .company_detail .section .company_comment_main {
        width: 680px;
        float: left; }
        .company_detail .section .company_comment_main .company_comment:first-child {
          margin-top: 0; }
      .company_detail .section .company_sub_cont {
        width: 350px;
        float: right; }
        .company_detail .section .company_sub_cont .company_comment {
          margin-top: 0; }
      .company_detail .section .btnarea {
        margin-top: 30px;
        text-align: center; }
        .company_detail .section .btnarea .btn {
          max-width: 350px; }
      .company_detail .section.info {
        padding-top: 0;
        padding-bottom: 80px;
        background: #f1f1f1; }
        .company_detail .section.info .intern_info th {
          background: #fff; } }

.company_table {
  width: 100%;
  background: #ffffff;
  border: 2px solid #e9e9e9; }
  .company_table tr:first-child th {
    background: #d2e5e5; }
  .company_table tr:not(:last-child) td {
    border-bottom: 1px solid #e9e9e9; }
  .company_table tr th,
  .company_table tr td {
    display: block;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box; }
  .company_table tr th {
    background: #f7f7f7;
    border-bottom: none;
    padding: 12px 20px; }
  .company_table tr td {
    border-top: none;
    padding: 12px 20px; }
  @media print, screen and (min-width: 641px) {
    .company_table {
      margin-bottom: 22px; }
      .company_table tbody {
        display: flex; }
      .company_table tr {
        display: block;
        border-right: 1px solid #e9e9e9; }
        .company_table tr:last-child {
          border: none; }
        .company_table tr:nth-child(1) {
          width: 18%; }
          .company_table tr:nth-child(1) td {
            padding-top: 25px; }
        .company_table tr:nth-child(2) {
          width: 29%; }
          .company_table tr:nth-child(2) td {
            padding-top: 16px;
            padding-bottom: 16px; }
        .company_table tr:nth-child(3) {
          width: 13%; }
          .company_table tr:nth-child(3) td {
            padding-top: 25px; }
        .company_table tr:nth-child(4) {
          width: 15%; }
          .company_table tr:nth-child(4) td {
            padding-top: 25px; }
        .company_table tr:nth-child(5) {
          width: 25%; }
          .company_table tr:nth-child(5) td {
            padding-top: 16px; }
        .company_table tr:not(:last-child) th,
        .company_table tr:not(:last-child) td {
          border-right: none; }
        .company_table tr:not(:last-child) td {
          border-bottom: none; }
        .company_table tr th,
        .company_table tr td {
          width: 100%; }
        .company_table tr th {
          padding: 12px 20px;
          height: 50px;
          line-height: 25px; }
        .company_table tr td {
          border-top: none;
          padding: 0;
          min-height: 80px; } }

.intern_list .card_result {
  padding-bottom: 0; }

.intern_list .company {
  font-size: 11px;
  font-weight: bold;
  color: #666; }

.intern_list .name {
  margin-top: 5px; }

.intern_list .card__program dt, .intern_list .card__program dd {
  font-size: 12px; }

.intern_list .card__program dt {
  width: 25%; }

.intern_list .card__program dd {
  width: 75%; }

.intern_list .stretch {
  padding-left: 0;
  padding-right: 0; }
  .intern_list .stretch .bnrs {
    margin-top: 0; }

@media print, screen and (min-width: 641px) {
  .intern_list {
    padding-top: 20px; }
    .intern_list .stretch {
      padding: 40px 0 83px; }
      .intern_list .stretch .bnrs.only {
        justify-content: center; } }

.flowting_box {
  display: none;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10; }
  .flowting_box .btn {
    max-width: 240px;
    height: 46px;
    line-height: 46px;
    font-size: 16px; }
    .flowting_box .btn.-btn_fav_no {
      line-height: 48px;
      border-width: 4px; }
    .flowting_box .btn + .btn {
      margin-top: 15px;
      margin-left: 0; }
  .flowting_box .-btn_fav .icn_favorite {
    width: 37px;
    height: 37px;
    vertical-align: -10px; }
  @media print, screen and (min-width: 641px) {
    .flowting_box .btn {
      height: 56px;
      line-height: 56px; }
      .flowting_box .btn + .btn {
        margin-top: 0;
        margin-left: 16px; } }

/* ===================================================

マイページ全般

=================================================== */
/* サブカラム内のインラインボックス
----------------------------------------------------- */
.sidebox {
  background: #fff; }
  .sidebox.-sidebox_profimg {
    padding: 0; }
    .sidebox.-sidebox_profimg figure {
      position: relative;
      overflow: hidden;
      width: 170px;
      height: 170px;
      margin: 0 auto;
      border-radius: 300px; }
      .sidebox.-sidebox_profimg figure img {
        position: absolute;
        top: -999px;
        right: -999px;
        bottom: -999px;
        left: -999px;
        width: 100%;
        margin: auto; }
    .sidebox.-sidebox_profimg p {
      margin-top: 16px;
      text-align: center;
      font-weight: bold; }
    .sidebox.-sidebox_profimg .file {
      margin-top: 4px;
      text-align: center; }
    .sidebox.-sidebox_profimg dt {
      text-align: center;
      color: #ffffff;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
      background: #10b590;
      background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
      background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
      padding: 10px 0 8px; }
    .sidebox.-sidebox_profimg dd {
      padding: 0 0 20px; }
      .sidebox.-sidebox_profimg dd a {
        display: block;
        text-align: center;
        text-decoration: underline;
        color: #1e7fd9; }
    .sidebox.-sidebox_profimg .scout_step_count {
      margin: 0;
      padding: 0 34px 32px; }
      .sidebox.-sidebox_profimg .scout_step_count .scout_step_level {
        width: auto;
        max-width: 1000px;
        margin-left: 0; }
        .sidebox.-sidebox_profimg .scout_step_count .scout_step_level span strong {
          font-size: 24px; }
  .sidebox.-sidebox_btn {
    padding: 30px 30px; }
    .sidebox.-sidebox_btn .btn {
      width: 100%;
      min-width: 100%; }
  @media print, screen and (min-width: 641px) {
    .sidebox.-sidebox_btn {
      margin-top: 15px; }
    .sidebox.-sidebox_profimg .scout_step_count {
      margin: 0;
      padding: 34px 34px 36px; } }

/* スカウト一覧
----------------------------------------------------- */
.list_bnt {
  text-align: center; }
  .list_bnt li + li {
    margin-top: 10px; }
  @media print, screen and (min-width: 641px) {
    .list_bnt {
      letter-spacing: -0.4em; }
      .list_bnt li {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        width: 245px; }
        .list_bnt li + li {
          margin-top: 0;
          margin-left: 20px; }
          .list_bnt li + li.wide {
            display: block;
            width: 510px;
            margin: 12px auto 0; }
        .list_bnt li .btn {
          max-width: none; } }

.scout_list {
  width: 100%; }
  .scout_list + .board {
    margin-top: 0; }
  .scout_list.-is_headline li .title_box {
    position: initial;
    padding: 20px 20px 0;
    box-sizing: border-box;
    background: #fff;
    display: table;
    width: 100%; }
    .scout_list.-is_headline li .title_box > * {
      display: table-cell;
      vertical-align: middle; }
    .scout_list.-is_headline li .title_box:after {
      position: absolute;
      bottom: 20px;
      left: 50%;
      margin-left: -10px;
      position: absolute;
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      border-top: 2px solid #019fa5;
      border-right: 2px solid #019fa5;
      -webkit-transform: rotate(40deg) skew(-10deg, 0);
      transform: rotate(40deg) skew(-10deg, 0);
      transition: all 0.2s linear;
      transform: rotate(130deg) skew(-10deg, 0);
      transition: all 0.2s linear; }
  .scout_list.-is_headline li .company {
    font-size: 12px;
    font-weight: bold;
    color: #666; }
    .scout_list.-is_headline li .company .new {
      display: inline-block;
      vertical-align: middle;
      padding: 1px 5px;
      margin-right: 5px;
      text-align: center;
      color: #fff;
      background: #ff9625; }
  .scout_list.-is_headline li .favorite_msg {
    width: 48px; }
    .scout_list.-is_headline li .favorite_msg a {
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 100%;
      background: #fff;
      text-align: center;
      line-height: 63px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .scout_list.-is_headline li .favorite_msg .icn_favorite_msg {
      width: 26px;
      height: 25px; }
  .scout_list.-is_headline li .name {
    font-size: 18px; }
  .scout_list.-is_headline li .-btn_green {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    color: #0bae97; }
  .scout_list.-is_headline li .message {
    margin-top: 10px;
    color: #999;
    background: #fff;
    padding: 0px 20px 40px; }
  .scout_list > li {
    position: relative;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .scout_list > li + li {
      margin-top: 12px; }
    .scout_list > li dt, .scout_list > li dd {
      background: #fff; }
    .scout_list > li dt {
      position: relative;
      padding: 20px 20px 40px; }
      .scout_list > li dt .title_box {
        display: table;
        width: 100%; }
        .scout_list > li dt .title_box > * {
          display: table-cell;
          vertical-align: middle; }
      .scout_list > li dt .company {
        font-size: 12px;
        font-weight: bold;
        color: #666; }
        .scout_list > li dt .company .new {
          display: inline-block;
          vertical-align: middle;
          padding: 1px 5px;
          margin-right: 5px;
          text-align: center;
          color: #fff;
          background: #ff9625; }
      .scout_list > li dt .favorite_msg {
        width: 48px; }
        .scout_list > li dt .favorite_msg a {
          display: block;
          width: 48px;
          height: 48px;
          border-radius: 100%;
          background: #fff;
          text-align: center;
          line-height: 63px;
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
        .scout_list > li dt .favorite_msg .icn_favorite_msg {
          width: 26px;
          height: 25px; }
      .scout_list > li dt .name {
        font-size: 18px;
        padding-right: 40px; }
      .scout_list > li dt .date {
        font-size: 14px;
        display: inline-block;
        position: absolute;
        right: 60px;
        bottom: 15px; }
      .scout_list > li dt .-btn_green {
        margin-top: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-weight: normal;
        color: #0bae97; }
      .scout_list > li dt .message {
        margin-top: 10px;
        color: #999; }
      .scout_list > li dt:after {
        position: absolute;
        top: 50%;
        right: 20px;
        left: auto;
        margin-top: -10px;
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        border-top: 2px solid #019fa5;
        border-right: 2px solid #019fa5;
        -webkit-transform: rotate(130deg) skew(-10deg, 0);
        transform: rotate(130deg) skew(-10deg, 0);
        transition: all 0.2s linear; }
    .scout_list > li dd {
      display: none;
      padding: 20px; }
      .scout_list > li dd .title {
        font-weight: bold; }
        .scout_list > li dd .title + p {
          margin-top: 10px; }
        .scout_list > li dd .title .btn {
          margin: 0 0 20px; }
      .scout_list > li dd p {
        line-height: 1.8; }
      .scout_list > li dd .btn.-btn_green {
        margin: 20px 0 0; }
      .scout_list > li dd .list_bnt {
        margin: 20px -20px -20px;
        padding: 20px 10px;
        background: #f9f9f9; }
        .scout_list > li dd .list_bnt li {
          box-shadow: none; }
          .scout_list > li dd .list_bnt li a {
            font-size: 14px; }
      .scout_list > li dd .card {
        display: flex; }
        .scout_list > li dd .card figure {
          width: 140px;
          height: auto;
          padding: 15px 0 15px 15px; }
        .scout_list > li dd .card dt {
          padding: 0;
          text-align: left; }
          .scout_list > li dd .card dt:after {
            display: none; }
        .scout_list > li dd .card dd {
          display: block;
          padding: 0; }
        .scout_list > li dd .card .results {
          margin-bottom: 10px; }
        .scout_list > li dd .card.card_result {
          margin-top: 7px; }
          .scout_list > li dd .card.card_result .card__txt {
            display: block;
            padding: 10px 15px 15px 11px; }
            .scout_list > li dd .card.card_result .card__txt .company {
              font-size: 10px; }
            .scout_list > li dd .card.card_result .card__txt .name {
              font-size: 11px;
              margin-top: 3px;
              margin-bottom: 10px; }
          .scout_list > li dd .card.card_result .ability {
            background: none;
            padding: 0;
            height: auto; }
            .scout_list > li dd .card.card_result .ability .ability__list dt {
              text-align: left;
              font-size: 10px;
              margin: 7px 0 3px; }
            .scout_list > li dd .card.card_result .ability .ability__list dd ul {
              justify-content: space-around;
              padding: 0; }
              .scout_list > li dd .card.card_result .ability .ability__list dd ul li {
                align-items: flex-start;
                font-size: 10px;
                width: auto;
                height: auto;
                border-right: none;
                padding: 4px 9px; }
                .scout_list > li dd .card.card_result .ability .ability__list dd ul li[class^="icn_"], .scout_list > li dd .card.card_result .ability .ability__list dd ul li[class*=" icn_"] {
                  background-image: none; }
                .scout_list > li dd .card.card_result .ability .ability__list dd ul li.icn_execute {
                  background: #fdeeec;
                  color: #f05448; }
                .scout_list > li dd .card.card_result .ability .ability__list dd ul li.icn_creativity {
                  background: #ecf4fc;
                  color: #4998dd; }
                .scout_list > li dd .card.card_result .ability .ability__list dd ul li.icn_flexibility {
                  background: #fff8e9;
                  color: #ffbc27; }
          .scout_list > li dd .card.card_result:nth-child(n+2) {
            margin-top: 10px; }
      .scout_list > li dd .question_box .question__title,
      .scout_list > li dd .feedback_questionBlock .question__title {
        text-align: center;
        font-size: 22px;
        margin-bottom: 0;
        font-weight: bold; }
        .scout_list > li dd .question_box .question__title span,
        .scout_list > li dd .feedback_questionBlock .question__title span {
          display: block;
          font-size: 14px;
          font-weight: normal; }
      .scout_list > li dd .question_box .question__text,
      .scout_list > li dd .feedback_questionBlock .question__text {
        text-align: center;
        font-size: 14px;
        margin-bottom: 30px; }
        .scout_list > li dd .question_box .question__text.-is_done,
        .scout_list > li dd .feedback_questionBlock .question__text.-is_done {
          font-size: 18px;
          color: #c2c2c2; }
      .scout_list > li dd .question_box .question,
      .scout_list > li dd .feedback_questionBlock .question {
        font-weight: bold;
        margin-bottom: 5px; }
      .scout_list > li dd .question_box .answer,
      .scout_list > li dd .feedback_questionBlock .answer {
        padding-left: 20px;
        margin-top: 10px; }
        .scout_list > li dd .question_box .answer .list li,
        .scout_list > li dd .feedback_questionBlock .answer .list li {
          width: 100%; }
        .scout_list > li dd .question_box .answer .list li + li,
        .scout_list > li dd .feedback_questionBlock .answer .list li + li {
          margin-top: 8px; }
        .scout_list > li dd .question_box .answer + .question,
        .scout_list > li dd .feedback_questionBlock .answer + .question {
          margin-top: 20px; }
      .scout_list > li dd .question_box .btn,
      .scout_list > li dd .feedback_questionBlock .btn {
        display: block;
        margin: 35px auto 0; }
      .scout_list > li dd .feedback_questionBlock {
        margin-top: 40px; }
        .scout_list > li dd .feedback_questionBlock .btn {
          max-width: 166px; }
      .scout_list > li dd .selecttop_box {
        display: flex;
        align-items: center;
        margin: 0 0 9px; }
        .scout_list > li dd .selecttop_box p, .scout_list > li dd .selecttop_box label {
          flex: 1; }
        .scout_list > li dd .selecttop_box > p {
          font-size: 11px; }
        .scout_list > li dd .selecttop_box .select p {
          line-height: 44px; }
      .scout_list > li dd .feedback_commentBlock {
        margin-top: 40px; }
    .scout_list > li .feedback_table {
      margin: 0 0 40px; }
      .scout_list > li .feedback_table .title {
        text-align: center;
        font-size: 11px;
        margin-bottom: 9px;
        padding: 3px 0; }
      .scout_list > li .feedback_table .feedback_legend {
        display: flex;
        justify-content: center;
        font-size: 11px;
        margin: 10px 0 0; }
        .scout_list > li .feedback_table .feedback_legend li {
          display: flex; }
          .scout_list > li .feedback_table .feedback_legend li:before {
            content: "";
            width: 19px;
            height: 19px;
            margin: 0 4px 0 0; }
          .scout_list > li .feedback_table .feedback_legend li:nth-child(2) {
            padding-left: 10px; }
            .scout_list > li .feedback_table .feedback_legend li:nth-child(2):before {
              background: #e9e9e9; }
      .scout_list > li .feedback_table .barchart .g-num2 {
        fill: #e9e9e9; }
      .scout_list > li .feedback_table.type_stepForward .title {
        background: #fdeeec;
        color: #f05648; }
      .scout_list > li .feedback_table.type_stepForward .feedback_legend li:nth-child(1):before {
        background: #f05648; }
      .scout_list > li .feedback_table.type_stepForward .barchart .g-num {
        fill: #f05648; }
      .scout_list > li .feedback_table.type_thinkThrough .title {
        background: #ecf4fc;
        color: #1e7fd9; }
      .scout_list > li .feedback_table.type_thinkThrough .feedback_legend li:nth-child(1):before {
        background: #1e7fd9; }
      .scout_list > li .feedback_table.type_thinkThrough .barchart .g-num {
        fill: #1e7fd9; }
      .scout_list > li .feedback_table.type_work .title {
        background: #fff8e9;
        color: #f05648; }
      .scout_list > li .feedback_table.type_work .feedback_legend li:nth-child(1):before {
        background: #ffbc27; }
      .scout_list > li .feedback_table.type_work .barchart .g-num {
        fill: #ffbc27; }
      .scout_list > li .feedback_table table {
        border: 2px solid #e9e9e9;
        width: 100%;
        margin-top: 11px; }
        .scout_list > li .feedback_table table th,
        .scout_list > li .feedback_table table td {
          border: 1px solid #e9e9e9;
          text-align: center;
          vertical-align: middle;
          font-weight: bold; }
        .scout_list > li .feedback_table table th {
          background: #f9f9f9;
          font-size: 10px; }
        .scout_list > li .feedback_table table td {
          font-size: 11px;
          padding: 12px 0; }
          .scout_list > li .feedback_table table td:nth-child(1) {
            width: 60px; }
    .scout_list > li .barchart {
      border: 1px solid #e9e9e9;
      padding: 23px 0 20px;
      position: relative; }
      .scout_list > li .barchart [class^="chart_"]:before,
      .scout_list > li .barchart [class*=" chart_"]:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        background: #000000;
        position: absolute;
        top: 0;
        left: 30%; }
      .scout_list > li .barchart [class^="chart_work"]:before,
      .scout_list > li .barchart [class*=" chart_work"]:before {
        height: 81%; }
      .scout_list > li .barchart dd {
        display: block; }
      .scout_list > li .barchart .g-hed {
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 22px;
        margin: 3px 0; }
      .scout_list > li .barchart .g-source-bold {
        text-align: left;
        font-size: 10px;
        font-weight: bold; }
      .scout_list > li .barchart .g-source {
        margin: 10px 0; }
      .scout_list > li .barchart .g-source-bold {
        text-align: left;
        font-size: 10px; }
      .scout_list > li .barchart .g-intro {
        font-size: 16px;
        margin: 0px 0px 10px 0px; }
      .scout_list > li .barchart .g-labels {
        fill: white;
        font-size: 11px; }
      .scout_list > li .barchart .axis line {
        fill: none;
        stroke: #ccc;
        stroke-dasharray: 2px 3px;
        shape-rendering: crispEdges;
        stroke-width: 1px; }
      .scout_list > li .barchart .axis text {
        font-family: 'Proxima-Nova', sans-serif;
        font-size: 13px;
        pointer-events: none;
        fill: #7e7e7e; }
      .scout_list > li .barchart .domain {
        display: none; }
      .scout_list > li .barchart .y.axis text {
        text-anchor: end !important;
        font-size: 11px;
        fill: #333333; }
      .scout_list > li .barchart .y.axis line {
        display: none; }
      .scout_list > li .barchart .g-baseline line {
        stroke: #000;
        stroke-width: 1px;
        stroke-dasharray: none; }
      .scout_list > li .barchart .x.axis .tick {
        display: none; }
      .scout_list > li .barchart .chart__feedback {
        padding: 6px 0 2px;
        position: relative; }
        .scout_list > li .barchart .chart__feedback .line_block {
          display: flex;
          align-items: center;
          margin: 0 0 6px; }
          .scout_list > li .barchart .chart__feedback .line_block .name {
            width: 30%;
            text-align: right;
            font-size: 12px;
            font-weight: normal;
            padding: 0 11px 0 0;
            box-sizing: border-box; }
          .scout_list > li .barchart .chart__feedback .line_block .line {
            width: 65%; }
            .scout_list > li .barchart .chart__feedback .line_block .line i {
              display: block;
              height: 22px;
              line-height: 22px;
              text-align: right;
              color: #ffffff;
              font-style: normal;
              padding: 0 10px 0 0;
              box-sizing: border-box;
              font-size: 12px; }
              .scout_list > li .barchart .chart__feedback .line_block .line i + i {
                background: #e8e8e8 !important;
                margin-top: 3px; }
              .scout_list > li .barchart .chart__feedback .line_block .line i.val1 {
                width: 20%; }
              .scout_list > li .barchart .chart__feedback .line_block .line i.val2 {
                width: 40%; }
              .scout_list > li .barchart .chart__feedback .line_block .line i.val3 {
                width: 60%; }
              .scout_list > li .barchart .chart__feedback .line_block .line i.val4 {
                width: 80%; }
              .scout_list > li .barchart .chart__feedback .line_block .line i.val5 {
                width: 100%; }
        .scout_list > li .barchart .chart__feedback.-chart__feedback_stepForward .line_block .line i {
          background: #ea5d4c; }
        .scout_list > li .barchart .chart__feedback.-chart__feedback_thinkThrough .line_block .line i {
          background: #4477d6; }
        .scout_list > li .barchart .chart__feedback.-chart__feedback_work .line_block .name {
          font-size: 11px; }
        .scout_list > li .barchart .chart__feedback.-chart__feedback_work .line_block .line i {
          background: #f8c037; }
    .scout_list > li .feedback_comment {
      background: #edf9f7;
      margin: 0 0 25px;
      padding: 14px 14px;
      border-radius: 3px;
      font-size: 12px; }
    .scout_list > li .-is_open > dt {
      background: #0eb293; }
      .scout_list > li .-is_open > dt p {
        color: #fff; }
      .scout_list > li .-is_open > dt .-btn_green {
        color: #0bae97;
        background: #fff; }
      .scout_list > li .-is_open > dt .message {
        display: none !important; }
      .scout_list > li .-is_open > dt:after {
        bottom: 0;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(-50deg) skew(-10deg, 0);
        transform: rotate(-50deg) skew(-10deg, 0); }
  @media print, screen and (min-width: 641px) {
    .scout_list.-is_headline li .title_box {
      padding: 20px;
      box-sizing: border-box;
      background: #fff;
      display: table;
      width: 100%; }
      .scout_list.-is_headline li .title_box > * {
        display: table-cell;
        vertical-align: middle; }
      .scout_list.-is_headline li .title_box:after {
        position: absolute;
        bottom: 50%;
        margin-bottom: -10px;
        right: 40px;
        left: auto;
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        border-top: 2px solid #019fa5;
        border-right: 2px solid #019fa5;
        -webkit-transform: rotate(40deg) skew(-10deg, 0);
        transform: rotate(40deg) skew(-10deg, 0);
        transition: all 0.2s linear; }
    .scout_list.-is_headline li .company {
      font-size: 12px;
      font-weight: bold;
      color: #666; }
      .scout_list.-is_headline li .company .new {
        display: inline-block;
        vertical-align: middle;
        padding: 1px 5px;
        margin-right: 5px;
        text-align: center;
        color: #fff;
        background: #ff9625; }
    .scout_list.-is_headline li .favorite_msg {
      width: 48px; }
      .scout_list.-is_headline li .favorite_msg a {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background: #fff;
        text-align: center;
        line-height: 63px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
      .scout_list.-is_headline li .favorite_msg .icn_favorite_msg {
        width: 26px;
        height: 25px; }
    .scout_list.-is_headline li .name {
      font-size: 18px; }
    .scout_list.-is_headline li .-btn_green {
      margin-top: 10px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      font-weight: normal;
      color: #0bae97; }
    .scout_list.-is_headline li .message {
      margin-top: 10px;
      color: #999;
      padding: 0px; }
    .scout_list li + li {
      margin-top: 24px; }
    .scout_list li dt {
      padding: 20px 300px 15px 40px;
      cursor: pointer;
      position: relative;
      z-index: 0; }
      .scout_list li dt .-btn_green {
        margin-top: -15px;
        position: absolute;
        top: 50%;
        right: 100px;
        z-index: 10; }
      .scout_list li dt .-btn_green {
        max-width: 180px; }
      .scout_list li dt .message {
        margin-top: 1px; }
      .scout_list li dt .date {
        font-size: 14px;
        display: inline-block;
        position: absolute;
        right: 90px;
        bottom: 15px; }
      .scout_list li dt:after {
        right: 40px;
        left: auto;
        margin-top: -20px; }
    .scout_list li dd {
      padding: 22px 40px 35px; }
      .scout_list li dd .title + p {
        margin-top: 16px; }
      .scout_list li dd .title .btn {
        float: right;
        max-width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 6px; }
      .scout_list li dd .btn.-btn_green {
        max-width: 217px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 13px; }
      .scout_list li dd .list_bnt {
        margin: 30px 0 0; }
      .scout_list li dd .card {
        display: flex; }
        .scout_list li dd .card figure {
          width: 134px;
          height: auto;
          padding: 15px 0 15px 15px; }
        .scout_list li dd .card dt {
          padding: 0;
          text-align: left; }
          .scout_list li dd .card dt:after {
            display: none; }
        .scout_list li dd .card dd {
          display: block;
          padding: 0; }
        .scout_list li dd .card .results {
          margin-bottom: 10px; }
        .scout_list li dd .card.card_result {
          width: 100%;
          margin-top: 0;
          margin-right: 0;
          padding: 0;
          float: none; }
          .scout_list li dd .card.card_result .card__txt {
            display: block;
            padding: 10px 15px 15px 11px; }
            .scout_list li dd .card.card_result .card__txt .company {
              font-size: 10px; }
            .scout_list li dd .card.card_result .card__txt .name {
              font-size: 11px;
              margin-top: 3px;
              margin-bottom: 10px; }
          .scout_list li dd .card.card_result .ability {
            background: none;
            padding: 0;
            height: auto;
            position: relative; }
            .scout_list li dd .card.card_result .ability .ability__list {
              display: flex; }
              .scout_list li dd .card.card_result .ability .ability__list dt {
                font-size: 12px;
                margin: 0; }
              .scout_list li dd .card.card_result .ability .ability__list dd ul {
                justify-content: space-around;
                padding: 0; }
                .scout_list li dd .card.card_result .ability .ability__list dd ul li {
                  align-items: flex-start;
                  font-size: 12px;
                  padding: 3px 9px;
                  margin-left: 5px; }
          .scout_list li dd .card.card_result:nth-child(n+2) {
            margin-top: 10px; }
      .scout_list li dd .question_box.-is_done .radio,
      .scout_list li dd .question_box.-is_done textarea,
      .scout_list li dd .feedback_questionBlock.-is_done .radio,
      .scout_list li dd .feedback_questionBlock.-is_done textarea {
        cursor: default;
        pointer-events: none; }
      .scout_list li dd .question_box.-is_done .question__text,
      .scout_list li dd .feedback_questionBlock.-is_done .question__text {
        font-size: 24px; }
      .scout_list li dd .question_box .question__title,
      .scout_list li dd .feedback_questionBlock .question__title {
        font-size: 26px; }
      .scout_list li dd .question_box .question__text,
      .scout_list li dd .feedback_questionBlock .question__text {
        font-size: 14px; }
        .scout_list li dd .question_box .question__text.-is_done,
        .scout_list li dd .feedback_questionBlock .question__text.-is_done {
          font-size: 24px; }
      .scout_list li dd .question_box .answer .list,
      .scout_list li dd .feedback_questionBlock .answer .list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .scout_list li dd .question_box .answer .list li,
        .scout_list li dd .feedback_questionBlock .answer .list li {
          width: auto; }
      .scout_list li dd .question_box .answer + .question,
      .scout_list li dd .feedback_questionBlock .answer + .question {
        margin-top: 35px; }
      .scout_list li dd .selecttop_box {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0 0 9px; }
        .scout_list li dd .selecttop_box p, .scout_list li dd .selecttop_box label {
          flex: inherit; }
        .scout_list li dd .selecttop_box > p {
          font-size: 11px;
          text-align: right;
          padding: 0 8px 0 0; }
        .scout_list li dd .selecttop_box .select p {
          line-height: 44px; }
    .scout_list li .feedback_table {
      overflow: hidden;
      margin: 0 0 40px; }
      .scout_list li .feedback_table .title {
        font-size: 14px;
        margin-bottom: 22px;
        padding: 5px 0; }
      .scout_list li .feedback_table .barchart {
        position: relative;
        width: 100%;
        max-width: 540px;
        min-height: 220px;
        padding: 23px 224px 18px 46px;
        box-sizing: border-box;
        float: left; }
        .scout_list li .feedback_table .barchart [class^="chart_"]:before,
        .scout_list li .feedback_table .barchart [class*=" chart_"]:before {
          top: 0px;
          left: 100px;
          height: 100%; }
        .scout_list li .feedback_table .barchart [class^="chart_work"]:before,
        .scout_list li .feedback_table .barchart [class*=" chart_work"]:before {
          height: 90%; }
        .scout_list li .feedback_table .barchart .y.axis text {
          font-size: 14px; }
        .scout_list li .feedback_table .barchart .chart__feedback {
          padding: 6px 0 2px;
          position: relative; }
          .scout_list li .feedback_table .barchart .chart__feedback .line_block {
            display: flex;
            align-items: center;
            margin: 0 0 6px; }
            .scout_list li .feedback_table .barchart .chart__feedback .line_block .name {
              width: 40%;
              text-align: right;
              font-size: 14px;
              font-weight: normal;
              padding: 0 11px 0 0;
              box-sizing: border-box; }
            .scout_list li .feedback_table .barchart .chart__feedback .line_block .line {
              width: 176px; }
              .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i {
                display: block;
                height: 22px;
                line-height: 22px;
                text-align: right;
                color: #ffffff;
                font-style: normal;
                padding: 0 3px 0 0;
                box-sizing: border-box;
                font-size: 12px; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i + i {
                  background: #e8e8e8 !important;
                  margin-top: 3px; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i.val1 {
                  width: 20%; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i.val2 {
                  width: 40%; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i.val3 {
                  width: 60%; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i.val4 {
                  width: 80%; }
                .scout_list li .feedback_table .barchart .chart__feedback .line_block .line i.val5 {
                  width: 100%; }
          .scout_list li .feedback_table .barchart .chart__feedback.-chart__feedback_stepForward .line_block .line i {
            background: #ea5d4c; }
          .scout_list li .feedback_table .barchart .chart__feedback.-chart__feedback_thinkThrough .line_block .line i {
            background: #4477d6; }
          .scout_list li .feedback_table .barchart .chart__feedback.-chart__feedback_work .line_block .name {
            font-size: 12px; }
          .scout_list li .feedback_table .barchart .chart__feedback.-chart__feedback_work .line_block .line i {
            background: #f8c037; }
      .scout_list li .feedback_table .feedback_legend {
        position: absolute;
        top: 30px;
        left: 370px;
        display: block;
        font-size: 12px;
        margin: 0; }
        .scout_list li .feedback_table .feedback_legend li {
          display: flex;
          margin-bottom: 4px; }
          .scout_list li .feedback_table .feedback_legend li:before {
            content: "";
            width: 19px;
            height: 19px;
            margin: 0 4px 0 0; }
          .scout_list li .feedback_table .feedback_legend li:nth-child(2) {
            padding-left: 0; }
      .scout_list li .feedback_table table {
        float: right;
        width: 430px;
        margin-top: 0; }
        .scout_list li .feedback_table table th,
        .scout_list li .feedback_table table td {
          border: 1px solid #e9e9e9;
          text-align: center;
          vertical-align: middle;
          font-weight: bold; }
        .scout_list li .feedback_table table th {
          font-size: 12px;
          padding: 8px 0;
          line-height: 1.4; }
        .scout_list li .feedback_table table td {
          padding: 12px 0; }
          .scout_list li .feedback_table table td:nth-child(1) {
            width: 102px; }
    .scout_list li .feedback_commentBlock {
      display: flex;
      align-items: center;
      margin: -10px 0 34px; }
      .scout_list li .feedback_commentBlock .title {
        flex-basis: 222px; }
        .scout_list li .feedback_commentBlock .title + p {
          margin-top: 0; }
    .scout_list li .feedback_comment {
      background: #edf9f7;
      margin: 0;
      padding: 21px 50px;
      border-radius: 12px;
      font-size: 14px;
      flex-basis: 680px; }
    .scout_list li .results {
      margin: 10px 0 0; }
    .scout_list li .-is_open dt:after {
      top: 50%;
      margin-top: -10px; } }

/* メッセージ一覧、詳細
----------------------------------------------------- */
#container.mail .section {
  padding: 0; }

.message_box {
  position: relative;
  background: #fff; }
  .message_box.detail {
    padding-bottom: 23px; }
    .message_box.detail .title {
      padding: 13px 15px; }
    .message_box.detail .link_btn {
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px; }
      .message_box.detail .link_btn .btn {
        position: relative;
        display: block;
        margin-top: 10px;
        width: auto;
        margin-top: 12px;
        width: 100%;
        order: 2; }
        .message_box.detail .link_btn .btn + .btn {
          order: 1;
          color: #fff !important; }
  .message_box.-detail_edit .title {
    padding: 13px 15px; }
    .message_box.-detail_edit .title.-is_fixed {
      position: fixed;
      top: 290px;
      left: 0;
      z-index: 2;
      width: 100%;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden; }
  .message_box .title {
    width: 100%;
    padding: 13px 15px;
    z-index: 10;
    box-sizing: border-box;
    border-bottom: 2px solid #e4e4e4;
    background: #fff; }
    .message_box .title .select {
      margin-top: 5px;
      background: #fff;
      height: 40px; }
      .message_box .title .select p {
        line-height: 40px; }
    .message_box .title .link a {
      padding-left: 10px;
      color: #1e7fd9;
      display: inline-block;
      position: relative; }
      .message_box .title .link a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        height: 0px;
        width: 0;
        border-bottom: 1px solid currentcolor;
        transition: all 0.2s linear; }
      @media print, screen and (min-width: 641px) {
        .message_box .title .link a:hover::after {
          width: 100%; } }
      .message_box .title .link a:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #0aac99;
        border-right: 2px solid #0aac99;
        -webkit-transform: rotate(-140deg) skew(-10deg, 0);
        transform: rotate(-140deg) skew(-10deg, 0);
        transition: all 0.2s linear;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px; }
    .message_box .title .link + .tit_sub {
      margin-top: 20px;
      text-align: left;
      padding: 0; }
    .message_box .title .tit_sub .company_name {
      font-size: 12px;
      color: #666666;
      display: block;
      padding: 0 0 12px; }
    .message_box .title .btn {
      height: 30px;
      line-height: 30px;
      margin-top: 20px;
      font-size: 13px; }
  .message_box .mailbox li {
    position: relative;
    border-top: 1px solid #e4e4e4;
    background: #f9f9f9; }
    .message_box .mailbox li a {
      display: block;
      width: 100%;
      padding: 10px 25px 10px 20px;
      box-sizing: border-box; }
      .message_box .mailbox li a:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 2px solid #0aac99;
        border-right: 2px solid #0aac99;
        -webkit-transform: rotate(40deg) skew(-10deg, 0);
        transform: rotate(40deg) skew(-10deg, 0);
        transition: all 0.2s linear;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -4px; }
    .message_box .mailbox li:last-child a:before {
      content: none; }
    .message_box .mailbox li.unread {
      background: #fff; }
      .message_box .mailbox li.unread .subject {
        font-weight: bold; }
      .message_box .mailbox li.unread .maintxt {
        font-weight: bold; }
    .message_box .mailbox li.replied .sender {
      box-sizing: border-box;
      padding-right: 60px; }
      .message_box .mailbox li.replied .sender::after {
        content: '';
        display: inline-block;
        background: url(/img/icn_msg_return.png) no-repeat 0 0;
        background-size: 17px 12px;
        width: 17px;
        height: 12px;
        margin-left: 12px;
        position: relative;
        display: inline-block;
        vertical-align: -1px; }
    .message_box .mailbox li:first-child {
      border-top: none; }
    .message_box .mailbox li .subject {
      position: relative;
      padding-right: 75px; }
      .message_box .mailbox li .subject .noreply {
        color: #ef5646;
        font-size: 12px;
        margin-right: 10px; }
      .message_box .mailbox li .subject .number {
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
        margin-left: 5px;
        padding: 1px 5px;
        font-size: 10px;
        color: #fff;
        text-align: center;
        background: #ef5646;
        border-radius: 50px; }
    .message_box .mailbox li .entry,
    .message_box .mailbox li .noentry {
      font-size: 12px;
      color: #fff;
      width: 52px;
      min-width: 52px;
      text-align: center;
      display: inline-block;
      border-radius: 3px;
      width: 52px;
      float: left;
      margin-right: 10px;
      padding-top: 1px; }
    .message_box .mailbox li .entry {
      background: #c2c2c2; }
    .message_box .mailbox li .noentry {
      background: #ef5646; }
    .message_box .mailbox li .time {
      font-size: 10px;
      position: absolute;
      top: 10px;
      right: 25px; }
    .message_box .mailbox li .mark_notice {
      background: #ef5646;
      color: #fff;
      font-size: 12px;
      display: inline-block;
      width: 42px;
      text-align: center;
      margin-left: 0px;
      border-radius: 20px; }
    .message_box .mailbox li .maintxt {
      font-weight: normal; }
      .message_box .mailbox li .maintxt .noreply {
        color: #ef5646;
        font-size: 12px;
        margin-right: 5px; }
    .message_box .mailbox li.more {
      padding-top: 5px;
      font-weight: bold;
      text-align: center;
      background: #fff; }
      .message_box .mailbox li.more a {
        color: #1e7fd9; }
        .message_box .mailbox li.more a:after {
          display: inline-block;
          vertical-align: middle;
          margin-left: 5px;
          position: absolute;
          content: '';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-top: 2px solid #1e7fd9;
          border-right: 2px solid #1e7fd9;
          -webkit-transform: rotate(130deg) skew(-10deg, 0);
          transform: rotate(130deg) skew(-10deg, 0);
          transition: all 0.2s linear; }
  .message_box .mailbox .list_maildetail li {
    padding: 10px 20px;
    background: #fff; }
    .message_box .mailbox .list_maildetail li .maildetail {
      display: table;
      width: 100%;
      box-sizing: border-box; }
      .message_box .mailbox .list_maildetail li .maildetail > * {
        display: table-cell;
        vertical-align: top; }
      .message_box .mailbox .list_maildetail li .maildetail .icnarea {
        width: 45px; }
        .message_box .mailbox .list_maildetail li .maildetail .icnarea .icn {
          width: 45px;
          height: 45px; }
      .message_box .mailbox .list_maildetail li .maildetail .name, .message_box .mailbox .list_maildetail li .maildetail .time {
        padding-left: 10px; }
      .message_box .mailbox .list_maildetail li .maildetail .name {
        line-height: 1;
        font-weight: normal; }
      .message_box .mailbox .list_maildetail li .maildetail .time {
        position: static; }
      .message_box .mailbox .list_maildetail li .maildetail .text {
        margin-left: -45px;
        margin-top: 11px; }
    .message_box .mailbox .list_maildetail li:first-child .name {
      font-weight: bold; }
  .message_box .mailbox.-mailbox_detail .title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    padding: 13px 15px; }
    .message_box .mailbox.-mailbox_detail .title time {
      display: block;
      font-size: 12px;
      font-weight: normal;
      color: #666; }
      .message_box .mailbox.-mailbox_detail .title time.replied::after {
        content: '';
        display: inline-block;
        background: url(/img/icn_msg_return.png) no-repeat 0 0;
        background-size: 17px 12px;
        width: 17px;
        height: 12px;
        margin-left: 8px;
        vertical-align: -1px; }
    .message_box .mailbox.-mailbox_detail .title + p {
      padding: 13px 15px; }
  .message_box .mailbox.-mailbox_detail p {
    padding: 20px 45px;
    line-height: 1.8; }
  .message_box .mailbox.-mailbox_detail + .list_bnt {
    margin: 0 14px;
    padding: 20px 23px;
    width: auto;
    box-sizing: border-box;
    background: #f9f9f9; }
    .message_box .mailbox.-mailbox_detail + .list_bnt li::before {
      content: none; }
    .message_box .mailbox.-mailbox_detail + .list_bnt .btn {
      height: 38px;
      line-height: 38px; }
      .message_box .mailbox.-mailbox_detail + .list_bnt .btn.-btn_grad_line a {
        height: 34px;
        line-height: 34px; }
    .message_box .mailbox.-mailbox_detail + .list_bnt a {
      padding: 0;
      height: 38px;
      line-height: 38px; }
  .message_box .mailbox_done {
    text-align: center;
    padding: 30px 15px; }
    .message_box .mailbox_done .icn_done {
      width: 85px;
      height: auto; }
    .message_box .mailbox_done .cmpText {
      font-size: 16px;
      font-weight: bold;
      margin-top: 10px; }
      .message_box .mailbox_done .cmpText + .list_bnt {
        margin: 20px 20px 0;
        width: auto; }
  .message_box .mailsend {
    display: table;
    width: 100%;
    padding: 15px;
    border-top: 2px solid #e9e9e9;
    background: #fff;
    box-sizing: border-box; }
    .message_box .mailsend > * {
      display: table-cell;
      vertical-align: middle; }
    .message_box .mailsend textarea {
      width: 95%;
      height: 43px; }
    .message_box .mailsend .btnarea {
      width: 20%;
      margin: 0; }
      .message_box .mailsend .btnarea .btn {
        height: 30px;
        line-height: 30px; }
    .message_box .mailsend dl {
      padding: 10px 0 0; }
      .message_box .mailsend dl dt {
        font-size: 12px;
        color: #666666; }
      .message_box .mailsend dl dd + dt {
        margin-top: 30px; }
      .message_box .mailsend dl textarea {
        width: 100%;
        height: 185px; }
    .message_box .mailsend + .btnarea {
      margin-bottom: 0;
      margin-top: 25px;
      padding-bottom: 15px; }
      .message_box .mailsend + .btnarea .btn {
        max-width: 245px; }
    .message_box .mailsend + .txt_link {
      margin: 10px 15px 25px;
      text-align: center;
      display: block; }
      .message_box .mailsend + .txt_link + .btnarea {
        margin-bottom: 0;
        margin-top: 25px;
        padding-bottom: 15px; }
        .message_box .mailsend + .txt_link + .btnarea .btn {
          max-width: 245px; }
  .message_box.-message_box_scout .list li {
    float: none;
    padding-right: 0;
    text-align: center; }
  .message_box.-message_box_scout .mailsend {
    border-top: none; }
    .message_box.-message_box_scout .mailsend textarea {
      width: 100%;
      height: auto; }
  .message_box.-message_box_scout .title .tit_sub {
    text-align: left;
    padding: 0; }
  .message_box.-message_box_scout .title .company {
    font-size: 12px;
    font-weight: bold;
    color: #666666; }
  .message_box.-message_box_scout .title .link {
    margin-bottom: 12px; }
  .message_box.-message_box_scout .btnarea {
    background: #f9f9f9;
    padding: 30px 15px 20px; }
    .message_box.-message_box_scout .btnarea .btn {
      margin-bottom: 20px; }
  @media print, screen and (min-width: 641px) {
    .message_box {
      padding-bottom: 5px; }
      .message_box.detail .title, .message_box.-detail_edit .title {
        padding: 25px 40px 25px 25px; }
      .message_box .title {
        position: relative;
        padding: 15px 23px; }
        .message_box .title .select, .message_box .title .btn {
          margin: 0;
          position: absolute;
          top: 50%;
          right: 10px; }
        .message_box .title .select {
          margin-top: -20px; }
        .message_box .title .btn {
          margin-top: -15px;
          font-size: 12px; }
        .message_box .title .link + .tit_sub {
          margin-top: 10px; }
        .message_box .title .link_btn {
          display: flex;
          align-items: center;
          margin-top: 10px; }
          .message_box .title .link_btn .btn {
            position: relative;
            display: inline-block;
            margin-top: 0;
            width: 165px;
            order: 2;
            vertical-align: middle; }
            .message_box .title .link_btn .btn + .btn {
              margin-right: 10px;
              margin-left: 10px;
              order: 1;
              height: 38px;
              line-height: 38px;
              width: 185px;
              color: #fff !important; }
          .message_box .title .link_btn .txt_link {
            order: 3; }
          .message_box .title .link_btn .-btn_grad, .message_box.detail .title .link_btn .btn + .btn {
            height: 38px;
            line-height: 38px;
            margin-left: 10px; }
      .message_box .mailbox {
        overflow-y: scroll;
        height: 435px;
        padding: 5px; }
        .message_box .mailbox .entry {
          float: none;
          margin-right: 0; }
        .message_box .mailbox.-mailbox_msglist .sender {
          position: relative;
          width: 280px;
          padding-right: 60px; }
        .message_box .mailbox.-mailbox_msglist .subject {
          width: 320px; }
          .message_box .mailbox.-mailbox_msglist .subject .noreply {
            color: #ef5646;
            font-size: 12px;
            margin-right: 10px;
            position: absolute;
            top: 2px;
            left: -52px; }
        .message_box .mailbox.-mailbox_msglist .maintxt {
          width: 320px; }
        .message_box .mailbox.-mailbox_detail .title {
          padding: 20px 35px 0; }
          .message_box .mailbox.-mailbox_detail .title + p {
            padding: 10px 35px 0; }
        .message_box .mailbox.-mailbox_detail + .list_bnt {
          margin: 0px 40px 17px;
          padding: 24px 0; }
        .message_box .mailbox li a {
          display: table;
          padding: 11px 20px 10px; }
          .message_box .mailbox li a > * {
            display: table-cell;
            vertical-align: middle;
            box-sizing: border-box; }
          .message_box .mailbox li a:before {
            display: none; }
        .message_box .mailbox li:last-child a:before {
          position: absolute;
          content: '';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-top: 2px solid #0aac99;
          border-right: 2px solid #0aac99;
          -webkit-transform: rotate(40deg) skew(-10deg, 0);
          transform: rotate(40deg) skew(-10deg, 0);
          transition: all 0.2s linear;
          position: absolute;
          top: 50%;
          right: 10px;
          margin-top: -4px; }
        .message_box .mailbox li:before {
          content: "";
          display: block;
          width: 4px;
          height: 0;
          background: #04a29e;
          position: absolute;
          top: 0;
          left: -5px;
          transition: all 0.2s linear; }
        .message_box .mailbox li:hover:before {
          height: 100%; }
        .message_box .mailbox li .subject {
          width: 250px;
          padding-right: 40px; }
          .message_box .mailbox li .subject .number {
            position: absolute;
            top: 5px;
            left: 145px; }
        .message_box .mailbox li.unread .sender,
        .message_box .mailbox li.unread .subject,
        .message_box .mailbox li.unread .maintxt,
        .message_box .mailbox li.unread .time {
          font-weight: bold; }
        .message_box .mailbox li.unread .subject::after {
          content: none; }
        .message_box .mailbox li.replied .sender {
          box-sizing: border-box;
          padding-right: 30px; }
          .message_box .mailbox li.replied .sender::after {
            content: '';
            display: inline-block;
            background: url(/img/icn_msg_return.png) no-repeat 0 0;
            background-size: 17px 12px;
            width: 17px;
            height: 12px;
            padding-right: 12px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -6px; }
        .message_box .mailbox li .maintxt {
          width: 550px;
          padding-right: 50px; }
          .message_box .mailbox li .maintxt .noreply {
            color: #ef5646;
            font-size: 12px;
            margin-right: 10px; }
        .message_box .mailbox li .time {
          position: static;
          width: 90px;
          font-size: 14px; }
        .message_box .mailbox .list_maildetail li {
          padding: 19px 25px 25px; }
          .message_box .mailbox .list_maildetail li .maildetail .txtbox {
            padding-top: 5px;
            padding-left: 15px; }
          .message_box .mailbox .list_maildetail li .maildetail .name, .message_box .mailbox .list_maildetail li .maildetail .time {
            padding-left: 0; }
          .message_box .mailbox .list_maildetail li .maildetail .name {
            font-size: 14px; }
          .message_box .mailbox .list_maildetail li .maildetail .time {
            font-size: 11px; }
          .message_box .mailbox .list_maildetail li .maildetail .text {
            margin-left: 0; }
          .message_box .mailbox .list_maildetail li:hover:before {
            display: none; }
      .message_box .mailbox_done {
        text-align: center;
        padding: 55px 0 15px; }
        .message_box .mailbox_done .icn_done {
          width: 85px;
          height: auto; }
        .message_box .mailbox_done .cmpText {
          font-size: 24px;
          font-weight: bold;
          margin-top: 10px; }
          .message_box .mailbox_done .cmpText + .list_bnt {
            margin-top: 80px; }
      .message_box .mailsend > * {
        vertical-align: bottom; }
      .message_box .mailsend textarea {
        width: 658px;
        height: 140px; }
      .message_box .mailsend .btnarea {
        width: 60px;
        margin: 0; }
        .message_box .mailsend .btnarea .btn {
          height: 30px;
          line-height: 30px; }
      .message_box .mailsend dl {
        padding: 10px 20px 0; }
        .message_box .mailsend dl dt {
          font-size: 12px;
          color: #666666; }
        .message_box .mailsend dl dd + dt {
          margin-top: 30px; }
        .message_box .mailsend dl textarea {
          width: 100%;
          height: 185px; }
      .message_box .mailsend + .btnarea {
        margin-bottom: 15px;
        margin-top: 35px;
        padding-bottom: 0; }
        .message_box .mailsend + .btnarea .btn {
          max-width: 245px; }
      .message_box .mailsend + .txt_link {
        position: absolute;
        bottom: 50px;
        left: 35px;
        margin: 0; }
        .message_box .mailsend + .txt_link + .btnarea {
          margin-bottom: 15px;
          margin-top: 35px;
          padding-bottom: 0; }
          .message_box .mailsend + .txt_link + .btnarea .btn {
            max-width: 245px; }
      .message_box.-message_box_scout {
        width: 1080px; }
        .message_box.-message_box_scout .list li {
          float: none;
          padding-right: 0;
          text-align: center; }
        .message_box.-message_box_scout .mailsend {
          padding: 36px 40px 40px; }
        .message_box.-message_box_scout .title {
          padding: 15px 40px; }
          .message_box.-message_box_scout .title .tit_sub {
            text-align: left;
            padding: 0; }
          .message_box.-message_box_scout .title .company {
            margin-top: 12px; }
        .message_box.-message_box_scout .btnarea {
          margin: 40px 40px 25px;
          padding: 30px 12px 27px; }
          .message_box.-message_box_scout .btnarea .btn {
            max-width: 245px;
            margin-bottom: 0; }
            .message_box.-message_box_scout .btnarea .btn:nth-child(1) {
              margin-right: 16px; } }

/* マイページトップ
----------------------------------------------------- */
.scout_step_count {
  text-align: center;
  margin: 0 0 40px; }
  .scout_step_count .tit_page {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px; }
    .scout_step_count .tit_page:before {
      content: "";
      display: inline-block;
      background: url(/img/icn_head_scout.svg) no-repeat 0 0;
      background-size: 21px auto;
      width: 21px;
      height: 21px;
      margin: 0 4px -2px 0; }
  .scout_step_count .scout_step_count_inner {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 0;
    position: relative; }
    .scout_step_count .scout_step_count_inner:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 26px solid #ffffff;
      border-right: 26px solid transparent;
      border-bottom: 50px solid transparent;
      border-left: 26px solid transparent;
      position: absolute;
      bottom: -72px;
      left: 50%;
      margin: 0 0 0 -25px; }
  .scout_step_count .scout_step_txt {
    color: #019fa5;
    font-weight: bold;
    width: 100%; }
  .scout_step_count .scout_step_level {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    line-height: 1;
    padding: 20px 0 5px 0;
    position: relative;
    max-width: 272px;
    margin: 0 auto;
    width: 100%; }
    .scout_step_count .scout_step_level span {
      color: #019fa5;
      padding-left: 24px;
      text-align: right; }
      .scout_step_count .scout_step_level span strong {
        font-size: 36px; }
    .scout_step_count .scout_step_level:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -4px;
      height: 4px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
      background: #10b590;
      background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
      background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
      z-index: 10;
      border-radius: 4px; }
    .scout_step_count .scout_step_level:after {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 100%;
      height: 4px;
      background: #edf9f7;
      z-index: 0;
      border-radius: 4px; }
    .scout_step_count .scout_step_level.-scout_step_level10:before {
      width: 10%; }
    .scout_step_count .scout_step_level.-scout_step_level20:before {
      width: 20%; }
    .scout_step_count .scout_step_level.-scout_step_level25:before {
      width: 25%; }
    .scout_step_count .scout_step_level.-scout_step_level30:before {
      width: 30%; }
    .scout_step_count .scout_step_level.-scout_step_level33:before {
      width: 33%; }
    .scout_step_count .scout_step_level.-scout_step_level40:before {
      width: 40%; }
    .scout_step_count .scout_step_level.-scout_step_level50:before {
      width: 50%; }
    .scout_step_count .scout_step_level.-scout_step_level60:before {
      width: 60%; }
    .scout_step_count .scout_step_level.-scout_step_level66:before {
      width: 66%; }
    .scout_step_count .scout_step_level.-scout_step_level70:before {
      width: 70%; }
    .scout_step_count .scout_step_level.-scout_step_level75:before {
      width: 75%; }
    .scout_step_count .scout_step_level.-scout_step_level80:before {
      width: 80%; }
    .scout_step_count .scout_step_level.-scout_step_level90:before {
      width: 90%; }
    .scout_step_count .scout_step_level.-scout_step_level100:before {
      width: 100%; }
  .scout_step_count .tit_page + p {
    margin: -15px 0 30px; }
  @media print, screen and (min-width: 641px) {
    .scout_step_count {
      margin: 0 0 44px;
      padding: 18px 100px 0; }
      .scout_step_count .tit_page {
        font-size: 22px;
        margin: 0 0 38px; }
        .scout_step_count .tit_page:before {
          background: url(/img/icn_head_scout.svg) no-repeat 0 0;
          background-size: 42px auto;
          width: 42px;
          height: 42px;
          margin: 0 4px -10px 0; }
      .scout_step_count .scout_step_count_inner {
        border-radius: 20px;
        padding: 0 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 117px; }
        .scout_step_count .scout_step_count_inner:before {
          border-top: 50px solid #ffffff; }
      .scout_step_count .scout_step_level {
        width: 452px;
        max-width: 250px;
        margin: 0 0 0 40px;
        padding: 0 0 7px;
        align-items: flex-end; }
        .scout_step_count .scout_step_level span {
          padding-left: 24px; }
          .scout_step_count .scout_step_level span strong {
            font-size: 40px; }
        .scout_step_count .scout_step_level:after {
          bottom: -8px;
          height: 8px;
          border-radius: 4px; }
        .scout_step_count .scout_step_level:before {
          bottom: -8px;
          height: 8px;
          border-radius: 4px; } }

.scout_step_list {
  margin: 0 0 40px; }
  .scout_step_list li {
    margin-top: 30px; }
    .scout_step_list li.type_scout dd {
      background-image: url(/img/scout_step_list_scout.jpg); }
    .scout_step_list li.type_edit dd {
      background-image: url(/img/scout_step_list_edit.jpg); }
    .scout_step_list li.type_intention dd {
      background-image: url(/img/scout_step_list_intention.jpg); }
    .scout_step_list li.type_self dd {
      background-image: url(/img/scout_step_list_self.jpg); }
    .scout_step_list li.type_others dd {
      background-image: url(/img/scout_step_list_others.jpg); }
    .scout_step_list li.type_interested dd {
      background-image: url(/img/scout_step_list_interested.jpg); }
      .scout_step_list li.type_interested dd .scout_step_list_icon img {
        width: 170px;
        margin-top: 12px; }
    .scout_step_list li.type_profile dd {
      background-image: url(/img/scout_step_list_profile.jpg); }
      .scout_step_list li.type_profile dd .scout_step_count {
        width: 160px; }
        .scout_step_list li.type_profile dd .scout_step_count .scout_step_level span {
          color: #ffffff;
          padding-left: 0;
          text-align: center;
          margin: 0 auto; }
          .scout_step_list li.type_profile dd .scout_step_count .scout_step_level span span {
            display: block;
            padding-left: 0;
            padding-bottom: 8px; }
        .scout_step_list li.type_profile dd .scout_step_count .scout_step_level:before {
          background: #286c92; }
        .scout_step_list li.type_profile dd .scout_step_count .scout_step_level:after {
          background: #003857; }
    .scout_step_list li.type_scoutship dd {
      background-image: url(/img/scout_step_list_scoutship.jpg); }
    .scout_step_list li dt {
      font-size: 15px;
      text-align: center;
      margin: 0 0 10px;
      letter-spacing: 2px; }
    .scout_step_list li dd {
      display: block;
      color: #ffffff;
      padding: 0;
      box-sizing: border-box; }
      .scout_step_list li dd a {
        display: block;
        color: #ffffff; }
      .scout_step_list li dd .scout_step_list_icon {
        width: 100%;
        height: 148px;
        background: url(/img/bg_scout_step_list_icon.png) no-repeat 50%;
        background-blend-mode: overlay;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .scout_step_list li dd .scout_step_list_detail {
        overflow: hidden; }
      .scout_step_list li dd .tit_sub {
        font-size: 18px;
        padding: 20px 12px 10px; }
      .scout_step_list li dd .txt_description {
        line-height: 1.8;
        padding: 0 12px 10px; }
        .scout_step_list li dd .txt_description + .link_name {
          margin-bottom: 20px; }
        .scout_step_list li dd .txt_description:last-child {
          padding-bottom: 20px; }
      .scout_step_list li dd .scout_step_list_share {
        display: flex;
        margin-top: 10px; }
        .scout_step_list li dd .scout_step_list_share input {
          width: 100%;
          border: 1px solid #e9e9e9;
          border-radius: 4px 0 0 4px;
          padding: 0 10px; }
        .scout_step_list li dd .scout_step_list_share button {
          width: 50%;
          background: #f68444;
          color: #ffffff;
          margin-left: 4px;
          border-radius: 0 4px 4px 0; }
          .scout_step_list li dd .scout_step_list_share button.is-copied {
            width: 130px; }
      .scout_step_list li dd .link_name {
        text-align: right;
        font-weight: bold;
        position: relative;
        padding: 0 40px 0 0; }
        .scout_step_list li dd .link_name:after {
          content: "";
          display: inline-block;
          position: absolute;
          bottom: 5px;
          right: 20px;
          position: absolute;
          content: '';
          display: inline-block;
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: rotate(130deg) skew(-10deg, 0);
          transform: rotate(130deg) skew(-10deg, 0);
          transition: all 0.2s linear;
          -webkit-transform: rotate(-50deg) skew(-10deg, 0);
          transform: rotate(40deg) skew(-10deg, 0); }
      .scout_step_list li dd .scout_step_list_over {
        position: relative; }
        .scout_step_list li dd .scout_step_list_over .over {
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 101;
          background: rgba(0, 0, 0, 0.44);
          color: #fff;
          text-align: center; }
          .scout_step_list li dd .scout_step_list_over .over span {
            font-size: 18px;
            font-weight: bold;
            color: #fff; }
            .scout_step_list li dd .scout_step_list_over .over span:before {
              content: "";
              display: inline-block;
              background: url(/img/icn_step_over.svg) no-repeat 0 0;
              background-size: 22px auto;
              width: 22px;
              height: 22px;
              margin: 0 12px -2px 0; }
      .scout_step_list li dd .scout_step_list_soon {
        position: relative; }
        .scout_step_list li dd .scout_step_list_soon .over {
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 101;
          background: rgba(0, 0, 0, 0.44);
          color: #fff;
          text-align: center; }
          .scout_step_list li dd .scout_step_list_soon .over span {
            font-size: 18px;
            font-weight: bold;
            color: #fff; }
  @media print, screen and (min-width: 641px) {
    .scout_step_list {
      margin: 0 0 80px; }
      .scout_step_list li {
        margin-top: 30px;
        padding: 0 100px; }
        .scout_step_list li.type_others dd .tit_sub {
          padding-top: 0; }
        .scout_step_list li.type_interested dd .tit_sub {
          padding-top: 0; }
        .scout_step_list li.type_profile {
          padding: 0 110px; }
          .scout_step_list li.type_profile dd .scout_step_count {
            width: 140px;
            padding-top: 26px; }
            .scout_step_list li.type_profile dd .scout_step_count .scout_step_level {
              width: 140px;
              max-width: 140px;
              margin-left: 0; }
              .scout_step_list li.type_profile dd .scout_step_count .scout_step_level span span {
                display: block;
                padding-left: 0;
                padding-bottom: 12px; }
              .scout_step_list li.type_profile dd .scout_step_count .scout_step_level span strong {
                font-size: 44px; }
        .scout_step_list li dt {
          font-size: 16px;
          margin: 0 0 10px; }
        .scout_step_list li dd {
          min-height: 148px;
          padding: 0; }
          .scout_step_list li dd .scout_step_list_block {
            display: flex;
            align-items: center; }
          .scout_step_list li dd .scout_step_list_icon {
            width: 242px;
            height: 148px;
            background: url(/img/bg_scout_step_list_icon.png) no-repeat 8px 50%; }
          .scout_step_list li dd .scout_step_list_detail {
            width: 732px; }
          .scout_step_list li dd .tit_sub {
            font-size: 24px;
            padding: 15px 0 0; }
          .scout_step_list li dd .txt_description {
            font-size: 12px;
            line-height: 1.5;
            padding: 3px 0 0; }
            .scout_step_list li dd .txt_description + .link_name {
              margin-bottom: 0; }
            .scout_step_list li dd .txt_description:last-child {
              padding-bottom: 0; }
          .scout_step_list li dd .link_name {
            font-size: 12px;
            padding: 10px 37px 0 0;
            margin: 0 0 10px; }
            .scout_step_list li dd .link_name:after {
              content: "";
              display: inline-block;
              position: absolute;
              bottom: 5px;
              right: 20px;
              position: absolute;
              content: '';
              display: inline-block;
              width: 10px;
              height: 10px;
              border-top: 2px solid #fff;
              border-right: 2px solid #fff;
              -webkit-transform: rotate(130deg) skew(-10deg, 0);
              transform: rotate(130deg) skew(-10deg, 0);
              transition: all 0.2s linear;
              -webkit-transform: rotate(-50deg) skew(-10deg, 0);
              transform: rotate(40deg) skew(-10deg, 0); }
          .scout_step_list li dd .scout_step_list_share {
            margin-top: 10px; }
            .scout_step_list li dd .scout_step_list_share input {
              width: 456px;
              height: 30px;
              padding: 0 10px; }
            .scout_step_list li dd .scout_step_list_share button {
              width: 105px;
              height: 30px;
              margin-left: 4px;
              border-radius: 0 4px 4px 0; }
          .scout_step_list li dd .scout_step_list_over .over span {
            font-size: 30px; }
            .scout_step_list li dd .scout_step_list_over .over span:before {
              content: "";
              background: url(/img/icn_step_over.svg) no-repeat 0 0;
              background-size: 45px auto;
              width: 45px;
              height: 45px;
              margin: 0 14px -10px 0; }
          .scout_step_list li dd .scout_step_list_soon .over span {
            font-size: 30px; }
      .scout_step_list + .scout_step_count {
        margin-top: -22px; }
      .scout_step_list + .btns {
        margin-top: -30px; }
        .scout_step_list + .btns .btn {
          width: 347px;
          max-width: 347px; } }

.scout_step_list_share {
  display: flex;
  margin-top: 10px; }
  .scout_step_list_share input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 4px 0 0 4px;
    padding: 0 10px; }
  .scout_step_list_share button {
    width: 50%;
    background: #f68444;
    color: #ffffff;
    margin-left: 2px;
    border-radius: 0 4px 4px 0; }
  @media print, screen and (min-width: 641px) {
    .scout_step_list_share {
      margin-top: 10px; }
      .scout_step_list_share input {
        width: 456px;
        height: 30px;
        padding: 0 10px; }
      .scout_step_list_share button {
        width: 95px;
        height: 30px;
        margin-left: 2px;
        border-radius: 0 4px 4px 0; } }

.newMessage_inner {
  padding-top: 20px; }
  .newMessage_inner .newMessage_number {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px; }
    .newMessage_inner .newMessage_number li {
      background: #ffffff;
      width: 156px;
      height: 156px;
      border-radius: 50%;
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); }
      .newMessage_inner .newMessage_number li .newMessage_number_inner {
        text-align: center;
        font-weight: bold;
        padding: 42px 0 0; }
      .newMessage_inner .newMessage_number li span {
        display: block;
        color: #02a0a3;
        line-height: 1;
        margin: 8px 0 0; }
        .newMessage_inner .newMessage_number li span strong {
          font-size: 30px; }
    @media screen and (max-width: 425px) {
      .newMessage_inner .newMessage_number li {
        width: 100px;
        height: 100px;
        font-size: 12px; }
        .newMessage_inner .newMessage_number li .newMessage_number_inner {
          padding: 28px 0 0; }
        .newMessage_inner .newMessage_number li span strong {
          font-size: 24px; } }
  .newMessage_inner .newMessage_link {
    margin: 50px 0 50px; }
    .newMessage_inner .newMessage_link li {
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
      text-align: center; }
      .newMessage_inner .newMessage_link li a {
        display: flex;
        align-items: center;
        width: 100%;
        background: #ffffff;
        font-weight: bold; }
      .newMessage_inner .newMessage_link li .newMessage_link_icon {
        background: #02a0a3;
        width: 108px;
        padding: 5px 0; }
        .newMessage_inner .newMessage_link li .newMessage_link_icon img {
          width: 50%; }
      .newMessage_inner .newMessage_link li p {
        padding: 0 20px; }
      .newMessage_inner .newMessage_link li + li {
        margin-top: 15px; }
  @media print, screen and (min-width: 641px) {
    .newMessage_inner {
      padding: 40px 0 0; }
      .newMessage_inner .newMessage_number {
        width: 604px;
        margin: 30px auto 0; }
        .newMessage_inner .newMessage_number li span strong {
          font-size: 38px; }
      .newMessage_inner .newMessage_link {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 70px 0 78px; }
        .newMessage_inner .newMessage_link li {
          width: 352px;
          height: 90px; }
          .newMessage_inner .newMessage_link li a {
            width: auto; }
          .newMessage_inner .newMessage_link li .newMessage_link_icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 108px;
            height: 90px;
            padding: 0; }
          .newMessage_inner .newMessage_link li p {
            padding: 0 20px;
            font-size: 18px; }
          .newMessage_inner .newMessage_link li + li {
            margin-top: 0; }
          .newMessage_inner .newMessage_link li:not(:last-child) {
            margin-right: 16px; } }

.newFeedback_inner {
  margin: 0 0 50px; }
  .newFeedback_inner .tit_page.txt_center {
    margin-bottom: 20px; }
  .newFeedback_inner .card.card_result .company {
    font-size: 12px; }
    .newFeedback_inner .card.card_result .company .new {
      display: inline-block;
      vertical-align: middle;
      padding: 1px 5px;
      margin-right: 5px;
      text-align: center;
      color: #fff;
      background: #ff9625; }
  .newFeedback_inner .card.card_result .name {
    font-size: 14px; }
  .newFeedback_inner .card.card_result .rater {
    font-size: 12px;
    margin: 0 0 5px; }
  .newFeedback_inner .card.card_result .ability {
    background: none;
    height: auto;
    font-size: 12px;
    padding-bottom: 0; }
    .newFeedback_inner .card.card_result .ability table {
      border: 2px solid #e9e9e9;
      width: 100%;
      line-height: 2; }
      .newFeedback_inner .card.card_result .ability table th,
      .newFeedback_inner .card.card_result .ability table td {
        border-bottom: 1px solid #e9e9e9;
        width: 50%;
        font-weight: bold;
        text-align: center; }
      .newFeedback_inner .card.card_result .ability table tr:nth-child(1) th {
        background: #fdeeec;
        color: #f05448; }
      .newFeedback_inner .card.card_result .ability table tr:nth-child(2) th {
        background: #ecf4fc;
        color: #4998dd; }
      .newFeedback_inner .card.card_result .ability table tr:nth-child(3) th {
        background: #fff8e9;
        color: #ffbc27; }
  @media print, screen and (min-width: 641px) {
    .newFeedback_inner {
      margin: 0 0 82px; }
      .newFeedback_inner .tit_page.txt_center {
        margin-bottom: 26px; }
      .newFeedback_inner .card.card_result {
        padding-bottom: 0; }
        .newFeedback_inner .card.card_result .card__txt {
          padding: 19px 25px 25px; }
        .newFeedback_inner .card.card_result .name {
          margin-top: 8px;
          margin-bottom: 16px; }
        .newFeedback_inner .card.card_result .rater {
          margin-bottom: 3px; }
        .newFeedback_inner .card.card_result .ability {
          position: relative; } }

@media print, screen and (min-width: 641px) {
  .perfectionProfile_inner .scout_step_list {
    margin-bottom: 0; } }

.alert_list {
  margin: 0 -7px;
  padding: 0 20px 20px; }
  .alert_list.top {
    margin-bottom: 0;
    padding-left: 7px;
    padding-right: 7px; }
    @media print, screen and (min-width: 641px) {
      .alert_list.top {
        margin-bottom: 0; } }
  @media print, screen and (min-width: 641px) {
    .alert_list {
      margin: 0;
      padding: 0; } }
  .alert_list li {
    position: relative;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .alert_list li:nth-child(n+2) {
      margin-top: 15px; }
    .alert_list li a {
      display: block;
      padding: 14px 45px 14px 20px;
      box-sizing: border-box;
      background: #fff;
      font-weight: bold;
      font-size: 14px;
      width: 100%;
      position: relative; }
      @media print, screen and (min-width: 641px) {
        .alert_list li a {
          padding: 28px 40px;
          font-size: 16px; } }
      .alert_list li a::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url(/img/icn_alert_large.png) 0 0 no-repeat;
        background-size: 30px auto;
        margin-right: 12px;
        width: 30px;
        height: 24px; }
      .alert_list li a::after {
        position: absolute;
        bottom: 50%;
        margin-bottom: -10px;
        right: 22px;
        left: auto;
        position: absolute;
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        border-top: 2px solid #019fa5;
        border-right: 2px solid #019fa5;
        -webkit-transform: rotate(40deg) skew(-10deg, 0);
        transform: rotate(40deg) skew(-10deg, 0);
        transition: all 0.2s linear; }
        @media print, screen and (min-width: 641px) {
          .alert_list li a::after {
            right: 44px; } }

.box_campaign {
  position: relative;
  background: #fff;
  text-align: center;
  margin: 0 13px 45px;
  padding: 22px 20px 20px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  /* リボン装飾 */ }
  @media print, screen and (min-width: 641px) {
    .box_campaign {
      margin: 20px auto 70px;
      padding: 45px 40px 40px; } }
  .box_campaign .campaign_title {
    position: relative;
    color: #019fa5;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    position: relative; }
    .box_campaign .campaign_title.campaign_detail::before {
      margin-left: -23px; }
    .box_campaign .campaign_title.campaign_detail::after {
      margin-left: 78px; }
    .box_campaign .campaign_title::before {
      content: '';
      margin-left: -43px;
      width: 4px;
      height: 51px;
      -webkit-transform: rotate(-40deg) skew(-10deg, 0);
      transform: rotate(-40deg) skew(-10deg, 0);
      margin-top: -7px;
      position: absolute;
      background: #e9e9e9;
      bottom: 0; }
    .box_campaign .campaign_title::after {
      content: '';
      margin-left: 23px;
      width: 4px;
      height: 51px;
      -webkit-transform: rotate(25deg) skew(-10deg, 0);
      transform: rotate(25deg) skew(-10deg, 0);
      margin-top: -7px;
      position: absolute;
      background: #e9e9e9;
      bottom: -2px; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .campaign_title {
        font-size: 24px; }
        .box_campaign .campaign_title::before, .box_campaign .campaign_title::after {
          margin-top: 0; }
        .box_campaign .campaign_title::after {
          margin-left: 43px; }
        .box_campaign .campaign_title.campaign_detail::before {
          margin-left: -23px; }
        .box_campaign .campaign_title.campaign_detail::after {
          margin-left: 23px; } }
  .box_campaign .campaign_subtitle {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px; }
    .box_campaign .campaign_subtitle + .campagin_text {
      margin-top: 10px;
      line-height: 1.7; }
      .box_campaign .campaign_subtitle + .campagin_text + .campaign_term {
        margin-top: 15px; }
  .box_campaign .campaign_term {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    background: #f1f1f1;
    padding: 6px 20px;
    margin-top: 10px; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .campaign_term {
        letter-spacing: 1.7px; } }
  .box_campaign .campaign_text {
    margin-top: 15px;
    line-height: 1.8; }
  .box_campaign .campaign_icon {
    margin-top: 15px; }
    .box_campaign .campaign_icon img {
      width: 100%; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .campaign_icon img {
        width: auto; } }
  .box_campaign .btnarea {
    margin-top: 25px; }
    .box_campaign .btnarea .btn {
      max-width: 245px; }
  .box_campaign .result_share {
    margin-top: 60px;
    background: #f1f6f5; }
    .box_campaign .result_share .inner {
      background: #f1f6f5; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .result_share .diagnosis__body {
        width: 560px; }
        .box_campaign .result_share .diagnosis__body .scout_step_list_share input {
          width: 445px; }
        .box_campaign .result_share .diagnosis__body .scout_step_list_share button {
          width: 115px; } }
  .box_campaign .campaign_flow {
    margin-top: 20px;
    padding: 0 25px; }
    .box_campaign .campaign_flow h3 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px; }
    .box_campaign .campaign_flow .wrap_flow_img {
      position: relative;
      height: 144px;
      z-index: 0; }
      .box_campaign .campaign_flow .wrap_flow_img img {
        position: absolute;
        bottom: 0;
        left: 50%; }
      .box_campaign .campaign_flow .wrap_flow_img span {
        color: #fff;
        font-size: 18px;
        position: absolute;
        left: 50%;
        top: 55px;
        margin-left: -1.5em; }
      .box_campaign .campaign_flow .wrap_flow_img::before {
        content: '';
        z-index: -1;
        position: absolute;
        left: 50%;
        margin-left: -66px;
        top: 0;
        display: block;
        width: 132px;
        height: 132px;
        border-radius: 100%;
        background: #10b590;
        background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
        background: linear-gradient(135deg, #10b590 0%, #019fa5 100%); }
    .box_campaign .campaign_flow .flow__list {
      display: block; }
      .box_campaign .campaign_flow .flow__list p {
        margin-top: 15px;
        text-align: left;
        padding: 0 5px;
        line-height: 1.5; }
        .box_campaign .campaign_flow .flow__list p .note {
          margin-top: 8px;
          font-size: 11px;
          display: block; }
      .box_campaign .campaign_flow .flow__list li {
        position: relative;
        width: 100%;
        margin-bottom: 42px; }
        .box_campaign .campaign_flow .flow__list li:not(:last-child)::after {
          content: '';
          display: block;
          background: url(/img/icn_flow_arrow.png) 0 0 no-repeat;
          width: 32px;
          height: 23px;
          position: absolute;
          left: 50%;
          top: auto;
          transform: rotate(90deg);
          bottom: -28px;
          margin-left: -16px;
          transform: rotate(90deg); }
        .box_campaign .campaign_flow .flow__list li:first-child .wrap_flow_img img {
          width: 45px;
          height: 45px;
          margin-left: -22px; }
        .box_campaign .campaign_flow .flow__list li:nth-child(2) .wrap_flow_img img {
          width: 51px;
          height: 36px;
          margin-left: -25px; }
        .box_campaign .campaign_flow .flow__list li:nth-child(3) .wrap_flow_img img {
          width: 47px;
          height: 46px;
          margin-left: -23px; }
        .box_campaign .campaign_flow .flow__list li:nth-child(4) .wrap_flow_img img {
          width: 97px;
          height: 44px;
          margin-left: -48px; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .campaign_flow {
        margin-top: 40px;
        padding: 0 50px; }
        .box_campaign .campaign_flow h3 {
          font-size: 18px;
          font-weight: bold;
          color: #333;
          margin-bottom: 20px; }
        .box_campaign .campaign_flow .result_share {
          background: transparent; }
        .box_campaign .campaign_flow .wrap_flow_img {
          position: relative;
          height: 144px;
          z-index: 0; }
          .box_campaign .campaign_flow .wrap_flow_img img {
            position: absolute;
            bottom: 0;
            left: 50%; }
          .box_campaign .campaign_flow .wrap_flow_img span {
            color: #fff;
            font-size: 18px;
            position: absolute;
            left: 50%;
            top: 55px;
            margin-left: -27px; }
          .box_campaign .campaign_flow .wrap_flow_img::before {
            content: '';
            z-index: -1;
            position: absolute;
            left: 50%;
            top: 0;
            bottom: auto;
            margin-left: -66px;
            display: block;
            width: 132px;
            height: 132px;
            border-radius: 100%;
            background: #10b590;
            background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
            background: linear-gradient(135deg, #10b590 0%, #019fa5 100%); }
        .box_campaign .campaign_flow .flow__list {
          display: flex;
          justify-content: space-between; }
          .box_campaign .campaign_flow .flow__list p {
            margin-top: 15px;
            text-align: left;
            padding: 0 5px;
            line-height: 1.5; }
            .box_campaign .campaign_flow .flow__list p .note {
              margin-top: 8px;
              font-size: 11px;
              display: block; }
          .box_campaign .campaign_flow .flow__list li {
            position: relative;
            width: 200px; }
            .box_campaign .campaign_flow .flow__list li:not(:last-child)::after {
              content: '';
              display: block;
              background: url(/img/icn_flow_arrow.png) 0 0 no-repeat;
              width: 32px;
              height: 23px;
              position: absolute;
              left: auto;
              right: -36px;
              top: 55px;
              transform: rotate(0deg);
              z-index: 1; }
            .box_campaign .campaign_flow .flow__list li:first-child .wrap_flow_img img {
              width: 45px;
              height: 45px;
              margin-left: -22px; }
            .box_campaign .campaign_flow .flow__list li:nth-child(2) .wrap_flow_img img {
              width: 51px;
              height: 36px;
              margin-left: -25px; }
            .box_campaign .campaign_flow .flow__list li:nth-child(3) .wrap_flow_img img {
              width: 47px;
              height: 46px;
              margin-left: -23px; }
            .box_campaign .campaign_flow .flow__list li:nth-child(4) .wrap_flow_img img {
              width: 97px;
              height: 44px;
              margin-left: -48px; } }
  .box_campaign .campaign_caution {
    margin-top: 50px; }
    .box_campaign .campaign_caution h3 {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin-bottom: 20px; }
    .box_campaign .campaign_caution .caution__list {
      text-align: left;
      padding-left: 0; }
      .box_campaign .campaign_caution .caution__list li {
        margin-bottom: 10px;
        line-height: 30px; }
        .box_campaign .campaign_caution .caution__list li:last-child {
          margin-bottom: 0; }
        .box_campaign .campaign_caution .caution__list li .count {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          border-radius: 100%;
          width: 30px;
          height: 30px;
          background: #10b590;
          background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
          background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
          color: #fff;
          font-weight: bold;
          line-height: 30px;
          text-align: center; }
    @media print, screen and (min-width: 641px) {
      .box_campaign .campaign_caution .caution__list {
        margin: 0 auto;
        width: 85%; } }
  .box_campaign .ribbon {
    width: 115px;
    height: 115px;
    overflow: hidden;
    position: absolute; }
    .box_campaign .ribbon::before, .box_campaign .ribbon::after {
      position: absolute;
      z-index: 0;
      content: '';
      display: block;
      border: 3px solid #c63a32; }
    .box_campaign .ribbon span {
      position: absolute;
      display: block;
      width: 225px;
      padding: 15px 0;
      background-color: #f05448;
      color: #fff;
      font: 700 18px/1 'Lato', sans-serif;
      text-transform: uppercase;
      text-align: center; }
  .box_campaign .ribbon-top-left {
    top: -5px;
    left: -5px; }
  .box_campaign .ribbon-top-left::before,
  .box_campaign .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent; }
  .box_campaign .ribbon-top-left::before {
    top: 0;
    right: 12px; }
  .box_campaign .ribbon-top-left::after {
    bottom: 12px;
    left: 0; }
  .box_campaign .ribbon-top-left span {
    right: -25px;
    top: 40px;
    transform: rotate(-45deg); }
  .box_campaign .ribbon-bottom-right {
    bottom: -5px;
    right: -5px; }
  .box_campaign .ribbon-bottom-right::before,
  .box_campaign .ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent; }
  .box_campaign .ribbon-bottom-right::before {
    bottom: 0;
    left: 12px; }
  .box_campaign .ribbon-bottom-right::after {
    top: 12px;
    right: 0; }
  .box_campaign .ribbon-bottom-right span {
    left: -40px;
    bottom: 25px;
    transform: rotate(-225deg); }

/* 運営からのお知らせ
----------------------------------------------------- */
.news_list {
  width: 100%; }
  .news_list li {
    margin: 0 0 20px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .news_list li a {
      display: block;
      width: 100%;
      background: #ffffff;
      font-size: 18px;
      font-weight: bold;
      padding: 20px 20px 20px;
      box-sizing: border-box; }
    .news_list li .news_sub {
      display: bloc;
      font-size: 12px;
      font-weight: bold;
      color: #666;
      margin: 0 0 7px; }
    .news_list li time {
      display: inline-block;
      color: #737b80;
      margin-right: 5px; }
    .news_list li .new {
      display: inline-block;
      vertical-align: middle;
      padding: 1px 5px;
      margin-top: -4px;
      text-align: center;
      color: #fff;
      background: #ff9625; }
  @media print, screen and (min-width: 641px) {
    .news_list li {
      margin: 0 0 12px; }
      .news_list li a {
        font-size: 16px;
        padding: 28px 40px 18px; }
      .news_list li .news_sub {
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        color: #666;
        margin: 0 0 7px; }
      .news_list li time {
        display: inline-block;
        color: #737b80;
        font-size: 16px;
        font-weight: normal;
        width: 128px; }
      .news_list li .new {
        width: 49px;
        margin-right: 11px; }
    .news_list + .btnarea {
      display: block;
      width: 245px;
      height: 40px;
      margin: 20px auto 0; } }

.news_box.detail {
  margin: 0;
  padding: 0 20px 20px; }
  .news_box.detail .resultnav {
    background: #ffffff;
    font-size: 12px;
    padding: 20px 20px 0; }
    .news_box.detail .resultnav .arw::after {
      color: #0aac99;
      margin-right: 4px; }
  .news_box.detail .news_detail {
    background: #ffffff;
    padding: 20px 20px 0 20px; }
  .news_box.detail .title {
    border-bottom: 2px solid #c3d2d9;
    margin: 0 -20px;
    padding: 0 20px; }
    .news_box.detail .title time {
      color: #666666;
      font-size: 12px; }
    .news_box.detail .title .tit_sub {
      font-size: 18px;
      margin: 4px 0 0;
      padding: 0 0 20px;
      text-align: left; }
  .news_box.detail .detail {
    padding: 20px 0 20px; }

@media print, screen and (min-width: 641px) {
  .news_box.detail {
    margin: 0;
    padding: 0; }
    .news_box.detail .resultnav {
      font-size: 12px;
      padding: 17px 40px 0; }
      .news_box.detail .resultnav .arw::after {
        width: 8px;
        height: 8px; }
    .news_box.detail .news_detail {
      padding: 11px 40px 0 40px; }
    .news_box.detail .title {
      margin: 0 -40px;
      padding: 0 40px; }
      .news_box.detail .title .tit_sub {
        font-size: 18px;
        margin: 0;
        padding: 0 0 14px; }
    .news_box.detail .detail {
      padding: 28px 0 56px; } }

.js-fixed_title {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 13px 15px;
  z-index: 10;
  box-sizing: border-box;
  border-bottom: 2px solid #e4e4e4;
  background: #fff;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }
  .js-fixed_title .select {
    margin-top: 5px;
    background: #fff;
    height: 40px; }
    .js-fixed_title .select p {
      line-height: 40px; }
  .js-fixed_title .link a {
    padding-left: 10px;
    color: #1e7fd9;
    display: inline-block;
    position: relative; }
    .js-fixed_title .link a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      content: '';
      height: 0px;
      width: 0;
      border-bottom: 1px solid currentcolor;
      transition: all 0.2s linear; }
    @media print, screen and (min-width: 641px) {
      .js-fixed_title .link a:hover::after {
        width: 100%; } }
    .js-fixed_title .link a:before {
      position: absolute;
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border-top: 2px solid #0aac99;
      border-right: 2px solid #0aac99;
      -webkit-transform: rotate(-140deg) skew(-10deg, 0);
      transform: rotate(-140deg) skew(-10deg, 0);
      transition: all 0.2s linear;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -4px; }
  .js-fixed_title .link + .tit_sub {
    margin-top: 20px;
    text-align: left;
    padding: 0; }
  .js-fixed_title .tit_sub .company_name {
    font-size: 12px;
    color: #666666;
    display: block;
    padding: 0 0 12px; }
  .js-fixed_title .btn {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    font-size: 13px; }
    .js-fixed_title .btn + .btn {
      margin-top: 12px; }
  @media print, screen and (min-width: 641px) {
    .js-fixed_title {
      top: 80px;
      padding: 25px 40px 25px 25px; }
      .js-fixed_title.fixed_has_mypage_nav {
        top: 165px; }
      .js-fixed_title + #page #wrap {
        top: 80px; }
      .js-fixed_title + #page.page__mypage_nav #wrap {
        top: 164px; }
      .js-fixed_title + [canvas=container] {
        padding-bottom: 180px; }
      .js-fixed_title .link + .tit_sub {
        margin-top: 10px; }
      .js-fixed_title .link_btn {
        display: flex;
        align-items: center;
        margin-top: 10px; }
        .js-fixed_title .link_btn .btn {
          position: relative;
          display: block;
          margin-top: 0;
          width: 165px;
          font-size: 12px;
          order: 2; }
          .js-fixed_title .link_btn .btn + .btn {
            margin-right: 10px;
            order: 1;
            height: 38px;
            line-height: 38px;
            width: 185px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
            background: #10b590;
            background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
            background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
            color: #fff !important; } }

/* 他己評価LP */
.widekv__diagnosis_guide {
  background: #fff url(/img/bg_polygon_grad.jpg) 0 0 repeat-x;
  background-size: cover; }
  .widekv__diagnosis_guide .widekv_inner {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 18px 140px; }
  .widekv__diagnosis_guide .widekv__bln {
    width: 100%;
    position: relative;
    margin: 35px 0 40px;
    background: #fff;
    padding: 23px 15px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    text-align: center; }
    .widekv__diagnosis_guide .widekv__bln h2 {
      color: #000;
      font-size: 16px;
      font-weight: bold; }
    .widekv__diagnosis_guide .widekv__bln::after {
      content: '';
      bottom: -22px;
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 10.5px 0 10.5px;
      border-color: #fff transparent transparent transparent; }
  .widekv__diagnosis_guide .widekv__img {
    position: absolute;
    bottom: -30px;
    width: 169px;
    height: auto;
    margin-left: -84px;
    left: 50%; }
  @media print, screen and (min-width: 641px) {
    .widekv__diagnosis_guide .widekv_inner {
      width: 1080px;
      height: 300px;
      padding: 0; }
    .widekv__diagnosis_guide .widekv__bln {
      width: 510px;
      position: absolute;
      left: 90px;
      top: 75px;
      background: #fff;
      padding: 25px 75px;
      border-radius: 20px;
      margin: 0; }
      .widekv__diagnosis_guide .widekv__bln h2 {
        color: #000;
        font-size: 24px;
        font-weight: bold; }
      .widekv__diagnosis_guide .widekv__bln::after {
        background: url(/img/bg_bln_white.png) 0 0 no-repeat;
        display: block;
        width: 83px;
        height: 47px;
        right: 21px;
        bottom: -45px;
        border: none; }
    .widekv__diagnosis_guide .widekv__img {
      position: absolute;
      right: 131px;
      bottom: -44px;
      width: auto;
      margin-left: 0;
      left: auto; } }

.content__bln {
  position: relative;
  padding: 42px 13px 37px;
  text-align: center;
  line-height: 1.9; }
  .content__bln p {
    color: #333;
    font-size: 14px;
    font-weight: bold; }
  .content__bln::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 9px 0 9px;
    border-color: #fff transparent transparent transparent; }
  @media print, screen and (min-width: 641px) {
    .content__bln {
      padding: 85px 0 72px;
      text-align: center;
      line-height: 1.9; }
      .content__bln p {
        font-size: 16px; }
      .content__bln::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -28px;
        left: 50%;
        margin-left: -19px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 28px 19px 0 19px;
        border-color: #fff transparent transparent transparent; } }

.bg_green {
  background: #e1f3ef; }

.content__diagnosis {
  text-align: center;
  padding: 32px 13px 18px; }
  .content__diagnosis h3 {
    color: #333;
    font-size: 16px;
    font-weight: bold; }
  .content__diagnosis img {
    margin: 20px auto 10px;
    width: 100%; }
  .content__diagnosis .note p {
    display: inline-block;
    background: #fff;
    padding: 6px 15px;
    font-size: 12px;
    text-align: left;
    text-indent: -1em;
    padding-left: 3em; }
    .content__diagnosis .note p::before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      background: url(/img/icn_alert_large.png) 0 0 no-repeat;
      background-size: 15px auto;
      margin-right: 5px;
      margin-left: -10px;
      width: 15px;
      height: 12px; }
  @media print, screen and (min-width: 641px) {
    .content__diagnosis {
      padding: 65px 0 35px; }
      .content__diagnosis h3 {
        font-size: 20px; }
      .content__diagnosis img {
        width: auto; }
      .content__diagnosis .note p {
        text-align: center;
        text-indent: 0em;
        padding-left: 0em; }
        .content__diagnosis .note p::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          background: url(/img/icn_alert_large.png) 0 0 no-repeat;
          background-size: 30px auto;
          margin-left: 5px;
          width: 30px;
          height: 24px; } }

.about_diagnosis_other .about__toto {
  margin: 0 auto;
  padding: 35px 0; }

.about_diagnosis_other .btnarea {
  margin: 0 auto; }
  .about_diagnosis_other .btnarea .btn {
    margin-top: 0; }
    .about_diagnosis_other .btnarea .btn + .btn {
      margin-top: 15px; }

.about_diagnosis_other dl {
  text-align: center; }
  .about_diagnosis_other dl + dl {
    margin-top: 30px; }
  .about_diagnosis_other dl dt {
    font-weight: bold; }
    .about_diagnosis_other dl dt img {
      margin: 0 auto;
      display: block; }
    .about_diagnosis_other dl dt p {
      margin-top: 15px; }
  .about_diagnosis_other dl dd {
    margin-top: 8px; }

.about_diagnosis_other .btnarea {
  background: #f1f6f5;
  padding: 15px 25px; }

@media print, screen and (min-width: 641px) {
  .about_diagnosis_other {
    padding-bottom: 160px; }
    .about_diagnosis_other .about__toto {
      max-width: 864px;
      margin: 0 auto;
      padding: 70px 0;
      clear: both;
      overflow: hidden; }
    .about_diagnosis_other .btnarea {
      max-width: 864px;
      margin: 0 auto; }
      .about_diagnosis_other .btnarea .btn {
        max-width: 360px;
        height: 72px;
        line-height: 72px; }
        .about_diagnosis_other .btnarea .btn + .btn {
          margin-top: 0; }
        .about_diagnosis_other .btnarea .btn:last-child {
          margin-left: 40px; }
        .about_diagnosis_other .btnarea .btn a {
          font-size: 18px;
          line-height: 72px; }
    .about_diagnosis_other dl {
      width: 50%;
      float: left;
      text-align: center; }
      .about_diagnosis_other dl + dl {
        margin-top: 0px; }
      .about_diagnosis_other dl:last-child {
        float: right; }
        .about_diagnosis_other dl:last-child dt p {
          margin-top: 20px; }
        .about_diagnosis_other dl:last-child dd {
          margin-top: 15px; }
      .about_diagnosis_other dl dt {
        font-weight: bold; }
        .about_diagnosis_other dl dt img {
          margin: 0 auto;
          display: block; }
        .about_diagnosis_other dl dt p {
          margin-top: 30px; }
      .about_diagnosis_other dl dd {
        margin-top: 25px; }
    .about_diagnosis_other .btnarea {
      background: #f1f6f5;
      padding: 30px 50px; } }

/* インセンティブ選択 */
.-board_incentive {
  padding: 20px 13px 22px;
  text-align: center; }
  .-board_incentive.-board_lapse {
    background: transparent; }
    .-board_incentive.-board_lapse .text_lapse {
      font-weight: bold;
      text-align: center; }
    .-board_incentive.-board_lapse .list {
      margin: 30px 20px 0; }
      .-board_incentive.-board_lapse .list li {
        width: 100%; }
  .-board_incentive .tit_page {
    font-size: 18px;
    font-weight: bold; }
  .-board_incentive .lead_page {
    margin-top: 35px;
    font-size: 16px; }
  .-board_incentive .select_incentive {
    background: #f1f6f5;
    padding: 20px 0;
    max-width: 880px;
    margin: 40px auto 0; }
    .-board_incentive .select_incentive .radio input[type="radio"] {
      opacity: 0; }
    .-board_incentive .select_incentive p {
      font-size: 16px;
      font-weight: bold; }
    .-board_incentive .select_incentive.selected {
      padding: 35px 0; }
      .-board_incentive .select_incentive.selected .select_item {
        font-weight: bold; }
  .-board_incentive .list {
    text-align: center;
    margin: 25px 20px 0; }
    .-board_incentive .list li {
      width: 100%; }
  .-board_incentive .incentive_done img {
    width: 90px;
    height: auto; }
  .-board_incentive .incentive_done .tit_complete {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px; }
  .-board_incentive .incentive_done .text_complete {
    font-size: 14px;
    margin-top: 5px; }
  @media print, screen and (min-width: 641px) {
    .-board_incentive {
      padding: 40px 100px 45px; }
      .-board_incentive.-board_lapse .list {
        margin-top: 120px; }
        .-board_incentive.-board_lapse .list li .btn {
          max-width: 345px;
          width: 345px; }
      .-board_incentive .list li {
        width: auto;
        float: none;
        display: inline-block; }
        .-board_incentive .list li li + li {
          margin-left: 35px; }
        .-board_incentive .list li .btn {
          width: 160px; }
      .-board_incentive .incentive_done .list li .btn {
        max-width: 345px;
        width: 345px; } }

/* インセンティブ選択 */
.tab_cont_list {
  display: flex;
  margin: 0 -12px;
  padding: 0 0 16px; }
  .tab_cont_list li {
    flex: 1;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #0aac99;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    border: 0;
    border-radius: 0;
    position: relative;
    padding: 2px; }
    .tab_cont_list li:hover {
      cursor: pointer; }
    .tab_cont_list li span {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      background: #feffff; }
      .tab_cont_list li span.tab_select {
        color: #fff;
        background: none; }
        .tab_cont_list li span.tab_select:after {
          display: none; }
        .tab_cont_list li span.tab_select:before {
          content: "";
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 4px 0 4px;
          border-color: #09aa9b transparent transparent transparent;
          position: absolute;
          bottom: -6px;
          left: 50%;
          margin: 0 0 0 -3px; }
  @media print, screen and (min-width: 641px) {
    .tab_cont_list {
      margin: 0;
      padding: 0 0 25px; }
      .tab_cont_list li {
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        padding: 2px; }
        .tab_cont_list li a {
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          background: #feffff; }
          .tab_cont_list li a.tab_select {
            color: #fff;
            background: none; }
            .tab_cont_list li a.tab_select:after {
              display: none; }
            .tab_cont_list li a.tab_select:before {
              content: "";
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 12px 8px 0 8px;
              border-color: #09aa9b transparent transparent transparent;
              position: absolute;
              bottom: -12px;
              left: 50%;
              margin: 0 0 0 -6px; } }

/* ===================================================

静的ページ系

=================================================== */
/* 静的ページ要素
----------------------------------------------------- */
.static h3 {
  margin-top: 40px;
  font-weight: bold;
  font-size: 16px; }
  .static h3:first-child {
    margin-top: 0; }

.static .static__body {
  margin-top: 15px; }

.static .static__tit {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
  background: #10b590;
  background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
  background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
  color: #ffffff;
  font-size: 14px;
  padding: 12px 10px; }

.static .static__body {
  margin-top: 15px; }

.static .txt_record {
  margin-top: 52px; }

.static .txt_address img {
  width: 138px;
  height: auto;
  vertical-align: middle;
  margin: -7px 0 -6px; }

.static .txt_strong {
  color: #f05648; }

.static a {
  color: #1e7fd9;
  display: inline-block;
  position: relative; }
  .static a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    height: 0px;
    width: 0;
    border-bottom: 1px solid currentcolor;
    transition: all 0.2s linear; }
  @media print, screen and (min-width: 641px) {
    .static a:hover::after {
      width: 100%; } }

.static .imgInner img {
  width: 100%;
  max-width: 256px;
  height: auto; }

.static .formtable {
  width: 100%;
  margin: 15px 0 0;
  border-bottom: 1px solid #e9e9e9; }
  .static .formtable tr {
    display: table-row;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    padding: 0; }
  .static .formtable th,
  .static .formtable td {
    display: block; }
  .static .formtable th {
    width: 100%;
    font-size: 15px;
    text-align: left;
    padding: 10px 20px;
    background: #f9f9f9;
    box-sizing: border-box; }
    .static .formtable th small {
      font-size: 13px;
      padding-left: 12px; }
    .static .formtable th .required {
      display: inline-block;
      color: #ffffff;
      font-size: 12px;
      margin: 0 10px;
      padding: 0 6px;
      border-radius: 2px; }
  .static .formtable td {
    width: 100%;
    padding: 24px 20px 20px;
    background: #ffffff;
    box-sizing: border-box; }
    .static .formtable td .list {
      overflow: hidden; }
      .static .formtable td .list li {
        padding-left: 28px; }
        .static .formtable td .list li .radio {
          margin-left: -28px; }
        .static .formtable td .list li textarea {
          margin-top: 14px; }
          .static .formtable td .list li textarea:hover {
            cursor: text; }
        .static .formtable td .list li:not(:last-child) {
          margin-bottom: 18px; }
      .static .formtable td .list + .status_error_txt {
        margin-top: 18px; }
    .static .formtable td small {
      display: block;
      font-size: 12px;
      color: #666666;
      margin: 0;
      padding: 0 0 10px; }
    .static .formtable td ul + small {
      padding: 12px 0 0; }
    .static .formtable td input + span {
      padding-left: 4px; }
    .static .formtable td a {
      text-decoration: underline;
      color: #1e7fd9; }
  .static .formtable .width_small {
    padding: 12px 0;
    width: 10%;
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: none;
    text-align: center;
    vertical-align: middle; }
    .static .formtable .width_small + td {
      padding: 0; }
  .static .formtable .-is_sp {
    display: table-cell !important;
    border-top: none; }
  .static .formtable small {
    margin: 15px 0 0;
    padding: 0; }

.static ol li {
  margin: 36px 0 0; }
  .static ol li ol li {
    text-indent: -24px;
    margin: 0 0 28px 24px; }
  .static ol li ol.marginNo li {
    margin-bottom: 0; }

.static .signature {
  border-top: 1px solid #e9e9e9;
  text-align: right;
  margin: 40px 0 0;
  padding: 12px 0 0; }

.static .establishment {
  text-align: left;
  margin: 20px 0 30px;
  padding: 12px 0 0; }
  .static .establishment + .signature {
    margin-bottom: 50px; }

.static .signature {
  border-top: 1px solid #e9e9e9;
  text-align: right;
  margin: 40px 0 0;
  padding: 12px 0 0; }

.static .establishment {
  text-align: left;
  margin: 20px 0 30px;
  padding: 12px 0 0; }
  .static .establishment + .signature {
    margin-bottom: 50px; }

@media print, screen and (min-width: 641px) {
  .static .static__tit {
    font-size: 14px;
    margin-top: 55px;
    margin-bottom: 20px;
    padding: 15px 20px; }
  .static h3.static__tit:first-child {
    margin-top: 25px; }
  .static .formtable {
    border-collapse: collapse;
    table-layout: fixed;
    width: 878px;
    margin: 0 auto; }
    .static .formtable th,
    .static .formtable td {
      display: table-cell; }
    .static .formtable th {
      width: 250px;
      height: 100%;
      font-size: 15px;
      padding: 10px 12px 10px 40px;
      vertical-align: middle;
      position: relative; }
      .static .formtable th small {
        display: block;
        font-size: 12px;
        padding-left: 0; }
      .static .formtable th .required {
        font-size: 11px;
        margin: 5px 0 0;
        padding: 2px 6px 3px;
        line-height: 1;
        float: right; }
    .static .formtable td {
      width: auto;
      padding: 30px 40px 30px; }
      .static .formtable td .list li {
        padding-left: 25px; }
        .static .formtable td .list li .radio {
          margin-left: -25px; }
        .static .formtable td .list li textarea {
          width: 489px;
          margin-top: 0;
          float: right; }
        .static .formtable td .list li:not(:last-child) {
          margin-bottom: 6px; }
      .static .formtable td small {
        display: block;
        font-size: 12px;
        color: #666666;
        margin: 0;
        padding: 0 0 10px; }
      .static .formtable td input + span {
        padding-left: 4px; }
    .static .formtable.half {
      width: 560px;
      border-right: 1px solid #e9e9e9; }
      .static .formtable.half th {
        width: 216px;
        padding: 22px 30px;
        vertical-align: top; }
      .static .formtable.half td {
        padding: 22px 36px; }
  .static .formtable {
    table-layout: inherit;
    border: 1px solid #e9e9e9;
    border-right: 0;
    margin: 25px 0 0; }
    .static .formtable tr {
      border: none; }
      .static .formtable tr.-is_pc td {
        margin-left: 0; }
      .static .formtable tr.-is_pc th {
        border: none;
        text-align: center;
        height: 60px;
        border-right: 1px solid #e9e9e9; }
        .static .formtable tr.-is_pc th:nth-child(3) {
          width: 415px; }
        .static .formtable tr.-is_pc th:last-child {
          width: 414px; }
        .static .formtable tr.-is_pc th + td {
          display: none !important; }
        .static .formtable tr.-is_pc th.width_small {
          width: 49px;
          padding: 0;
          border-right: 1px solid #e9e9e9; }
      .static .formtable tr.-is_pc + tr td {
        border-top: none; }
      .static .formtable tr:nth-child(n+7) td {
        height: 130px; }
        .static .formtable tr:nth-child(n+7) td.width_small {
          height: 130px;
          line-height: 130px; }
          .static .formtable tr:nth-child(n+7) td.width_small + td tr td {
            height: 130px; }
      .static .formtable tr:last-child td + td tr td {
        border-bottom: 0; }
      .static .formtable tr:not(:last-child) th {
        border-bottom: 1px solid #e9e9e9; }
      .static .formtable tr:not(:last-child) td {
        border-bottom: 1px solid #e9e9e9; }
      .static .formtable tr:before {
        display: none; }
    .static .formtable .width_small {
      border-bottom: 0; }
      .static .formtable .width_small tr {
        overflow: hidden; }
      .static .formtable .width_small + td {
        padding: 0;
        display: block !important;
        width: 829px;
        height: 155px;
        margin-left: 50px;
        border-right: 1px solid #e9e9e9; }
        .static .formtable .width_small + td.width_small {
          display: block !important;
          float: left;
          width: 50px;
          height: 155px;
          line-height: 155px;
          text-align: center;
          margin-left: 0;
          border-left: 0;
          border-top: none;
          font-size: 18px; }
        .static .formtable .width_small + td tr {
          display: table-cell;
          vertical-align: middle; }
          .static .formtable .width_small + td tr:nth-child(2) {
            width: 414px;
            border-right: 1px solid #e9e9e9; }
          .static .formtable .width_small + td tr:nth-child(4) {
            width: 412px; }
          .static .formtable .width_small + td tr td {
            height: 154px;
            padding: 25px 30px 10px;
            vertical-align: top; }
    .static .formtable .-is_sp {
      display: none !important; }
  .static hr {
    margin: 40px 0; } }

/* 静的ページ要素
----------------------------------------------------- */
.basic {
  /* 用語集 */ }
  .basic .basic_in {
    background: #ffffff;
    padding: 25px 12px; }
    .basic .basic_in .tit_page {
      margin-top: 0; }
    .basic .basic_in .help_box {
      padding: 25px 0; }
    .basic .basic_in .help_box_question_list {
      margin: 0 0 50px; }
      .basic .basic_in .help_box_question_list li {
        margin: 0 0 6px; }
      .basic .basic_in .help_box_question_list a {
        display: block;
        color: #1e7fd9;
        background: url(/img/icn_Q.svg) 0 0 no-repeat;
        background-size: 30px auto;
        min-height: 30px;
        padding: 4px 0 0 40px;
        box-sizing: border-box; }
    .basic .basic_in .help_box_answer dt,
    .basic .basic_in .help_box_answer dd {
      position: relative; }
      .basic .basic_in .help_box_answer dt:before,
      .basic .basic_in .help_box_answer dd:before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 20px;
        left: 0; }
    .basic .basic_in .help_box_answer dt {
      font-weight: bold;
      padding-top: 12px;
      min-height: 30px;
      padding: 25px 0 0 40px;
      border-top: 1px solid #e9e9e9; }
      .basic .basic_in .help_box_answer dt:before {
        background: url(/img/icn_Q.svg) 0 0 no-repeat;
        background-size: 30px auto; }
    .basic .basic_in .help_box_answer dd {
      padding-bottom: 12px;
      min-height: 30px;
      padding: 4px 0 50px 40px; }
      .basic .basic_in .help_box_answer dd:before {
        background: url(/img/icn_A.svg) 0 0 no-repeat;
        background-size: 30px auto;
        top: 0; }
      .basic .basic_in .help_box_answer dd a {
        color: #1e7fd9; }
  .basic .basic_nav ul {
    background: #ffffff; }
    .basic .basic_nav ul li {
      border-bottom: 1px solid #e9e9e9; }
    .basic .basic_nav ul a {
      display: block;
      color: #1e7fd9;
      padding: 12px 12px; }
  .basic .basic_nav h3 {
    background: #10b590;
    background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
    background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
    color: #ffffff;
    font-size: 14px;
    margin-top: 0;
    padding: 5px 17px; }
  .basic.-basic_glossary {
    border-top: 1px solid #eee; }
    .basic.-basic_glossary .words_box_word_list {
      margin: 0 10px; }
      .basic.-basic_glossary .words_box_word_list:first-child {
        margin-top: 10px; }
      .basic.-basic_glossary .words_box_word_list:last-child {
        margin-bottom: 20px; }
      .basic.-basic_glossary .words_box_word_list li {
        padding: 6px 0;
        display: inline-block;
        margin-right: 25px; }
      .basic.-basic_glossary .words_box_word_list a {
        color: #1e7fd9; }
    .basic.-basic_glossary .box_exp {
      padding: 10px 10px 30px;
      min-height: auto; }
      .basic.-basic_glossary .box_exp a {
        color: #1e7fd9;
        display: inline-block;
        position: relative; }
        .basic.-basic_glossary .box_exp a::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          height: 0px;
          width: 0;
          border-bottom: 1px solid currentcolor;
          transition: all 0.2s linear; }
        .basic.-basic_glossary .box_exp a:hover::after {
          width: 100%; }
      .basic.-basic_glossary .box_exp + .link {
        text-align: right; }
        .basic.-basic_glossary .box_exp + .link a {
          padding-left: 10px;
          color: #1e7fd9;
          display: inline-block;
          position: relative; }
          .basic.-basic_glossary .box_exp + .link a::before {
            position: absolute;
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            border-top: 2px solid #0aac99;
            border-right: 2px solid #0aac99;
            -webkit-transform: rotate(-140deg) skew(-10deg, 0);
            transform: rotate(-140deg) skew(-10deg, 0);
            transition: all 0.2s linear;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -4px; }
          .basic.-basic_glossary .box_exp + .link a::after {
            position: absolute;
            bottom: 0;
            left: 0;
            content: '';
            height: 0px;
            width: 0;
            border-bottom: 1px solid currentcolor;
            transition: all 0.2s linear; }
          .basic.-basic_glossary .box_exp + .link a:hover::after {
            width: 100%; }
  @media print, screen and (min-width: 641px) {
    .basic {
      display: flex; }
      .basic .basic_in {
        padding: 30px 40px;
        width: 70%; }
        .basic .basic_in .tit_page {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10b590+0,019fa5+100 */
          background: #10b590;
          background: -webkit-linear-gradient(-45deg, #10b590 0%, #019fa5 100%);
          background: linear-gradient(135deg, #10b590 0%, #019fa5 100%);
          color: #ffffff;
          font-size: 14px;
          padding-right: 17px;
          padding-left: 17px; }
        .basic .basic_in .help_box {
          padding: 20px 0 0; }
        .basic .basic_in .help_box_question_list {
          margin: 0 0 50px;
          padding: 0 9px; }
          .basic .basic_in .help_box_question_list li {
            margin: 0 0 14px; }
          .basic .basic_in .help_box_question_list a {
            padding: 4px 0 0 40px; }
        .basic .basic_in .help_box_answer dt:before,
        .basic .basic_in .help_box_answer dd:before {
          top: 20px;
          left: 9px; }
        .basic .basic_in .help_box_answer dt {
          padding: 25px 0 0 49px;
          margin-bottom: 9px; }
        .basic .basic_in .help_box_answer dd {
          padding: 4px 0 45px 49px; }
      .basic .basic_nav {
        width: 27%;
        margin-right: 3%; }
        .basic .basic_nav ul a {
          padding: 16px 20px; }
      .basic.-basic_glossary .box_exp {
        padding: 30px 10px;
        min-height: 215px; }
      .basic.-basic_glossary .basic_nav {
        width: 30%;
        margin-right: 3%; }
      .basic.-basic_glossary .words_box .words_box_word_list {
        margin: 0 10px;
        display: table; }
        .basic.-basic_glossary .words_box .words_box_word_list:first-child {
          margin-top: 15px; }
        .basic.-basic_glossary .words_box .words_box_word_list:last-child {
          margin-bottom: 25px; }
        .basic.-basic_glossary .words_box .words_box_word_list + .words_box_word_list li {
          padding-top: 8px; }
        .basic.-basic_glossary .words_box .words_box_word_list li {
          display: table-cell;
          padding: 15px 0; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_3 li:first-child {
          width: 170px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_3 li:nth-child(2) {
          width: 270px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4 li:first-child {
          width: 98px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4 li:nth-child(2) {
          width: 98px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4 li:nth-child(3) {
          width: 150px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4_cont li:first-child {
          width: 200px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4_cont li:nth-child(2) {
          width: 150px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_4_cont li:nth-child(3) {
          width: 175px; }
        .basic.-basic_glossary .words_box .words_box_word_list.-column_6 li {
          min-width: 98px; }
          .basic.-basic_glossary .words_box .words_box_word_list.-column_6 li:nth-child(3), .basic.-basic_glossary .words_box .words_box_word_list.-column_6 li:nth-child(5) {
            min-width: 85px; }
          .basic.-basic_glossary .words_box .words_box_word_list.-column_6 li:nth-child(4) {
            min-width: 112px; } }

/* スカウトシップの使い方
----------------------------------------------------- */
.about_scoutship_box .inner {
  padding: 50px 20px; }
  .about_scoutship_box .inner + .inner {
    padding-top: 0;
    margin-top: -25px; }

.about_scoutship_box .about_scoutship_box__tit_sub {
  font-size: 20px;
  font-weight: normal;
  text-align: center; }

.about_scoutship_box .about_scoutship_box__txt {
  margin-top: 15px; }

.about_scoutship_box img {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  margin: 15px auto 0; }

.about_scoutship_box .btn {
  margin-top: 25px;
  font-size: 13px; }

.about_scoutship_box:nth-child(2n) {
  background: #edf9f7; }

.about_scoutship_box:nth-child(5) {
  background: url(/img/bg_about_scoutship.jpg) 0 0 no-repeat;
  background-size: cover;
  color: #ffffff; }

.about_scoutship_box:nth-child(6) {
  background: #ffffff; }

.about_scoutship_box:nth-child(7) {
  background: #edf9f7; }

.about_scoutship_box:nth-child(8) {
  background: #ffffff; }

@media print, screen and (min-width: 641px) {
  .about_scoutship_box {
    text-align: center; }
    .about_scoutship_box .inner {
      overflow: hidden;
      width: 870px;
      padding: 58px 0; }
      .about_scoutship_box .inner + .inner {
        padding-top: 0;
        margin-top: -58px; }
    .about_scoutship_box .about_scoutship_box__tit_sub {
      font-size: 32px; }
    .about_scoutship_box .about_scoutship_box__txt {
      margin-top: 15px;
      font-size: 16px; }
      .about_scoutship_box .about_scoutship_box__txt + img {
        margin-top: 40px; }
    .about_scoutship_box img {
      width: auto;
      max-width: 1000px;
      margin-top: 0; }
    .about_scoutship_box .btn {
      overflow: hidden;
      margin-top: 35px;
      max-width: 347px; }
    .about_scoutship_box .about_scoutship_box__flex {
      display: flex;
      align-items: center; }
    .about_scoutship_box .leftCont {
      order: 1; }
      .about_scoutship_box .leftCont.txt {
        width: 414px;
        padding-right: 50px;
        order: 2; }
        .about_scoutship_box .leftCont.txt .about_scoutship_box__tit_sub {
          text-align: left; }
        .about_scoutship_box .leftCont.txt .about_scoutship_box__txt {
          text-align: left; }
    .about_scoutship_box .rightCont {
      order: 2; }
      .about_scoutship_box .rightCont.txt {
        width: 375px;
        padding-left: 40px;
        order: 2; }
        .about_scoutship_box .rightCont.txt .about_scoutship_box__tit_sub {
          text-align: left; }
        .about_scoutship_box .rightCont.txt .about_scoutship_box__txt {
          text-align: left; } }

#widekv.bg_polygon_grad.widekv__about_scoutship {
  height: 303px;
  min-height: 303px;
  background: url(/img/bg_polygon_grad.jpg) no-repeat;
  background-size: cover; }
  @media print, screen and (min-width: 641px) {
    #widekv.bg_polygon_grad.widekv__about_scoutship {
      height: auto;
      min-height: auto; } }
  #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__bg {
    width: 320px;
    margin: 120px auto 16px; }
  #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox {
    -webkit-transform: translate(0, -170%);
    transform: translate(0, -170%);
    text-align: center; }
    #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox h2 {
      width: auto;
      font-size: 20px; }
    #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox .widekv__txt {
      width: auto;
      text-align: center;
      font-size: 12px;
      margin-top: 6px; }
    @media print, screen and (min-width: 641px) {
      #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-align: left;
        top: 50%;
        z-index: 1; }
        #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox h2 {
          font-size: 42px;
          padding-left: 93px; }
        #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__inbox .widekv__txt {
          font-size: 18px;
          font-weight: bold;
          padding-left: 93px;
          margin-top: 12px;
          text-align: left; } }
  @media print, screen and (min-width: 641px) {
    #widekv.bg_polygon_grad.widekv__about_scoutship .widekv__bg {
      width: 100%;
      max-width: 320px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      margin-top: 9px;
      margin-bottom: 16px;
      position: relative;
      max-width: 100%;
      z-index: 0; } }

/* ===================================================

診断ページ系

=================================================== */
.status_error {
  background: #f09890; }

.status_error_txt {
  color: #ffffff;
  background: #f09890;
  text-align: center;
  padding: 12px 0 0; }

/* 志向性診断トップ
----------------------------------------------------- */
@media print, screen and (min-width: 641px) {
  .content {
    padding-bottom: 10px; } }

/* 志向性診断ページ要素
----------------------------------------------------- */
.diagnosis h3 {
  margin-top: 40px;
  font-weight: bold;
  font-size: 13px; }
  .diagnosis h3:first-child {
    margin-top: 0;
    text-align: center; }

.diagnosis .diagnosis__body {
  font-size: 12px;
  margin-top: 7px;
  line-height: 1.8;
  text-align: center; }
  .diagnosis .diagnosis__body + h3 {
    margin-top: 30px;
    text-align: center; }
  .diagnosis .diagnosis__body .diagnosis__title {
    font-size: 14px; }

.diagnosis .btnarea {
  margin-top: 30px; }

@media print, screen and (min-width: 641px) {
  .diagnosis {
    max-width: 655px;
    margin: 0 auto;
    padding: 10px 0; }
    .diagnosis h3 {
      font-size: 15px; }
    .diagnosis .diagnosis__body {
      margin-top: 14px;
      font-size: 14px; }
      .diagnosis .diagnosis__body + h3 {
        margin-top: 40px; }
      .diagnosis .diagnosis__body .diagnosis__title {
        font-size: 16px; } }

.other_exp {
  margin-bottom: 45px; }

.block_diagnosis_state {
  margin-top: 45px; }

.diagnosis_state {
  border: 1px solid #e4e8eb;
  margin: 0 auto 45px;
  padding: 25px 0 25px;
  width: 100%;
  text-align: center; }
  .diagnosis_state p {
    font-size: 13px;
    font-weight: bold;
    padding: 0 12px; }
  @media print, screen and (min-width: 641px) {
    .diagnosis_state {
      width: 88%;
      padding: 45px 0 50px;
      margin-bottom: 0; }
      .diagnosis_state p {
        font-size: 16px;
        padding: 0; } }
  .diagnosis_state .chart_circle {
    position: relative;
    width: 237px;
    height: 236px;
    background: url(/img/bg_diagnosis_state.png) no-repeat;
    background-size: 237px 708px;
    margin: 35px auto 0; }
    .diagnosis_state .chart_circle.fraction_0 {
      background-position: center 0; }
    .diagnosis_state .chart_circle.fraction_1 {
      background-position: center -236px; }
    .diagnosis_state .chart_circle.fraction_2 {
      background-position: center -472px; }
    .diagnosis_state .chart_circle span {
      display: block; }
    .diagnosis_state .chart_circle .state__person {
      font-size: 20px;
      font-weight: bold;
      position: absolute;
      top: 83px;
      left: 26%; }
    .diagnosis_state .chart_circle .state__num {
      color: #019fa5;
      font-size: 47px;
      font-weight: bold;
      display: inline-block;
      margin: 0 8px; }

/* 志向性診断用フォームとラジオボタンパーツ
----------------------------------------------------- */
.qlist > li {
  border: 3px solid #e4e8eb;
  margin-top: 10px; }

@media print, screen and (min-width: 641px) {
  .qlist > li {
    margin-top: 35px;
    border-width: 2px; } }

.qlist__radiobox {
  position: relative;
  display: table;
  width: 100%;
  padding: 25px 20px 23px;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e8eb; }
  .qlist__radiobox:after, .qlist__radiobox:before {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 8px;
    position: absolute;
    content: '';
    display: inline-block;
    width: 11px;
    height: 28px;
    background: url(/img/icn_arrow_gray.png) no-repeat center center;
    background-size: 11px 28px; }
  .qlist__radiobox:after {
    left: auto;
    right: 8px;
    transform: rotate(180deg); }
  .qlist__radiobox .radiobox__select,
  .qlist__radiobox .radiobox__choice {
    display: table-cell;
    vertical-align: middle; }
  .qlist__radiobox .radiobox__select ol {
    display: flex;
    justify-content: space-between;
    margin: 0 5px; }
  .qlist__radiobox .radiobox__select li {
    display: inline-block; }
  .qlist__radiobox .radiobox__select .radio .labeltxt::before {
    border: 3px solid #e9e9e9;
    width: 22px;
    height: 22px; }
  .qlist__radiobox .radiobox__select .radio input[type="radio"] {
    opacity: 0; }
  .qlist__radiobox .radiobox__select .radio input[type="radio"]:checked + .labeltxt::after {
    width: 14px;
    height: 14px;
    top: 7px;
    left: 7px; }
  .qlist__radiobox .radiobox__choice {
    font-size: 10px;
    line-height: 1.2;
    padding: 0 0 0 2px; }
    .qlist__radiobox .radiobox__choice.-choice_right {
      padding: 0 2px 0 0;
      text-align: right; }
  .qlist__radiobox .radiobox__choice span {
    color: #0bae97;
    font-size: 15px;
    font-weight: bold; }
  @media print, screen and (min-width: 641px) {
    .qlist__radiobox {
      padding: 27px 65px 25px; }
      .qlist__radiobox .radiobox__choice {
        font-size: 13px; }
        .qlist__radiobox .radiobox__choice span {
          font-size: 19px; }
      .qlist__radiobox .radiobox__select .radio .labeltxt::before {
        border: 5px solid #e9e9e9;
        width: 26px;
        height: 26px; }
      .qlist__radiobox .radiobox__select .radio input[type="radio"]:checked + .labeltxt::after {
        width: 16px;
        height: 16px;
        top: 10px;
        left: 10px; }
      .qlist__radiobox:after {
        right: 30px; }
      .qlist__radiobox:before {
        left: 30px; }
      .qlist__radiobox:after, .qlist__radiobox:before {
        margin-top: -20px;
        width: 22px;
        height: 44px;
        background-size: 22px 44px; } }
  .list_sub_quest .qlist__radiobox {
    padding: 25px 20px 23px; }
    .list_sub_quest .qlist__radiobox .radiobox__select {
      width: 60%; }
    .list_sub_quest .qlist__radiobox .radiobox__choice {
      width: 20%; }
    @media print, screen and (min-width: 641px) {
      .list_sub_quest .qlist__radiobox {
        padding: 27px 55px 25px; } }

.qlist__expbox {
  background: #f9f9f9;
  font-size: 10px;
  display: table; }
  .qlist__expbox dl {
    display: table-cell;
    padding: 8px 12px 8px 15px;
    width: 50%; }
    .qlist__expbox dl:last-child {
      border-left: 1px solid #e4e8eb;
      padding: 8px 15px 8px 12px; }
    .qlist__expbox dl dt {
      font-weight: bold;
      margin-bottom: 2px; }
  @media print, screen and (min-width: 641px) {
    .qlist__expbox dl {
      padding: 12px 30px 15px 30px;
      width: 50%;
      font-size: 14px; }
      .qlist__expbox dl:last-child {
        padding: 12px 30px 15px 30px; }
      .qlist__expbox dl dt {
        font-weight: bold;
        margin-bottom: 2px; } }

/* 志向性診断結果
----------------------------------------------------- */
.-diagnosis_result {
  padding-bottom: 0; }
  .-diagnosis_result .result_share {
    margin: 30px 0 0; }
  @media print, screen and (min-width: 641px) {
    .-diagnosis_result .result_share {
      margin: 0;
      padding: 30px 0 0; } }
  .-diagnosis_result #pieChart + h3,
  .-diagnosis_result .diagnosis__body h3 {
    text-align: center; }

.-diagnosis_result_list {
  margin: 20px 0 0; }
  .-diagnosis_result_list li {
    padding: 0 12px; }
    .-diagnosis_result_list li:not(:last-child) {
      margin-bottom: 15px; }
    .-diagnosis_result_list li .card {
      padding: 24px 12px 24px; }
      .-diagnosis_result_list li .card .check {
        position: relative;
        z-index: 10; }
        .-diagnosis_result_list li .card .check + div time {
          padding-left: 32px; }
      .-diagnosis_result_list li .card time {
        display: block;
        font-size: 12px;
        margin: -4px 0 12px; }
    .-diagnosis_result_list li .analysis_table {
      border: none; }
      .-diagnosis_result_list li .analysis_table .analysis_table_tr {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 12px; }
        .-diagnosis_result_list li .analysis_table .analysis_table_tr:last-child .analysis_table_td div:last-child {
          flex: 2; }
      .-diagnosis_result_list li .analysis_table [class^="type-"],
      .-diagnosis_result_list li .analysis_table [class*=" type-"] {
        width: 100%; }
        .-diagnosis_result_list li .analysis_table [class^="type-"] span,
        .-diagnosis_result_list li .analysis_table [class*=" type-"] span {
          display: block;
          width: 100%;
          height: 100%;
          border-bottom: 2px solid #ffffff;
          padding: 10px 0;
          box-sizing: border-box; }
      .-diagnosis_result_list li .analysis_table .analysis_table_td {
        display: flex;
        width: 100%;
        border: 2px solid #e4e8eb;
        border-right: 1px solid #e4e8eb; }
        .-diagnosis_result_list li .analysis_table .analysis_table_td + .analysis_table_td {
          border-top: none; }
        .-diagnosis_result_list li .analysis_table .analysis_table_td div {
          flex: 1;
          padding: 10px 0;
          border-right: 1px solid #e4e8eb;
          box-sizing: border-box; }
        .-diagnosis_result_list li .analysis_table .analysis_table_td .strong {
          background: #f8f8f8;
          border-right: 1px solid #e4e8eb;
          font-weight: bold; }
          .-diagnosis_result_list li .analysis_table .analysis_table_td .strong.small {
            font-size: 10px;
            letter-spacing: -1px;
            flex: 2; }
  @media print, screen and (min-width: 641px) {
    .-diagnosis_result_list {
      max-width: 1080px;
      margin: 28px auto -26px;
      padding: 0; }
      .-diagnosis_result_list li {
        padding: 0; }
        .-diagnosis_result_list li:not(:last-child) {
          margin-bottom: 10px; }
        .-diagnosis_result_list li .card {
          padding: 20px 36px 10px 36px;
          display: flex;
          flex: 1;
          align-items: center; }
          .-diagnosis_result_list li .card > div {
            width: 100%; }
          .-diagnosis_result_list li .card .check {
            width: 64px;
            box-sizing: border-box;
            margin-bottom: 26px; }
            .-diagnosis_result_list li .card .check + div {
              box-sizing: border-box; }
            .-diagnosis_result_list li .card .check + div time {
              padding-left: 0; }
          .-diagnosis_result_list li .card time {
            font-size: 12px;
            padding-left: 0;
            margin: 0 0 8px; }
        .-diagnosis_result_list li .analysis_status {
          display: flex;
          flex-wrap: wrap;
          padding: 0 0 10px; }
          .-diagnosis_result_list li .analysis_status .status {
            width: 100%;
            font-size: 12px;
            margin: 0 0 3px;
            padding: 0 0 0; }
            .-diagnosis_result_list li .analysis_status .status.-status_new:before {
              content: "NEW!";
              display: inline-block;
              background: #ff9625;
              color: #ffffff;
              margin: 0 5px 0 0;
              padding: 0 8px;
              line-height: 18px; }
          .-diagnosis_result_list li .analysis_status .title {
            font-size: 18px;
            font-weight: bold;
            width: 90%; }
          .-diagnosis_result_list li .analysis_status time {
            width: 10%;
            text-align: right; }
        .-diagnosis_result_list li .analysis_table {
          display: flex;
          justify-content: space-between; }
          .-diagnosis_result_list li .analysis_table .analysis_table_tr {
            display: flex;
            flex-wrap: wrap;
            margin: 0 0 12px; }
            .-diagnosis_result_list li .analysis_table .analysis_table_tr:nth-child(1) {
              width: 25%; }
            .-diagnosis_result_list li .analysis_table .analysis_table_tr:nth-child(2) {
              width: 25%; }
            .-diagnosis_result_list li .analysis_table .analysis_table_tr:last-child {
              width: 50%; }
              .-diagnosis_result_list li .analysis_table .analysis_table_tr:last-child .analysis_table_td {
                border-right: 2px solid #e4e8eb; }
          .-diagnosis_result_list li .analysis_table [class^="type-"],
          .-diagnosis_result_list li .analysis_table [class*=" type-"] {
            width: 100%; }
            .-diagnosis_result_list li .analysis_table [class^="type-"] span,
            .-diagnosis_result_list li .analysis_table [class*=" type-"] span {
              border-bottom: 2px solid #ffffff;
              padding: 0;
              height: 26px;
              line-height: 26px;
              font-size: 12px; }
          .-diagnosis_result_list li .analysis_table .analysis_table_td {
            display: flex;
            width: 100%;
            border: 2px solid #e4e8eb;
            border-right: none; }
            .-diagnosis_result_list li .analysis_table .analysis_table_td + .analysis_table_td {
              border-top: none; }
              .-diagnosis_result_list li .analysis_table .analysis_table_td + .analysis_table_td div:last-child {
                border-right: none; }
            .-diagnosis_result_list li .analysis_table .analysis_table_td div {
              flex: 1;
              padding: 10px 0;
              border-right: 1px solid #e4e8eb;
              height: 38px;
              font-size: 11px; }
            .-diagnosis_result_list li .analysis_table .analysis_table_td .strong {
              background: #f8f8f8;
              border-right: 1px solid #e4e8eb; }
              .-diagnosis_result_list li .analysis_table .analysis_table_td .strong.small {
                padding: 5px 0 0; }
              .-diagnosis_result_list li .analysis_table .analysis_table_td .strong:last-child {
                border-right: none; } }

.result_comment {
  padding: 30px 12px 0;
  background: #f1f1f1; }
  .result_comment .result__img {
    line-height: 0;
    text-align: center;
    margin-top: 5px; }
  .result_comment .tit_sub {
    font-size: 16px; }
  .result_comment .txt_result {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 5px; }
  .result_comment .btn {
    margin: 30px 0 0; }
  @media print, screen and (min-width: 641px) {
    .result_comment {
      background: #fff;
      padding: 0; }
      .result_comment .inner {
        max-width: 880px;
        margin: 0 auto;
        padding: 46px 53px 32px 55px;
        background: #f1f6f5;
        display: table;
        box-sizing: border-box; }
      .result_comment .result__txt,
      .result_comment .result__img {
        display: table-cell;
        vertical-align: middle; }
        .result_comment .result__txt .tit_sub,
        .result_comment .result__img .tit_sub {
          font-size: 22px;
          margin-bottom: 10px; }
        .result_comment .result__txt .txt_result,
        .result_comment .result__img .txt_result {
          line-height: 1.8;
          margin-top: 5px; }
      .result_comment .btn {
        margin: 24px 0 0 40px;
        max-width: 294px;
        width: 294px; } }
  .result_comment.type_logout {
    background: #ffffff;
    padding-bottom: 30px; }
    .result_comment.type_logout .inner {
      background: #ffffff; }
      .result_comment.type_logout .inner .btns {
        margin-top: 0; }
    @media print, screen and (min-width: 641px) {
      .result_comment.type_logout {
        padding-bottom: 0; }
        .result_comment.type_logout .result__txt {
          display: block; } }

.result_share {
  margin: 0 0 20px;
  padding: 30px 12px 30px;
  background: #f1f1f1; }
  .result_share .icn_share {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 15px; }
  .result_share .tit_sub {
    font-size: 16px; }
  @media print, screen and (min-width: 641px) {
    .result_share {
      background: #ffffff;
      margin: 0;
      padding: 0 0 40px; }
      .result_share .inner {
        max-width: 880px;
        margin: 0 auto;
        padding: 24px 0 28px 0;
        background: #f1f1f1;
        display: table;
        box-sizing: border-box; }
      .result_share .icn_share {
        display: block;
        width: 44px;
        height: 44px;
        margin: 0 auto 20px; }
      .result_share .result__txt {
        display: block; }
        .result_share .result__txt .tit_sub {
          font-size: 16px;
          margin-bottom: 20px; }
      .result_share .diagnosis__body {
        width: 406px;
        margin: 0 auto; }
        .result_share .diagnosis__body .scout_step_list_share input {
          width: 310px; } }
  .result_share.type_logout {
    background: #ffffff;
    padding-bottom: 30px; }
    .result_share.type_logout .inner {
      background: #ffffff; }
      .result_share.type_logout .inner .btns {
        margin-top: 0; }
    @media print, screen and (min-width: 641px) {
      .result_share.type_logout {
        padding-bottom: 0; }
        .result_share.type_logout .result__txt {
          display: block; } }

.btns.-btns_result {
  margin-top: 0;
  padding: 30px 20px 40px;
  background: #fff; }
  .btns.-btns_result li:nth-child(2) {
    margin-top: 30px; }
  .btns.-btns_result .-btn_mini {
    font-size: 13px; }
  .btns.-btns_result + .section {
    padding-top: 20px; }
  .btns.-btns_result.bg_no {
    background: none; }
  @media print, screen and (min-width: 641px) {
    .btns.-btns_result li:first-child {
      display: block;
      margin-bottom: 15px; }
    .btns.-btns_result li:nth-child(2) {
      margin-top: 0;
      margin-left: 0; }
    .btns.-btns_result + .section {
      padding-top: 55px; } }

.wrap_cmpRadarChart {
  border: 1px solid #e4e8eb;
  padding: 0 0 30px;
  margin: 20px 0 30px; }
  .wrap_cmpRadarChart div[id^="radarChart"] {
    border: none !important;
    margin: 0 auto !important; }

.analysis_table.cmp_analysis_table td:last-child {
  font-weight: normal;
  font-size: 10px; }

.analysis_table.cmp_analysis_table td:nth-child(3), .analysis_table.cmp_analysis_table td:nth-child(4), .analysis_table.cmp_analysis_table td:nth-child(5) {
  width: 50px;
  box-sizing: border-box; }

.analysis_table.cmp_analysis_table td.plus {
  color: #4998dd; }

.analysis_table.cmp_analysis_table td.minus {
  color: #f05448; }

@media print, screen and (min-width: 641px) {
  .analysis_table.cmp_analysis_table td:last-child {
    font-size: 14px; }
  .analysis_table.cmp_analysis_table td:nth-child(3), .analysis_table.cmp_analysis_table td:nth-child(4), .analysis_table.cmp_analysis_table td:nth-child(5) {
    width: 77px; } }

.cmp_diagnosis {
  text-align: center; }
  .cmp_diagnosis .text_cmp {
    margin: 25px 0 15px; }
  .cmp_diagnosis .cmp_legend {
    padding: 0 15px; }
    .cmp_diagnosis .cmp_legend .select_result {
      margin-top: 15px; }
      .cmp_diagnosis .cmp_legend .select_result i {
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      .cmp_diagnosis .cmp_legend .select_result:nth-of-type(1) i {
        border-bottom: 2px solid #3db4f8; }
      .cmp_diagnosis .cmp_legend .select_result:nth-of-type(2) i {
        border-bottom: 2px solid #e23971; }
    .cmp_diagnosis .cmp_legend .legend {
      display: inline-block;
      margin-right: 15px; }
    .cmp_diagnosis .cmp_legend .select {
      text-align: left; }
      .cmp_diagnosis .cmp_legend .select p {
        line-height: 44px; }
  .cmp_diagnosis .btn {
    margin-top: 25px;
    width: 160px !important; }
    .cmp_diagnosis .btn input {
      font-size: 14px; }
  @media print, screen and (min-width: 641px) {
    .cmp_diagnosis .text_cmp {
      margin: 25px 0 0; }
    .cmp_diagnosis .select_result {
      display: inline-block; }
      .cmp_diagnosis .select_result:nth-of-type(2) {
        margin: 0 0 0 25px; } }
  .cmp_diagnosis .btn {
    width: 100%; }

.analysis_label {
  display: table;
  table-layout: fixed;
  border: 1px solid #e4e8eb;
  margin: 0 auto;
  width: 80%; }
  .analysis_label li {
    display: table-cell;
    border-right: 1px solid #e4e8eb;
    padding: 5px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center; }
    .analysis_label li:last-child {
      border-right: none; }
  .analysis_label .type-color-red {
    color: #f05448;
    background: #fdeeec; }
  .analysis_label .type-color-blue {
    color: #4998dd;
    background: #ecf4fc; }
  .analysis_label .type-color-yellow {
    color: #ffbc27;
    background: #fff8e9; }

.text-color-red {
  color: #f05448; }

.text-color-blue {
  color: #4998dd; }

.text-color-yellow {
  color: #ffbc27; }

/* 志向性診断結果グラフ
----------------------------------------------------- */
#pieChart {
  border: 1px solid #e4e8eb;
  margin: 20px 0 40px;
  text-align: center; }

/* 志向性診断ページ要素
----------------------------------------------------- */
.diagnosis_table {
  border: 2px solid #e4e8eb;
  margin-top: 20px; }
  .diagnosis_table dt {
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #e4e8eb;
    padding: 13px 0 17px;
    font-size: 12px; }
    .diagnosis_table dt span {
      color: #0aac99;
      font-weight: bold;
      font-size: 14px; }
  .diagnosis_table dd {
    font-size: 12px;
    padding: 18px 20px 20px;
    border-bottom: 1px solid #e4e8eb; }
    .diagnosis_table dd:last-child {
      border-bottom: none; }
    .diagnosis_table dd .table__a {
      margin-top: 15px; }
      .diagnosis_table dd .table__a .qlist__radiobox {
        padding: 25px 4px 23px;
        border-bottom: none; }
        .diagnosis_table dd .table__a .qlist__radiobox:before {
          left: -14px; }
        .diagnosis_table dd .table__a .qlist__radiobox:after {
          right: -14px; }
    .diagnosis_table dd.status_error .status_error_txt {
      padding-top: 0;
      padding-bottom: 12px;
      width: 100%; }
  .diagnosis_table .radiobox__select {
    display: table;
    vertical-align: middle;
    width: 80%;
    margin: 30px auto 0; }
    .diagnosis_table .radiobox__select ol {
      display: flex;
      justify-content: space-between;
      margin: 0 5px; }
      .diagnosis_table .radiobox__select ol li {
        display: inline-block;
        position: relative; }
        .diagnosis_table .radiobox__select ol li .numlabel {
          position: absolute;
          top: -20px;
          left: 9px;
          width: 100%;
          display: block; }
        .diagnosis_table .radiobox__select ol li .radio {
          display: inline-block;
          position: relative;
          min-height: 22px;
          padding-left: 32px;
          font-weight: normal;
          font-size: inherit;
          color: inherit;
          cursor: pointer;
          box-sizing: border-box; }
          .diagnosis_table .radiobox__select ol li .radio input[type="radio"]:checked + .labeltxt::after {
            width: 14px;
            height: 14px;
            top: 7px;
            left: 7px; }
          .diagnosis_table .radiobox__select ol li .radio .labeltxt::before, .diagnosis_table .radiobox__select ol li .radio .labeltxt::after {
            content: '';
            display: block;
            position: absolute;
            box-sizing: content-box !important; }
          .diagnosis_table .radiobox__select ol li .radio .labeltxt::before {
            top: 0px;
            left: 0;
            border: 3px solid #e9e9e9;
            width: 22px;
            height: 22px;
            background: #fff;
            border-radius: 100px; }
  @media print, screen and (min-width: 641px) {
    .diagnosis_table dt {
      font-size: 14px; }
      .diagnosis_table dt span {
        font-size: 18px; }
    .diagnosis_table dd {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      font-size: 14px;
      box-sizing: border-box; }
      .diagnosis_table dd .table__q,
      .diagnosis_table dd .table__a {
        display: table-cell;
        vertical-align: middle; }
      .diagnosis_table dd .table__q {
        width: 100%; }
      .diagnosis_table dd .table__a {
        width: 100%;
        margin-top: 0; }
        .diagnosis_table dd .table__a .qlist__radiobox {
          border-bottom: none;
          padding: 27px 35px 25px; }
          .diagnosis_table dd .table__a .qlist__radiobox:before {
            left: 0px; }
          .diagnosis_table dd .table__a .qlist__radiobox:after {
            right: 0px; }
    .diagnosis_table .radiobox__select {
      width: 100%;
      margin: 25px auto 0; }
      .diagnosis_table .radiobox__select ol li .numlabel {
        top: -25px; } }

/* 自己評価断結果
----------------------------------------------------- */
.analysis_status .status {
  width: 100%;
  font-size: 12px;
  padding-left: 0;
  margin: 0 0 8px; }
  .analysis_status .status.-status_new:before {
    content: "NEW!";
    display: inline-block;
    background: #ff9625;
    color: #ffffff;
    margin: 0 5px 0 0;
    padding: 0 8px;
    line-height: 18px; }

.analysis_status .title {
  font-weight: bold;
  width: 100%; }

.analysis_status time {
  width: 100%;
  text-align: right; }

.analysis_table {
  border: 2px solid #e4e8eb;
  width: 100%;
  text-align: center;
  font-size: 10px; }
  .analysis_table th {
    background: #f8f8f8;
    border-right: 1px solid #e4e8eb;
    border-bottom: 1px solid #e4e8eb;
    padding: 10px 0; }
    .analysis_table th:last-child {
      border-right: none;
      width: 40px; }
  .analysis_table td {
    border: 1px solid #e4e8eb;
    border-width: 0 1px 1px 0;
    vertical-align: middle;
    padding: 12px 8px; }
    .analysis_table td:last-child {
      font-weight: bold;
      font-size: 11px; }
  .analysis_table .strong {
    font-size: 11px;
    font-weight: bold; }
  .analysis_table .small {
    font-size: 9px; }
  .analysis_table .type-color-red {
    color: #f05448;
    background: #fdeeec; }
  .analysis_table .type-color-blue {
    color: #4998dd;
    background: #ecf4fc; }
  .analysis_table .type-color-yellow {
    color: #ffbc27;
    background: #fff8e9; }
  .analysis_table .txt-writing-vertical {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    margin: 0 auto;
    white-space: nowrap;
    width: 1em;
    line-height: 1em;
    text-orientation: upright; }
    @media all and (-ms-high-contrast: none) {
      .analysis_table .txt-writing-vertical {
        margin-left: 1em;
        margin-right: -1em; } }
    .analysis_table .txt-writing-vertical.-vertical__row2 {
      padding-left: 1.2em;
      line-height: 1.2em;
      padding-top: 0em;
      text-indent: 1em; }
      @media all and (-ms-high-contrast: none) {
        .analysis_table .txt-writing-vertical.-vertical__row2 {
          margin-left: 1.5em;
          margin-right: -1.5em; } }
    @media all and (-ms-high-contrast: none) {
      .analysis_table .txt-writing-vertical.-vertical__row1 {
        margin-left: 1.7em;
        margin-right: -1.7em; } }
  @media print, screen and (min-width: 641px) {
    .analysis_table {
      font-size: 14px; }
      .analysis_table th:last-child {
        width: 60px; }
      .analysis_table td:last-child,
      .analysis_table .strong {
        font-size: 15px;
        font-weight: bold; }
      .analysis_table .small {
        font-size: 12px; } }

/* 自己評価断結果グラフ
----------------------------------------------------- */
#radarChart,
#radarChart1 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart1 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart1 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart1 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart1 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart1 .axis:nth-of-type(1) .legend,
  #radarChart1 .axis:nth-of-type(2) .legend,
  #radarChart1 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart1 .axis:nth-of-type(4) .legend,
  #radarChart1 .axis:nth-of-type(5) .legend,
  #radarChart1 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart1 .axis:nth-of-type(7) .legend,
  #radarChart1 .axis:nth-of-type(8) .legend,
  #radarChart1 .axis:nth-of-type(9) .legend,
  #radarChart1 .axis:nth-of-type(10) .legend,
  #radarChart1 .axis:nth-of-type(11) .legend,
  #radarChart1 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart1 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart1 .axis:nth-last-child(12) .legend,
  #radarChart1 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart1 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart1 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart1 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart1 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart1 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart1 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart1 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart1 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart1 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart1 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart1 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart2 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart2 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart2 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart2 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart2 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart2 .axis:nth-of-type(1) .legend,
  #radarChart2 .axis:nth-of-type(2) .legend,
  #radarChart2 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart2 .axis:nth-of-type(4) .legend,
  #radarChart2 .axis:nth-of-type(5) .legend,
  #radarChart2 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart2 .axis:nth-of-type(7) .legend,
  #radarChart2 .axis:nth-of-type(8) .legend,
  #radarChart2 .axis:nth-of-type(9) .legend,
  #radarChart2 .axis:nth-of-type(10) .legend,
  #radarChart2 .axis:nth-of-type(11) .legend,
  #radarChart2 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart2 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart2 .axis:nth-last-child(12) .legend,
  #radarChart2 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart2 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart2 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart2 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart2 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart2 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart2 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart2 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart2 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart2 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart2 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart2 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart3 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart3 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart3 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart3 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart3 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart3 .axis:nth-of-type(1) .legend,
  #radarChart3 .axis:nth-of-type(2) .legend,
  #radarChart3 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart3 .axis:nth-of-type(4) .legend,
  #radarChart3 .axis:nth-of-type(5) .legend,
  #radarChart3 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart3 .axis:nth-of-type(7) .legend,
  #radarChart3 .axis:nth-of-type(8) .legend,
  #radarChart3 .axis:nth-of-type(9) .legend,
  #radarChart3 .axis:nth-of-type(10) .legend,
  #radarChart3 .axis:nth-of-type(11) .legend,
  #radarChart3 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart3 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart3 .axis:nth-last-child(12) .legend,
  #radarChart3 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart3 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart3 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart3 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart3 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart3 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart3 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart3 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart3 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart3 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart3 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart3 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart4 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart4 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart4 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart4 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart4 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart4 .axis:nth-of-type(1) .legend,
  #radarChart4 .axis:nth-of-type(2) .legend,
  #radarChart4 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart4 .axis:nth-of-type(4) .legend,
  #radarChart4 .axis:nth-of-type(5) .legend,
  #radarChart4 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart4 .axis:nth-of-type(7) .legend,
  #radarChart4 .axis:nth-of-type(8) .legend,
  #radarChart4 .axis:nth-of-type(9) .legend,
  #radarChart4 .axis:nth-of-type(10) .legend,
  #radarChart4 .axis:nth-of-type(11) .legend,
  #radarChart4 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart4 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart4 .axis:nth-last-child(12) .legend,
  #radarChart4 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart4 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart4 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart4 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart4 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart4 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart4 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart4 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart4 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart4 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart4 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart4 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart5 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart5 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart5 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart5 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart5 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart5 .axis:nth-of-type(1) .legend,
  #radarChart5 .axis:nth-of-type(2) .legend,
  #radarChart5 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart5 .axis:nth-of-type(4) .legend,
  #radarChart5 .axis:nth-of-type(5) .legend,
  #radarChart5 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart5 .axis:nth-of-type(7) .legend,
  #radarChart5 .axis:nth-of-type(8) .legend,
  #radarChart5 .axis:nth-of-type(9) .legend,
  #radarChart5 .axis:nth-of-type(10) .legend,
  #radarChart5 .axis:nth-of-type(11) .legend,
  #radarChart5 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart5 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart5 .axis:nth-last-child(12) .legend,
  #radarChart5 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart5 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart5 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart5 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart5 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart5 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart5 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart5 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart5 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart5 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart5 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart5 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart6 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart6 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart6 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart6 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart6 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart6 .axis:nth-of-type(1) .legend,
  #radarChart6 .axis:nth-of-type(2) .legend,
  #radarChart6 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart6 .axis:nth-of-type(4) .legend,
  #radarChart6 .axis:nth-of-type(5) .legend,
  #radarChart6 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart6 .axis:nth-of-type(7) .legend,
  #radarChart6 .axis:nth-of-type(8) .legend,
  #radarChart6 .axis:nth-of-type(9) .legend,
  #radarChart6 .axis:nth-of-type(10) .legend,
  #radarChart6 .axis:nth-of-type(11) .legend,
  #radarChart6 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart6 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart6 .axis:nth-last-child(12) .legend,
  #radarChart6 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart6 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart6 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart6 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart6 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart6 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart6 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart6 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart6 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart6 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart6 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart6 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart7 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart7 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart7 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart7 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart7 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart7 .axis:nth-of-type(1) .legend,
  #radarChart7 .axis:nth-of-type(2) .legend,
  #radarChart7 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart7 .axis:nth-of-type(4) .legend,
  #radarChart7 .axis:nth-of-type(5) .legend,
  #radarChart7 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart7 .axis:nth-of-type(7) .legend,
  #radarChart7 .axis:nth-of-type(8) .legend,
  #radarChart7 .axis:nth-of-type(9) .legend,
  #radarChart7 .axis:nth-of-type(10) .legend,
  #radarChart7 .axis:nth-of-type(11) .legend,
  #radarChart7 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart7 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart7 .axis:nth-last-child(12) .legend,
  #radarChart7 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart7 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart7 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart7 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart7 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart7 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart7 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart7 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart7 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart7 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart7 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart7 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart8 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart8 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart8 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart8 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart8 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart8 .axis:nth-of-type(1) .legend,
  #radarChart8 .axis:nth-of-type(2) .legend,
  #radarChart8 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart8 .axis:nth-of-type(4) .legend,
  #radarChart8 .axis:nth-of-type(5) .legend,
  #radarChart8 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart8 .axis:nth-of-type(7) .legend,
  #radarChart8 .axis:nth-of-type(8) .legend,
  #radarChart8 .axis:nth-of-type(9) .legend,
  #radarChart8 .axis:nth-of-type(10) .legend,
  #radarChart8 .axis:nth-of-type(11) .legend,
  #radarChart8 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart8 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart8 .axis:nth-last-child(12) .legend,
  #radarChart8 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart8 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart8 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart8 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart8 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart8 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart8 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart8 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart8 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart8 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart8 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart8 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart9 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart9 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart9 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart9 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart9 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart9 .axis:nth-of-type(1) .legend,
  #radarChart9 .axis:nth-of-type(2) .legend,
  #radarChart9 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart9 .axis:nth-of-type(4) .legend,
  #radarChart9 .axis:nth-of-type(5) .legend,
  #radarChart9 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart9 .axis:nth-of-type(7) .legend,
  #radarChart9 .axis:nth-of-type(8) .legend,
  #radarChart9 .axis:nth-of-type(9) .legend,
  #radarChart9 .axis:nth-of-type(10) .legend,
  #radarChart9 .axis:nth-of-type(11) .legend,
  #radarChart9 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart9 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart9 .axis:nth-last-child(12) .legend,
  #radarChart9 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart9 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart9 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart9 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart9 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart9 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart9 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart9 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart9 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart9 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart9 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart9 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

#radarChart,
#radarChart10 {
  border: 1px solid #e4e8eb;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
  z-index: 0; }
  #radarChart .axisLabel,
  #radarChart10 .axisLabel {
    display: none !important; }
  #radarChart .legend,
  #radarChart10 .legend {
    fill: #666666;
    text-anchor: start; }
  #radarChart .tooltip,
  #radarChart10 .tooltip {
    display: none; }
  #radarChart .axis .legend,
  #radarChart10 .axis .legend {
    text-anchor: start;
    fill: #666666; }
  #radarChart .axis:nth-of-type(1) .legend, #radarChart .axis:nth-of-type(2) .legend, #radarChart .axis:nth-of-type(3) .legend,
  #radarChart10 .axis:nth-of-type(1) .legend,
  #radarChart10 .axis:nth-of-type(2) .legend,
  #radarChart10 .axis:nth-of-type(3) .legend {
    fill: #f05448; }
  #radarChart .axis:nth-of-type(4) .legend, #radarChart .axis:nth-of-type(5) .legend, #radarChart .axis:nth-of-type(6) .legend,
  #radarChart10 .axis:nth-of-type(4) .legend,
  #radarChart10 .axis:nth-of-type(5) .legend,
  #radarChart10 .axis:nth-of-type(6) .legend {
    fill: #4998dd; }
  #radarChart .axis:nth-of-type(7) .legend, #radarChart .axis:nth-of-type(8) .legend, #radarChart .axis:nth-of-type(9) .legend, #radarChart .axis:nth-of-type(10) .legend, #radarChart .axis:nth-of-type(11) .legend, #radarChart .axis:nth-of-type(12) .legend,
  #radarChart10 .axis:nth-of-type(7) .legend,
  #radarChart10 .axis:nth-of-type(8) .legend,
  #radarChart10 .axis:nth-of-type(9) .legend,
  #radarChart10 .axis:nth-of-type(10) .legend,
  #radarChart10 .axis:nth-of-type(11) .legend,
  #radarChart10 .axis:nth-of-type(12) .legend {
    fill: #ffbc27; }
  #radarChart .axis:nth-last-child(-n+6) .legend,
  #radarChart10 .axis:nth-last-child(-n+6) .legend {
    text-anchor: end; }
  #radarChart .axis:nth-last-child(12) .legend,
  #radarChart .axis:nth-last-child(6) .legend,
  #radarChart10 .axis:nth-last-child(12) .legend,
  #radarChart10 .axis:nth-last-child(6) .legend {
    text-anchor: middle; }
  #radarChart .txt_legend,
  #radarChart10 .txt_legend {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #radarChart .txt_legend div,
    #radarChart10 .txt_legend div {
      width: 50%; }
      #radarChart .txt_legend div i,
      #radarChart10 .txt_legend div i {
        font-size: 12px;
        display: inline-block;
        width: 35px;
        height: 2px;
        margin: 0 8px 4px 0; }
      #radarChart .txt_legend div:nth-child(1) i,
      #radarChart10 .txt_legend div:nth-child(1) i {
        background: #0aac99; }
      #radarChart .txt_legend div:nth-child(2) i,
      #radarChart10 .txt_legend div:nth-child(2) i {
        background: #3db4f8; }
  @media print, screen and (min-width: 641px) {
    #radarChart .legend,
    #radarChart10 .legend {
      font-size: 14px !important; }
    #radarChart .txt_legend,
    #radarChart10 .txt_legend {
      bottom: 26px;
      right: 0;
      width: 190px; }
      #radarChart .txt_legend div,
      #radarChart10 .txt_legend div {
        width: 100%;
        font-size: 14px; }
        #radarChart .txt_legend div i,
        #radarChart10 .txt_legend div i {
          display: inline-block;
          width: 35px;
          height: 2px;
          margin: 0 8px 4px 0; }
        #radarChart .txt_legend div:nth-child(1) i,
        #radarChart10 .txt_legend div:nth-child(1) i {
          background: #3db4f8; }
        #radarChart .txt_legend div:nth-child(2) i,
        #radarChart10 .txt_legend div:nth-child(2) i {
          background: #0aac99; } }

/*
.cmpRadar{
	.radarWrapper:nth-of-type(3){
		.radarStroke {
			stroke-dasharray: 10, 5 !important;
		}
	}
}
*/
/* 他己評価ページ要素
----------------------------------------------------- */
.-diagnosis_other .diagnosis__body .question {
  margin-bottom: 10px; }
  .-diagnosis_other .diagnosis__body .question + .status_error_txt {
    background: none;
    color: #f05648;
    text-align: left;
    margin: -10px 0 0;
    padding: 0 0 10px; }

.-diagnosis_other .diagnosis__body .list {
  margin-bottom: 25px; }

.-diagnosis_other .btnarea {
  margin-top: 60px; }
  .-diagnosis_other .btnarea .status_error_txt {
    margin-top: -30px;
    margin-bottom: 40px; }

.-diagnosis_other .list.-list_small li {
  padding-top: 24px; }

.-diagnosis_other .status_error_txt {
  padding-bottom: 12px; }

.diagnosis__guidance {
  background: url(/img/bg_polygon_grad02.png) repeat-y;
  background-size: 100% auto;
  padding: 12px 15px 20px 15px;
  color: #fff;
  margin-top: 5px; }
  .diagnosis__guidance h4 {
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
    .diagnosis__guidance h4 span {
      font-size: 19px; }
    .diagnosis__guidance h4 + p {
      font-size: 12px;
      line-height: 1.8; }
  .diagnosis__guidance .scout_step_list_share {
    margin-top: 10px;
    display: flex; }
    .diagnosis__guidance .scout_step_list_share input {
      width: 100%;
      height: 40px;
      padding: 0 10px;
      color: #333333;
      border: 1px solid #e4e8eb;
      border-radius: 3px 0 0 3px; }
    .diagnosis__guidance .scout_step_list_share button {
      height: 40px;
      margin-left: 4px;
      color: #fff;
      background: #f68444;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border: none;
      border-radius: 0 3px 3px 0;
      width: 115px;
      font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
      cursor: pointer; }
      .diagnosis__guidance .scout_step_list_share button.is-copied {
        width: 170px;
        line-height: 1.2; }
  .diagnosis__guidance .scout_step_list_icon {
    margin: 0 auto;
    width: 125px;
    height: 125px;
    background: url(/img/bg_scout_step_list_icon.png) no-repeat 50%;
    background-size: 125px 125px;
    background-blend-mode: overlay;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .diagnosis__guidance .scout_step_list_icon img {
      width: auto;
      height: 65px; }
  .diagnosis__guidance + h3 {
    margin-top: 35px;
    text-align: center; }
  @media print, screen and (min-width: 641px) {
    .diagnosis__guidance p {
      text-align: center; } }

.icn_diagnosis_others {
  background: url(/img/img_diagnosis.png) 0 0 no-repeat;
  background-size: 125px 125px;
  width: 125px;
  height: 125px; }

.show_average {
  margin-top: 43px; }

/* ログアウト
----------------------------------------------------- */
.leading_regist {
  text-align: center; }
  .leading_regist .regist_txt {
    position: relative;
    background: #f6d30a;
    text-align: center;
    padding: 10px 15px;
    line-height: 1; }
    .leading_regist .regist_txt img {
      width: 100%;
      max-width: 280px;
      margin: 0 auto; }
    .leading_regist .regist_txt:after {
      content: '';
      position: absolute;
      display: block;
      bottom: -22px;
      left: 50%;
      margin-left: -14px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 14px 0 14px;
      border-color: #f6d30a transparent transparent transparent; }
  @media print, screen and (min-width: 641px) {
    .leading_regist {
      margin: 0 0 -10px; }
      .leading_regist .regist_txt {
        padding: 20px 0;
        line-height: 1; }
        .leading_regist .regist_txt img {
          width: auto;
          max-width: inherit;
          margin: 0 auto; } }

/* ポップアップアンケート
----------------------------------------------------- */
.list_sub_quest .tit_sub_quest {
  margin-top: 33px; }
  .list_sub_quest .tit_sub_quest [class^="icn_"],
  .list_sub_quest .tit_sub_quest [class*=" icn_"] {
    margin-left: 8px; }

.list_sub_quest textarea {
  margin-top: 10px; }

.lb_dl .list.-list_three li {
  min-width: 50%; }

@media print, screen and (min-width: 641px) {
  .lb_dl .list.-list_three li {
    min-width: 33.3%; } }

.lb_dl .check {
  padding-left: 30px; }

.lb .result_share {
  padding: 30px 0 10px; }

@media print, screen and (min-width: 641px) {
  .lb .result_share .diagnosis__body {
    width: 436px; }
  .lb .result_share .diagnosis__body .scout_step_list_share input {
    width: 350px; } }

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