@charset "UTF-8";
/*
    Template: swell
    Theme Name: ttg_theme
    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
*/

/*表の枠線の色を黒に*/
.tableborder table tbody td{
	border: 1px solid black !important;
}
.tableborder table tbody th{
	border: 1px solid black !important;
}
.tableborder table {
	border-collapse: collapse;
}

/*表の枠線の色を黒に（技術加工）*/
.tableborder2 table tbody td{
	border: 1px solid black !important;
	background-color:white;
}
.tableborder2 table tbody th{
	border: 1px solid black !important;
}
.tableborder2 table {
	border-collapse: collapse;
}
/*表のth上下左右真ん中*/
.tableborder2 table tbody tr th{
	vertical-align: middle;
}
/*インデントを下げるためにリストを使用したのでリストのアイコンを消す*/
.li-none ul li{
	list-style-type: none!important; 
}

/*googlefont使用*/
.p-mainVisual__slideTitle {
  font-optical-sizing: auto;
  font-family: sans-serif;
  font-weight: <weight>;
  font-style: normal;
}

.p-mainVisual__slideTitle{
  font-optical-sizing: auto;
  font-family: serif;
  font-weight: <weight>;
  font-style: normal;
}

/*お知らせの幅狭く*/
.news_width{
	width:900px !important; 
	margin: 0 auto;      
}

/*タイトル背景*/
.l-topTitleArea__body {
	color:#1f4e79;
	text-align:center;
}
.l-topTitleArea__body h1{
	font-size:40px;
}

/*携帯メニューフッター*/
#sp_menu_bottom #custom_html-2 .textwidget .p-blogParts .wp-block-group{
	text-align:center;
}

/*フッター前のCTAのmagin*/
#before_footer_widget{
	margin:0;
}

/*フローチャートの空白削除*/
.flowcss .swell-block-step__item{
	padding-bottom:20px;
}
.flowcss .swell-block-step__body{
	display:none;
}

/*特殊加工の種類のとこ*/
/* 下にフェードイン */
.specialprosesstype a{
	color:#333;
    position: relative;
	padding-bottom:5px;
}

.specialprosesstype a:hover{
	color:#507699;
}
.specialprosesstype a::before{
	content: "";
    position: absolute;
    left: 100%;
    right: 100%;
    bottom: 0;
    height: 2px;
    background-color: #507699;
    -webkit-transition: left 0.2s ease, right 0.2s ease;
   -moz-transition: left 0.2s ease, right 0.2s ease;
   -o-transition: left 0.2s ease, right 0.2s ease;
   transition: left 0.2s ease, right 0.2s ease;
}

.specialprosesstype a:hover::before {
  left: 0;
  right: 0;
}

/*技術紹介ｃｓｓ*/
.subtitle_num{
	font-size:40px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 900;
	font-style: normal;
	color: transparent; /* 文字の中身を透明に */
	-webkit-text-stroke: 1px #111111; /* 文字の輪郭を白で描く（WebKit系ブラウザ用） */
  	text-stroke: 1px #111111;
}
.subtitle_num2{
	font-size:40px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 900;
	font-style: normal;
	color: transparent; /* 文字の中身を透明に */
	-webkit-text-stroke: 1px #fff; /* 文字の輪郭を白で描く（WebKit系ブラウザ用） */
  	text-stroke: 1px #fff;
}
/*画像の枠*/
.img_flame .wp-block-image img {
    border: solid 1px #808080;
    padding: 1px;
}
/*カスタム下線(採用ページ)*/
.cus_border{
	border-bottom: solid 3px #ebeaea;
  	position: relative;
	padding-bottom:2px;
}
.cus_border::after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #40693f;
	bottom: -3px;
	width: 20%;
}

/*技術紹介の各ブロックごとの間*/
.gijutu_mb{
	margin-bottom: 1em !important;
}
/*お知らせ　シェアボタン、下部のカテゴリー出さない*/
.c-shareBtns{
	display:none;
}
.p-articleFoot{
	display:none;
}
/*お問い合わせフォームのボタンの色*/
.smf-action .smf-button-control__control {
    font-size: 1em;
    background-color: var(--color_main);
    background-image: none;
    color: #fff;
    border: none;
    transition: box-shadow 0.25s;
    border-radius: 80px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    min-width: 260px;
    padding: 1em;
    position: relative;
    text-decoration: none;
    width: auto;
}
.smf-action .smf-button-control__control:hover {
    border-color: inherit!important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
}

/*お問い合わせフォームのラジオ・チェックボタン*/
input.smf-radio-button-control__control,
input.smf-checkbox-control__control {
	padding: 0;
	margin-top: 0;
}

.smf-form .smf-radio-button-control,
.smf-form .smf-checkbox-control {
	align-items: center;
	line-height: 1.2;
}

.smf-form .smf-radio-button-control__control,
.smf-form .smf-checkbox-control__control {
	margin: 0;
}

/*CTAホバー*/
.CTA_btn .swell-block-button__link:hover{
	background-color:#fff;
	color:var(--color_main) !important;
}

/*お知らせ一覧*/
.p-homeContent c-tabBody #post_list_tab_1 ul{
	line-height: 1.8 !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}
/*郵便番号プラグインのポップアップ消す*/
#autozip{
	display:none !important;
}

/*検索画面の記事の日付出さない*/
.searchpage .c-postTitle__date{
	display:none;
}

/*検索画面のページタイトルに下線付ける*/
.searchpage .c-postTitle {
	flex-direction: initial;
}
.searchpage .c-postTitle h2{
	border-bottom:dashed 3px #4d7294;
	width:initial;
	text-align:left;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
/*検索画面のタイトル下の空白消す*/
.searchpage .p-postList .c-postTitle{
	margin:0 !important;
}

/*PC用*/
.sp_onlyspacer{
	display:none;
}
/*TB用*/
.sptb_onlyspacer{
	display:none;
}

/*メインビジュアルタイトル英語切り替え*/
html[lang="ja"] .p-mainVisual__slideTitle .en {
  display:none;
}
html[lang="en-US"] .p-mainVisual__slideTitle .ja {
  display:none;
}

/*各ページ内部リンク中央寄せ*/
.linkcenter{
	display: flex;
	justify-content: center;
}
/*各ページ内部リンクアイコン回転*/
.linkcenter .swell-block-linkList__icon.-left {
	transform:rotate(90deg);
}

/*お問い合わせフォームの確認画面に説明文出さない*/
.snow-monkey-form[data-screen="confirm"] .smf-item__col .smf-item__controls p span{
	display:none;
}

/*お問い合わせフォームのヘッダー真ん中に*/
.post_content ol, .post_content ul{
	padding-left:0;
}

/*プレースホルダーの色*/
::placeholder{
	color:#b3b3b3;
}

/*リストのインデント*/
.post_content .ind_padding{
	padding-left:2rem;
}
@media (max-width: 960px) {
	/*タブレット以下*/
	.tableborder table tbody td{
		border-top:none !important;
		border-bottom:none !important;
	}
	.tableborder table tbody tr:last-child td{
		border-bottom:1px solid black !important;
	}
	.textwide br{
		display:none;
	}
	/*スペーサー*/
	.sp_onlyspacer{
		display:block;
	}
	.sptb_onlyspacer{
		display:block;
	}
	/*TOPページの左右分割のテキスト左揃えに、ボタンを真ん中へ*/
	.sp_textleft .wp-block-media-text__content .has-text-align-right{
		text-align:left; !important
	}
	.sp_textleft .wp-block-media-text__content .swell-block-button{
		text-align:center; !important
	}
	/*技術紹介の子ページの内部リンクボタンの大きさ調整*/
	.clm_sp .swell-block-columns__inner .swell-block-column .swell-block-button{
		--the-width: 170px !important;
	}
	.clm_sp .swell-block-columns__inner .swell-block-column .swell-block-button .swell-block-button__link{
		font-size:11px !important;
	}
	/*SP時非表示*/
	.sp_nodisplay{
		display:none;
	}
}
 
/* 600px以下 */
@media (max-width: 600px) {
	/*スマホ*/
	/*TOPの採用の部分の文字サイズ、ボタン大きさ調整*/
	.sp_textsmall span{
		font-size:28px;
	}
	.sp_textsmall2 span{
		font-size:14px !important;
	}
	.sp_textsmall2 {
		margin-bottom:10px;
	}
	.sp_buttonsmall{
		width: 140px;
		font-size: 13px;
	}
	
	/*TOPの採用の左右の写真非表示*/
	.sp_imgnodisplay{
		display:none;
	}
	/*TOPの採用の場所の日本語の行間調整*/
	.sp_liineheight{
		line-height:1;
	}
	/*会社案内のあいさつの文字調整*/
	.sp_greettextsmall{
		font-size:14px;
	}
	/*技術紹介のページの横幅調整*/
	.cus_fullwide{
		padding-left:5%;
		padding-right:5%;
	}
	/*sp時写真とテキスト入れ替え*/
	.col_reverse .swell-block-columns__inner{
		flex-direction: column-reverse; 
	}
	/*技術紹介リード文*/
	.tech_read span{
		font-size:18px !important;
	}
	.tech_read2 span{
		font-size:14px !important;
	}
	
	/*テーブルの文字小さく*/
	.sp_tabletext table tbody tr th{
		font-size:13px !important;
	}
	.sp_tabletext table tbody tr td{
		font-size:13px !important;
	}
	
	/*技術紹介の各ブロックごとの間*/
	.gijutu_mb{
		margin-bottom: 3em !important;
	}
	
	/*お問い合わせフォーム確認画面ボタン調整*/
	.smf-action .smf-button-control+ .smf-button-control{
		margin-left: 0;
	}
	.smf-action .smf-button-control:nth-of-type(2) .smf-button-control__control{
		margin-top: 8px;
	}
	
  }