@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*文章両端揃え*/
body{
   font-feature-settings: "palt" 1;
   text-align: justify;
   hanging-punctuation: force-end;
}

h2{
   hanging-punctuation: force-end;
}

/*ページタイトル　h1　の非表示*/
.c-pageTitle {
  display: none;
}

.l-mainContent__inner>.post_content {
margin-top: 0;
}
.l-content {
    padding-top: 0;
}

/*非表示*/
.hidden{
  display: none!important;
}

/*Bogoカスタマイズ*/
.widget_bogo_language_switcher .w-header__title {
  display: none;
}

.bogo-language-switcher {
  display: flex;
  flex-direction: row-reverse;
}

.bogo-language-switcher a {
  padding: 1em;
  color: var(--color_text);
  font-weight: 700;
}

.bogo-language-switcher .current a {
  color: darkgreen;
}

.bogo-language-switcher .en-US {
  position: relative;
}

.bogo-language-switcher .en-US::before {
  content: "";
  width: 1px;
  height: 65%;
  background-color: var(--color_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* クリックして拡大（スマホ画面幅余白あり） */
@media (max-width:460px) {
  .lum-lightbox-inner img {
    width: 100%;
    object-fit: contain;
  }
}

/*********************************************

固定ページタイトル

*********************************************/
/*.single-consulting-case-title,
.single-service-title,
.single-plan-title,
.single-staff-title{
   height: 250px;
   padding: 48px 0;
   text-align: center; /* 水平方向の中央揃え */
   justify-content: center;
   align-items: center; /* 垂直方向の中央揃え */
   background-color: #f7f7f7;
   background-position: center right;
   background-repeat: no-repeat;
   background-size: auto;
}*/

/*.single-consulting-case-title {background-image: url("img/consulting-case_title.webp");}
.single-service-title         {background-image: url("img/consulting-case_title.webp");}
.single-plan-title            {background-image: url("img/consulting-case_title.webp");}
.single-staff-title           {background-image: url("img/consulting-case_title.webp");}
*/

@media(max-width:600px){
   .single-consulting-case-title{
      height: 150px;
      background-size: contain;
   }
}

h1.h1-case{
	font-size: min(2.2rem,8vmin);
	white-space: nowrap;
	margin-bottom: .6em;
}


/*********************************************

トップページ

*********************************************/

.li-2nd-none li:nth-child(-n+2) {
    display: none;
}

/*********************************************

コンサルティング事例ページ

*********************************************/

.clmn-case-top{
	background-color: white;
}

p.case-name{
	border-bottom: 1px solid #f09f4d;
}

p.case-plan{
	display: inline-block;
	font-size: .8em;
	color: white;
	padding: .3em .5em;
	background: #f09f4d;
}

.box-case-first{
   background: red;
}

hr.hr-home-phase{
	border-top: 5px solid #f09f4d;
	position: relative;
}

.l-mainContent__inner > .post-content{
   margin-top: 0!important;
}


/*********************************************

メインビジュアルテキスト

*********************************************/
/*div#main-visual{
  height: 80vh;
}

h2#main-copy{
  font-size: 4vmin;
  height: 50%;
}

@media screen and (max-width: 1100px) {
  div#main-visual{
    height: 100vh;
  }
}

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

  h2#main-copy{
    margin: auto;
    margin-bottom: 1em;
    font-size: 4vmin;
  }
}

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

  div#main-visual{
    height: 60vh;
  }

  h2#main-copy{
    font-size: 7vmin;
    text-align: center;
  }
}*/



.parts268-main-text{
  text-align: left;
  font-size: min(6vmin,42px);
   font-weight: bold;
   line-height: 1.5em;
}

.parts268-sub-text {
   text-align: left;
   font-size: min(1.2em,16px);
   max-width: 100%;
}

@media screen and (max-width: 1100px) {
  .parts268-main-text {
    text-align: center;
      font-size: 2vmin;
  }
   .parts268-sub-text {
   text-align: center;
      font-size: 1.5vmin;
}
}

@media screen and (max-width: 959px) {
   .parts268-main-text {
      font-size: 7vmin;
   }  
  .parts268-sub-text {
      font-size: 1em;
  }
}



/*メインビジュアル下の空白修正*/
.top #content {
  padding-top: 0 !important;
  margin-bottom: 0;
}

/*フロントページ　自社紹介*/
.wp-block-column.about-right {
  margin-left: 50px !important;
}

@media screen and (max-width: 769px) {
  .wp-block-column.about-right {
    text-align: center;
    margin-left: 0 !important;
  }
}

/*リッチカラムSP表示時、左右カラムの入れ替え*/
@media (max-width: 768px)  {
   .swell-col-reverse .swell-block-columns__inner{
      flex-direction: column-reverse; 
   }
}

/*********************************************

ContactForm7カスタマイズ

*********************************************/
@media(max-width:850px){
/* テーブルの見出しとフォーム */
table.inquiry th,table.inquiry td {
   display:block;
   padding:1em 0!important;
   width:100%;
   border:0;
}

/* 送信ボタン */
input.wpcf7-submit{
   margin-bottom:30px;
   width:100%;
}
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media(max-width:900px){
.pcdate{
   display: none;
}
}
@media(min-width:1000px){
.spdate{
   display: none;
}
/* 日付タグの幅を調整 */
.wpcf7-date.dateform{
   width: 25%;
}
}

/* Contact Form7全体カスタマイズ */

/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
   margin-bottom: 30px;
   border:solid 1px #d7d7d7;
   line-height:1.2;
   vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
   border:0!important;
}

/* テーブルの見出し側 */
.inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding:1em 0.5em;
   width:0;
   background:#efefef;
   border:solid 1px #d7d7d7;
   white-space: nowrap;
}

/* 必須と任意タグ */
.haveto,.any{
   font-size:13px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
   background:#93c9ff;
}

/* テーブルフォーム側 */
.inquiry td{
   font-size:13px;
   border:solid 1px #d7d7d7;	
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
   margin: 5px 0;
   background:#eff1f5;
   border: none;
   padding:0.7em;
}
.inquiry textarea {
   padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,.wpcf7-checkbox,input[type=checkbox],input[type=radio]{
   vertical-align:middle;
}
.wpcf7-list-item-label{
   padding:0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist{
   display:inline-grid;
}

/* 送信ボタンのデザイン */
.wpcf7-submit{
   display: block;
   margin:10px auto;
   padding:1em 0;
   width:80%;
   background:#09b555;
   color:#fff;
   font-size:18px;
   font-weight:bold;	 
   border-radius:4px;
   border: none;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
   opacity: 0.9;
   transition: 0.3s;
}

/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
    display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
    color: #e92323;
}

span.caution{
	display: block;
	font-size: .8em;
	margin-left: 2em;
	color: #666;
}

@media(max-width:960px){
	span.caution{
		margin-left: 0;
	}
}

/*********************************************

ContactForm7 END

*********************************************/