@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* line 9, app/assets/stylesheets/reset.scss */
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;
}

/* line 30, app/assets/stylesheets/reset.scss */
body {
  line-height: 1;
}

/* line 34, app/assets/stylesheets/reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 39, app/assets/stylesheets/reset.scss */
nav ul {
  list-style: none;
}

/* line 43, app/assets/stylesheets/reset.scss */
ul {
  list-style: none;
}

/* line 47, app/assets/stylesheets/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 51, app/assets/stylesheets/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 57, app/assets/stylesheets/reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/* change colours to suit your needs */
/* line 69, app/assets/stylesheets/reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 76, app/assets/stylesheets/reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 83, app/assets/stylesheets/reset.scss */
del {
  text-decoration: line-through;
}

/* line 87, app/assets/stylesheets/reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 92, app/assets/stylesheets/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 98, app/assets/stylesheets/reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 107, app/assets/stylesheets/reset.scss */
input, select {
  vertical-align: middle;
}

/*form用リセット*/
/* line 112, app/assets/stylesheets/reset.scss */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

/* line 126, app/assets/stylesheets/reset.scss */
textarea {
  resize: none;
}

/* line 131, app/assets/stylesheets/reset.scss */
input[type='radio'] {
  display: none;
}

/* line 135, app/assets/stylesheets/reset.scss */
input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

/* line 143, app/assets/stylesheets/reset.scss */
select::-ms-expand {
  display: none;
}

/* line 2, app/assets/stylesheets/header.scss */
.sp_only {
  display: none;
}

/* line 5, app/assets/stylesheets/header.scss */
.pc_only {
  display: block;
}

/* line 8, app/assets/stylesheets/header.scss */
header {
  display: flex;
  height: 70px;
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 4;
  top: 0;
}

/* line 17, app/assets/stylesheets/header.scss */
img.glass {
  vertical-align: middle;
}

/* line 20, app/assets/stylesheets/header.scss */
.l-header__inner_pc {
  display: flex;
}

/* line 23, app/assets/stylesheets/header.scss */
.header_logo {
  width: 300px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 31, app/assets/stylesheets/header.scss */
.header_logo img {
  height: 60px;
}

/* line 34, app/assets/stylesheets/header.scss */
.header_title p {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 18px;
  height: 100%;
}

/* line 42, app/assets/stylesheets/header.scss */
.header_name_login {
  display: flex;
  position: absolute;
  right: 20px;
  height: 100%;
}

/* line 48, app/assets/stylesheets/header.scss */
.header_name_login img {
  width: 25px;
}

/* line 51, app/assets/stylesheets/header.scss */
.header_name_login p, .header_name_login a {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 57, app/assets/stylesheets/header.scss */
.header_name_login a {
  margin-left: 20px;
}

/* line 60, app/assets/stylesheets/header.scss */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

/* line 66, app/assets/stylesheets/header.scss */
.menu-trigger {
  display: flex;
  position: relative;
  z-index: 2;
  margin: 0px;
  width: 30px;
  height: 60px;
  border-radius: 50px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  pointer-events: auto;
}

/* line 79, app/assets/stylesheets/header.scss */
.menu-trigger span {
  position: relative;
  left: 0px;
  width: 30px;
  height: 2px;
  background-color: #333333;
  border-radius: 4px;
}

/* line 87, app/assets/stylesheets/header.scss */
.menu-trigger span:nth-of-type(1) {
  top: 6px;
}

/* line 90, app/assets/stylesheets/header.scss */
.menu-trigger span:nth-of-type(3) {
  bottom: 6px;
}

/* line 93, app/assets/stylesheets/header.scss */
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
  background-color: #333333;
}

/* line 97, app/assets/stylesheets/header.scss */
.menu-trigger.active span:nth-of-type(2) {
  transform: translateY(0px) rotate(45deg);
  background-color: #333333;
}

/* line 101, app/assets/stylesheets/header.scss */
.menu-trigger.active span:nth-of-type(3) {
  display: none;
}

/*ドロワー背景*/
/* line 105, app/assets/stylesheets/header.scss */
.overlay1 {
  display: none;
}

/* line 108, app/assets/stylesheets/header.scss */
.overlay1::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

/*-----ipad------*/
@media screen and (max-width: 821px) {
  /* line 120, app/assets/stylesheets/header.scss */
  .sp_only {
    display: block;
  }
  /* line 123, app/assets/stylesheets/header.scss */
  .pc_only {
    display: none;
  }
  /* line 126, app/assets/stylesheets/header.scss */
  nav {
    background-color: #323943;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 100px;
  }
  /* line 133, app/assets/stylesheets/header.scss */
  .open-btn1 {
    right: 60px;
  }
  /* line 136, app/assets/stylesheets/header.scss */
  header {
    flex-direction: column;
    height: 100px;
  }
  /* line 140, app/assets/stylesheets/header.scss */
  .l-header__inner_pc {
    justify-content: space-between;
    padding-right: 30px;
    height: 60px;
  }
  /* line 145, app/assets/stylesheets/header.scss */
  .l-header__inner_sp {
    display: flex;
  }
  /* line 148, app/assets/stylesheets/header.scss */
  .header_title {
    height: 40px;
  }
  /* line 151, app/assets/stylesheets/header.scss */
  .header_name_login {
    position: relative;
  }
  /* line 154, app/assets/stylesheets/header.scss */
  .header_title p {
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
  }
}

/*-----ipad mini------*/
/*-----iPhoneX_12pro------*/
@media screen and (max-width: 599px) {
  /* line 166, app/assets/stylesheets/header.scss */
  .header_logo {
    width: 180px;
  }
  /* line 169, app/assets/stylesheets/header.scss */
  .l-header__inner_pc {
    padding-right: 20px;
  }
  /* line 172, app/assets/stylesheets/header.scss */
  .header_name_login a {
    margin-left: 10px;
  }
}

/*-----iPhoneSE------*/
/* line 2, app/assets/stylesheets/aside.scss */
.sp_only {
  display: none;
}

/* line 5, app/assets/stylesheets/aside.scss */
.pc_only {
  display: block;
}

/* line 8, app/assets/stylesheets/aside.scss */
aside {
  width: 300px;
  float: left;
  position: fixed;
  top: 70px;
  height: 100%;
  overflow: hidden;
}

/* line 16, app/assets/stylesheets/aside.scss */
.nav_box {
  display: flex;
  background-color: #323943;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  overflow: scroll;
}

/* line 24, app/assets/stylesheets/aside.scss */
nav a {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

/* line 34, app/assets/stylesheets/aside.scss */
.nav_bottoms {
  border-top: solid 3px #243138;
}

/* line 37, app/assets/stylesheets/aside.scss */
.nav_btn {
  justify-content: center;
  background-color: #326FE3;
  margin: 20px;
  width: auto;
  border-radius: 6px;
  padding: 15px;
}

/* line 45, app/assets/stylesheets/aside.scss */
.nav_btn:hover {
  background-color: #00ABFF;
}

/* line 48, app/assets/stylesheets/aside.scss */
.nav_btn:last-of-type {
  margin-bottom: 100px;
}

/* line 51, app/assets/stylesheets/aside.scss */
.home::before {
  content: "";
  background-image: url(/assets/aside/home-5d2e9915019b0e8f2089f91157c9c8728904b10864850b0d3e6ff3943be85e9e.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 62, app/assets/stylesheets/aside.scss */
.by_restricted_room::before {
  content: "";
  background-image: url(/assets/aside/by_restricted_room-4e445eeba73434c20ff40aea0ca3d63c36624b8b75ca43ec561d78d9ba04370b.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 73, app/assets/stylesheets/aside.scss */
.by_property_room::before {
  content: "";
  background-image: url(/assets/aside/by_property_room-d1c52d1d066d3b4722b74075bb4828242c6e020faaa58b358a9fcf2f0e0fa066.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 84, app/assets/stylesheets/aside.scss */
.user_management::before {
  content: "";
  background-image: url(/assets/aside/user_management-aa05874f6ced7e2ef411b38a4f43f9079fdf7e1a30bd4f4fad90150dc2326990.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 95, app/assets/stylesheets/aside.scss */
.terms::before {
  content: "";
  background-image: url(/assets/aside/terms-9793b427250ee75a634847616ee75195b82ca01dd6260aa748f468d8ba28bf9d.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 106, app/assets/stylesheets/aside.scss */
.mjc_loom::before {
  content: "";
  background-image: url(/assets/aside/mjc_loom-b35f5623e6eaea2bef83c2eb9e2e5ebe95b9cabdc7906f5f97bd9b3f022222f0.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 117, app/assets/stylesheets/aside.scss */
.livemtg::before {
  content: "";
  background-image: url(/assets/aside/livemtg-2d30da6c90c354306ed6ac4f1d0a5bb57078a9583d522891f57d4e75a7b9e9fb.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 128, app/assets/stylesheets/aside.scss */
.on_demand::before {
  content: "";
  background-image: url(/assets/aside/on_demand-bf2e889854f23208fa97eb8acf91f1e278f3635d938b5bd351eb3c6f329cb81e.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 139, app/assets/stylesheets/aside.scss */
.livemtg_set::before {
  content: "";
  background-image: url(/assets/aside/livemtg_set-ece8fd95384bc8a24708b20f9214bd719071c70a65b31527c340749c3cf01e99.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 150, app/assets/stylesheets/aside.scss */
.category_set::before {
  content: "";
  background-image: url(/assets/aside/category_set-d39a750c7b984e4d9e4c2fc1c3644104f9054914e8105c7fe947364348ee767c.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 161, app/assets/stylesheets/aside.scss */
.property_set::before {
  content: "";
  background-image: url(/assets/aside/property_set-ad7309d60351bc1e79993ee7b2576b27d8675b7a04be1bc34aaf795c3a13c75f.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 172, app/assets/stylesheets/aside.scss */
.news_set::before {
  content: "";
  background-image: url(/assets/aside/news_set-1473d3347819038f191de5bd779fb0a0d400f224ec14ca72e92f9ab4b4ca8195.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 183, app/assets/stylesheets/aside.scss */
.analysis_set::before {
  content: "";
  background-image: url(/assets/aside/analysis_set-9d541519ae9c65f259ffc93a2f0c8f4fca2db103e0f779f433c8d0bd59e9f7b7.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 194, app/assets/stylesheets/aside.scss */
.category_set::before {
  content: "";
  background-image: url(/assets/aside/category_set-d39a750c7b984e4d9e4c2fc1c3644104f9054914e8105c7fe947364348ee767c.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 205, app/assets/stylesheets/aside.scss */
.key_set::before {
  content: "";
  background-image: url(/assets/aside/key_set-66cf017ef877da939edc714f67e654b0c35f3385df0ce37e845ddb6728abae14.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25px;
  width: 25px;
  padding-right: 5px;
  margin-right: 10px;
}

/* line 216, app/assets/stylesheets/aside.scss */
.current {
  background-color: #657382;
}

/* line 219, app/assets/stylesheets/aside.scss */
nav li:hover {
  background-color: #657382;
  background-image: url(/assets/aside/nav_hover-d465d8715d9fef329ea5e8d5a6c6d8df81b44e99d8207ceac338c7b409189940.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left;
  z-index: 10;
}

/*-----ipad------*/
@media screen and (max-width: 821px) {
  /* line 229, app/assets/stylesheets/aside.scss */
  .sp_only {
    display: block;
  }
  /* line 232, app/assets/stylesheets/aside.scss */
  .pc_only {
    display: none;
  }
  /* line 235, app/assets/stylesheets/aside.scss */
  aside {
    right: 0;
    z-index: 3;
    position: unset;
  }
  /* line 240, app/assets/stylesheets/aside.scss */
  .nav_box {
    position: fixed;
    top: 100px;
    right: 0;
  }
}

/*-----ipad mini------*/
/*-----iPhoneX_12pro------*/
/*-----iPhoneSE------*/
/* line 2, app/assets/stylesheets/common.scss */
.sp_only {
  display: none;
}

/* line 5, app/assets/stylesheets/common.scss */
.pc_only {
  display: block;
}

/* line 8, app/assets/stylesheets/common.scss */
body {
  font-family: 'Noto Sans JP', sans-serif,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

/* line 11, app/assets/stylesheets/common.scss */
main {
  position: relative;
}

/* line 14, app/assets/stylesheets/common.scss */
h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #232333;
}

/* line 20, app/assets/stylesheets/common.scss */
p {
  font-size: 14px;
  font-weight: 500;
  color: #232333;
}

/* line 25, app/assets/stylesheets/common.scss */
a {
  font-weight: 500;
}

/* line 28, app/assets/stylesheets/common.scss */
.content {
  background-color: #EEF3F6;
  float: right;
  width: calc(100% - 300px);
  margin-top: 70px;
  height: auto;
}

/* line 36, app/assets/stylesheets/common.scss */
.center {
  text-align: center;
}

/* line 39, app/assets/stylesheets/common.scss */
.left {
  text-align: left;
}

/* line 42, app/assets/stylesheets/common.scss */
.right {
  text-align: right;
}

/* line 47, app/assets/stylesheets/common.scss */
.no-before-content:before {
  content: none !important;
}

/* line 53, app/assets/stylesheets/common.scss */
.no-after-content:after {
  content: none !important;
}

/*-----ipad------*/
@media screen and (max-width: 821px) {
  /* line 60, app/assets/stylesheets/common.scss */
  .sp_only {
    display: block;
  }
  /* line 63, app/assets/stylesheets/common.scss */
  .pc_only {
    display: none;
  }
  /* line 66, app/assets/stylesheets/common.scss */
  .content {
    width: 100%;
    margin-top: 100px;
  }
}

/*-----ipad mini------*/
/*-----iPhoneX_12pro------*/
/*-----iPhoneSE------*/
/* line 1, app/assets/stylesheets/button.scss */
.button {
  display: inline-block;
  padding: 20px 10px;
  margin: 10px;
  background-color: #326FE3;
  color: #fff;
  border-radius: 10px;
}

/* line 10, app/assets/stylesheets/button.scss */
.btn_base, .show-btn, .dl-btn, .edit-btn2, .blue-btn, .blueline-btn, .red-btn {
  margin: 2px;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  width: 100px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  padding: 13px 0px;
  color: #fff;
  border-radius: 10px;
  background-color: yellow;
}

/* line 26, app/assets/stylesheets/button.scss */
.btn_base a, .show-btn a, .dl-btn a, .edit-btn2 a, .blue-btn a, .blueline-btn a, .red-btn a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 32, app/assets/stylesheets/button.scss */
.btn_base:hover, .show-btn:hover, .dl-btn:hover, .edit-btn2:hover, .blue-btn:hover, .blueline-btn:hover, .red-btn:hover {
  background-color: lightyellow;
}

/* line 36, app/assets/stylesheets/button.scss */
.small-font-btn {
  font-size: 10px;
}

/* line 39, app/assets/stylesheets/button.scss */
.red-btn {
  color: #FFFFFF;
  border: solid 1px #D75040;
  background-color: #D75040;
}

/* line 42, app/assets/stylesheets/button.scss */
.red-btn:hover {
  color: #FFFFFF;
  border: solid 1px #D75040;
  background-color: #d03625;
}

/* line 44, app/assets/stylesheets/button.scss */
.blueline-btn {
  color: #326FE3;
  border: solid 1px #326FE3;
  background-color: #FFFFFF;
}

/* line 47, app/assets/stylesheets/button.scss */
.blueline-btn:hover {
  color: #FFFFFF;
  border: solid 1px #17ACFF;
  background-color: #17ACFF;
}

/* line 49, app/assets/stylesheets/button.scss */
.blue-btn {
  color: #FFFFFF;
  background-color: #326FE3;
}

/* line 52, app/assets/stylesheets/button.scss */
.blue-btn:hover {
  background-color: #17ACFF;
}

/* line 54, app/assets/stylesheets/button.scss */
.show-btn, .dl-btn, .edit-btn2 {
  background-color: #326FE3;
}

/* line 57, app/assets/stylesheets/button.scss */
.show-btn:hover, .dl-btn:hover, .edit-btn2:hover {
  background-color: #00ABFF;
}

/* line 61, app/assets/stylesheets/button.scss */
.btn-long {
  width: 160px;
  padding: 20px;
  font-size: 16px;
}

/* line 67, app/assets/stylesheets/button.scss */
.list_btn {
  margin: 2px;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  width: 65px;
  padding: 13px 0;
}

/*========= content全体の設定 ===============*/
/* line 4, app/assets/stylesheets/form_base.scss */
.content h1 {
  padding: 40px;
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/form_base.scss */
section.contents {
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
}

/* line 13, app/assets/stylesheets/form_base.scss */
.contents_alert {
  background-color: #dae8f4;
  color: #3381c3;
  padding: 15px 10px;
  box-sizing: border-box;
  margin: 25px;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

/* line 23, app/assets/stylesheets/form_base.scss */
.contents_alert.alert-danger {
  background-color: red;
  color: white;
  font-size: 18px;
}

/* line 28, app/assets/stylesheets/form_base.scss */
.validation_alert {
  margin: 5px 0px 30px 0px;
  padding: 5px 10px;
  background-color: red;
  color: white;
  font-size: 15px;
}

/* line 35, app/assets/stylesheets/form_base.scss */
.validation_alert ul {
  margin: 5px 0;
}

/* line 38, app/assets/stylesheets/form_base.scss */
.validation_alert ul li {
  margin: 15px 0;
}

/*========= ボタンの設定 ===============*/
/* line 42, app/assets/stylesheets/form_base.scss */
.contents_btn {
  margin: auto 40px 30px;
  display: flex;
  justify-content: flex-end;
}

/* line 47, app/assets/stylesheets/form_base.scss */
.blue_btn,
.blueline_btn,
.invalid_btn {
  margin: 2px;
  padding: 20px;
  box-sizing: border-box;
  width: 200px;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

/* line 59, app/assets/stylesheets/form_base.scss */
.blue_btn {
  color: #FFFFFF;
  background-color: #326FE3;
}

/* line 63, app/assets/stylesheets/form_base.scss */
.blue_btn:first-of-type {
  margin-right: 20px;
}

/* line 66, app/assets/stylesheets/form_base.scss */
.blue_btn:hover {
  background-color: #17ACFF;
}

/* line 69, app/assets/stylesheets/form_base.scss */
.blueline_btn {
  color: #326FE3;
  border: solid 1px #326FE3;
  background-color: #FFFFFF;
}

/* line 75, app/assets/stylesheets/form_base.scss */
.blueline_btn:hover {
  color: #FFFFFF;
  border: solid 1px #17ACFF;
  background-color: #17ACFF;
}

/* line 80, app/assets/stylesheets/form_base.scss */
.invalid_btn {
  border: solid 1px #a39f9f;
  background-color: #efebeb;
  cursor: not-allowed;
}

/*========= フォーム共通設定 ===============*/
/* line 87, app/assets/stylesheets/form_base.scss */
.select_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 94, app/assets/stylesheets/form_base.scss */
.select_wrap::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #232333;
  border-right: solid 2px #232333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -4px;
  pointer-events: none;
}

/* line 111, app/assets/stylesheets/form_base.scss */
select {
  font-size: 14px;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 50px;
  background: transparent;
  position: relative;
  padding: 0 40px 0 10px;
  border: 1px solid #232333;
  background-color: #ffffff;
}

/* line 126, app/assets/stylesheets/form_base.scss */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="datetime-local"] {
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  background: transparent;
  padding: 0 20px;
  border: 1px solid #232333;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* line 140, app/assets/stylesheets/form_base.scss */
input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

/* line 143, app/assets/stylesheets/form_base.scss */
input::-webkit-datetime-edit-fields-wrapper {
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/form_base.scss */
textarea {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  height: 100px;
  line-height: 1.5em;
  background: transparent;
  z-index: 1;
  padding: 10px;
  border: 1px solid #232333;
  background-color: #ffffff;
}

/* line 161, app/assets/stylesheets/form_base.scss */
input[type="checkbox"] {
  cursor: pointer;
  padding-left: 30px;
  vertical-align: middle;
  position: relative;
}

/* line 167, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]::before,
input[type="checkbox"]::after {
  content: "";
  display: block;
  position: absolute;
}

/* line 173, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]::before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #666464;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
}

/* line 183, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]::after {
  border-bottom: 3px solid #666464;
  border-left: 3px solid #666464;
  opacity: 0;
  height: 6px;
  width: 11px;
  transform: rotate(-45deg);
  top: -7px;
  left: 10px;
}

/* line 193, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]:checked::before {
  background-color: #326fe3;
  border: 1px solid #326fe3;
}

/* line 197, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]:checked::after {
  opacity: 1;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}

/* line 202, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]:disabled::before {
  background-color: #efebeb;
}

/* line 205, app/assets/stylesheets/form_base.scss */
input[type="checkbox"]:disabled:checked::after {
  border-bottom: 3px solid #a39f9f;
  border-left: 3px solid #a39f9f;
}

/* line 209, app/assets/stylesheets/form_base.scss */
input[type=text]:read-only,
input[type=number]:read-only,
textarea:read-only {
  background-color: #f8f7f4;
}

/* line 216, app/assets/stylesheets/form_base.scss */
.file_up {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  background-color: #ffffff;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 12px;
  border: 1px solid #808080;
  width: 400px !important;
  height: 50px;
  color: #ffffff;
  position: relative;
}

/* line 232, app/assets/stylesheets/form_base.scss */
.file_up .js-upload-filename {
  width: 65%;
  font-size: 12px;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
  color: #232333;
  word-break: break-all;
}

/* line 247, app/assets/stylesheets/form_base.scss */
.file_up input[type="file"] {
  opacity: 0;
  position: absolute;
  white-space: normal;
  width: 100%;
  margin: auto;
  left: 0;
  top: 0;
  height: 100%;
}

/* line 257, app/assets/stylesheets/form_base.scss */
.file_up .file_up_img {
  font-size: 14px;
  padding-left: 15px;
  text-align: left;
  box-sizing: border-box;
  color: #ffffff;
  width: 30%;
  background-color: #3381C3;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
  box-shadow: 1px 0px 0px 0px #3381c3;
  border-radius: 0px 5px 5px 0px;
  height: 50px;
  right: 0;
  position: absolute;
}

/* line 275, app/assets/stylesheets/form_base.scss */
.file_up .file_up_img img {
  width: 85px;
  margin-right: 10px;
}

/*========= 登録編集フォームの設定 ===============*/
/* line 285, app/assets/stylesheets/form_base.scss */
.form_contents input {
  font-size: 14px;
}

/* line 288, app/assets/stylesheets/form_base.scss */
.form_contents input[type="text"] {
  width: 300px;
}

/* line 291, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  min-height: 40px;
}

/* line 297, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box:last-of-type {
  margin-bottom: auto;
}

/* line 300, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box label {
  width: 200px;
}

/* line 303, app/assets/stylesheets/form_base.scss */
.form_contents input.edit {
  padding: 10px;
  border: solid 1px #232333;
  height: 50px;
  box-sizing: border-box;
  width: calc(100% - 200px);
  font-size: 14px;
}

/* line 311, app/assets/stylesheets/form_base.scss */
.form_contents textarea {
  width: calc(100% - 200px);
}

/* line 315, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box_half {
  display: flex;
  width: calc(100% - 200px);
}

/* line 319, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box_half input {
  width: 165px;
  margin-right: 50px;
}

/* line 323, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box p {
  width: 200px;
  min-width: 200px;
}

/* line 327, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box p.filename {
  margin-top: -30px;
  font-size: 12px;
  width: 80%;
}

/* line 332, app/assets/stylesheets/form_base.scss */
.form_contents .property_name {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 337, app/assets/stylesheets/form_base.scss */
.form_contents .property_name p:first-of-type {
  margin-right: 20px;
  width: 100px;
}

/* line 341, app/assets/stylesheets/form_base.scss */
.form_contents .property_name p:last-of-type {
  width: 100% !important;
  line-height: 1.5;
}

/* line 345, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box_small {
  display: flex;
  width: calc(100% - 200px);
}

/* line 349, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box_small input {
  width: 10%;
  margin-right: 5px;
}

/* line 355, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box input[type="radio"] {
  display: inline-block;
  appearance: auto;
  margin: 3px;
}

/* line 361, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box .section_select {
  width: 528px;
  text-overflow: ellipsis;
}

/* line 366, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box .notification_target__select__delete {
  margin-left: 48px;
}

/* line 370, app/assets/stylesheets/form_base.scss */
.form_contents .form_contents_box .notification_target__select__delete,
.form_contents .form_contents_box .notification_target__select__add {
  display: inline-block;
  width: 72px;
}

/* line 379, app/assets/stylesheets/form_base.scss */
.sub_title {
  width: 100%;
  background-color: #6F8395;
  padding: 10px;
  box-sizing: border-box;
  margin: 30px 0;
}

/* line 386, app/assets/stylesheets/form_base.scss */
.sub_title p {
  color: #ffffff;
}

/*========= 検索フォームの設定 ===============*/
/* line 391, app/assets/stylesheets/form_base.scss */
.search_form {
  margin: 20px 40px 40px;
  background-color: #ffffff;
}

/* line 395, app/assets/stylesheets/form_base.scss */
.search_form_title {
  width: 100%;
  background-color: #6F8395;
  color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
}

/* line 402, app/assets/stylesheets/form_base.scss */
.search_form_section {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* line 410, app/assets/stylesheets/form_base.scss */
.search_form_section .search_form_box {
  display: inline-flex;
  width: 100%;
  margin-bottom: 20px;
}

/* line 415, app/assets/stylesheets/form_base.scss */
.search_form_section .search_form_box:last-of-type {
  margin-bottom: 0;
}

/* line 418, app/assets/stylesheets/form_base.scss */
.search_form_section .submit_btn {
  display: flex;
  justify-content: flex-end;
}

/* line 422, app/assets/stylesheets/form_base.scss */
.search_form_section .submit_btn_left {
  margin-right: 24px;
}

/* line 425, app/assets/stylesheets/form_base.scss */
.search_form_section .submit_btn input,
.search_form_section .submit_btn .btn {
  color: #FFFFFF;
  background-color: #326FE3;
  padding: 20px;
  box-sizing: border-box;
  width: 200px;
  border-radius: 12px;
  text-align: center;
}

/* line 435, app/assets/stylesheets/form_base.scss */
.search_form_section .submit_btn input:hover,
.search_form_section .submit_btn .btn:hover {
  background-color: #17ACFF;
}

/* line 439, app/assets/stylesheets/form_base.scss */
.search_form_section .submit_btn .btn:disabled {
  background-color: #efebeb;
  cursor: wait;
}

/* line 443, app/assets/stylesheets/form_base.scss */
.search_form_section .search_item_box {
  display: flex;
  align-items: center;
  margin: 0 20px 20px 30px;
}

/* line 448, app/assets/stylesheets/form_base.scss */
.search_form_section .search_item_box:first-of-type {
  margin-left: 0;
}

/* line 451, app/assets/stylesheets/form_base.scss */
.search_form_section .search_item_box label {
  width: 120px;
}

/*========= テーブルの設定 ===============*/
/* line 461, app/assets/stylesheets/form_base.scss */
table {
  width: 100%;
  text-align: justify;
}

/* line 465, app/assets/stylesheets/form_base.scss */
th {
  font-size: 14px;
  font-weight: 700;
  color: #232333;
  padding-bottom: 10px;
}

/* line 471, app/assets/stylesheets/form_base.scss */
td {
  font-size: 14px;
  font-weight: 500;
  color: #232333;
  line-height: 1.5;
}

/* line 477, app/assets/stylesheets/form_base.scss */
.joining_btn a {
  background-color: #326FE3;
  display: block;
  text-align: center;
  color: #ffffff;
  padding: 15% 0%;
  border-radius: 10px;
}

/* line 485, app/assets/stylesheets/form_base.scss */
.joining_btn a:hover {
  background-color: #17ACFF;
}

/* line 489, app/assets/stylesheets/form_base.scss */
.joining_btn .edit-btn {
  margin: 3px 0;
  width: 65px;
}

/* line 493, app/assets/stylesheets/form_base.scss */
.joining_btn .show-btn {
  margin: 3px 0;
  width: 65px;
}

/* line 498, app/assets/stylesheets/form_base.scss */
.th_title {
  border-bottom: solid 1px #232333;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  white-space: nowrap;
}

/* line 503, app/assets/stylesheets/form_base.scss */
.th_title a {
  font-weight: 700;
}

/* line 508, app/assets/stylesheets/form_base.scss */
.tr_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0px;
  box-sizing: border-box;
  border-bottom: solid 1px #CCCCCC;
}

/* line 516, app/assets/stylesheets/form_base.scss */
.hold {
  color: #D75040;
}

/*-----ipad------*/
@media screen and (max-width: 821px) {
  /* line 522, app/assets/stylesheets/form_base.scss */
  .sp_only {
    display: block;
  }
  /* line 525, app/assets/stylesheets/form_base.scss */
  .pc_only {
    display: none;
  }
}

/*-----ipad mini------*/
/*-----iPhoneX_12pro------*/
@media screen and (max-width: 599px) {
  /* line 534, app/assets/stylesheets/form_base.scss */
  .content h1 {
    padding: 20px;
  }
}

/*-----iPhoneSE------*/
/*========= paginationの設定 ===============*/
/* line 2, app/assets/stylesheets/pagenation.scss */
.pager .pagination {
  text-align: center;
  margin-top: 50px;
}

/* line 6, app/assets/stylesheets/pagenation.scss */
.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}

/* line 17, app/assets/stylesheets/pagenation.scss */
.pager .pagination li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

/* line 32, app/assets/stylesheets/pagenation.scss */
.pager .pagination li a span {
  display: table-cell;
  vertical-align: middle;
}

/* line 36, app/assets/stylesheets/pagenation.scss */
.pager .pagination li a:hover,
.pager .pagination li a.active {
  color: #fff;
  background: #326FE3;
}

@media only screen and (max-width: 767px) {
  /* line 42, app/assets/stylesheets/pagenation.scss */
  .pager .pagination li {
    display: none;
  }
  /* line 45, app/assets/stylesheets/pagenation.scss */
  .pager .pagination li.pre,
.pager .pagination li.next {
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }
  /* line 52, app/assets/stylesheets/pagenation.scss */
  .pager .pagination li.pre a,
.pager .pagination li.next a {
    width: 100%;
    text-align: center;
  }
  /* line 57, app/assets/stylesheets/pagenation.scss */
  .pager .pagination li.pre span::after {
    content: "　前の10件へ";
  }
  /* line 60, app/assets/stylesheets/pagenation.scss */
  .pager .pagination li.next span::before {
    content: "次の10件へ　";
  }
}

/*========= content全体の設定 ===============*/
/* line 4, app/assets/stylesheets/alert.scss */
.content {
  height: calc(100vh - 70px);
  position: relative;
}

/*========= 入力欄の設定 ===============*/
/* line 10, app/assets/stylesheets/alert.scss */
.alert_contents {
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  height: 80%;
  margin: auto 40px;
}

/* line 27, app/assets/stylesheets/alert.scss */
.alert_contents img {
  height: 50px;
}

/* line 30, app/assets/stylesheets/alert.scss */
.alert_contents h2 {
  color: #326FE3;
  font-size: 18px;
  margin-top: 20px;
}

/* line 35, app/assets/stylesheets/alert.scss */
.alert_contents p {
  text-align: center;
  line-height: 1.8;
  margin: 40px auto;
}

/* line 40, app/assets/stylesheets/alert.scss */
.alert_contents a {
  background-color: #326FE3;
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  color: #ffffff;
  font-size: 18px;
  width: 50%;
  justify-content: center;
}

/* line 51, app/assets/stylesheets/alert.scss */
.alert_contents a:hover {
  background-color: #17ACFF;
}

/* line 54, app/assets/stylesheets/alert.scss */
.alert_contents a img {
  height: 25px;
  margin-right: 10px;
}

/*-----ipad------*/
@media screen and (max-width: 821px) {
  /* line 62, app/assets/stylesheets/alert.scss */
  .sp_only {
    display: block;
  }
  /* line 65, app/assets/stylesheets/alert.scss */
  .pc_only {
    display: none;
  }
}

/*-----ipad mini------*/
/*-----iPhoneX_12pro------*/
@media screen and (max-width: 599px) {
  /* line 74, app/assets/stylesheets/alert.scss */
  .content h1 {
    padding: 20px;
  }
  /* line 77, app/assets/stylesheets/alert.scss */
  .alert_contents a {
    width: 100%;
  }
  /* line 80, app/assets/stylesheets/alert.scss */
  .alert_contents {
    height: 80%;
    margin: auto 20px;
  }
}

/*-----iPhoneSE------*/
/*========= index ===============*/
/* line 4, app/assets/stylesheets/home.scss */
.home {
  /*tabの形状*/
  /*エリアの表示非表示と形状*/
  /*areaにis-activeというクラスがついた時の形状*/
  /*-----ipad------*/
  /*-----ipad mini------*/
  /*-----iPhoneX_12pro------*/
  /*-----iPhoneSE------*/
}

/* line 5, app/assets/stylesheets/home.scss */
.home .search_input {
  display: flex;
  justify-content: space-between;
  margin: auto 40px;
  padding: 10px;
  border-bottom: solid 1px #CCCCCC;
  background-color: #ffffff;
  box-sizing: border-box;
  align-items: center;
}

/* line 14, app/assets/stylesheets/home.scss */
.home .search_input .search_keyword_form {
  width: 100%;
}

/* line 17, app/assets/stylesheets/home.scss */
.home .search_input input {
  width: 97%;
  height: 25px;
  border: none;
  font: inherit;
  vertical-align: middle;
}

/* line 25, app/assets/stylesheets/home.scss */
.home .news_lineup {
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: scroll;
  height: 130px;
  position: relative;
  padding: 20px;
  margin: 40px;
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/home.scss */
.home .news_lineup a {
  margin-bottom: 11px;
  display: block;
  line-height: 1.5;
}

/* line 38, app/assets/stylesheets/home.scss */
.home .news_lineup a:last-child {
  margin-bottom: 0px;
}

/* line 41, app/assets/stylesheets/home.scss */
.home .news_lineup a:hover {
  color: #326FE3;
}

/* line 46, app/assets/stylesheets/home.scss */
.home .pan {
  margin: 0px 40px 40px;
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/home.scss */
.home .pan a {
  margin: auto 10px;
  color: #808080;
}

/* line 52, app/assets/stylesheets/home.scss */
.home .pan a:first-child {
  margin-left: auto;
}

/* line 55, app/assets/stylesheets/home.scss */
.home .pan a:hover {
  color: #326FE3 !important;
}

/* line 61, app/assets/stylesheets/home.scss */
.home .tab_box {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
}

/* line 67, app/assets/stylesheets/home.scss */
.home .tab_box .btn-right, .home .tab_box .btn-left {
  position: absolute;
  cursor: pointer;
  display: inline-block;
}

/* line 72, app/assets/stylesheets/home.scss */
.home .tab_box .btn-left {
  margin-left: 40px;
  padding-right: 20px;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #eef3f6);
}

/* line 77, app/assets/stylesheets/home.scss */
.home .tab_box .btn-right img, .home .tab_box .btn-left img {
  height: 30px;
}

/* line 80, app/assets/stylesheets/home.scss */
.home .tab_box .btn-right {
  right: 0;
  margin-right: 40px;
  padding-left: 20px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #eef3f6);
}

/* line 86, app/assets/stylesheets/home.scss */
.home .tab_box .btn-left {
  left: 0;
  display: none;
  /* 初期状態ではボタンを非表示にする */
}

/* line 90, app/assets/stylesheets/home.scss */
.home .tab_box .tab {
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
  margin-left: 40px;
  margin-right: 40px;
  /*liにactiveクラスがついた時の形状*/
  /*はみ出す要素を横スクロールで表示（autoでも可）*/
  /*スクロールバー全体*/
  /*スクロールバーのつまみ部分*/
  /*スクロールバーの背景部分*/
}

/* line 96, app/assets/stylesheets/home.scss */
.home .tab_box .tab::-webkit-scrollbar {
  display: none;
}

/* line 101, app/assets/stylesheets/home.scss */
.home .tab_box .tab .gnavi__list:last-child {
  padding-right: 50px;
}

/* line 104, app/assets/stylesheets/home.scss */
.home .tab_box .tab li a {
  width: 160px;
  display: block;
  padding: 10px 20px;
  color: #808080;
  font-size: 16px;
  text-align: center;
  border-bottom: solid 5px transparent;
}

/* line 113, app/assets/stylesheets/home.scss */
.home .tab_box .tab li a:hover {
  color: #326FE3;
}

/* line 117, app/assets/stylesheets/home.scss */
.home .tab_box .tab li.active a {
  color: #326FE3;
  border-bottom: solid 5px #326FE3;
}

/* line 121, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists {
  display: none;
  /*デフォルトでは非表示の状態にしておく*/
  width: 100%;
  z-index: 1;
  background-color: #fff;
  margin-bottom: 20px;
}

/* line 127, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list {
  display: flex;
  transition: all .3s;
  position: relative;
  text-align: center;
}

/* line 132, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list:not(:first-child)::before {
  content: "";
  width: 80%;
  height: 1px;
  background-color: #a8a8a8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 143, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list a {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  margin: auto !important;
  color: #333333 !important;
  border-bottom: none !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  overflow-x: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px !important;
}

/* line 157, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list a:hover {
  color: #326FE3 !important;
}

/* line 161, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list .tooltip {
  /* 補足説明するテキストのスタイル */
  position: relative;
}

/* line 164, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list .description_bottom {
  /* ツールチップのスタイル */
  width: 150px;
  /* 横幅 */
  position: absolute;
  top: 80%;
  /* Y軸の位置 */
  left: 0;
  margin-top: 8px;
  /* テキストとの距離 */
  padding: 8px;
  border-radius: 10px;
  /* 角の丸み */
  background-color: #666;
  color: #fff;
  visibility: hidden;
  /* ツールチップを非表示に */
  opacity: 0;
  /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all;
  /* マウスオーバー時のアニメーション速度 */
  white-space: break-spaces;
  line-height: 1.2;
  text-align: justify;
}

/* line 182, app/assets/stylesheets/home.scss */
.home .tab_box .tab .dropdown__lists .dropdown__list .tooltip:hover .description_bottom {
  /* マウスオーバー時のスタイル */
  top: 100%;
  /* Y軸の位置 */
  visibility: visible;
  /* ツールチップを表示 */
  opacity: 1;
  /* 不透明度を100％に */
}

/* line 189, app/assets/stylesheets/home.scss */
.home .tab_box .tab .scroll {
  overflow-y: scroll;
  height: 336px;
}

/* line 195, app/assets/stylesheets/home.scss */
.home .tab_box .tab .scroll::-webkit-scrollbar {
  width: 8px;
}

/* line 199, app/assets/stylesheets/home.scss */
.home .tab_box .tab .scroll::-webkit-scrollbar-track {
  background-color: #ececec;
}

/* line 203, app/assets/stylesheets/home.scss */
.home .tab_box .tab .scroll::-webkit-scrollbar-thumb {
  background-color: #c6c6c6;
}

/* line 206, app/assets/stylesheets/home.scss */
.home .tab_box .tab .gnavi__list:hover .dropdown__lists {
  display: block;
  /*Gナビメニューにホバーしたら表示*/
}

/* line 212, app/assets/stylesheets/home.scss */
.home .tab_content {
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  top: 40px;
}

/* line 219, app/assets/stylesheets/home.scss */
.home .tab_content .move_contents_box {
  display: none;
}

/* line 224, app/assets/stylesheets/home.scss */
.home .tab_content .move_contents_box.is-active {
  display: inline-block;
}

/* line 232, app/assets/stylesheets/home.scss */
.home .area {
  display: none;
  /*はじめは非表示*/
  opacity: 0;
  /*透過0*/
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
}

/* line 239, app/assets/stylesheets/home.scss */
.home .area.is-active {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 50px 2.6%;
  animation-name: displayAnime;
  /*ふわっと表示させるためのアニメーション*/
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* line 247, app/assets/stylesheets/home.scss */
.home .area > a {
  display: none;
  /*はじめは非表示*/
}

/* line 249, app/assets/stylesheets/home.scss */
.home .area > a.is-active {
  display: block;
}

/* line 259, app/assets/stylesheets/home.scss */
.home img.thumbnail {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* line 264, app/assets/stylesheets/home.scss */
.home .news_contents_box_text {
  display: flex;
  align-items: center;
}

/* line 268, app/assets/stylesheets/home.scss */
.home .move_contents_box_text_day {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px auto 2px;
}

/* line 274, app/assets/stylesheets/home.scss */
.home .move_contents_box_text_day p {
  font-size: 12px;
  color: #606060;
}

/* line 278, app/assets/stylesheets/home.scss */
.home .move_contents_box_text_new,
.home .news_contents_box_text_new {
  color: #ffffff !important;
  background-color: #D75040;
  padding: 5px 10px 7px 10px;
  border-radius: 20px;
  margin-left: 8px;
}

/* line 286, app/assets/stylesheets/home.scss */
.home .move_contents_box_text_new::after,
.home .news_contents_box_text_new::after {
  content: "new";
}

/* line 290, app/assets/stylesheets/home.scss */
.home .move_contents_box_text h1 {
  font-size: 16px;
  padding: 0;
  margin: 10px 0 0;
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media screen and (max-width: 821px) {
  /* line 308, app/assets/stylesheets/home.scss */
  .home .sp_only {
    display: block;
  }
  /* line 311, app/assets/stylesheets/home.scss */
  .home .pc_only {
    display: none;
  }
}

@media screen and (max-width: 770px) {
  /* line 321, app/assets/stylesheets/home.scss */
  .home .area.is-active {
    grid-template-columns: 3fr;
  }
}

@media screen and (max-width: 599px) {
  /* line 327, app/assets/stylesheets/home.scss */
  .home .news_lineup {
    margin: 20px;
    padding: 10px;
  }
  /* line 331, app/assets/stylesheets/home.scss */
  .home .news_lineup a {
    margin-bottom: 12px;
  }
  /* line 334, app/assets/stylesheets/home.scss */
  .home .tab {
    margin-left: 20px;
  }
  /* line 337, app/assets/stylesheets/home.scss */
  .home .tab_content {
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
  }
  /* line 342, app/assets/stylesheets/home.scss */
  .home .area {
    overflow-x: scroll;
    padding: 0px;
  }
  /* line 346, app/assets/stylesheets/home.scss */
  .home .area.is-active {
    grid-template-columns: 2fr;
  }
  /* line 349, app/assets/stylesheets/home.scss */
  .home .move_contents_box {
    width: 100%;
  }
  /* line 353, app/assets/stylesheets/home.scss */
  .home iframe {
    height: 200px;
  }
  /* line 356, app/assets/stylesheets/home.scss */
  .home .btn-left {
    margin-left: 20px;
  }
  /* line 359, app/assets/stylesheets/home.scss */
  .home .btn-right {
    margin-right: 20px;
  }
  /* line 362, app/assets/stylesheets/home.scss */
  .home .pan {
    margin: 0px 20px 40px;
  }
}

@media screen and (max-width: 376px) {
  /* line 368, app/assets/stylesheets/home.scss */
  .home .area.is-active {
    grid-template-columns: 1fr;
  }
}

/* line 2, app/assets/stylesheets/home_detail.scss */
.home_detail {
  /*-----ipad------*/
  /*-----ipad mini------*/
  /*-----iPhoneX_12pro------*/
  /*-----iPhoneSE------*/
}

/* line 3, app/assets/stylesheets/home_detail.scss */
.home_detail .news_lineup {
  background-color: #ffffff;
  padding: 30px;
  box-sizing: border-box;
  overflow: scroll;
  height: 140px;
  position: relative;
  margin: 40px;
}

/* line 12, app/assets/stylesheets/home_detail.scss */
.home_detail .news_lineup a {
  margin-bottom: 20px;
  display: block;
}

/* line 16, app/assets/stylesheets/home_detail.scss */
.home_detail .news_lineup a:last-child {
  margin-bottom: 0px;
}

/* line 19, app/assets/stylesheets/home_detail.scss */
.home_detail .tab_content {
  padding: 40px;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* line 24, app/assets/stylesheets/home_detail.scss */
.home_detail iframe {
  width: 100%;
}

/* line 27, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_day {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px auto 2px;
}

/* line 33, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_day p {
  font-size: 12px;
  color: #606060;
}

/* line 37, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_new {
  color: #ffffff !important;
  background-color: #D75040;
  padding: 5px 10px 7px 10px;
  border-radius: 20px;
  margin-left: 15px;
}

/* line 44, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_new::after {
  content: "new";
}

/* line 47, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text h1 {
  font-size: 16px;
  padding: 0;
}

/* line 51, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_box {
  line-height: 1.5;
}

/* line 54, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_box::before {
  content: "";
  border-top: solid 1px #CCCCCC;
  display: block;
  margin: 14px auto;
}

/* line 60, app/assets/stylesheets/home_detail.scss */
.home_detail .move_contents_box_text_day_btn {
  display: flex;
  align-items: center;
}

/* line 69, app/assets/stylesheets/home_detail.scss */
.home_detail .good_btn, .home_detail .bookmark_btn {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 0;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/home_detail.scss */
.home_detail .good_btn_on,
.home_detail .bookmark_btn_on {
  color: #326FE3;
}

/* line 80, app/assets/stylesheets/home_detail.scss */
.home_detail .good_btn_on::before,
.home_detail .good_btn_off::before,
.home_detail .bookmark_btn_on::before,
.home_detail .bookmark_btn_off::before {
  content: '';
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

/* line 90, app/assets/stylesheets/home_detail.scss */
.home_detail .good_btn_on::before {
  background-image: url(/assets/good_on-f48ccc4a8504428a11e46abd04cb1e7c7674eb3e10bbb0034a86ee4be98bfd19.svg);
  width: 20px;
  height: 20px;
}

/* line 95, app/assets/stylesheets/home_detail.scss */
.home_detail .good_btn_off::before {
  background-image: url(/assets/good_off-2033fd1dd8e2a636b497ddc5a4cefd89a446106c69af604cf50fd1ce9856f785.svg);
  width: 20px;
  height: 20px;
}

/* line 100, app/assets/stylesheets/home_detail.scss */
.home_detail .bookmark_btn_on::before {
  background-image: url(/assets/bookmark_on-1a90520f828f327c16f16516867cf1f6a3017ba4308a80f0a91b63ca6663c0b6.svg);
  width: 17px;
  height: 12px;
}

/* line 105, app/assets/stylesheets/home_detail.scss */
.home_detail .bookmark_btn_off::before {
  background-image: url(/assets/bookmark_off-d523b1329a338c030928bc77aefdae0add949bc4c21045a7f24c40a81ea9be52.svg);
  width: 17px;
  height: 12px;
}

@media screen and (max-width: 821px) {
  /* line 113, app/assets/stylesheets/home_detail.scss */
  .home_detail .sp_only {
    display: block;
  }
  /* line 116, app/assets/stylesheets/home_detail.scss */
  .home_detail .pc_only {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  /* line 126, app/assets/stylesheets/home_detail.scss */
  .home_detail .tab_content {
    padding: 20px;
  }
}

/* line 1, app/assets/stylesheets/news.scss */
.news-contents {
  background-color: #ffffff;
  padding: 20px 40px 0 40px;
  box-sizing: border-box;
  line-height: initial;
}

/* line 7, app/assets/stylesheets/news.scss */
.news-contents h1 {
  padding: 0 0 20px 0;
}

/* line 11, app/assets/stylesheets/news.scss */
.news-contents .news-list {
  width: 90%;
  padding: 10px;
  margin: 10px;
  border-bottom: #cccccc 1px solid;
}

/* line 17, app/assets/stylesheets/news.scss */
.news-contents .news-list .title {
  font-size: 18px;
  margin-bottom: 10px;
}

/* line 23, app/assets/stylesheets/news.scss */
.news-contents .attachment-download {
  margin-top: 30px;
}

/* line 26, app/assets/stylesheets/news.scss */
.news-contents .attachment-download .file_name {
  color: #0000ee;
}

/* line 1, app/assets/stylesheets/system/analyses.scss */
.analyses-alert {
  display: none;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(1), .announcement_list tr td:nth-child(1) {
  width: 3%;
  padding-right: 2%;
}

/* line 9, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(2), .announcement_list tr td:nth-child(2) {
  width: 30%;
  padding-right: 2%;
}

/* line 13, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(3), .announcement_list tr td:nth-child(3) {
  width: 12%;
  padding-right: 2%;
}

/* line 17, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(4), .announcement_list tr td:nth-child(4) {
  width: 20%;
  padding-right: 2%;
}

/* line 21, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(5), .announcement_list tr td:nth-child(5) {
  width: 15%;
}

/* line 24, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(6), .announcement_list tr td:nth-child(6) {
  width: 10%;
}

/* line 27, app/assets/stylesheets/system/announcements.scss */
.announcement_list tr th:nth-child(7), .announcement_list tr td:nth-child(7) {
  width: 10%;
}

/*========= new / edit ===============*/
/* line 33, app/assets/stylesheets/system/announcements.scss */
.status_contents {
  padding: 5px 40px;
  box-sizing: border-box;
}

/* line 37, app/assets/stylesheets/system/announcements.scss */
.status_contents .sub_title {
  margin: 0 0 10px;
}

/* line 40, app/assets/stylesheets/system/announcements.scss */
.status_contents .contents_box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 45, app/assets/stylesheets/system/announcements.scss */
.status_contents .contents_box p {
  width: 150px;
}

/* line 48, app/assets/stylesheets/system/announcements.scss */
.status_contents .contents_box_text {
  width: calc(100% - 200px) !important;
  line-height: 1.5;
  word-break: break-all;
}

/* line 56, app/assets/stylesheets/system/announcements.scss */
.announcement_form .blueline_btn {
  margin-right: 20px;
}

/* line 59, app/assets/stylesheets/system/announcements.scss */
.announcement_form .select {
  width: 500px;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list .header_txt {
  margin-bottom: 30px;
}

/* line 8, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(1), .approval_announcement_list tr td:nth-child(1) {
  width: 5%;
  padding-right: 2%;
}

/* line 12, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(2), .approval_announcement_list tr td:nth-child(2) {
  width: 25%;
  padding-right: 2%;
}

/* line 16, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(3), .approval_announcement_list tr td:nth-child(3) {
  width: 10%;
  padding-right: 2%;
}

/* line 20, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(4), .approval_announcement_list tr td:nth-child(4) {
  width: 10%;
  padding-right: 2%;
}

/* line 24, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(5), .approval_announcement_list tr td:nth-child(5) {
  width: 15%;
}

/* line 27, app/assets/stylesheets/system/approval_announcements.scss */
.approval_announcement_list tr th:nth-child(6), .approval_announcement_list tr td:nth-child(6) {
  width: 10%;
}

/*========= new / edit ===============*/
/* line 34, app/assets/stylesheets/system/approval_announcements.scss */
.status_contents {
  padding: 5px 40px;
  box-sizing: border-box;
}

/* line 38, app/assets/stylesheets/system/approval_announcements.scss */
.status_contents .sub_title {
  margin: 0 0 10px;
}

/* line 41, app/assets/stylesheets/system/approval_announcements.scss */
.status_contents .contents_box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 46, app/assets/stylesheets/system/approval_announcements.scss */
.status_contents .contents_box p {
  width: 150px;
}

/* line 49, app/assets/stylesheets/system/approval_announcements.scss */
.status_contents .contents_box_text {
  width: calc(100% - 200px) !important;
  line-height: 1.5;
  word-break: break-all;
}

/* line 57, app/assets/stylesheets/system/approval_announcements.scss */
.video_form .blueline_btn {
  margin-right: 20px;
}

/* line 60, app/assets/stylesheets/system/approval_announcements.scss */
.video_form .select {
  width: 500px;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list .header_txt {
  margin-bottom: 30px;
}

/* line 8, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(1), .approval_video_list tr td:nth-child(1) {
  width: 5%;
  padding-right: 2%;
}

/* line 12, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(2), .approval_video_list tr td:nth-child(2) {
  width: 25%;
  padding-right: 2%;
}

/* line 16, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(3), .approval_video_list tr td:nth-child(3) {
  width: 10%;
  padding-right: 2%;
}

/* line 20, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(4), .approval_video_list tr td:nth-child(4) {
  width: 10%;
  padding-right: 2%;
}

/* line 24, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(5), .approval_video_list tr td:nth-child(5) {
  width: 15%;
}

/* line 27, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(6), .approval_video_list tr td:nth-child(6) {
  width: 10%;
}

/* line 30, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(7), .approval_video_list tr td:nth-child(7) {
  width: 10%;
}

/* line 33, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(8), .approval_video_list tr td:nth-child(8) {
  width: 10%;
}

/* line 36, app/assets/stylesheets/system/approval_videos.scss */
.approval_video_list tr th:nth-child(9), .approval_video_list tr td:nth-child(9) {
  width: 5%;
}

/*========= new / edit ===============*/
/* line 42, app/assets/stylesheets/system/approval_videos.scss */
.status_contents {
  padding: 5px 40px;
  box-sizing: border-box;
}

/* line 46, app/assets/stylesheets/system/approval_videos.scss */
.status_contents .sub_title {
  margin: 0 0 10px;
}

/* line 49, app/assets/stylesheets/system/approval_videos.scss */
.status_contents .contents_box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 54, app/assets/stylesheets/system/approval_videos.scss */
.status_contents .contents_box p {
  width: 150px;
}

/* line 57, app/assets/stylesheets/system/approval_videos.scss */
.status_contents .contents_box_text {
  width: calc(100% - 200px) !important;
  line-height: 1.5;
  word-break: break-all;
}

/* line 65, app/assets/stylesheets/system/approval_videos.scss */
.video_form .blueline_btn {
  margin-right: 20px;
}

/* line 68, app/assets/stylesheets/system/approval_videos.scss */
.video_form .select {
  width: 500px;
}

/*========= index ===============*/
/* line 4, app/assets/stylesheets/system/categories.scss */
section.categories_index {
  background-color: #ffffff;
  margin: 40px;
  border: solid 1px #CCCCCC;
  padding: 0;
}

/* line 12, app/assets/stylesheets/system/categories.scss */
.categories_index .lineup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  box-sizing: border-box;
}

/* line 20, app/assets/stylesheets/system/categories.scss */
.categories_index .blue_bk {
  background-color: #EEF3F6;
}

/*========= list ===============*/
/* line 26, app/assets/stylesheets/system/categories.scss */
.categories_list {
  background-color: #ffffff;
  padding: 40px;
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/system/categories.scss */
.categories_list tr th:nth-child(1), .categories_list tr td:nth-child(1) {
  width: 8%;
  padding-right: 2%;
}

/* line 36, app/assets/stylesheets/system/categories.scss */
.categories_list tr th:nth-child(2), .categories_list tr td:nth-child(2) {
  width: 27%;
  padding-right: 3%;
}

/* line 40, app/assets/stylesheets/system/categories.scss */
.categories_list tr th:nth-child(3), .categories_list tr td:nth-child(3) {
  width: 27%;
  padding-right: 3%;
}

/* line 44, app/assets/stylesheets/system/categories.scss */
.categories_list tr th:nth-child(4), .categories_list tr td:nth-child(4) {
  width: 30%;
}

/* line 47, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn {
  display: flex;
  justify-content: space-between;
}

/* line 51, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn input {
  color: #326FE3;
  border: solid 1px #326FE3;
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 4% 0%;
  border-radius: 10px;
  margin-right: 10px;
  width: 100%;
}

/* line 64, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn button {
  background-color: #326FE3;
  display: block;
  text-align: center;
  color: #ffffff;
  padding: 4% 0%;
  border-radius: 10px;
  margin-right: 10px;
  width: 100%;
}

/* line 74, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn button:last-of-type {
  margin-right: 0;
}

/* line 77, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn input:hover {
  background-color: #17ACFF;
  color: #FFFFFF;
  border: solid 1px #17ACFF;
}

/* line 82, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn button:hover {
  background-color: #17ACFF;
}

/* line 85, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn .invalid_btn {
  border: solid 1px #a39f9f;
  background-color: #efebeb;
  color: #333333;
  cursor: not-allowed;
}

/* line 91, app/assets/stylesheets/system/categories.scss */
.categories_list .joining_btn .invalid_btn:hover {
  background-color: #efebeb;
}

/* line 94, app/assets/stylesheets/system/categories.scss */
.categories_list .th_title {
  border-bottom: solid 1px #232333;
  display: flex;
  justify-content: space-between;
}

/* line 99, app/assets/stylesheets/system/categories.scss */
.categories_list .tr_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0px;
  box-sizing: border-box;
  border-bottom: solid 1px #CCCCCC;
}

/*========= new ===============*/
/* line 111, app/assets/stylesheets/system/categories.scss */
.categories_new select,
.categories_new input[type="text"] {
  width: 100vh;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/employees.scss */
.search_employees .id_field,
.search_employees .name_field,
.search_employees .select {
  width: 211px;
}

/* line 10, app/assets/stylesheets/system/employees.scss */
.search_employees .search_item_box label {
  width: 90px;
}

/* line 16, app/assets/stylesheets/system/employees.scss */
.employee_list .header_txt {
  margin-bottom: 30px;
}

/* line 19, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(1), .employee_list tr td:nth-child(1) {
  width: 7%;
  padding-right: 2%;
}

/* line 23, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(2), .employee_list tr td:nth-child(2) {
  width: 10%;
  padding-right: 2%;
}

/* line 27, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(3), .employee_list tr td:nth-child(3) {
  width: 15%;
  padding-right: 2%;
}

/* line 31, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(4), .employee_list tr td:nth-child(4) {
  width: 15%;
  padding-right: 2%;
}

/* line 35, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(5), .employee_list tr td:nth-child(5) {
  width: 15%;
  padding-right: 2%;
}

/* line 39, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(6), .employee_list tr td:nth-child(6) {
  width: 10%;
  padding-right: 2%;
}

/* line 43, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(7), .employee_list tr td:nth-child(7) {
  width: 10%;
  padding-right: 2%;
}

/* line 47, app/assets/stylesheets/system/employees.scss */
.employee_list tr th:nth-child(8), .employee_list tr td:nth-child(8) {
  width: 10%;
  padding-right: 2%;
}

/*========= edit ===============*/
/* line 56, app/assets/stylesheets/system/employees.scss */
.employee_edit .employee_form {
  background-color: #fff;
}

/* line 59, app/assets/stylesheets/system/employees.scss */
.employee_edit .employee_form input[type=text], .employee_edit .employee_form input[type=number], .employee_edit .employee_form input[type=password], .employee_edit .employee_form textarea {
  width: 300px;
}

/* line 62, app/assets/stylesheets/system/employees.scss */
.employee_edit .employee_form .submit_btn {
  float: right;
  text-align: right;
}

/* line 68, app/assets/stylesheets/system/employees.scss */
.employee_edit .department,
.employee_edit .property {
  background-color: #EEF3F6;
  padding: 30px;
  box-sizing: border-box;
  display: block;
}

/* line 75, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list,
.employee_edit .department .property_list,
.employee_edit .property .department_list,
.employee_edit .property .property_list {
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

/* line 81, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list .department_table,
.employee_edit .department .property_list .department_table,
.employee_edit .property .department_list .department_table,
.employee_edit .property .property_list .department_table {
  padding: 30px 20px;
}

/* line 84, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list .department_table table th, .employee_edit .department .department_list .department_table table td,
.employee_edit .department .property_list .department_table table th,
.employee_edit .department .property_list .department_table table td,
.employee_edit .property .department_list .department_table table th,
.employee_edit .property .department_list .department_table table td,
.employee_edit .property .property_list .department_table table th,
.employee_edit .property .property_list .department_table table td {
  width: 30%;
}

/* line 90, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list .property_table,
.employee_edit .department .property_list .property_table,
.employee_edit .property .department_list .property_table,
.employee_edit .property .property_list .property_table {
  padding: 30px 20px;
}

/* line 92, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list .property_table tr th:nth-child(1), .employee_edit .department .department_list .property_table tr td:nth-child(1),
.employee_edit .department .property_list .property_table tr th:nth-child(1),
.employee_edit .department .property_list .property_table tr td:nth-child(1),
.employee_edit .property .department_list .property_table tr th:nth-child(1),
.employee_edit .property .department_list .property_table tr td:nth-child(1),
.employee_edit .property .property_list .property_table tr th:nth-child(1),
.employee_edit .property .property_list .property_table tr td:nth-child(1) {
  width: 20%;
}

/* line 95, app/assets/stylesheets/system/employees.scss */
.employee_edit .department .department_list .property_table tr th:nth-child(2), .employee_edit .department .department_list .property_table tr td:nth-child(2),
.employee_edit .department .property_list .property_table tr th:nth-child(2),
.employee_edit .department .property_list .property_table tr td:nth-child(2),
.employee_edit .property .department_list .property_table tr th:nth-child(2),
.employee_edit .property .department_list .property_table tr td:nth-child(2),
.employee_edit .property .property_list .property_table tr th:nth-child(2),
.employee_edit .property .property_list .property_table tr td:nth-child(2) {
  width: 80%;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/kanriins.scss */
.search_kanriins .id_field,
.search_kanriins .name_field,
.search_kanriins .select {
  width: 211px;
}

/* line 10, app/assets/stylesheets/system/kanriins.scss */
.search_kanriins .search_item_box label {
  width: 90px;
}

/* line 16, app/assets/stylesheets/system/kanriins.scss */
.kanriin_list .header_txt {
  margin-bottom: 30px;
}

/* line 19, app/assets/stylesheets/system/kanriins.scss */
.kanriin_list tr th:nth-child(1), .kanriin_list tr td:nth-child(1) {
  width: 7%;
  padding-right: 2%;
}

/* line 23, app/assets/stylesheets/system/kanriins.scss */
.kanriin_list tr th:nth-child(2), .kanriin_list tr td:nth-child(2) {
  width: 10%;
  padding-right: 2%;
}

/* line 27, app/assets/stylesheets/system/kanriins.scss */
.kanriin_list tr th:nth-child(3), .kanriin_list tr td:nth-child(3) {
  width: 15%;
  padding-right: 2%;
}

/* line 31, app/assets/stylesheets/system/kanriins.scss */
.kanriin_list tr th:nth-child(4), .kanriin_list tr td:nth-child(4) {
  width: 10%;
  padding-right: 2%;
}

/*========= edit ===============*/
/* line 40, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .kanriin_form {
  background-color: #fff;
}

/* line 43, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .kanriin_form input[type=text], .kanriin_edit .kanriin_form input[type=number], .kanriin_edit .kanriin_form input[type=password], .kanriin_edit .kanriin_form textarea {
  width: 300px;
}

/* line 46, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .kanriin_form .submit_btn {
  float: right;
  text-align: right;
}

/* line 52, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department,
.kanriin_edit .property {
  background-color: #EEF3F6;
  padding: 30px;
  box-sizing: border-box;
  display: block;
}

/* line 59, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list,
.kanriin_edit .department .property_list,
.kanriin_edit .property .department_list,
.kanriin_edit .property .property_list {
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

/* line 65, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list .department_table,
.kanriin_edit .department .property_list .department_table,
.kanriin_edit .property .department_list .department_table,
.kanriin_edit .property .property_list .department_table {
  padding: 30px 20px;
}

/* line 68, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list .department_table table th, .kanriin_edit .department .department_list .department_table table td,
.kanriin_edit .department .property_list .department_table table th,
.kanriin_edit .department .property_list .department_table table td,
.kanriin_edit .property .department_list .department_table table th,
.kanriin_edit .property .department_list .department_table table td,
.kanriin_edit .property .property_list .department_table table th,
.kanriin_edit .property .property_list .department_table table td {
  width: 30%;
}

/* line 74, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list .property_table,
.kanriin_edit .department .property_list .property_table,
.kanriin_edit .property .department_list .property_table,
.kanriin_edit .property .property_list .property_table {
  padding: 30px 20px;
}

/* line 76, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list .property_table tr th:nth-child(1), .kanriin_edit .department .department_list .property_table tr td:nth-child(1),
.kanriin_edit .department .property_list .property_table tr th:nth-child(1),
.kanriin_edit .department .property_list .property_table tr td:nth-child(1),
.kanriin_edit .property .department_list .property_table tr th:nth-child(1),
.kanriin_edit .property .department_list .property_table tr td:nth-child(1),
.kanriin_edit .property .property_list .property_table tr th:nth-child(1),
.kanriin_edit .property .property_list .property_table tr td:nth-child(1) {
  width: 20%;
}

/* line 79, app/assets/stylesheets/system/kanriins.scss */
.kanriin_edit .department .department_list .property_table tr th:nth-child(2), .kanriin_edit .department .department_list .property_table tr td:nth-child(2),
.kanriin_edit .department .property_list .property_table tr th:nth-child(2),
.kanriin_edit .department .property_list .property_table tr td:nth-child(2),
.kanriin_edit .property .department_list .property_table tr th:nth-child(2),
.kanriin_edit .property .department_list .property_table tr td:nth-child(2),
.kanriin_edit .property .property_list .property_table tr th:nth-child(2),
.kanriin_edit .property .property_list .property_table tr td:nth-child(2) {
  width: 80%;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/properties.scss */
.search_properties .code_field,
.search_properties .name_field {
  width: 212px;
}

/* line 9, app/assets/stylesheets/system/properties.scss */
.search_properties .select {
  width: 212px;
}

/* line 15, app/assets/stylesheets/system/properties.scss */
.property_list .header_txt {
  margin-bottom: 30px;
}

/* line 18, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(1), .property_list tr td:nth-child(1) {
  width: 7%;
  padding-right: 2%;
}

/* line 22, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(2), .property_list tr td:nth-child(2) {
  width: 10%;
  padding-right: 2%;
}

/* line 26, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(3), .property_list tr td:nth-child(3) {
  width: 25%;
  padding-right: 2%;
}

/* line 30, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(4), .property_list tr td:nth-child(4) {
  width: 15%;
  padding-right: 2%;
}

/* line 34, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(5), .property_list tr td:nth-child(5) {
  width: 15%;
  padding-right: 2%;
}

/* line 38, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(6), .property_list tr td:nth-child(6) {
  width: 10%;
  padding-right: 2%;
}

/* line 42, app/assets/stylesheets/system/properties.scss */
.property_list tr th:nth-child(7), .property_list tr td:nth-child(7) {
  width: 7%;
  padding-right: 2%;
}

/*========= index ===============*/
/* line 5, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(1), .video_list tr td:nth-child(1) {
  width: 3%;
  padding-right: 2%;
}

/* line 9, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(2), .video_list tr td:nth-child(2) {
  width: 23%;
  padding-right: 2%;
}

/* line 13, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(3), .video_list tr td:nth-child(3) {
  width: 3%;
  padding-right: 2%;
}

/* line 17, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(4), .video_list tr td:nth-child(4) {
  width: 10%;
  padding-right: 2%;
}

/* line 21, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(5), .video_list tr td:nth-child(5) {
  width: 15%;
  padding-right: 2%;
}

/* line 25, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(6), .video_list tr td:nth-child(6) {
  width: 10%;
  padding-right: 2%;
}

/* line 29, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(7), .video_list tr td:nth-child(7) {
  width: 10%;
}

/* line 32, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(8), .video_list tr td:nth-child(8) {
  width: 10%;
}

/* line 36, app/assets/stylesheets/system/videos.scss */
.video_list tr th:nth-child(9), .video_list tr td:nth-child(9) {
  width: 90px;
}

/*========= new / edit ===============*/
/* line 42, app/assets/stylesheets/system/videos.scss */
.status_contents {
  padding: 5px 40px;
  box-sizing: border-box;
}

/* line 46, app/assets/stylesheets/system/videos.scss */
.status_contents .sub_title {
  margin: 0 0 10px;
}

/* line 49, app/assets/stylesheets/system/videos.scss */
.status_contents .contents_box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* line 54, app/assets/stylesheets/system/videos.scss */
.status_contents .contents_box p {
  width: 150px;
}

/* line 57, app/assets/stylesheets/system/videos.scss */
.status_contents .contents_box_text {
  width: calc(100% - 200px) !important;
  line-height: 1.5;
  word-break: break-all;
}

/* line 65, app/assets/stylesheets/system/videos.scss */
.video_form .share_url {
  margin: 20px 50px 20px 0;
  font-size: 14px;
  font-weight: 500;
}

/* line 70, app/assets/stylesheets/system/videos.scss */
.video_form .select {
  width: 500px;
}

/* line 73, app/assets/stylesheets/system/videos.scss */
.video_form .suffix_label {
  display: flex;
  align-items: center;
  margin: 0 15px 0 5px;
}

/* line 78, app/assets/stylesheets/system/videos.scss */
.video_form video {
  width: 300px;
}

/* line 81, app/assets/stylesheets/system/videos.scss */
.video_form .thumbnail_image {
  width: 300px;
}