@charset "utf-8";
/*
Theme Name:BEYOND Child
Template:beyond_tcd094
Description:This is a child theme of beyond_tcd094.
Version:1.2
*/

/* 
* common 
**************** */
* {
  box-sizing: border-box;
}

.font_marugo {
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.vimeo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.vimeo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mb_0 {
  margin-bottom: 0px!important;
}
.mb_10 {
  margin-bottom: 10px!important;
}
.mb_20 {
  margin-bottom: 20px!important;
}
.mb_30 {
  margin-bottom: 30px!important;
}
.mb_60 {
  margin-bottom: 60px!important;
}
.mt_20 {
  margin-top: 20px!important;
}
.mt_60 {
  margin-top: 60px!important;
}

a[href^="tel:"] { pointer-events:unset;}

.conpany_name {
  font-family: serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
}
.signatures {
  font-family: serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
}

/* 実績数 */
.cb_data_content .num {
  color: #009aff!important;
}

@media screen and (max-width: 750px) {
  .overflow_x_scroll {
    overflow-x: scroll;
  }
}


/* 
* header 
**************** */
#header_logo img {
    width: 110px;
    height: auto;
	padding: 4px;
}

/* グロナビ */
#global_menu ul ul a:before {
  background-color: #009aff!important;
}


/* 
* footer 
**************** */
#footer_logo img {
    /*width: 160px;*/
	width: 70px;
    height: auto;
}

.home #copyright {
  padding-bottom: 169px;
}
.home #return_top.active {
  bottom: 9px;
}

.floating_bnr {
  position: fixed;
  left: 10px;
  bottom: 5px;
  transition: .6s;
  opacity: 0;
  max-width: 180px;
  width: 100%;
  height: auto;
  z-index: 990;
  animation-name:updown1;   /* アニメーション名の指定 */
  animation-delay:0s;   /* アニメーションの開始時間指定 */
  animation-duration: 2s;   /* アニメーション動作時間の指定 */
  animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
  animation-iteration-count: infinite; 
}

@keyframes updown1 {
0% {
  transform: translateY(0);
}
50% {
  transform: translateY(-10px);
}
100% {
  transform: translateY(0);
}
}




.floating {
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #f6f7f8;
  background: #272727;
  background: linear-gradient(#0d80f4,#0d80f4);
  padding: 10px;
  cursor: pointer;
  transition: .6s;
  opacity: 0;
  width: 100%;
  height: auto;
  z-index: 990;
  line-height: 1.4;
}
.floating .design_button {
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
}
.fl_strong{
  font-size: 16px;
}
.floating p {
  margin: 0 auto 8px auto;
}
.floating .container div {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap:wrap
}
.floating_active{
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .floating_bnr {
    left: unset;
    right: 10px;
    bottom: 100px;
    max-width: 220px;
  }

  .floating {
    font-size: 16px;
    background: linear-gradient(70deg, #174477,#0d80f4);
  }

  .floating p {
    margin: 16px;
  }
  .fl_strong{
    font-size: 22px;
  }
  .floating .design_button {
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
  }
  .home #return_top.active {
    bottom: 20px;
  }
}




#page_header .headline,
.post_content h2 {
    font-family: 'ヒラギノ丸ゴ W4 JIS2004'!important;
}

.post_content h3 {
    margin: 40px 0 30px 0!important;
}


.font-lg {
    font-size: 32px !important;
}

.design_headline {
    margin: 70px 0 30px 0 !important;
}

.post_content .company_list {
    display: flex;
    flex-wrap: wrap;
}

.post_content .company_list li {
    width: 100%;
    list-style: circle;
}


/* 
* トップページ
**************** */

/* キービジュアル */
#index_header_content {
  z-index: 800;
}
#index_header_content .catch {
  font-weight: 600!important  ;
}



/* 事例アーカイブページ */
.post-type-archive-case a.category { pointer-events:none;}
.post-type-archive-case .case_list .item:hover a.category {
  background-color: #174477;
  color: #fff;
}


/* 事例アーカイブ */
.card_2 { padding:0px 0; }
.card_2 .case_list {
	width:100%; margin:0 auto -36px;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.card_2 .case_list .item { width:calc(100% / 2 - 23px); margin:0 34px 36px 0; }
.card_2 .case_list .item:nth-child(2n) { margin-right:0; }
.card_2 .page_navi { margin-top:40px; }
.card_2 .case_list .image {height: auto!important;max-height: 200px;}
.card_2 .case_list .image img {max-height: 200px;}

.case_list .title_area {
  padding: 28px 30px 28px;
}
.case_list .meta {
  bottom: 10px;
}
.case_list ul li time {
  display: none!important;
}

@media only screen and (min-width: 768px) {
    .post_content .company_list li {
        width: 46%;
        margin-left: 4%;
    }
}

/* 事例アーカイブ */
/* #archive_service .service_list .catch {
  display: none;
} */
#archive_service .service_list .catch {
  padding: 0 10px;
}


/* 
* クイックタグ 
**************** */
/* 吹き出し */
.speech_balloon {
  margin-bottom: 30px!important;
}
.speech_balloon_user {
  margin-bottom: 0!important;
}

/* 囲み枠2 */
.q_frame2 { 
  padding: 10px!important;
}

.q_frame2 .q_frame_label {
  top: -0.8em;
}
.q_frame2 a {
  display: block;
  padding: 14px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  color: #009aff!important;
}
.q_frame2 a:hover {
  color: #fff!important;
  background-color: #009aff;
}
.q_frame2 a::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-bottom: solid 4px #009aff;
  border-right: solid 4px #009aff;
  position: absolute;
  right: 9px;
  top: calc(50% - 6px);
  transform: rotate(-45deg);
}
.q_frame2 a:hover::after {
  border-bottom: solid 4px #fff;
  border-right: solid 4px #fff;
}

@media only screen and (min-width: 768px) {
  .q_frame2 a {
    padding: 20px;
    font-size: 20px;
  }
}



/* デザイン見出し */
.service_design_content {
  margin-top: 0;
}
#single_service .service_design_content .content {
  padding: 20px 30px;
}
.service_design_content .headline {
  background: #174477!important;
  color: #fff!important;
  height: 60px;
  line-height: 60px !important;
}


/* card2 */
.card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.card .item {
  width: 100%;
  height: auto;
  line-height: 1;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 10px;
}
.card .item .title {
  background: #000;
  color: #fff;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  padding: 0 25px;
  min-width: 90px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 30px;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.card .item:hover .title {
  background-color: #174477;
  color: #fff;
}
.card .item a {
  line-height: 1;
}
.card .item img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.card .item:hover img {
  transform: scale(1.2);
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  /* card2 */
  .card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .card .item {
    width: 48%;
    max-width: 48%;
    height: auto;
    line-height: 1;
    max-height: 242px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
  }
  .card .item .title {
    background: #000;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    padding: 0 25px;
    min-width: 90px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 30px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
  }
  .card .item:hover .title {
    background-color: #174477;
    color: #fff;
  }
  .card .item a {
    line-height: 1;
  }
  .card .item img {
    width: 100%;
    height: auto;
    transition-duration: 0.5s;
    transition-timing-function: ease;
  }
  .card .item:hover img {
    transform: scale(1.2);
    border-radius: 20px;
  }
}


/* card_2_2 */
.card_2_2 {
  display: flex;
  flex-wrap: wrap;
}
.card_2_2 .item {
  width: 100%;
  margin-bottom: 10px;
}
.card_2_2 .item img {
  width: 100%;
  height: auto;
}
.card_2_2 .item .title {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .card_2_2 {
    display: flex;
    justify-content: space-between;
  }
  .card_2_2 .item {
    width: 49%;
    margin-bottom: 10px;
  }
}

/* card_2_3 */
.card_2_3 {
  display: flex;
  flex-wrap: wrap;
}
.card_2_3 .item {
  width: 100%;
  margin-bottom: 10px;
}
.card_2_3 .item img {
  width: 100%;
  height: auto;
}
.card_2_3 .item .title {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .card_2_3 {
    display: flex;
    justify-content: space-between;
  }
  .card_2_3 .item {
    width: 32%;
    margin-bottom: 10px;
  }
}


.card_2_2 .item .imgwrap,
.card_2_3 .item .imgwrap {
  overflow: hidden;
  line-height: 0;
}
.card_2_2 .item img,
.card_2_3 .item img {
  width: 100%;
  height: auto;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  line-height: 1;
}
.card_2_2 .item:hover img,
.card_2_3 .item:hover img {
  transform: scale(1.2);
}

/* step */
.stepbar {
  margin-bottom: 30px;
}
.stepbarwrap {
  margin: 2em 0;
  position: relative;
}
.stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}
.stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 17px;
  height: 17px;
  content: "";
  border-radius: 50%;
  background-color: #174477;
  margin-right: 16px;
}
.stepbarwrap .steptitle {
  font-size: 20px;
  color: #174477;
  font-weight: bold;
}
.stepbarwrap .steptxt {
  padding-left: 2em;
  padding-top: 16px;
}
.stepbarwrap .steptxt .title {
  margin: 0.5em 0; 
}
.stepbarwrap .steptxt .txt {
  font-size: 100%;
  line-height: 1.4;
}
.stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 36px);
  background-color: #174477;
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: -1;
}
.stepbarwrap:last-child .stepline {
  display: none!important;
}


/* qa */
dl.qa {
  margin-bottom: 50px!important;
}
dl.qa dt,
dl.qa dd {
  display: flex;
  align-items: baseline;
  line-height: 1.4;
}
dl.qa dt {
  color: #174477;
  font-size: 22px!important;
}
dl.qa dt h3 {
  margin-top: 0!important;
  margin-bottom: 15px!Important;
}
dl.qa dd {
  font-size: 16px;
}
dl.qa dt::before,
dl.qa dd::before {
  padding-right: 16px;
  font-size: 20px;
  line-height: 1.6;
  font-family: serif,sans-serif,"HG行書体", monospace;
  font-size: 22px;
}
dl.qa dt::before {
  content: 'Q';
}
dl.qa dd::before {
  content: 'A';
}

/* qa アコーディオン */
.faq_list .desc {
    margin-top: 0;
    margin-bottom: 0;
}



/* column */
dl.column dt {
  font-size: 18px;
  color:#174477;
  border-left: 5px solid #174477;
  line-height: 1.4;
  padding-left: 16px;
  margin-bottom: 16px;
}
dl.column dt h3 {
  margin-bottom: 15px!Important;
}
dl.column dd {
  font-size: 16px;
  display: flex;
  align-items: baseline;
  line-height: 1.4;
}


/* 
* ライブセミナーページ
**************** */
.single .slick-track {
  display: flex;
}
.single .slick-slide {
  height: auto !important;
}
ul.slick-liveseminar {
  margin: 0 auto 16px auto;
  align-items:stretch;
}
ul.slick-liveseminar li {
  padding: 15px 10px;
  border: solid 2px #174477;
  margin: 0 5px;
  border-radius: 5px;
  background-color: #f6f7f8;
}
ul.slick-liveseminar li .worry_text {
  font-size: 14px;
  line-height: 1.2;
  height: 3.6em;
  margin-bottom: 20px;
}
ul.slick-liveseminar li .image {
  text-align: center;
  margin: 0 auto 10px auto;
  max-height: 100px;
}
ul.slick-liveseminar li .image img {
  width: auto;
  height: 100%;
  max-height: 100px;
  margin: 0 auto;
}
ul.slick-liveseminar li ul {
  margin: 0;
}
ul.slick-liveseminar li ul li {
  border: none;
  /* list-style: none; */
  font-size: 11px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

ul.slick-liveseminar .solution_text_top {
  font-size: 20px;
  line-height: 1.2;
  height: 3.6em;
  margin-bottom: 20px;
}
ul.slick-liveseminar .solution_text_bottom {
  font-size: 12px;
  line-height: 1.2;
}

.worry{
  font-size: 5vw;
  text-align: center;
  margin: 0 auto;
  position: relative;
  color: #333;
  text-decoration: none;
}


.worry:before {
  content: '';
  width: 16px;
  height: 16px;
  border: 0;
  border-bottom: solid 4px #ff99b8;
  border-right: solid 4px #ff99b8;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: updown 2s infinite ease-in-out;
}

@keyframes updown {
  0% {
    transform: translateY(10px) rotate(45deg);
  }
  50% {
    transform: translateY(20px) rotate(45deg);
  }
  100% {
    transform: translateY(10px) rotate(45deg);
  }
}

@media only screen and (min-width: 768px) {
  .worry{
    font-size: 22px;
  }
}

.contact_wrap {
  width: 100%;
  max-width: 800px;
  margin: 80px auto;
  border: solid 2px #174477;
  padding: 30px 20px;
}
.contact_wrap .contact_title {
  color: #174477;
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
}
.contact_wrap .contact_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.contact_wrap .contact_inner .contact_mail {
  width: 100%;
}
.contact_wrap .contact_inner .contact_mail a {
  background: #174477;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 15px;
  width: 200px;
  display: flex;
  margin: 0 auto;
}

.contact_wrap .contact_inner .contact_tel {
  margin: 20px auto 0 auto;
  text-align: center;
}
.contact_wrap .contact_inner .contact_tel .tel {
  color: #174477;
  font-size: 14px;
  margin-bottom: 16px;
}
.contact_wrap .contact_inner .contact_tel .tel a {
  color: #174477;
  font-size: 28px;
  position: relative;
  padding-left: 50px;
  display: block;
  line-height: 1.2;
}
.contact_wrap .contact_inner .contact_tel .tel a:hover {
  color: #009aff;
}
.contact_wrap .contact_inner .contact_tel .tel a::after {
  content: "";
  background: url(./images/common/tel.png) no-repeat center;
  background-size: contain;
  width: 46px;
  height: 30px;
  position: absolute;
  top: 0px;
  left: 0;
}
.contact_wrap .contact_inner .contact_tel .text {
  color: #174477;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .contact_wrap {
    padding: 30px 4px;
  }
  .contact_wrap .contact_title {
    font-size: 28px;
  }
  .contact_wrap .contact_inner .contact_mail {
    width: 48%;
  }
  .contact_wrap .contact_inner .contact_tel {
    width: 50%;
    text-align: unset;
  }
  .contact_wrap .contact_inner .contact_tel .tel {
    font-size: 12px;
  }
  .contact_wrap .contact_inner .contact_tel .tel a {
    display: unset;
    line-height: unset;
  }
}

/* heading_2column */
.c_type_1 .c-flex .title {
  color: #174477;
  font-size: 22px;
  margin: 0 auto 6px auto!important;
}
.c_type_1 .c-flex .text {
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  .c_type_1 .c-flex .title {
    margin: 0 auto 20px auto!important;
  }
}

.c-md-1,
.c-md-2,
.c-md-3,
.c-md-4,
.c-md-5,
.c-md-6,
.c-md-7,
.c-md-8,
.c-md-9,
.c-md-10,
.c-md-11,
.c-md-12 {width: 100%;line-height: 1.4;}
@media only screen and (min-width: 768px) {
  .c_type_1 .c-flex {
    display: flex;
    justify-content: space-between;
  }
  .c_type_1 .c-flex .title {
    font-size: 26px;
  }

  .c-md-1 {width: 7%;}
  .c-md-2 {width: 15%;}
  .c-md-3 {width: 24%;}
  .c-md-4 {width: 32%;}
  .c-md-5 {width: 40%;}
  .c-md-6 {width: 49%;}
  .c-md-7 {width: 57%;}
  .c-md-8 {width: 65%;}
  .c-md-9 {width: 74%;}
  .c-md-10 {width: 82%;}
  .c-md-11 {width: 90%;}
  .c-md-12 {width: 100%;}
}

/* 制作の流れ */
.flow_wrap {
  background: #f6f7f8;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}
.flow_wrap .flow_text_top {
  color: #174477;
  font-size: 22px;
  margin: 0 auto 10px auto;
  line-height: 1;
}
.flow_wrap .image {
  margin: 0 auto 10px auto;
}
.flow_wrap .image img {
  max-height: 90px;
  height: 100%;
}
.flow_wrap .flow_text_bottom {
  font-size: 16px;
  margin: 10px auto;
  line-height: 1.2;
}

/* スタジオへのリンク */
.studio_wrap a {
  width: 100%;
  max-width: 680px;
  margin: 80px auto;
  background-color: #009aff;
  padding: 30px;
  border-radius: 20px;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: block;
  position: relative;
}
.studio_wrap a:hover {
  background-color: #174477;
}
.studio_wrap a::after {
  content: '>';
  position: absolute;
  top: calc(50% - 15px);
  right: 10px;
  margin: auto;
  font-size: 30px;
  color: #fff;
}

.studio_title {
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
}
.studio_url {
  color: #fff;
  font-size: 18px;
  text-align: center;
}


/* 
* デジタルコンテンツページ
**************** */
.trouble_img {
  position: relative;
  background: rgba(255,255,255,0.5)!important;
}
.trouble_img::after {
  content: '';
  background-image: url(./images/web/trouble.png);
  width: 126px;
  height: 93.5px;
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .trouble_img {
    background: none!important;
  }
}

/* 
* プライバシーポリシーページ
**************** */
.pp_left {
  margin-left: 6px!important;
}
.pp_text {
  line-height: 1.4!important;
}
.address_text {
  line-height: 1.6!important;
}
ul.pp {
  margin-left: 0;
  margin-bottom: 60px!important;
}
ul.pp li {
  list-style: none;
}
ul.disc li {
  list-style: disc!important;
  line-height: 1.4;
}
/* ul.pp li > p {
  margin-left: 20px!important;
} */
ul.pp li ul {
  margin-left: 6px!important;
}
ul.pp > li > .text {
  margin-left: 6px;
}
ul.pp > li > .title {
  color: #174477;
  border-bottom: 1px solid #174477;
  margin-top: 30px!important;
  margin-bottom: 20px!important;
}
ul.pp > li > ul li .title {
  margin-top: 20px!important;
  margin-bottom: 10px!important;
  display: inline;
}
ul.pp li .text {
  line-height: 1.4;
}

ul li .flex {
  display: flex;
  line-height: 1.4;
}
ul li .flex p {
  line-height: 1.4;
}
ul li .flex span {
  line-height: 1.4;
  padding-right: 10px;
}
ul.pp table,
ul.pp .notice {
  margin-left: 6px!important;
}
ul.pp table th {
  text-align: center;
  padding: 15px;
  line-height: 1.4;
}
ul.pp table td {
  padding: 15px;
  line-height: 1.4;
}
ul.pp table td {
  padding: 15px;
  line-height: 1.4;
}
ul.pp table td ul {
  margin-left: 0!important;
}
@media only screen and (min-width: 768px) {
  .pp_left {
    margin-left: 20px!important;
  }
  ul.pp li ul {
    margin-left: 20px!important;
  }
  ul.pp > li > .text {
    margin-left: 20px;
  }
  ul.pp table,
  ul.pp .notice {
    margin-left: 20px!important;
  }
}
@media screen and (max-width: 750px) {
  ul.pp table {
    width: 660px!important;
  }
}

/* 
ul.pp > li > .title {
  color: #174477;
  border-bottom: 1px solid #174477;
  margin-top: 30px!important;
  margin-bottom: 20px!important;
}
ul.pp > li > .text {
  margin-left: 20px;
  line-height: 1.4;
}
ul.pp > li > ul > li .title {
  margin-top: 20px!important;
  margin-bottom: 10px!important;
}
ul.pp > li > ul > li .text {
  margin-left: 20px;
  line-height: 1.4;
}
ul.pp > li > ul > li > ul > li {
  margin-left: 20px;
  line-height: 1.4;
}
ul.disc li {
  list-style-type: disc;
}
ul.no > li > .flex {
  display: flex;
}
ul.no > li p {
  margin-left: 10px!important;
} */


/* 
* 会社概要ページ
**************** */
/* Google Mapのiframe */
.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin-bottom: 20px;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.access .company_name {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.access .company_address {
  line-height: 1.2;
  margin-bottom: 05px;
}
.access .company_link {
  line-height: 1.2;
  margin-bottom: 14px!important;
}

/* テーブル */
@media screen and (max-width: 750px) {
  .page-id-47 .post_content th {
    min-width: 6em;
    padding: 14px 10px!Important;
  }
}


/* 
* サービス
**************** */
@media only screen and (min-width: 768px) {

  #service_page_header .catch {
    font-size: 26px!important;
  }

  .service_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .service_list .item {
    width: 48%;
  }

  .service_list .item .design_button {
    max-width: 220px;
    min-width: 200px;
    width: 100%!important;
    height: unset;
    line-height: unset;
    padding: 20px;
    font-size: 15px;
  }
}


#footer_logo .logo {
  display: flex; 
  /*align-items: baseline;*/
  align-items: center;
  justify-content: center;
}

#footer_logo .logo .pmark img {
  width: 80px;
  /*margin-left: 20px;*/
  margin-left: 26px;
}





/* add style */
.member {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2vw;
}
.member .memberItem {
  position: relative;
  width: 48%;
  margin-bottom: 14px;
  box-shadow: 1px 3px 9px 0px rgba(0, 0, 0, 0.24);
}
/* .member .memberItem::after {
  content: '';
  position: absolute;
  bottom: 7px;
  right: 7px;
  height: 0; width: 0;
  border: solid;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #8bd;
  border-width: 0px 0px 14px 14px;
} */
.member .memberItem .thumbs {
  /* border: solid 1px #174477; */
  cursor: pointer;
  max-width: 500px;
  overflow: hidden;
  width: 100%;
}
.member .memberItem .thumbs img {
  height: auto;
  transition: transform .6s ease;
  width: 100%;
  display: block;
}
.member .memberItem .thumbs:hover img {
  transform: scale(1.1);
}

.member .memberItem .listInner {
  background-color: #174477;
  background: linear-gradient(70deg, #174477,#174477, #0d80f4);

}
.member .memberItem .listInner .txtBox {
  background-color: #fff;
  padding: 4px 14px 4px 8px;
  display: inline-block;
  /* margin: 0 1px; */
  border-radius: 0 0 14px 0;
}
.member .memberItem .listInner .txtBox .en {
  color: #174477;
  /* color: #312a28; */
  font-weight: bold;
  font-size: 12px;
}
.member .memberItem .listInner .txtBox .jp {
  color: #174477;
  /* color: #312a28; */
  font-size: 10px;
}
.member .memberItem .listInner ul.tag {
  margin: unset;
  padding: 10px;
}
.member .memberItem .listInner ul.tag li {
  list-style: none;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  background: #21ade5;
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 4px 2px;
  border-radius: 4px;
  line-height: 1.2;
}


@media only screen and (min-width: 751px) {
  .member .memberItem {
    width: 32%;
    margin-bottom: 30px;
  }
  .member:last-child:has(:nth-child(2):nth-last-child(1)) {
    justify-content: flex-start;
  }
  .member .memberItem .listInner .txtBox {
    padding: 6px 14px 5px 14px;
  }

  .member .memberItem .listInner .txtBox .en {
    font-size: 16px;
  }
  .member .memberItem .listInner .txtBox .jp {
    font-size: 12px;
    margin-left: 8px;
  }
  .member .memberItem .listInner ul.tag {
    margin-top: 10px;
    padding: 10px;
  }
  .member .memberItem .listInner ul.tag li {
    font-size: 12px;
    padding: 5px 4px;
    margin: 0 3px 10px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .member {
    gap: 20px;
  }
  .member .memberItem .listInner .txtBox .en {
    font-size: 20px;
  }
  .member .memberItem .listInner .txtBox .jp {
    font-size: 15px;
  }
  .member .memberItem .listInner ul.tag {
    padding: 10px 14px;
  }
  .member .memberItem .listInner ul.tag li {
    font-size: 13px;
  }
}












/*インタビュー*/
.interviwe-header_wapper {
  width: 100%;
  margin-bottom: 60px;
}

.page_interviwe img {
  width: 100%;
}
.interviwe-header__img {
  position: relative;
}
.interviwe-header__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: radial-gradient(rgba(0, 0, 0, 0.2) 10%, transparent 10%); */
  background-color: rgba(255,255,255,0.3);
  background-size: 10px 10px;
  pointer-events: none;
}

.interviwe-header__inner {
  /* background: linear-gradient(125deg, #174477 0%, #174477 20%, #ffffff 20%, #f6f7f8 100%); */
  background: linear-gradient(70deg, #174477, #174477, #0d80f4);
  width: 100%;
  color: #fff;
}
.interviwe-header__ttl {
  padding: 20px;
}
.interviwe-header__ttl .en {
  line-height: 1.2;
  font-size: min(36px, 9.6vw);
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.interviwe-header__ttl .jp {
  line-height: 1.2;
  font-size: min(14px, 3.7333333333vw);
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
.interviwe-header__ttl .name {
  line-height: 1.2;
  font-size: min(36px, 9.6vw);
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  text-align: right;
}
.interviwe-header__ttl .position {
  line-height: 1.2;
  font-size: min(14px, 3.7333333333vw);
  font-weight: bold;
  display: block;
  text-align: right;
}

.interviwe_content {
  width: 100%;
  margin: 0;
  padding: 0 20px;
}

ul.schedule li {
  line-height: 1.6;
}
.q_custom_button1 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1201px) {
  .interviwe-header_wapper {
    width: 100%;
    background: #174477;
    background: linear-gradient(70deg, #174477, #174477, #0d80f4);
    height: 400px;
  }
  /* .interviwe-header_wapper::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: -10vw;
    width: 15vw;
    height: 100%;
    background-color: #fff;
    transform: translateY(50%) skewX(-15deg);
    transform-origin: right top;
    background-color: #fcfcfd;
  } */

  .interviwe-header {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
  }
  .interviwe-header::after {
    content: "";
    position: absolute;
    bottom: 50%;
    right: calc(100% - 580px);
    width: 200%;
    height: 400px;
    background-color: #174477;
    background: linear-gradient(70deg, #174477 60%, #0d80f4 120%);
    transform: translateY(50%) skewX(-25deg);
    transform-origin: right top;
  }

  .interviwe-header__inner {
    background: none;
    position: relative;
    z-index: 9;
    /* background: linear-gradient(125deg, #174477 0%, #174477 40%, #ffffff 40%, #f6f7f8 100%); */
    width: 40%;
    min-width: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .interviwe-header__img {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 400px;
    overflow: hidden;
    min-width: 1366px;
  }
  .interviwe-header__img img  {
    width: 100%;
  }
  .interviwe-header__ttl .en {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 6px;
  }
  .interviwe-header__ttl .jp {
    color: #fff;
    margin-bottom: 40px;
  }

  .interviwe_content {
    max-width: 1000px;
    margin: 0 auto;
  }
}