@charset "utf-8";
/*                下層共通
======================================================= */
/*                レイアウト
======================================================= */
/*                企業情報
======================================================= */
#company .company_set + .company_set {
  margin-top: 35px;
}
#company .main_title {
  margin-bottom: 1.5em;
}
#company #gmap {
  height: 250px;
}

@media only screen and (max-width: 900px) {
#company #gmap {
/*  border: 1px #dcdcdc solid; */
  height: 350px;
}
}
/*                記事詳細
======================================================= */
#article .main_title h1 {
  font-size: 212.5%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 900px) {
#article .main_title h1 {
  font-size: 95%;
}
}
#article .main_title > p.date {
  color: #777777;
  margin-bottom: 5px;
}
#article .main_title > p.date:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
@media only screen and (max-width: 900px) {
#article .main_title > p.date ,#article .main_title > p.date:before {
  font-size: 70%;
}
}
#article .main_title > p.sub_title {
  font-size: 112.5%;
  font-weight: bold;
  color: #889196;
  margin-top: 15px;
}
@media only screen and (max-width: 900px) {
#article .main_title > p.sub_title {
  font-size: 85%;
}
}
#article .post_set iframe{
  max-width: 100%;
}
#article .post_set + .post_set {
  margin-top: 50px;
}
#article .post_set + .post_set {
  margin-top: 50px;
}
#article .post_set .post_parts + .post_parts {
  margin-top: 35px;
}
#article .post_set .post_parts img {
/*width: 100%;*/
}
#article .post_set .post_title h2 {
  font-size: 137.5%;
  font-weight: bold;
}
#article .post_set p {
  font-size: 100%;
}
@media only screen and (max-width: 900px) {
#article .post_set p {
  font-size: 80%;
}
}
#article .main_cont {
  position: relative;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1060px;
}

@media only screen and (max-width: 900px) {
#article .main_cont {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 30px;
}
}
#article .main_cont .contents {
  /*float: left;*/ /* 20180815修正 */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 840px;
}

@media only screen and (max-width: 900px) {
#article .main_cont .contents {
  float: none;
  width: 100%;
}
}
#article .side_menu {
  /*float: right;*/ /* 20180815修正 */
  position: absolute; /* 20180815追加 */
  top: 0; /* 20180815追加 */
  right: 0; /* 20180815追加 */
  width: 180px;
}

@media only screen and (max-width: 900px) {
#article .side_menu {
  float: none;
  position: absolute;
  width: 100%;
  top: 0;
  right: auto;
}
}
#article .side_menu .side_menu_icon {
  display: inline-block;
  cursor: pointer;
}

@media only screen and (max-width: 900px) {
#article .side_menu .side_menu_icon {
  display: block;
  text-align: right;
  padding-right: 28px;
  pointer-events: none;
}
}

@media only screen and (max-width: 900px) {
#article .side_menu .side_menu_icon span {
  display: inline-block;
  pointer-events: auto !important;
}
}
#article .side_menu .side_menu_icon span:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91a";
  color: #535353;
  font-size: 46px;
  position: relative;
  top: 1px; /* 20180815追加 */
}

@media only screen and (max-width: 900px) {
#article .side_menu .side_menu_icon span:before {
  font-size: 36px;
}
}
#article .side_menu .side_menu_list {
  display: none; /* 20180815追加 */
  padding-top: 12px;
}

@media only screen and (max-width: 900px) {
#article .side_menu .side_menu_list {
  display: none;
  padding-top: 16px;
  padding-right: 30px;
}
}
#article .side_menu .side_menu_list ul {
  border: 1px #dcdcdc solid;
  position: relative;
  background: #fff;
}
#article .side_menu .side_menu_list ul:before {
  content: url(../media/images/article/side_list_top_arrow.gif);
  position: absolute;
  left: 16px;
  top: -14px;
}

@media all and (-ms-high-contrast: none) {
#article .side_menu .side_menu_list ul:before {
  top: -13px;
}
}

@media only screen and (max-width: 900px) {
#article .side_menu .side_menu_list ul:before {
  left: auto;
  right: 10px;
}
}
#article .side_menu .side_menu_list ul li + li {
  border-top: 1px #dcdcdc solid;
}
#article .side_menu .side_menu_list ul li a {
  font-size: 87.5%;
  display: block;
  padding: 14px 14px;
}
#target_area {
  position: fixed;
  left: -99999px;
  top: 0;
  font-size: 16px;
}
#article .side_menu .side_menu_list ul li input {
  visibility: hidden;
}
#article .side_menu .side_menu_list ul li button {
  font-size: 87.5%;
  display: block;
  padding: 14px 14px;
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
#article .post_btm_menu {
  background: #e6ebf0;
  margin-top: 50px;
  padding: 20px;
}
#article .post_btm_menu .post_btm_menu_inner {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 900px) {
#article .post_btm_menu .post_btm_menu_inner {
  width: 100%;
}
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block {
  display: flex;
  flex-direction: column;
  margin-left: -7px;
  margin-right: -7px;
}

@media only screen and (max-width: 900px) {
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block {
  flex-direction: column;
}
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set {
  width: 100%;
  background: #e6ebf0;
  padding-left: 7px;
  padding-right: 7px;
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set + .btm_menu_set {
  margin-top: 10px;
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set h2 {
  font-size: 112.5%;
  font-weight: bold;
  margin-bottom: 5px;
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set p {
  font-size: 87.5%;
  color: #777777;
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set .btm_menu_container {
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px #dcdcdc solid;
  border-radius: 6px;
  overflow: hidden;
  padding: 30px 35px;
}

@media only screen and (max-width: 350px) {
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set .btm_menu_container {
  flex-direction: column;
}
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set .btm_menu_container .btm_menu_item:nth-child(1) {
  width: 90px;
}

@media only screen and (max-width: 350px) {
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set .btm_menu_container .btm_menu_item:nth-child(1) {
  width: auto;
  margin-bottom: 15px;
}
}
#article .post_btm_menu .post_btm_menu_inner .btm_menu_block .btm_menu_set .btm_menu_container .btm_menu_item:nth-child(2) {
  flex: 1;
}
/* 20180815追加 */
#company .company_logo {
  position: relative;
  overflow: hidden;
  margin: 0 0 1.5em;
}
#company .company_logo:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
#company .company_logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 900px) {
#company .company_logo img {
  margin: 0 auto 1.5em;
}
}
/* 20180821追加 */
#article .main_title {
  padding-right: 60px;
}

@media only screen and (max-width: 900px) {
#article .main_title {
  padding-right: 0;
}
}
/* エディター・コンテンツ共通 */
.post_parts {
  color: #1c1c22;
  background-color: #ffffff;
  line-height: 1.3;
  font-size: 16px;
  -webkit-text-size-adjust: none;
}
.post_parts h1, .post_parts h2, .post_parts h3, .post_parts h4, .post_parts h5, .post_parts table, .post_parts th, .post_parts td, .post_parts ul, .post_parts li, .post_parts ol, .post_parts dl, .post_parts dt, .post_parts dd, .post_parts form, .post_parts p, .post_parts table, .post_parts th, .post_parts td {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 100%;
}
@media only screen and (max-width: 900px) {
.post_parts table, .post_parts th, .post_parts td, .post_parts ul, .post_parts li, .post_parts ol, .post_parts dl, .post_parts dt, .post_parts dd, .post_parts form, .post_parts p {
  font-size: 90%;
}
}
.post_parts p {
  line-height: 1.5;
  /*2019_10_17 webattendant start 追記*/
  line-height: 1.8;
  /*2019_10_17 webattendant end*/
}
@media only screen and (max-width: 900px) {
.post_parts ul.tag_list {
  font-size: 78%;
}
}
.post_parts p + p {
  margin-top: 1.5em;
}
.post_parts img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.post_parts a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.post_parts * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.post_parts p + h1, .post_parts p + h2, .post_parts p + h3, .post_parts p + h4, .post_parts p + h5, .post_parts p + h6, .post_parts p + ul, .post_parts p + ol, .post_parts p + table, .post_parts p +dl, .post_parts ol + h1, .post_parts ol + h2, .post_parts ol + h3, .post_parts ol + h4, .post_parts ol + h5, .post_parts ol + h6, .post_parts ol + ul, .post_parts ol + ol, .post_parts ol + table, .post_parts ol +dl, .post_parts ul + h1, .post_parts ul + h2, .post_parts ul + h3, .post_parts ul + h4, .post_parts ul + h5, .post_parts ul + h6, .post_parts ul + ul, .post_parts ul + ol, .post_parts ul + table, .post_parts ul +dl, .post_parts table + h1, .post_parts table + h2, .post_parts table + h3, .post_parts table + h4, .post_parts table + h5, .post_parts table + h6, .post_parts table + ul, .post_parts table + ol, .post_parts table + table, .post_parts table +dl {
  margin-top: 2em;
}
/*2019_12_22*/
.post_parts a:link {
  color: #055e94;
  text-decoration: underline;
}
.tag_list li a:link {
  color: #1db2d4;
  text-decoration: none;
}

/*2019_12_22*/


#article h1, .post_parts h1 {
  font-size: 212.5%;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 900px) {
#article h1,  .post_parts h1 {
  font-size: 175%;
}
}
#article .post_set h2, .post_parts h2 {
  border-bottom: 4px #dcdcdc solid;
  font-size: 175%;
  font-weight: bold;
  padding-bottom: .6em;
  margin-bottom: 35px;
}
@media only screen and (max-width: 900px) {
#article .post_set h2,  .post_parts h2 {
  font-size: 85%;
}
}
#article .post_set h3, .post_parts h3 {
  background-color: #e6ebf0;
  font-size: 125%;
  font-weight: bold;
  padding: 1em 1.1em;
  margin-bottom: 25px;
}
@media only screen and (max-width: 900px) {
#article .post_set h3, .post_parts h3 {
  font-size: 83%;
}
}
#article .post_set h4, .post_parts h4 {
  border-left: 4px #1c1c22 solid;
  font-size: 125%;
  font-weight: bold;
  padding-left: .8em;
  margin-bottom: 20px;
}
@media only screen and (max-width: 900px) {
#article .post_set h4, .post_parts h4 {
  font-size: 83%;
}
}
#article .post_set h5, .post_parts h5 {
  font-size: 112.5%;
  font-weight: bold;
  margin-bottom: 15px;
}
@media only screen and (max-width: 900px) {
#article .post_set h5, .post_parts h5 {
  font-size: 82%;
}
}
#article .post_set h6, .post_parts h6 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
#article .post_set h6, .post_parts h6 {
  font-size: 80%;
}
}
/*2019_10_23 webattendant start*/
#article .post_set .lead_text{
  font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.08em;
}
/*2019_10_23 webattendant end*/
#article .post_set p, .post_parts p {
  font-size: 100%;
  font-weight: 500;
  /*2019_10_23 webattendant start*/
    line-height: 1.8;
    letter-spacing: 0.08em;
  /*2019_10_23 webattendant end*/
}
@media only screen and (max-width: 900px) {
#article .post_set p, .post_parts p {
  font-size: 80%;
}
}
#article .post_set table, .post_parts table {
  border-top: 1px #dcdcdc solid;
  border-right: 1px #dcdcdc solid;
}
#article .post_set table th, #article .post_set table td, .post_parts table th, .post_parts table td {
  border-bottom: 1px #dcdcdc solid;
  border-left: 1px #dcdcdc solid;
  padding: 1em .8em;
}
#article .post_set table th:first-child, #article .post_set table td:first-child, .post_parts table th:first-child, .post_parts table td:first-child {
  width: 13.5em;
}
#article .post_set table th, .post_parts table th {
  background-color: #E6EBF0;
}
.video_container {
  position: relative;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.video_container .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.video_container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 900px) {
#article .post_set .table_wrap,  .post_parts .table_wrap {
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: -15px;
  -webkit-overflow-scrolling: touch;
}
 #article .post_set .table_wrap::-webkit-scrollbar,  .post_parts .table_wrap::-webkit-scrollbar {
 height: 5px;
}
 #article .post_set .table_wrap::-webkit-scrollbar-thumb,  .post_parts .table_wrap::-webkit-scrollbar-thumb {
 background: #a5acae;
 border-radius: 10px;
}
#article .post_set .table_wrap table,  .post_parts .table_wrap table {
  width: 840px;
}
}