@charset "utf-8";

/*                記事詳細
======================================================= */
@media all {
  #wrapper {
    overflow: initial;
  }

  .main_cont {
    padding: 0 20px;
  }

  .contents {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    /* max-width: 1420px; */
  }
  .contents::after {
    content: '';
    display: block;
    min-width: 0px;
    width: calc(100vw - 1630px);
    max-width: 260px;
  }

  .left_content,
  .right_content {
    position: sticky;
    top: 130px;
    flex-shrink: 0;
  }
}

/* 企業情報 */
@media all {
  .left_content {
    width: 260px;
  }

  .content_company-logo {
    display: inline-block;
    width: 50%;
  }


  .content_tags {
    margin-top: 2.5em;
    font-size: 16px;
  }

  .content_tags-ttl {
    font-weight: bold;
    color: #1ea0d2;
  }

  .content_tags-list {
    margin-top: 1.5em;
  }

  .content_tags-list li {
    margin-bottom: .75em;
    padding: .3333333em .5em;
    border: .1666667em solid #1ea0d2;
    line-height: 1.2;
  }

}

/* 記事本文エリア */
@media all {
  .center_width {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 60px;
    width: 100%;
    max-width: 990px;
  }

  .main_title h1 {
    font-size: 32px;
    line-height: 1.5625;
  }

  .sub_title {
    margin-top: 1.8181818em;
    font-size: 22px;
    font-weight: bold;
    color: #505050;
    line-height: 2;
  }

  h1+.lead_text,
  p+.lead_text {
    margin-top: 2em;
  }

  .lead_text {
    font-size: 18px;
    line-height: 2;
  }

  .date_sns-box {
    margin-top: 3.4286em;
  }
  .date {
    position: static;
    float: left;
    margin-top: 0;
    font-size: 14px;
    line-height: 1;
  }

  .date::before {
    top: 1px;
    font-size: 18px;
  }

  .date time {
    padding-top: 3px;
    line-height: 1;
  }

  .sns_share {
    display: flex;
    float: right;
    margin-right: 18px;
  }
  .sns_list.url_copy {
    position: relative;
    padding-top: 3px;
    font-size: 12px;
  }
  .sns_list.url_copy::before,
  .sns_list.url_copy::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    border: 1px solid #000;
    background-color: #fff;
  }
  .sns_list.url_copy::before {
    top: 2px;
    right: calc(-1em - 5px);
  }
  .sns_list.url_copy::after {
    top: 5px;
    right: calc(-1em - 2px);
    box-shadow: 1px -1px 1px #fff;
  }

  .post_set {
    margin-top: 3em;
  }

  .post_btm_menu {
    margin-top: 200px;
  }

  .post_btm_menu a {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    width: 320px;
    height: 86px;
    border-radius: 43px;
    background-color: #1ea0d2;
    color: #fff;
    transition: opacity .3s;
  }
  .post_btm_menu a + a {
    margin-top: 2em;
  }

  .post_btm_menu .btm_menu-mail {
    width: 410px;
  }

  .post_btm_menu p+p {
    margin: 0;
  }

  .post_btm_menu a:hover {
    opacity: .8;
  }

  .btm_menu-icon img {
    display: block;
    margin-left: 4px;
    height: 80px;
    width: 80px;
  }

  .btm_menu-ttl,
  .btm_menu-txt {
    width: calc(100% - 82px);
    padding-left: 12px;
    padding-right: 40px;
  }

  .btm_menu-ttl {
    font-size: 18px;
  }

  .btm_menu-txt {
    font-size: 12px;
  }

  .post_set iframe {
    max-width: 100%;
  }

  .post_set+.post_set {
    margin-top: 50px;
  }

  .post_set+.post_set {
    margin-top: 50px;
  }

  .post_set .post_parts+.post_parts {
    margin-top: 35px;
  }
  
  .post_set .post_title h2 {
    font-size: 137.5%;
    font-weight: bold;
  }

  .post_set p {
    font-size: 100%;
  }
}
@media screen and (min-width: 901px) {
  .center_width_inner {
    padding-right: 60px;
    width: calc(100% - 70px);
  }
}

/* 記事本文エリア - sp&tab */
@media only screen and (max-width: 900px) {
  .main_title h1 {
    font-size: 16px;
  }
  .sub_title {
    font-size: 14px;
  }
  .lead_text {
    font-size: 14px;
  }
  .center_width {
    margin: 0;
    padding-bottom: 30px;
    max-width: none;
  }
  .sns_share {
    padding-right: 26px;
  }
  .post_btm_menu .btm_menu-mail {
    width: 320px;
  }
  .post_btm_menu a {
    margin: 0 auto;
    width: 280px;
    height: 76px;
  }
  .btm_menu-icon img {
    display: block;
    margin-left: 4px;
    height: 70px;
    width: 70px;
  }
  .btm_menu-ttl,
  .btm_menu-txt {
    width: calc(100% - 72px);
    padding-left: 10px;
    padding-right: 20px;
    font-feature-settings: "palt";
  }

  .btm_menu-ttl {
    font-size: 16px;
  }

  .btm_menu-txt {
    font-size: 11px;
  }
  .post_btm_menu .btm_menu-mail .btm_menu-txt {
    font-size: 10px;
  }
  .post_set p {
    font-size: 80%;
  }
}
/* 記事本文エリア - tab */
@media only screen and (min-width: 641px) and (max-width: 900px) {
  .main_title h1 {
    font-size: 26px;
  }
  .sub_title {
    font-size: 20px;
  }
  .lead_text {
    font-size: 18px;
  }
}
/* 記事本文エリア - sp */
@media only screen and (max-width: 640px) {
  .date_sns-box {margin-top: 1.5em;}
  .date {float: none;}
  .sns_share {
    float: none;
    justify-content: center;
    margin: 1.5em auto 0;
    padding-bottom: 10px;
  }
  .sns_list {height: 20px;}
  .sns_share .sns_list + .sns_list {
    margin-left: 12px;
  }
  .sns_list.url_copy {
    font-size: 10px;
    white-space: nowrap;
  }
  .post_btm_menu {
    margin-top: 80px;
  }
}

/* ボタンエリア */
@media all {
  .right_content {
    justify-content: center;
    width: 70px;
  }

  .button_item {
    position: relative;
    width: 70px;
  }

  .button_item+.button_item {
    margin-top: 32px;
  }

  .button_item a {
    display: block;
    color: #1ea0d2;
    font-size: 12px;
    text-align: center;
    letter-spacing: -.5px;
  }

  .button_item a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1;
    opacity: 0;
    transition: .3s
  }

  .post_btm_menu>a:hover:after,
  .button_item a:hover:after {
    opacity: 1;
  }

  .icon-dl::after {
    background-image: url(../img/icon-dl-on.svg);
  }

  .icon-mail::after {
    background-image: url(../img/icon-mail-on.svg);
  }

  .icon-tel::after {
    background-image: url(../img/icon-tel-on.svg);
  }
  
  .icon-clip::after {
    background-image: url(../img/icon-clip-on.svg);
  }

  .button_item a img {
    display: block;
    margin: 0 auto;
  }

  .button_item a p {
    margin-top: 8px;
    line-height: 1.333;
    transition: .3s;
  }

  .button_item a:hover p {
    opacity: .8;
  }
}
@media screen and (min-width: 1360px) {
}

/* ボタンエリア - sp&tab */
@media only screen and (max-width: 900px) {
  .button_list {
    display: flex;
    justify-content: center;
    background-color: rgba(255,255,255,.95);
    padding: 16px 0;
  }
  .button_item + .button_item {
    margin-top: 0;
    margin-left: 32px;
  }
}







/* エディター・コンテンツ共通 */
.post_parts {
  background-color: #ffffff;
  font-size: 16px;
  color: #1c1c22;
  line-height: 1.3;
  -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: #1ea0d2;
  text-decoration: none;
}

/*2019_12_22*/


h2,
.post_parts h1 {
  font-size: 212.5%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 900px) {

  h2,
  .post_parts h1 {
    font-size: 175%;
  }
}

.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) {

  .post_set h2,
  .post_parts h2 {
    font-size: 85%;
  }
}

.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) {

  .post_set h3,
  .post_parts h3 {
    font-size: 83%;
  }
}

.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) {

  .post_set h4,
  .post_parts h4 {
    font-size: 83%;
  }
}

.post_set h5,
.post_parts h5 {
  font-size: 112.5%;
  font-weight: bold;
  margin-bottom: 15px;
}

@media only screen and (max-width: 900px) {

  .post_set h5,
  .post_parts h5 {
    font-size: 82%;
  }
}

.post_set h6,
.post_parts h6 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {

  .post_set h6,
  .post_parts h6 {
    font-size: 80%;
  }
}


/*2019_10_23 webattendant end*/
.post_set p,
.post_parts p {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
}

@media only screen and (max-width: 900px) {

  .post_set p,
  .post_parts p {
    font-size: 80%;
  }
}

.post_set table,
.post_parts table {
  border-top: 1px #dcdcdc solid;
  border-right: 1px #dcdcdc solid;
}

.post_set table th,
.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;
}

.post_set table th:first-child,
.post_set table td:first-child,
.post_parts table th:first-child,
.post_parts table td:first-child {
  width: 13.5em;
}

.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%;
}


.site_footer {
  margin-top: 20px;
}
.center_width {
  padding-bottom: 20px;
}

@media only screen and (max-width: 900px) {

  .post_set .table_wrap,
  .post_parts .table_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: -15px;
    -webkit-overflow-scrolling: touch;
  }

  .post_set .table_wrap::-webkit-scrollbar,
  .post_parts .table_wrap::-webkit-scrollbar {
    height: 5px;
  }

  .post_set .table_wrap::-webkit-scrollbar-thumb,
  .post_parts .table_wrap::-webkit-scrollbar-thumb {
    background: #a5acae;
    border-radius: 10px;
  }

  .post_set .table_wrap table,
  .post_parts .table_wrap table {
    width: 840px;
  }
  #sp_menu .content_tags {display: none!important;}
  .buttom_content {
    padding: 0 20px;
  }
  .buttom_content .content_tags {
    margin-top: 1em;
  }
  .center_width {padding-bottom: 0;}
}

@media print {
  .right_content {
    display: none;
  }

  .left_content {
    position: initial;
  }

  .center_width {
    width: calc(100% - 320px);
  }
}