@charset "utf-8";

/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body {
  touch-action: manipulation;
}
@media screen and (max-width: 1100px) {
  html {
    scroll-padding: 100px;
  }
}
@media screen and (max-width: 800px) {
  body.show_footer_bar {
    padding-bottom: 48px;
  }
  * {
    -webkit-tap-highlight-color: transparent;
  }
  br.mobile_break {
    display: block;
  }
}

/* レイアウト */
#main_content {
  max-width: inherit;
  padding: 0 60px 150px;
}
body.short_content_width #main_content {
  max-width: inherit;
}
@media screen and (max-width: 1100px) {
  #main_content {
    display: block;
    padding: 0 40px 110px;
  }
  #main_col {
    width: auto;
    max-width: 750px;
    margin: 0 auto;
  }
  #side_col {
    width: auto;
    max-width: 750px;
    display: flex;
    flex-wrap: wrap;
    margin: 100px auto;
  }
}
@media screen and (max-width: 800px) {
  #main_content {
    padding: 0 20px;
  }
  #side_col {
    margin: 40px auto 40px;
  }
}
@media screen and (max-width: 650px) {
  #main_content {
    padding: 0 20px 40px;
  }
  #side_col {
    display: block;
    margin-bottom: 0;
  }
}

/* admin bar利用時 */
body.home.admin-bar {
  padding-top: 30px;
}
body.admin-bar.header_fix #header {
  margin-top: 32px;
}
body.admin-bar #drawer_menu {
  padding-top: 32px;
}
@media screen and (max-width: 780px) {
  body.home.admin-bar {
    padding-top: 45px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar.open_header #header {
    top: 0px !important;
  }
  body.admin-bar.close_header #header {
    top: 0px !important;
  }
}

/* ----------------------------------------------------------------------
 共通パーツ
---------------------------------------------------------------------- */
/* デザインヘッダー */
@media screen and (max-width: 1100px) {
  .design_header {
    display: block;
  }
  .design_header .title_area {
    width: auto;
    padding-right: 0px;
  }
  .design_header .desc {
    width: auto;
    padding-left: 0;
    margin-top: 50px;
  }
}
@media screen and (max-width: 800px) {
  .design_header {
    margin-bottom: 35px;
    margin-top: 0;
  }
  body.hide_sidebar .design_header,
  body.single-service .design_header {
    margin-top: 60px;
  }
  body.hide_sidebar.home .design_header {
    margin-top: 0px;
  }
  body.hide_sidebar p + .design_header,
  body.single-service p + .design_header {
    margin-top: 45px;
  }
  .post_row + .design_header {
    margin-top: 45px !important;
  }
  .sub_title.colored {
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 0;
  }
  .design_header .desc {
    margin-top: 30px;
    line-height: 2;
  }
  .design_header .desc.mobile {
    display: block;
  }
  .design_header .desc.pc {
    display: none;
  }
}

/* デザインボタン */
@media screen and (max-width: 1100px) {
  .design_button {
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
  }
}
@media screen and (max-width: 800px) {
  .design_button {
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 14px;
  }
}

/* Swiperのスクロールバー（共通） */
.genesis_carousel_scrollbar {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .genesis_carousel_scrollbar {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  .genesis_carousel_scrollbar {
    padding: 0 20px;
  }
}

/* 矢印アイコンのみ */
@media screen and (max-width: 800px) {
  .arrow_button {
    width: 40px;
    height: 40px;
  }
  .arrow_button:before,
  .arrow_button:after {
    font-size: 8px;
    top: 15px;
  }
}

/* 矢印アイコン付き右寄せリンク */
@media screen and (max-width: 800px) {
  .design_arrow_button a {
    font-size: 16px;
    width: 100%;
    justify-content: flex-end;
  }
  .design_arrow_button a .label {
    margin-right: 20px;
    max-width: calc(100% - 70px);
    line-height: 1.4;
  }
}

/* カテゴリーボタン */
@media screen and (max-width: 1100px) {
  .category_button {
    padding: 0 15px;
    font-size: 12px;
    min-width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
  }
}

/* マスク画像 */
@media screen and (max-width: 800px) {
  .post_row + .shutter_image {
    margin-top: 33px !important;
  }
  .shutter_image {
    margin-bottom: 35px !important;
    margin-left: -20px;
    margin-right: -20px;
  }
  .shutter_image.vertical {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .shutter_image.vertical .item {
    width: 100% !important;
    margin: 0 0 3px 0;
  }
  .shutter_image.vertical .item:last-of-type {
    margin: 0;
  }
  .shutter_image.col3.vertical .item {
    aspect-ratio: 320 / 230;
  }
}

/* マスク画像　リンク付き */
@media screen and (max-width: 1100px) {
  .shutter_image.link_ver .headline {
    padding: 25px 20px;
    font-size: 18px;
    line-height: 1.4;
  }
  .shutter_image.link_ver .post_list a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
  }
  .shutter_image.link_ver .post_list a .arrow_button_small {
    top: 19px;
    right: 10px;
  }
  .shutter_image.link_ver .item .headline {
    opacity: 1;
  }
  .shutter_image.link_ver .item .overlay {
    opacity: 1;
  }
  .shutter_image.link_ver .item .post_list {
    transform: translate3d(0, 0, 0);
  }
}

/* ----------------------------------------------------------------------
 トップページ ヘッダースライダー
---------------------------------------------------------------------- */

/* キャッチフレーズエリア */
#header_slider_content .content {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #header_slider_wrap {
    height: calc(100vh - 60px);
  }
  #header_slider_content .content {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #header_slider_content .content {
    padding: 0 20px;
  }
  #header_slider_content .desc_area {
    margin-top: 10px;
  }
  #header_slider_content .desc_area p.mobile {
    display: block;
  }
  #header_slider_content .desc_area p.pc {
    display: none;
  }
}

/* タイプ２用スタイル */
@media screen and (max-width: 1100px) {
  #header_slider_wrap.layout_type2 #header_slider_content {
    height: calc(50% - 30px);
  }
  #header_slider_wrap.layout_type2 #header_slider {
    height: calc(50% + 30px);
  }
}

/* ----------------------------------------------------------------------
 コンテンツビルダー
---------------------------------------------------------------------- */

/* 共通パーツ */
.cb_design_header {
  max-width: inherit;
  padding: 0 60px;
}
.cb_design_arrow_button {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .cb_design_header {
    padding: 0 40px;
  }
  .cb_design_arrow_button {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  .cb_design_content {
    padding: 40px 0;
  }
  .cb_design_header {
    padding: 0 20px;
  }
  .cb_design_arrow_button {
    padding: 0 20px;
    margin-top: 40px;
  }
  .cb_design_content .shutter_image + .design_arrow_button {
    margin-top: 40px;
  }
}

/* デザインコンテンツ */
.cb_design_content .item_list {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .cb_design_content .item_list {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  .cb_design_content .item_list {
    padding: 0 20px;
  }
}

/* サービス */
.cb_service_category_list {
  max-width: inherit;
  padding: 0 60px;
}
body.mobile_device .cb_service_category_list .item.open .post_list {
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 1100px) {
  .cb_service_category_list {
    padding: 0 40px;
  }
  .cb_service_category_list .title_area {
    padding: 30px 20px;
  }
  .cb_service_category_list .sub_title {
    font-size: 16px;
    margin-top: 10px;
  }
  .cb_service_category_list .post_list {
    max-height: calc(300px);
  }
  .cb_service_category_list .post_list a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
  }
  .cb_service_category_list .post_list a .label {
    top: 1px;
  }
  .cb_service_category_list .post_list a .arrow_button_small {
    top: 19px;
    right: 10px;
  }
}
@media screen and (max-width: 950px) {
  .cb_service_category_list {
    display: block;
  }
  .cb_service_category_list .item {
    height: 276px;
    aspect-ratio: unset;
    margin: 0 0 3px 0;
  }
  .cb_service_category_list .post_list {
    max-height: calc(150px);
  }
  .cb_service_category_list .image_wrap img.pc {
    display: none;
  }
  .cb_service_category_list .image_wrap img.mobile {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .cb_service_list {
    padding: 40px 0;
  }
  .cb_service_category_list {
    padding: 0 20px;
  }
}

/* カルーセルver */
.cb_service_category_list_wrap {
  max-width: inherit;
  width: calc(var(--vw) * 100 - 120px);
}
.cb_service_category_list_carousel {
  padding: 0;
}
.cb_service_category_list_carousel .item {
  flex: 0 0 auto;
  width: calc((var(--vw) * 100 - 120px) / 3 - 3px) !important;
}
@media screen and (max-width: 1100px) {
  .cb_service_category_list_wrap {
    max-width: inherit;
    width: calc(var(--vw) * 100 - 80px);
  }
  .cb_service_category_list_carousel {
    padding: 0;
  }
  .cb_service_category_list_carousel .item {
    flex: 0 0 auto;
    width: calc((var(--vw) * 100 - 80px) / 3 - 3px) !important;
  }
}
@media screen and (max-width: 950px) {
  .cb_service_category_list_wrap {
    width: calc(100% - 80px);
  }
  .cb_service_category_list_carousel {
    padding: 0;
  }
  .cb_service_category_list_inner {
    display: block !important;
    transform: none !important;
  }
  .cb_service_category_list_carousel .item {
    height: 300px;
    width: 100% !important;
    background: blue;
  }
  .cb_service_list .swiper-button-next {
    display: none;
  }
  .cb_service_list .swiper-button-prev {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .cb_service_category_list_wrap {
    width: calc(100% - 40px);
  }
  .cb_service_category_list_carousel {
    padding: 0;
  }
}

/* ブログ一覧 */
.blog_carousel_wrap {
  padding: 0 60px !important;
}
@media screen and (max-width: 1100px) {
  .blog_carousel_wrap {
    padding: 0 40px !important;
  }
  .blog_carousel .item {
    width: 260px;
    margin: 0 20px 0 0;
  }
  .blog_carousel .item:last-of-type {
    margin-right: 0;
  }
  .blog_carousel .image_link {
    margin: 0 0 20px 0;
  }
  .blog_carousel .category_button {
    margin-bottom: 17px;
  }
  .blog_carousel .title {
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 1.6;
  }
  .blog_carousel .title a {
    max-height: 4.8em;
  }
  .blog_carousel .title span {
    -webkit-line-clamp: 3;
  }
  .blog_carousel .date {
    font-size: 14px;
  }
  .blog_carousel .date::before {
    font-size: 16px;
    top: 1.5px;
  }
}
@media screen and (max-width: 800px) {
  .cb_blog_list {
    padding: 40px 0;
  }
  .cb_blog_list .design_header {
    margin-bottom: 37px;
  }
  .blog_carousel_wrap {
    padding: 0 20px !important;
  }
  .blog_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar {
    margin-top: 45px !important;
  }
}

/* お知らせ一覧 */
.news_carousel_wrap {
  padding: 0 60px !important;
}
@media screen and (max-width: 1100px) {
  .news_carousel_wrap {
    height: 190px;
    padding: 0 40px !important;
  }
  .news_carousel .item {
    width: 440px;
    height: 190px;
    padding: 30px;
  }
  .news_carousel .image_link {
    width: 130px;
    height: 130px;
  }
  .news_carousel .content {
    width: calc(100% - 130px);
    padding: 0 0 0 30px;
  }
  .news_carousel .category_button {
    margin-bottom: 15px;
  }
  .news_carousel .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .news_carousel .date {
    font-size: 14px;
  }
  .news_carousel .date::before {
    font-size: 16px;
    top: 1.5px;
  }
}
@media screen and (max-width: 800px) {
  .cb_news_list {
    padding: 40px 0;
  }
  .cb_news_list .design_header {
    margin-bottom: 40px;
  }
  .news_carousel_wrap {
    height: 195px;
    padding: 0 20px !important;
  }
  .news_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar {
    margin-top: 40px !important;
  }
  .news_carousel_cat_all_wrap + .genesis_carousel_scrollbar .swiper-scrollbar {
    margin-top: 40px !important;
  }
  .cb_news_list .cb_design_arrow_button {
    margin-top: 35px;
  }
}

/* フリースペース */
.cb_free_space .post_content {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .cb_free_space .post_content {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  .cb_free_space {
    padding: 40px 0;
  }
  .cb_free_space .post_content {
    padding: 0 20px;
  }
}

/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
/* ヘッダー */
#page_header .design_header {
  max-width: inherit;
  padding: 0 60px;
}
#page_header .desc_area {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  body.show_sidebar #page_header {
    max-width: 840px;
    margin: 0 auto;
  }
  #page_header .design_header {
    display: block;
    padding: 0 40px;
  }
  #page_header .desc_area {
    display: block;
    padding: 0 40px;
  }
  #page_header .catch {
    width: auto;
    padding-right: 0px;
    font-size: 32px;
  }
  #page_header .desc {
    width: auto;
    padding-left: 0px;
  }
  #page_header .catch + .desc {
    margin-top: 40px;
  }
}
@media screen and (max-width: 800px) {
  body:not(.show_sidebar) #page_header.large_height {
    height: 240px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  body:not(.show_sidebar) #page_header.large_height .design_header {
    margin: -20px 0 0 0;
  }
  #page_header .design_header {
    padding: 0 20px;
    margin: 20px 0 0;
  }
  #page_header .desc_area {
    padding: 0 20px;
    margin: 35px 0 0 0;
  }
  #page_header .desc {
    line-height: 2;
  }
  #page_header .desc.mobile {
    display: block;
  }
  #page_header .desc.pc {
    display: none;
  }
  #page_header .catch + .desc {
    margin-top: 25px;
  }
  #page_header .image {
    margin: 32px 0 35px 0;
    height: 300px;
    aspect-ratio: unset;
  }
  #page_header + #main_content {
    margin-top: 35px;
  }
}

/* メインコンテンツ */
#page_contents .post_content {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #page_contents .post_content {
    padding: 0 40px;
  }
}
@media screen and (max-width: 950px) {
  body.short_content #page_contents .post_content {
    width: auto;
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #page_contents {
    padding-bottom: 40px;
  }
  body.page-template-page-tcd-lp.hide_page_header #page_contents {
    padding-top: 35px;
  }
  #page_contents .post_content {
    padding: 0 20px;
  }
  body.short_content #page_contents .post_content {
    padding: 0 20px;
  }
  body.hide_breadcrumb #container {
    padding-top: 15px;
  }
}

/* LPページ */
#lp_page_header .catch {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #lp_page_header {
    height: 500px;
  }
  #lp_page_header .catch {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #lp_page_header {
    height: 300px;
    margin-bottom: 35px;
  }
  body.hide_page_header_bar #lp_page_header {
    height: 360px;
  }
  #lp_page_header #header_logo2 {
    left: 20px;
    top: 20px;
  }
  #lp_page_header .catch {
    padding: 0 20px;
  }
  #lp_page_header .catch .mobile {
    display: block;
  }
  #lp_page_header .catch .pc {
    display: none;
  }
}

/* LP1 */
@media screen and (max-width: 800px) {
  .lp_content {
    margin-bottom: 40px;
  }
  .lp_content .catch {
    margin-bottom: 32px;
    font-size: 20px !important;
    margin-top: 35px;
  }
  .lp_content .catch.sub_title {
    margin-bottom: 40px;
    font-size: 16px !important;
    margin-top: 17px;
  }
  .lp_content .shutter_image {
    margin-top: 35px;
  }
  .lp_content .faq_list {
    margin-top: 35px;
  }
  .lp_content .s_table {
    margin-top: 35px;
    margin-bottom: 40px !important;
  }
  .lp_content table th {
    width: 70px !important;
  }
  .lp_content table td {
    width: calc(100% - 70px) !important;
  }
}

/* LP2 */
@media screen and (max-width: 1100px) {
  .lp2_content .catch {
    font-size: 28px !important;
  }
}
@media screen and (max-width: 800px) {
  .lp2_content {
    padding: 35px 0;
  }
  .lp2_content:first-of-type {
    padding-top: 0;
  }
  .lp2_content:last-of-type {
    padding-bottom: 0;
  }
  .lp2_content .catch {
    margin: 0 0 28px;
    font-size: 20px !important;
  }
  .lp2_content .shutter_image {
    margin: 30px -20px 30px !important;
  }
  .lp2_content .q_button_wrap {
    margin-top: 35px;
  }
}

/* LP3 */
@media screen and (max-width: 1100px) {
  .lp3_content .catch {
    font-size: 30px !important;
  }
  .lp3_bottom_content .item_list {
    display: block;
  }
  .lp3_bottom_content .item_list .item {
    width: auto;
    margin: -1px 0px 0 0;
    padding: 30px 30px 25px;
  }
}
@media screen and (max-width: 800px) {
  .lp3_content .catch {
    font-size: 20px !important;
    margin-bottom: 25px;
  }
  .lp3_bottom_content .catch {
    margin-bottom: 15px;
  }
}

/* 会社情報 */
@media screen and (max-width: 1100px) {
  #company_message .post_col img {
    max-width: 500px !important;
    margin: 0 auto 5px !important;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .gray_bg {
    padding: 35px 0;
  }
  #company_message .catch {
    margin: 0px 0 25px 0;
  }
  #company_message .shutter_image {
    margin-right: 0;
    margin-left: 0;
  }
  #company_data_list {
    margin: 0 0 40px;
  }
  #company_data_list h4 {
    font-size: 16px;
    margin: 25px 0 25px 0;
  }
  #company_data_list td {
    padding-left: 40px;
  }
  #company_data_list table.right th {
    width: 190px;
  }
  #company_data_list table.right td {
    width: calc(100% - 190px);
    padding-left: 40px;
  }
  #company_data_list .s_table {
    margin-bottom: -10px;
  }
  #company_access .qt_google_map {
    margin-bottom: 35px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
  #profile {
    padding-top: 35px;
  }
}

/* ギャラリー */
.gallery_content_header {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  .gallery_content_header {
    padding: 0 40px;
    display: block;
  }
  .gallery_content_header .catch {
    width: auto;
    padding-right: 0px;
  }
  .gallery_content_header .desc {
    width: auto;
    padding-left: 0px;
  }
  .gallery_content_header .catch + .desc {
    margin-top: 40px;
  }
}
@media screen and (max-width: 800px) {
  .gallery_content {
    padding: 40px 0;
    margin: 40px auto 35px;
  }
  .post_content:empty + .gallery_content {
    margin-top: -40px;
  }
  .gallery_content_header {
    padding: 0 20px;
    margin-bottom: 33px;
  }
  .gallery_content_header .desc {
    line-height: 2;
  }
  .gallery_content_header .desc.mobile {
    display: block;
  }
  .gallery_content_header .desc.pc {
    display: none;
  }
  .gallery_content_header .catch + .desc {
    margin-top: 28px;
  }
  .gallery_content_header .catch + .desc + .desc {
    margin-top: 28px;
  }
  .gallery_content_carousel .item {
    width: 130px;
    height: 130px;
    margin-right: 20px;
  }
}

/* ----------------------------------------------------------------------
 サービスアーカイブページ
---------------------------------------------------------------------- */
/* ヘッダー */
.service_category_content .header {
  max-width: inherit;
  padding: 0 60px;
}
.service_header_desc {
  max-width: inherit;
  padding: 0 60px 130px;
}
.service_header_desc .desc:last-of-type {
  padding-left: 60px;
}
@media screen and (max-width: 1100px) {
  .service_category_content .header {
    padding: 0 40px;
  }
  .service_category_content .header .catch {
    width: auto;
    padding-right: 0px;
  }
  .service_category_content .header .desc {
    width: auto;
    padding-left: 0px;
    margin-top: 40px;
  }
  .service_category_content .desc_area {
    display: block;
  }
  .service_header_desc {
    padding: 0 40px 130px;
    display: block;
  }
  .service_header_desc .desc {
    width: auto;
  }
  .service_header_desc .desc:last-of-type {
    padding: 35px 0 0;
  }
}
@media screen and (max-width: 800px) {
  .service_header_image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px;
  }
  .service_header_image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
  }
  #bread_crumb + .service_category_content {
    margin-top: 16px;
  }
  .service_category_content {
    padding: 37px 0 32px;
  }
  .service_category_content .header {
    padding: 0 20px;
  }
  .service_category_content .header .desc {
    line-height: 2;
    margin-top: 25px;
  }
  .service_category_content .header .desc span.mobile {
    display: block;
  }
  .service_category_content .header .desc span.pc {
    display: none;
  }
  .service_category_content .desc_area {
    margin-top: 0px;
  }
  .service_header_image + .service_header_desc {
    margin-top: 0px;
  }
  .service_header_desc {
    padding: 35px 20px;
    margin: 0px;
  }
  .service_header_desc .desc span.mobile {
    display: block;
  }
  .service_header_desc .desc span.pc {
    display: none;
  }
  .service_category_content .header .design_arrow_button {
    margin-top: 32px;
    margin-bottom: 10px;
  }
  .service_header_desc + #archive_service .service_category_post_list {
    margin-top: 0;
  }
  #archive_service .service_category_post_list {
    margin-top: 0px;
  }
}

/* 記事一覧（1カラム） */
.service_category_content .post_list.type1 {
  max-width: inherit;
  padding: 0 60px;
}
.service_category_content .post_list.type1 .content {
  padding: 0 30px;
}
@media screen and (max-width: 1100px) {
  .service_category_content .post_list.type1 {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  .service_category_content .post_list.type1 {
    padding: 0 20px;
    margin-top: 32px;
  }
  .service_category_content .post_list.type1 a {
    display: block;
  }
  .service_category_content .post_list.type1 .image_wrap {
    width: auto;
  }
  .service_category_content .post_list.type1 .content {
    width: auto;
    padding: 25px 30px;
  }
  .service_category_content .post_list.type1 .title {
    font-size: 16px;
  }
}

/* 記事一覧（2カラム） */
.service_category_content .post_list.type2 {
  max-width: inherit;
  padding: 0 60px;
}
.service_category_content .post_list.type2 a {
  padding: 30px;
  min-height: 216px;
}
.service_category_content .post_list.type2 .image_wrap {
  width: 150px;
  height: 150px;
}
.service_category_content .post_list.type2 .content {
  width: calc(100% - 150px);
  padding: 0 0 0 30px;
}
.service_category_content .post_list.type2 .title {
  font-size: 18px;
  max-height: 4.8em;
  overflow: hidden;
  visibility: visible;
}
.service_category_content .post_list.type2 .title span {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 1100px) {
  .service_category_content .post_list.type2 {
    padding: 0 40px;
  }
}
@media screen and (max-width: 950px) {
  .service_category_content .post_list.type2 {
    display: block;
  }
  .service_category_content .post_list.type2 .item {
    width: auto;
    margin-bottom: -1px;
  }
  .service_category_content .post_list.type2 .item:nth-child(2n) {
    border-left: 1px solid #ddd;
  }
}
@media screen and (max-width: 800px) {
  .service_category_content .post_list.type2 {
    padding: 0;
    margin-bottom: -32px;
    margin-top: 32px;
    border-bottom: 1px solid #ddd;
  }
  .service_category_content .post_list.type2 .item {
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 0;
  }
  .service_category_content:last-of-type .post_list.type2 {
    border-bottom: none;
  }
  .service_category_content .post_list.type2 .item:nth-child(2n) {
    border-left: none;
  }
  .service_category_content .post_list.type2 a {
    padding: 30px 20px;
    display: block;
  }
  .service_category_content .post_list.type2 .image_wrap {
    width: 130px;
    height: 130px;
  }
  .service_category_content .post_list.type2 .content {
    width: auto;
    padding: 0;
  }
  .service_category_content .post_list.type2 .title {
    font-size: 16px;
    position: absolute;
    left: 170px;
    top: 58px;
    width: calc(100% - 190px);
    height: 4.8em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .service_category_content .post_list.type2 .desc {
    margin-top: 22px;
    margin-bottom: -8px;
  }
}

/* カテゴリーページ */
.service_category_post_list {
  max-width: inherit;
  padding: 0 60px;
}
.service_category_post_list .item a {
  padding: 30px;
}
.service_category_post_list .image_wrap {
  width: 150px !important;
  height: 150px !important;
}
.service_category_post_list .content {
  width: calc(100% - 150px);
  padding: 0 0 0 30px;
}
.service_category_post_list .title {
  font-size: 20px;
}
@media screen and (max-width: 1100px) {
  .service_category_post_list {
    padding: 0 40px;
  }
}
@media screen and (max-width: 950px) {
  .service_category_post_list {
    display: block;
  }
  .service_category_post_list .item {
    width: auto;
    margin: 0 0 -1px 0;
  }
}
@media screen and (max-width: 800px) {
  .service_header_image + #archive_service .service_category_post_list {
    margin-top: -1px;
  }
  .service_category_post_list {
    padding: 0;
    margin: 0 0 -1px 0;
  }
  .service_category_post_list .item {
    border-left: none;
    border-right: none;
  }
  .service_category_post_list .item:last-of-type {
    border-bottom: none;
  }
  .service_category_post_list .item a {
    padding: 30px 20px;
    display: block;
  }
  .service_category_post_list .image_wrap {
    width: 130px !important;
    height: 130px !important;
  }
  .service_category_post_list .content {
    width: auto;
    padding: 0;
  }
  .service_category_post_list .title {
    font-size: 16px;
    position: absolute;
    left: 170px;
    top: 58px;
    width: calc(100% - 190px);
    height: 4.8em;
    max-height: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .service_category_post_list .title span {
    -webkit-line-clamp: 3;
  }
  .service_category_post_list .desc {
    margin-top: 22px;
    margin-bottom: -8px;
  }
}

/* ----------------------------------------------------------------------
 サービス詳細ページ
---------------------------------------------------------------------- */
/* ヘッダー */
#single_service_header .title span {
  max-width: inherit;
  padding: 0 60px;
}
#single_service_header .category {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #single_service_header {
    height: 505px;
  }
  #single_service_header .title {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
  }
  #single_service_header .title span {
    padding: 0 40px;
  }
  #single_service_header .category {
    padding: 0 40px;
    height: 340px;
  }
  #single_service_header .category .sub_title {
    font-size: 16px;
    margin-top: 17px;
  }
}
@media screen and (max-width: 800px) {
  #single_service_header {
    height: 360px;
  }
  #single_service_header .title {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
  }
  #single_service_header .title span {
    padding: 0 20px;
  }
  #single_service_header .category {
    padding: 0 20px;
    height: 200px;
  }
}

/* コンテンツ */
#single_service_main_content {
  max-width: inherit;
  padding: 80px 60px 110px;
}
@media screen and (max-width: 1100px) {
  #single_service_main_content {
    padding: 80px 40px 110px;
  }
}
@media screen and (max-width: 800px) {
  #single_service_main_content {
    padding: 0px 20px 35px;
    margin: -5px 0 0 0;
  }
}

/* リンク一覧 */
#service_link_list_inner {
  max-width: inherit;
  padding: 140px 60px 150px;
}
#service_link_list .post_list.type1 .content {
  padding: 30px;
}
#service_link_list .post_list.type2 .item {
  padding: 30px;
}
#service_link_list .post_list.type2 .image_wrap {
  width: 150px;
  height: 150px;
}
#service_link_list .post_list.type2 .content {
  width: calc(100% - 150px);
  padding: 0 0 0 30px;
}
#service_link_list .post_list.type2 .catch {
  font-size: 20px;
}
#service_link_list .post_list.type2 .link_label {
  max-width: calc(100% - 30px);
}
#service_link_list .post_list.type2 .link_label .label {
  font-size: 16px;
}
@media screen and (max-width: 1100px) {
  #service_link_list_inner {
    padding: 140px 40px 150px;
  }
  #service_link_list .post_list.type2 {
    display: block;
  }
  #service_link_list .post_list.type2 .item {
    width: auto;
    border: 1px solid #ddd !important;
  }
  #service_link_list .post_list.type2 .link_label .label {
    max-width: calc(100% - 60px);
  }
}
@media screen and (max-width: 800px) {
  #service_link_list_inner {
    padding: 37px 20px 40px;
  }
  #service_link_list .design_header {
    margin-bottom: 40px;
  }
  #service_link_list .post_list.type1 .item {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  #service_link_list .post_list.type1 .item:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
  }
  #service_link_list .post_list.type1 .image_wrap {
    width: auto;
  }
  #service_link_list .post_list.type1 .content {
    width: auto;
    display: block;
    padding: 20px 30px;
  }
  #service_link_list
    .post_list.type1
    .item.layout_type1
    + .item.layout_type1
    .content {
    border-top: none;
  }
  #service_link_list
    .post_list.type1
    .item.layout_type2
    + .item.layout_type2
    .content {
    border-top: none;
  }
  #service_link_list .post_list.type1 .catch {
    font-size: 16px;
  }
  #service_link_list .post_list.type1 .desc {
    display: none;
  }
  #service_link_list .post_list.type2 .item {
    padding: 20px;
    display: block;
    position: relative;
  }
  #service_link_list .post_list.type2 .image_wrap {
    width: 130px;
    height: 130px;
  }
  #service_link_list .post_list.type2 .content {
    width: auto;
    padding: 0;
    position: initial;
  }
  #service_link_list .post_list.type2 .catch {
    font-size: 16px;
    position: absolute;
    left: 170px;
    top: 20px;
    width: calc(100% - 190px);
    height: 130px;
    max-height: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #service_link_list .post_list.type2 .link_label {
    position: relative;
    bottom: auto;
    margin-top: 20px;
    left: 0;
    justify-content: flex-end;
    max-width: inherit;
  }
  #service_link_list .post_list.type2 .link_label .label {
    margin-right: 15px;
  }
}

/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
.news_category_button {
  padding: 0 60px !important;
}
#archive_news {
  max-width: inherit;
  padding: 0 60px 150px;
}
@media screen and (max-width: 1100px) {
  .news_category_button {
    padding: 0 40px !important;
    margin-top: -12px;
  }
  .news_category_button li {
    min-width: 120px;
    margin-right: 10px;
  }
  .news_category_button li:last-of-type {
    margin-right: 0;
  }
  .news_category_button a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
  }
  #archive_news {
    padding: 0 40px 150px;
  }
  .news_list {
    display: block;
    width: auto;
  }
  .news_list .item {
    width: auto;
    margin: 0 0 -1px 0;
  }
}
@media screen and (max-width: 800px) {
  .news_category_button {
    padding: 0 20px !important;
    margin: 0px 0 40px 0;
  }
  #archive_news {
    padding: 0 0 40px;
  }
  .news_list .item {
    padding: 30px 20px;
    border-left: none;
    border-right: none;
  }
  .news_list .image_link {
    width: 130px;
    height: 130px;
  }
  .news_list .content {
    width: calc(100% - 130px);
    padding: 0 0 0 20px;
  }
  .news_list .category_button {
    margin-bottom: 15px;
  }
  .news_list .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .news_list .date {
    font-size: 14px;
  }
  .news_list .date::before {
    font-size: 16px;
    top: 1.5px;
  }
  .ajax_post_list_wrap .entry-more span {
    margin: 40px auto 0;
  }

  /* 最新のお知らせ */
  #recent_news .headline {
    font-size: 20px;
    padding: 40px 0;
  }
  #recent_news .post_list {
    margin: 0 -20px;
  }
  #recent_news .item {
    padding: 30px 20px;
    border-right: none;
    border-left: none;
  }
  #recent_news .image_link {
    width: 130px;
    height: 130px;
  }
  #recent_news .content {
    width: calc(100% - 130px);
    padding: 0 0 0 20px;
  }
  #recent_news .category_button {
    margin-bottom: 15px;
  }
  #recent_news .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #recent_news .title a {
    max-height: 3.6em;
  }
  #recent_news .title span {
    -webkit-line-clamp: 2;
  }
  #recent_news .date {
    font-size: 14px;
  }
  #recent_news .date::before {
    font-size: 16px;
    top: 1.5px;
  }
}

/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */
/* ページヘッダー */
#archive_header {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #archive_header {
    display: block;
    padding: 0 40px;
  }
  #archive_header .title_area {
    width: auto;
    padding-right: 0px;
  }
  #archive_header .desc {
    width: auto;
    padding-left: 0px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 800px) {
  #archive_header {
    padding: 0 20px;
    margin: 20px auto 35px;
  }
  #archive_header .desc {
    line-height: 2;
    margin-top: 30px;
  }
  #archive_header .desc.mobile {
    display: block;
  }
  #archive_header .desc.pc {
    display: none;
  }
}

/* ブログ一覧 */
#archive_blog {
  max-width: inherit;
  padding: 0 60px 150px;
}
@media screen and (max-width: 1100px) {
  #archive_blog {
    padding: 0 40px 150px;
  }
}
@media screen and (max-width: 1000px) {
  .blog_list .item {
    position: relative;
    width: calc(50% - 20px);
    margin: 0 40px 50px 0;
  }
  #archive_blog .blog_list .item:nth-child(3n) {
    margin-right: 40px;
  }
  #archive_blog .blog_list .item:nth-child(2n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 800px) {
  #archive_blog {
    padding: 0 20px 40px;
  }
  body.paged #archive_blog {
    padding-top: 20px;
  }
  .blog_list {
    margin-bottom: -30px;
  }
  .blog_list .item {
    position: relative;
    width: calc(50% - 10px);
    margin: 0 20px 30px 0;
  }
  #archive_blog .blog_list .item:nth-child(3n) {
    margin-right: 20px;
  }
  #archive_blog .blog_list .item:nth-child(2n) {
    margin-right: 0px;
  }
  .blog_list .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .blog_list .date {
    font-size: 14px;
  }
  .blog_list .date::before {
    font-size: 16px;
    top: 1.5px;
  }
  .blog_list .image_link {
    margin-bottom: 20px;
  }
  .blog_list .category_button {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  #archive_blog .blog_list {
    display: block;
    margin-bottom: 0;
  }
  .blog_list .item {
    width: auto;
    margin: 0 0 30px 0;
  }
  #archive_blog .blog_list .item:nth-child(3n) {
    margin-right: 0;
  }
}

/* ページナビ */
@media screen and (max-width: 800px) {
  .page_navi {
    margin: 40px 0 -10px 0;
  }
  .page_navi .next,
  .page_navi .prev {
    display: none;
  }
  .page_navi a,
  .page_navi .current,
  .page_navi span {
    font-size: 12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .page_navi span.dots {
    width: 10px;
  }
}

/* 投稿者アーカイブ */
#author_archive_header .content {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #author_archive_header .content {
    padding: 0 40px;
    display: block;
    max-width: 800px;
  }
  #author_archive_header .image_area {
    display: block;
    text-align: center;
  }
  #author_archive_header .avatar_area {
    margin: 0 auto 20px;
  }
  #author_archive_header .sns_button_list {
    margin: 20px 0 0 -8px;
  }
  #author_archive_header .desc {
    width: auto;
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 800px) {
  body.author.paged #archive_blog {
    padding-top: 40px;
  }
  #author_archive_header {
    padding: 40px 0 30px;
    margin-bottom: 40px;
  }
  #author_archive_header .content {
    padding: 0 20px;
  }
  #author_archive_header .desc p {
    line-height: 2;
  }
  #author_headline {
    margin-bottom: 40px;
    font-size: 20px;
  }
}

/* 検索結果 */
#no_search_result .desc {
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #no_search_result .desc {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #no_search_result .headline {
    margin: 0 0 30px 0;
    font-size: 30px;
  }
  #no_search_result .desc {
    margin: 0 auto 33px;
    line-height: 2;
    padding: 0 20px;
    width: auto;
  }
  #no_search_result form {
    width: calc(100% - 40px);
    max-width: 350px;
  }
}

/* ----------------------------------------------------------------------
 ページ上部　ヘッダー
---------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
  #header {
    height: 60px;
    transition: transform 0.5s ease, opacity 0.7s ease 0.1s;
  }
}

/* ロゴ */
@media screen and (max-width: 1100px) {
  #header_logo {
    left: 20px;
  }
  #header_logo img.pc {
    display: none;
  }
  #header_logo img.mobile {
    display: block;
  }
  #header_logo2 {
    left: 20px;
  }
  #header_logo2 img.pc {
    display: none;
  }
  #header_logo2 img.mobile {
    display: block;
  }
}

/* グローバルメニュー */
@media screen and (max-width: 1100px) {
  #global_menu {
    display: none;
  }
}

/* ドロワーメニュー開閉ボタン */
@media screen and (max-width: 1100px) {
  #drawer_menu_button {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  #drawer_menu_button span {
    width: 22px;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s ease;
  }
  #drawer_menu_button span:nth-child(1) {
    top: 24px;
  }
  #drawer_menu_button span:nth-child(2) {
    top: 30px;
  }
  #drawer_menu_button span:nth-child(3) {
    top: 36px;
  }
  body.header_type2 #drawer_menu_button span {
    background: #fff;
  }
  body.header_type2.header_fixed #drawer_menu_button span {
    background: #000;
  }
  html.open_drawer_menu #drawer_menu_button span:nth-child(1) {
    transform: rotate(45deg);
    left: 28px;
    top: 30px;
  }
  html.open_drawer_menu #drawer_menu_button span:nth-child(3) {
    transform: rotate(-45deg);
    left: 28px;
    top: 30px;
  }
}

/* 検索フォーム */
@media screen and (max-width: 1100px) {
  #header_search {
    display: none;
  }
}

/* メッセージ */
@media screen and (max-width: 1250px) {
  #header_message {
    padding: 10px 0;
    z-index: 2000;
  }
  #header_message .post_content {
    width: auto !important;
    margin: 0 20px !important;
  }
  #header_message.show_close_button .post_content {
    margin: 0 40px !important;
  }
}
@media screen and (max-width: 750px) {
  #header_message .post_content {
    line-height: 1.8;
  }
  #header_message.show_close_button .post_content {
    margin: 0 35px !important;
  }
}
/* ヘッダーメッセージが固定のときのヘッダー位置調整 */
@media screen and (max-width: 1100px) {
  body.header_type2 #header_message + #header,
  body.home.header_slider_layout_type2 #header_message + #header {
    margin-bottom: -60px;
  }
}

/* パンくずリンク */
#bread_crumb {
  max-width: inherit;
  padding: 0 60px;
}
body.short_content_width #bread_crumb {
  max-width: inherit;
}
@media screen and (max-width: 1100px) {
  #bread_crumb {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #bread_crumb {
    padding: 0 20px;
    margin: 0 auto;
    height: 50px;
    overflow: auto;
    overflow-y: hidden;
  }
  body.single #bread_crumb {
    margin-bottom: 20px;
  }
  #bread_crumb ul {
    height: 50px;
    line-height: 50px;
    overflow: visible;
  }
}

/* ----------------------------------------------------------------------
 メガメニュー
---------------------------------------------------------------------- */
/* メガメニューA　記事カルーセル */
.megamenu_post_carousel {
  padding: 0 60px !important;
}
@media screen and (max-width: 1100px) {
  .megamenu_a {
    display: none;
  }
}

/* メガメニューB */
.megamenu_b .image_wrap {
  height: 150px !important;
  aspect-ratio: initial;
}
.megamenu_b .title {
  font-size: 30px;
}
.megamenu_b .title_area {
  padding: 0 30px;
}
.megamenu_b .post_list {
  padding: 25px 30px 45px;
}
.megamenu_b .arrow_link {
  font-size: 14px;
}
@media screen and (max-width: 1100px) {
  .megamenu_b {
    display: none;
  }
}

/* ----------------------------------------------------------------------
 モバイル用ドロワーメニュー
---------------------------------------------------------------------- */
@media screen and (max-width: 1250px) {
  #drawer_menu {
    display: block;
    position: fixed;
    top: 0px;
    right: 0;
    width: 400px;
    height: 100vh;
    height: 100dvh;
    background: #000;
    overflow: auto;
    z-index: 99999;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    transform: translate3d(100%, 0, 0);
  }
  .open_menu #drawer_menu {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }
  #container:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    transition: opacity 0.5s ease;
  }
  .open_menu #container:before {
    opacity: 1;
    pointer-events: auto;
  }
  .open_menu #container {
  }
  .open_menu #js-footer-bar {
    display: none;
  }
  body.admin-bar #drawer_menu_mobile {
    top: 32px;
  }
}
@media only screen and (max-width: 782px) {
  body.admin-bar #drawer_menu_mobile {
    top: 48px;
  }
}
@media only screen and (max-width: 600px) {
  #drawer_menu {
    width: 100%;
  }
  #container:before {
    display: none;
  }
  #container {
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translate3d(0, 0, 0);
  }
  .open_menu #container {
    transform: translate3d(-100%, 0, 0);
  }
  #header {
    transition: transform 0.5s ease, opacity 0.7s ease 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .open_menu #header {
    transform: translate3d(-100%, 0, 0);
  }
}

/* ドロワーメニューのスクロールバー */
#drawer_menu_mobile .simplebar-scrollbar:before {
  background: #aaa !important;
}

/* 閉じるボタン */
#drawer_menu .header {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#drawer_mneu_close_button {
  cursor: pointer;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
#drawer_mneu_close_button:before {
  color: #fff;
  font-family: "design_plus";
  content: "\e91a";
  font-size: 20px;
  display: block;
  top: 17px;
  left: 12px;
  position: absolute;
}

/* グローバルメニュー */
#mobile_menu {
  width: 100%;
  margin: 0;
}
#mobile_menu ul {
  margin: 0;
}
#mobile_menu li ul {
  display: none;
}
#mobile_menu a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 50px 0 20px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-decoration: none;
  color: #fff !important;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  visibility: visible;
}
#mobile_menu li li a {
  border: none;
  height: 50px;
  line-height: 50px;
}

/* グローバルメニュー（子メニュー） */
#mobile_menu li {
  position: relative;
}
#mobile_menu .child_menu_button {
  display: block;
  position: absolute;
  text-align: center;
  width: 50px;
  height: 50px;
  right: 0px;
  top: -5px;
  z-index: 9;
  cursor: pointer;
}
#mobile_menu .child_menu_button:after {
  background: #fff;
  content: "";
  height: 2px;
  width: 12px;
  display: block;
  position: absolute;
  right: 22px;
  top: 30px;
  transition: background-color 0.25s ease;
}
#mobile_menu .child_menu_button:before {
  background: #fff;
  content: "";
  height: 12px;
  width: 2px;
  display: block;
  position: absolute;
  right: 27px;
  top: 25px;
  transition: background-color 0.25s ease;
}
#mobile_menu li.open > .child_menu_button:before {
  display: none;
}
#mobile_menu li.open > a {
  border-bottom: none;
}
#mobile_menu li li a {
  background: #1f272e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
}
#mobile_menu li li:last-of-type a {
  border-bottom: none;
}
#mobile_menu li li a:after {
  content: "\e94f";
  display: block;
  font-family: "design_plus";
  font-size: 10px;
  position: absolute;
  right: 18px;
  top: 1px;
  width: 20px;
  color: fff;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}
#mobile_menu li li.menu-item-has-children > a:after {
  display: none;
}
#mobile_menu li li.open > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#mobile_menu li ul {
  background: #000;
}

/* 検索フォーム */
#drawer_menu_search {
  margin: 30px 20px 0;
  position: relative;
  width: auto;
}
#drawer_menu_search .input_area {
  background: #222222;
  width: 100%;
  height: 40px;
  border-radius: 40px;
  position: relative;
}
#drawer_menu_search .input_area input {
  font-size: 12px;
  border: none;
  background: none;
  height: 40px;
  width: calc(100% - 40px);
  position: absolute;
  left: 0px;
  top: 2px;
  padding: 0 10px 0 25px;
  color: #fff;
}
#drawer_menu_search .button_area {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#drawer_menu_search .button_area input {
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
}
#drawer_menu_search .button_area:before {
  display: block;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  pointer-events: none;
  font-weight: 600;
  position: absolute;
  font-family: "design_plus";
  color: #fff;
  font-size: 12px;
  content: "\e94c";
  left: 11px;
  top: 15px;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

/* SNS */
#mobile_sns {
  text-align: left;
  padding: 30px 20px;
}
#mobile_sns li {
  margin: 0 15px 10px 0;
}
#mobile_sns li a:before {
  color: #fff;
}

/* ----------------------------------------------------------------------
 ブログ詳細ページ
---------------------------------------------------------------------- */

/* タイトルエリア */
@media screen and (max-width: 1100px) {
  #single_post_header {
    width: auto;
    max-width: 750px;
    margin: 0 auto 58px;
  }
  #single_post_header .title {
    font-size: var(--single_post_title_font_size_tb);
  }
}
@media screen and (max-width: 800px) {
  #single_post_header {
    margin: 0 0 38px;
  }
  #single_post_header .title {
    font-size: var(--single_post_title_font_size_sp);
  }
  #single_post_header .category_button_list {
    margin-bottom: 15px;
  }
  #single_post_header .meta {
    margin-top: 12px;
  }
  #single_post_header .date {
    font-size: 14px;
  }
  #single_post_header .date::before {
    font-size: 16px;
    top: 1.5px;
  }
  #single_post_header .update {
    font-size: 14px;
  }
  #single_post_header .update::before {
    font-size: 16px;
    top: 1.5px;
  }
  #single_post_header_image {
    border-radius: 0;
    margin: 0 -20px 33px;
    width: calc(100% + 40px);
  }
}

/* SNSボタン */
@media screen and (max-width: 800px) {
  #single_share_top {
    margin: 0 0 40px 0;
  }
  #single_share_top .share-top {
  }
  #single_share_bottom {
    margin: 40px 0 0;
  }
  #single_share_bottom .share-btm {
    margin-bottom: 0 !important;
    padding: 0;
  }
  #single_share_top .mt10,
  #single_share_top .mt10 {
    margin: 0 !important;
  }
  #single_share_bottom .mb45,
  #single_share_bottom .mb45 {
    margin: 0 !important;
  }
  .share-type1 ul {
    text-align: center;
    margin-bottom: -5px !important;
  }
  .share-type3 ul {
    text-align: center;
    margin-bottom: -5px !important;
  }
  .share-type2 ul.type2 {
    text-align: center;
    margin-bottom: -5px !important;
  }
  .share-type4 ul.type4 {
    text-align: center;
    margin-bottom: -5px !important;
  }
  .sns_default_top {
    text-align: center;
    margin-bottom: -5px !important;
  }
}

/* コピーボタン */
@media screen and (max-width: 800px) {
  #single_copy_title_url_top {
    margin: 0 0 35px;
  }
  #single_copy_title_url_btm {
    margin: 40px 0 0;
  }
  .single_copy_title_url_btn {
    border-width: 2px;
    line-height: 46px;
    min-width: 250px;
  }
}

/* ページ分割 */
@media screen and (max-width: 800px) {
}

/* 広告 */
@media screen and (max-width: 800px) {
  #single_banner_top {
    width: auto;
    padding: 0;
    margin: 0 0 40px 0;
  }
  #single_banner_bottom {
    width: auto;
    margin: 40px 0 -5px;
  }
  #single_banner_shortcode {
    padding: 0 0 20px;
  }
}

/* ナビゲーション */
@media screen and (max-width: 1100px) {
  #next_prev_post {
  }
  #next_prev_post .item {
    height: 50px;
  }
  #next_prev_post .nav {
    display: block;
  }
  #next_prev_post .title {
    display: none;
  }
  #next_prev_post .nav {
    position: relative;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  #next_prev_post .nav:after {
    z-index: 10;
    position: absolute;
    margin-top: 2px;
    left: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "design_plus";
    color: #000;
    font-size: 12px;
    font-weight: 500;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #next_prev_post .prev_post .nav:after {
    content: "\e90f";
  }
  #next_prev_post .next_post .nav:after {
    content: "\e910";
    left: auto;
    right: 15px;
  }
}
@media screen and (max-width: 800px) {
  #next_prev_post {
    margin-top: 40px;
  }
}

/* メタ情報 */
@media screen and (max-width: 800px) {
  #post_tag_list {
    margin: 40px 0 -5px;
  }
  #post_tag_list a {
    font-size: 12px;
  }
}

/* プロフィール */
@media screen and (max-width: 800px) {
  .author_profile {
    margin: 40px 0 0;
    padding: 15px 20px;
  }
  .author_profile .avatar_area {
    width: 90px;
    height: 90px;
  }
  .author_profile .image_wrap {
    width: 90px;
    height: 90px;
  }
  .author_profile .info {
    width: calc(100% - 90px);
  }
  .author_profile .info_inner {
    padding: 0 0 0 20px;
  }
  .author_profile .name {
    font-size: 16px;
    margin: 5px 0 10px 0;
  }
  .author_profile .desc {
    font-size: 14px;
    max-height: 3.4em;
    line-height: 1.7;
  }
  .author_profile .desc span {
    -webkit-line-clamp: 2;
  }
}

/* 関連記事 */
#related_post .related_post_carousel_wrap,
body.short_content_width #related_post .related_post_carousel_wrap {
  max-width: inherit;
  width: calc(var(--vw) * 100 - 120px);
}
#related_post .blog_list {
  max-width: inherit;
}
#related_post .blog_list .item,
body.short_content_width #related_post .blog_list .item {
  width: calc((var(--vw) * 100 - 120px) / 3 - 32px) !important;
}
#related_post .related_post_carousel_button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (max-width: 1100px) {
  #related_post .related_post_carousel_wrap,
  body.short_content_width #related_post .related_post_carousel_wrap {
    width: calc(var(--vw) * 100 - 80px);
  }
  #related_post .blog_list .item,
  body.short_content_width #related_post .blog_list .item {
    margin-right: 40px;
    width: calc((var(--vw) * 100 - 80px) / 2 - 20px) !important;
  }
}
@media screen and (max-width: 800px) {
  #related_post {
    padding: 40px 0;
  }
  #related_post .headline {
    font-size: 20px;
    margin: 0 0 40px 0;
  }
  #related_post .related_post_carousel_wrap,
  body.short_content_width #related_post .related_post_carousel_wrap {
    width: 100%;
  }
  #related_post .blog_list .item,
  body.short_content_width #related_post .blog_list .item {
    margin: 0 10px;
    width: 260px !important;
  }
  .related_post_carousel_button_wrap {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
  }
  #related_post .swiper-button-next {
    position: relative;
    top: auto !important;
    margin: 40px 5px 0;
    left: auto;
    right: auto;
  }
  #related_post .swiper-button-prev {
    position: relative;
    top: auto !important;
    margin: 40px 5px 0;
    left: auto;
    right: auto;
  }
  #related_post .swiper-nav-button.swiper-button-disabled {
    opacity: 0.5 !important;
  }
  #related_post .item:first-of-type {
    margin-left: 20px;
  }
  #related_post .item:last-of-type {
    margin-right: 20px !important;
  }
  #related_post .related_carousel_scrollbar {
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  #related_post .related_post_carousel_wrap,
  body.short_content_width #related_post .related_post_carousel_wrap {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------
 その他のページ
---------------------------------------------------------------------- */
/* 404ページ*/
#page_404_header .content {
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #page_404_header {
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
  }
  #page_404_header .content {
    padding: 0 40px;
  }
}
@media screen and (max-width: 800px) {
  #page_404_header .headline {
    font-size: 30px;
  }
  #page_404_header .content {
    padding: 0 20px;
  }
  #page_404_header .desc {
    line-height: 2;
    margin-top: 30px;
  }
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/* バナー */
#footer_banner a {
  padding: 0 60px;
  aspect-ratio: initial;
  height: 250px;
}
#footer_banner a:first-of-type {
  padding-left: 60px;
}
@media screen and (max-width: 1100px) {
  #footer_banner {
    display: block;
  }
  #footer_banner a {
    padding: 0 40px !important;
    width: 100% !important;
  }
  #footer_banner a:first-of-type {
    padding-left: 40px;
  }
  #footer_banner.banner_num2 a:nth-child(2):before {
    width: 100%;
    height: 1px;
  }
  #footer_banner.banner_num3 a:nth-child(2):before,
  #footer_banner.banner_num3 a:nth-child(3):before {
    width: 100%;
    height: 1px;
  }
}
@media screen and (max-width: 800px) {
  #footer_banner a {
    padding: 0 20px !important;
    height: 150px !important;
  }
  #footer_banner a:first-of-type {
    padding-left: 20px;
  }
  #footer_banner .title .label {
    margin-right: 15px;
  }
  #footer_banner .sub_title {
    font-size: 16px;
    margin-top: 10px;
  }
}

/* ロゴエリア */
#footer {
  border-top: 1px solid #ddd;
}
#footer_inner {
  max-width: inherit;
  padding: 100px 60px;
}
@media screen and (max-width: 1100px) {
  #footer_inner {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 800px) {
  #footer_inner {
    padding: 40px 20px 35px;
  }
  #footer_logo img.pc {
    display: none;
  }
  #footer_logo img.mobile {
    display: block;
  }
  #footer_address {
    font-size: 14px;
  }
  #footer_sns {
    margin-top: 10px;
  }
}

/* メニュー */
#footer_nav {
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #footer_nav {
    padding: 0 40px;
  }
  #footer_nav li {
    font-size: 14px;
  }
  #footer_nav li a {
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 800px) {
  #footer_nav {
    padding: 0 20px;
  }
  #footer_nav li {
    margin-right: 20px;
  }
  #footer_nav li:last-of-type {
    margin-right: 0;
  }
}

/* コピーライト */
#copyright span {
  max-width: inherit;
  padding: 0 60px;
}
@media screen and (max-width: 1100px) {
  #copyright span {
    padding: 0 40px;
  }
  #copyright {
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 800px) {
  #copyright {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
  }
  #copyright span {
    padding: 0 20px;
    white-space: nowrap;
  }
}

/* ページ上部へ戻るボタン */
@media screen and (max-width: 1100px) {
  body.show_footer_bar #return_top.active {
    bottom: 68px;
  }
  #return_top a {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
  #return_top.active {
    transform: translate3d(0, 0, 0);
    bottom: 25px;
  }
  #return_top a .arrow:before,
  #return_top a .arrow:after {
    left: 18px;
  }
}
@media screen and (max-width: 800px) {
  #return_top {
    right: 20px;
  }
  .p-footer-bar + #return_top {
    bottom: 0px;
  }
  .p-footer-bar + #return_top.active {
    bottom: 68px;
  }
}
@media screen and (max-width: 600px) {
  .open_menu #return_top.active {
    right: calc(100% + 25px);
  }
}

/* ----------------------------------------------------------------------
 ウィジェット
---------------------------------------------------------------------- */
/* 基本設定 */
@media screen and (max-width: 1100px) {
  .widget_content {
    width: calc(50% - 20px);
    margin: 0 40px 40px 0;
  }
  .widget_content:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .widget_content {
    width: calc(50% - 10px);
    margin: 0 20px 40px 0;
  }
  .widget_content:nth-child(2n) {
    margin-right: 0;
  }
  .widget_headline {
    padding: 0 20px;
    height: 50px;
  }
}
@media screen and (max-width: 650px) {
  .widget_content {
    width: auto;
    margin: 0 0 30px 0;
  }
  .widget_content:last-of-type {
    margin-bottom: 0;
  }
}

/* タブ記事 */
@media screen and (max-width: 800px) {
  .widget_tab_post_list_button div {
    height: 50px;
    line-height: 50px;
  }
}

/* 人気の記事 */
@media screen and (max-width: 800px) {
  .popular_post_widget a {
    height: 80px;
  }
  .popular_post_widget .rank {
    line-height: 80px;
  }
  .popular_post_widget .title {
    padding: 0 20px;
  }
}

/* バナー */
@media screen and (max-width: 800px) {
  .tcd_banner_widget .title_area {
    padding: 20px 25px;
  }
}

/* アーカイブ　ドロップダウン */
@media screen and (max-width: 800px) {
  .p-dropdown__title {
    height: 60px;
    line-height: 60px;
  }
  .widget_archive select,
  .widget_categories select {
    padding: 0 20px;
  }
}

/* デフォルトのカテゴリー */
@media screen and (max-width: 800px) {
  .widget_categories li a {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
  }
  .widget_categories li li a {
    padding-left: calc(20px + 1em);
  }
  .widget_categories li li li a {
    padding-left: calc(20px + 2em);
  }
  .widget_categories li .post-count {
    right: 12px;
    top: 8px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
  }
}

/* デフォルトのアーカイブ */
@media screen and (max-width: 800px) {
  .widget_archive li {
    font-size: 14px;
  }
  .widget_archive li a {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
  }
  .widget_archive li li a {
    padding-left: calc(20px + 1em);
  }
  .widget_archive li li li a {
    padding-left: calc(20px + 2em);
  }
  .widget_archive li .post-count {
    right: 12px;
    top: 12px;
  }
}

/* デフォルトのナビ　*/
@media screen and (max-width: 800px) {
  .widget_nav_menu li a {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
  }
  .widget_nav_menu li li a {
    padding-left: calc(20px + 1em);
  }
  .widget_nav_menu li li li a {
    padding-left: calc(20px + 2em);
  }
}

/* 検索 */
@media screen and (max-width: 800px) {
  #searchform {
    height: 60px;
  }
  #searchform #s {
    padding: 0 20px;
    height: 60px;
    width: calc(100% - 60px);
  }
  #searchform #searchsubmit {
    width: 60px;
    height: 60px;
  }
  #searchform .submit_button {
    width: 60px;
    height: 60px;
    top: 0px;
  }
  #searchform .submit_button:before {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    right: -2px;
    top: 3px;
  }
}

/* デフォルトの最近の記事 */
@media screen and (max-width: 800px) {
  .widget_recent_entries li {
    padding: 20px 20px 15px;
  }
  .widget_recent_entries li a {
    font-size: 14px;
  }
}

/* デフォルトのコメントウィジェット */
@media screen and (max-width: 800px) {
  .widget_recent_comments li {
    font-size: 14px;
    padding: 20px 20px 15px;
  }
}

/* デフォルトの固定ページ */
@media screen and (max-width: 800px) {
  .widget_pages li {
    font-size: 14px;
  }
  .widget_pages li a {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
  }
  .widget_pages li li a {
    padding-left: calc(20px + 1em);
  }
  .widget_pages li li li a {
    padding-left: calc(20px + 2em);
  }
}

/* デフォルトのナビ */
@media screen and (max-width: 800px) {
  .widget_nav_menu li {
    font-size: 14px;
  }
  .widget_nav_menu li a {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
  }
  .widget_nav_menu li li a {
    padding-left: calc(20px + 1em);
  }
  .widget_nav_menu li li li a {
    padding-left: calc(20px + 2em);
  }
}

/* デフォルトのブロック */
@media screen and (max-width: 800px) {
  .widget_block {
    font-size: 14px;
  }
}

/* デフォルトのテキストウィジェット */
@media screen and (max-width: 800px) {
  .widget_text .textwidget {
    font-size: 14px;
  }
}

/* デフォルトのアーカイブとカテゴリー　ドロップダウンメニュー */
@media screen and (max-width: 800px) {
  .widget_archive select,
  .widget_categories select {
    height: 60px;
    font-size: 14px;
  }
  .widget_archive .screen-reader-text,
  .widget_categories .screen-reader-text {
    height: 60px;
  }
  .widget_archive .screen-reader-text:before,
  .widget_categories .screen-reader-text:before {
    top: 27px;
    right: 23px;
  }
}

/* RSS */
@media screen and (max-width: 800px) {
  .widget_rss li {
    padding: 20px 20px 15px;
    font-size: 14px;
  }
}

/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
  #comments {
    margin: 40px 0 0 0;
  }
  #comments .headline {
    font-size: 20px;
    margin-bottom: 40px;
  }
}

/* ----------------------------------------------------------------------
 その他
---------------------------------------------------------------------- */
/*  WordPress プリセットスタイル */
@media screen and (max-width: 800px) {
  .post_content h1,
  .post_content h2,
  .post_content h3,
  .post_content h4,
  .post_content h5,
  .post_content h6 {
  }
  .post_content p {
    line-height: 2;
  }
  body.page .post_content > p:first-child {
    margin-top: -5px;
  }
  .post_content li,
  .post_content dt,
  .post_content dd {
    line-height: 1.8;
  }
  .post_content td,
  .post_content th {
    line-height: 1.8;
    padding: 14px 15px;
  }
  .post_content .wp-caption-text {
    font-size: 12px;
  }
}

@media screen and (max-width: 800px) {
  .s_table {
    margin-right: -20px;
    margin-left: -20px;
    padding: 0 0 0 20px;
  }
  .s_table table {
    overflow: visible;
    position: relative;
  }
  .s_table table:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 1px;
    width: 20px;
  }
}

/* GENESIS モバイル用スタイルシート */