@charset "utf-8";
/*
Theme Name: lightning-child
Theme URI: 
Template: lightning
Description: 
Author: silbet with MarkleDesign
Tags: 
Version: 0.1.2
*/

/**************************************
  　　　　　　　　　　　　　　　　　WEBフォント指定
*************************************/

/* 　ウェブフォントの読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap'); 
*{ 
	font-family: 'Noto Sans JP', sans-serif; 
}

p , body{
	font-weight:400;
	font-size:14px;
	letter-spacing :0.1em;
	line-height:1.8em;
	text-align: justify;
	margin-bottom:0.8em !important;
	padding:0 !important;
}

/************************************************
　　　ヘッダーロゴの位置　（右側「JP / EN 」と高さをあわせる）
ヘッダー右ウィジェットの作成と表示は、functions.php で設定済
*************************************************/
@media(min-width:767px){ .site-header-container .site-header-logo {
	margin-top:1em;
	margin-bottom:0 !important;
}}
@media(min-width:767px){.site-header-sub{
	 margin-bottom:0 !important;
	padding-bottom:0 !important;
	}}



/**********************************************************
   グローバルメニュー　　CSS
***********************************************************/
@media (min-width: 767px) {.global-nav-name{
	/*color:#696969 !important;*/
	color:black;
	font-weight:normal;
	}}

@media (min-width: 767px) {.sub-menu {
	/*background-color:#f2f2f2 !important;*/
	background-color:#c0c0c0 !important;
	}}*
@media (min-width: 767px) {.global-nav-list li a{
	color:#696969 !important;
	}}

/*****グローバルメニューのホバー時の色を変更******/
.sub-menu :hover{
	background-color:#a9a9a9 !important;
	color:black !important;
}
.global-nav-list li a:hover {
/*	color:#00a33b !important;*/
	color:white !important;
}

/**/
.breadcrumb-list i{
	display:none !important;
}

/**************************************
  　　　　　　コピーライト非表示
***************************************
/*コピーライト 非表示 */
.site-footer-copyright p:nth-child(2) {
    display: none;
}
/*明朝体*/
.mincho {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;}

/**************************************
  　　　　　フロート
***************************************
/*フロートライト*/
.float-r{
	float: right;
}
/*フロートレフト*/
.float-l{
	float: left;
}
/*フロート クリア*/
.cb{
	clear:both;
}

/**************************************
  　　　　　　　　　　　　　　　Hタグの装飾を変更
**************************************/
/*.entry-title--post-type--page, h2 {*/
h2 {
    padding: 0.5em 0;
/*    border-top: 2px solid var(--vk-color-primary);*/
	 border-top: none;
    border-bottom: none;
	margin-bottom: 1em !important;
}
h3 {
     position: static;
     border-bottom:none;
    background: 0 0;
    padding:0;
}
h4 {
	font-size:18px!important;
	font-weight:normal!important;
	margin-bottom:0.5em !important;
	padding:0!important;
}
.site-footer-title {
     position: static;
     border-bottom:none;
    background: 0 0;
    padding: 0 0 0.5em;
}
.title_font{
	font-weight:200 !important;
	font-size:1.3em;
}

/*投稿   ページ下の前後のページprevを非表示*/
.vk_posts{
	display:none ;
}
.entry-meta .entry-meta-item-updated{
	display:none ;
}
.entry-footer{
	display:none;
}
@media (max-width: 767px) {.post{
	margin-left:5%;
	margin-right:5%;
	}}
@media (min-width: 768px) {.post{
	margin-left:10%;
	margin-right:10%;
	}}
/************************************************************
　　　各ページで利用する画面サイズ幅　
**********************************************************/
.full-width {
	margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
}
/********************   ページのコンテンツの幅　　 ********************/
/* ノートPC。タブレット */
@media (max-width: 1600px) and (min-width: 768px) {
	.content-width{
	margin-left: 10%;
   margin-right: 10%;
}
}
@media (max-width: 1600px) and (min-width: 768px) {
	.full-width .content-width{
	margin-left: 20%;
   margin-right: 20%;
}
}
/*デスクトップPC */
@media (min-width: 1601px) {
	.content-width{
	margin-left: 20%;
   margin-right: 20%;
}
}
@media (min-width: 1601px) {
	.full-width .content-width{
	margin-left: 28%;
   margin-right: 28%;
}
}
/*スマホ・ミニタブレット*/
@media (max-width: 767px) {
	.content-width{
	margin-left: 5%;
   margin-right: 5%;
}
}
@media (max-width: 767px) {
	.full-width .content-width{
	margin-left: 8%;
   margin-right: 8%;
}
}
/*スマホにのみ適用する場合　*/
@media (max-width: 767px){ .mb-width{
	margin-left: 5%;
   margin-right: 5%;
	}}





/************************************************************
　　　各ページで利用する背景色・リンク色・帯色
**********************************************************/
/*背景色*/
.bg-gray{
	background-color:#fafafa;
}
.bg-white{
	background-color:#ffffff;
}
.bg-navy{
	background-color:#17184b;
}
/*リンク色*
a:link {
	color: #000;
	text-decoration: none;
	font-weight:normal;
}*/
a:hover{
	color:#17184b !important;
	font-weight:bold;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
/*帯色と文字*/
.belt-navy{
	background-color:#17184b;
	height:3.5em;
}
.belt-blue{
	margin-top:-0.3em;
	background-color:#1ea0ff;
	height:1.5em;
}
.belt-green{
	margin-top:-0.3em;
	background-color:#7ac243;
	height:1.5em;
}
.belt-wine{
	margin-top:-0.3em;
	background-color:#b41d23;
	height:1.5em;
}
.belt-navy p{
	padding-top:0.5em !important;
	text-align:center;
	color:#fff;
	font-size:25px;
}
 .belt-blue div, .belt-green div,.belt-wine div{
	 margin-top: -0.5em;
	 display: flex;
	 justify-content: center;
	 color:#fff;
	 font-size:20px;
}

/***********************************************************************************
下層ページ（固定ページ　）　共通　CSS　・タイトル非表示、サブタイトル等
*********************************************************************************/

/*各固定ページのタイトルの高さ調節*/
.page-header{
/*	background-color:#17184b;
	padding-top:0 !important;
	padding-bottom:0 !important;
	/*height:0px !important;
	min-height: 4rem;*/
	display:none;
}
/*各固定ページのタイトルの文字サイズ*
.page-header-inner, .page-header-title{
/*	display:none !impor;*
	color:#fff;
	font-size:15px !important;
	font-weight:normal;
}*/

/***********************************************************************************
　　　各ページで利用するクラス　　スマホ／PC　、　センタリング・右寄せ・左寄せ　、文字サイズ、　文字色
*********************************************************************************/

/*スマホ・タブレットで表示する*/
@media (max-width: 767px) {.only_pc {display:none}} /*スマホでのみ表示する　 （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 768px) {.only_mb {display:none}} /*PCでのみ表示する　（only_mb クラスを非表示）*/

/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}
/*コンテンツ内の画像余白*/
.inside {
	margin:1.2em 0;
}
.mb-inside {
	margin:0 0 1em;
}
/*左寄せ*/
.left{
	text-align:left;
} 
/*右寄せ*/
.right {
	text-align:right;
}
/*センタリング*/
.center{
	text-align:center;
}
/* 文字色 */
.black{
	color:black;
}
.navy{
	color:#17184b;
}
.orange{
	color:#ff931e;
}
.white{
	color:#fff !important;
}
.red{
	color:#c30d23; 
}
.blue{
	color:#009fe8;
}
.deep-gray{
	color:gray;
}
.gray{
	color:#808080;
}
/* 文字サイズ */
.xl{
	font-size:50px;
}
.ll{
	font-size:40px;
}
.l{
	font-size:30px;
}
.m{
	font-size:22px !important;
}
.n{
	font-size:18px !important;
}
.s{
	font-size:15px !important;
}
/*太字、下線*/
.bold{
	font-weight:bold;
}


/******************************************************************************************************************
  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　トップページ　
******************************************************************************************************************/
/*　トップブロックのタイトル文字サイズ (1行目）*
h2.top{
	font-size:16px !important;
	font-weight:normal !important;
}*/
/*　ご挨拶　のリンク*/
#top .orange a:link {
	color: #ff931e !important;
	text-decoration: none;
	font-weight:normal;
}
#top .orange a:hover {
	color: #ff931e !important;
	text-decoration: none;
	font-weight:bold;
}

/*　　サービスのボックス　　*/
.s-box {
   margin-top: -8em;
   color: #17184b;
   background: white;
   border-top: solid 20px #17184b;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
   padding: 2em 0 1.5em;
}
.s-box p{
	text-align:center;
	font-weight:normal;
	font-size:22px;
}
@media (max-width: 767px) {.s-box {
/*	margin-top:-1em;*/
	margin-top:-2.5em;
	padding: 1em 0 ;
/*	z-index:999;*/
	}}
@media (max-width: 767px) {.s-box p {
	font-size:15px; !important;
	}}

#service{
	z-index: 999 !important;
}

/*フロート*/
@media (min-width: 768px) {.float-gazou{
	float:right;
	width: 35%;
	padding-left :1rm;
	}}
@media (min-width: 768px) {.float-text{
	float:right;
	width: 65%;
	padding-right :2em;
	}}
@media (max-width: 767px) {.float-text{
	margin-top :1.5em;
	}}

/*Read more ボタン　（採用情報ページでも使用）*/
.rm-button{
	display:inline-block;
	background-color:#ff931e;
	color:#fff;
	font-weight:normal;
	padding:0.1em 1em;
}
.rm-button a:link, .rm-button a:hover{
	color:#fff !important;
}
/* サブタイトル 下線　（トップ・翻訳ページ共通）*/
h2.u-l,h3.u-l{
	border-bottom:4px solid #1ea0ff;
	display:inline-block;
	padding-top:-1em;
	margin-top:-1em;
}
/*スマホ位置調整*/


/* リリース、ニュースプラス 「一覧へ」 の位置*/
@media (min-width: 768px) {.postList_more{
	padding-right:3em;
	}}

.postList_terms a:hover{
	color:#fff !important ;
}

/************************************************************
　　　　　　翻訳／ローカライズページ
*************************************************************/
/*ページ内メニュー フロートレフト*/
.float-menu{
	float: left;
	margin-left:3em;
/*	width:15%;*/
}
/*ページ内メニュー*/
.menu-width{
	margin-left: 15%;
}
.float-menu a{
	color:#000;
}
.float-menu a:hover{
	color:#b41d23 !important;
	letter-spacing:0.15em;
}
/* シンプルな枠組み　（他ページでも使用）*/
.simple-box {
	background-color:#fff;
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #000;
}

/************************************************************
　　　　　コンテンツ企画制作 ページ
*************************************************************/
/*ページ内メニュー 幅*/
.c_menu-width{
	margin-left: 30%;
}
@media (max-width: 767px) {.c_menu-width{
	margin-left:3em;
}}
	
/*ページ内 下線 緑*/
.ul-green{
	border-bottom:4px solid #7ac243;
	display:inline-block;
	padding-top:-1em;
	margin-top:-1em;
}

/************************************************************
　　　　　インバウンド集客 ページ
*************************************************************/
.inbd-top{
	margin-top:-2em;
}
.float-circle{
	float: left;
	width:23%;
	margin-left:1em;
}
@media (max-width: 1170px) {.float-circle{
	float: left;
	width:40%;
	}}
@media (max-width: 1170px) {.fc2{
	float: left;
	width:40%;
	margin-left:10%;
	}}
.circle {
	display: inline-block;
	width: 12em;
	height: 12em;
	color: #b41d23;
	background-color:#fff;
/*    line-height: 100px;*/
	text-align: center;
	border-radius: 50%;
	padding-top:1.3em;
}
@media (max-width:1170px) {.circle {
	width: 11em;
	height: 11em;
	margin-bottom:1.5em;
	}}

.circle-txt{
	font-size:22px;
	margin-bottom:0.6em;
}
@media (max-width: 1170px) {.circle-txt{
	font-size:16px;
	margin-bottom:0.4em;
	}}

/*ページ内 下線 緑*/
.ul-wine{
	border-bottom:4px solid #b41d23;
	display:inline-block;
	padding-top:-1em;
	margin-top:-1em;
}
/*アイコンフロートレフト*/
.float-block {
	width:100%;
	overflow: hidden;
}

.icon-float{
	float:left;
	width:17%;
	margin-right:3em;
}
@media (max-width: 767px) {.icon-float{
	float:left;
	width:17%;
	margin-right:2em;
	}}

.icon-text {
	width:75%;
	 overflow: hidden;
/*	 margin-top:0em !important;
	 padding-top:0em !important;*/
}
@media (max-width: 767px) {.icon-text {
	width:70%;
	 overflow: hidden;
	}}
@media (max-width: 767px) {.icon-text div{
	font-size:20px;
	margin-bottom: 0.3em;
	}}
@media (min-width: 768px) {.icon-text div{
	font-size:20px;
	margin:0.8em 0 0.3em;
	}}

.icon{
	margin:2.8em 0 0.3em !important;
	font-size:22px;
}
.icon-2{
	margin:2em 0 0.3em !important;
	font-size:22px;
}
#icon hr, #trainiing hr{
	margin :2.5em 0;
}
@media (max-width: 767px) {.icon .icon-2{
	margin-top:0.3em;
	}}


/************************************************************
　　　　　言語/価格/ツール ページ
*************************************************************/
/*ページ内 下線 緑*/
.ul-navy{
	border-bottom:4px solid #17184b;
	display:inline-block;
	padding-top:-1em;
	margin-top:-1em;
}

/*　　　表　　　　*/
.priice-table{
	/*border-collapse: collapse; */
	margin-bottom:3.5em;
}
table, th, td {
	border:solid 1px #d3d3d3 !important;
}
.price-table th{
	word-break : break-all;
	background-color:#17184b;
	color:white;
	border-width: 1px 0px;
	font-size:16px;
	width:20%;
	padding:0.5em;
	vertical-align:center;
	text-align:center;
	font-weight:normal;
}
.price-table td{
	word-break : break-all;
	border-width: 1px 0px;
	width:20% ;
	padding:0.5em;
	line-height:1.6em;
}

/************************************************************
　　　　　会社概要 ページ
*************************************************************/
/*社長あいさつ 写真*/
@media (min-width: 768px) {.boss{
	float:right;
	width:20%;
	margin:1em 0 1em 2em;
	}}
@media (max-width: 767px) {.boss{
	float:right;
	width:40%;
	margin:0 1em 1em ;
	}}
/*会社　表*/
.ov-table th{
	background-color: #e8ece9;
	text-align:center;
	font-weight:normal;
	width:15%;
}
@media (max-width: 1220px) {.ov-table th{
	width:20%;
	}}
@media (max-width: 820px) {.ov-table th{
	width:25%;
	font-size:10px;
	}}

#history th{
	text-align:left;
}


/************************************************************
　　　　　役員プロフィール　ページ
*************************************************************/
/*写真とプロフィール*/
@media (min-width: 768px) {.prof-float{
	float:left;
	width:20%;
	margin-right:2em;
	}}
@media (min-width: 768px) {.p-float{
	float:left;
	width:70%;
	}}
@media (max-width: 767px) {.p-float h4{
	text-align:left;
	}}
.prof {
	margin:2.5em 0;
}

/************************************************************
　　　　　翻訳者向けトレーニング ページ
*************************************************************/
/*日程コンテンツの表*/
#schedule td{
	font-size:13px;
}


/************************************************************
　　　　　採用情報　ページ
*************************************************************/
/*写真と要項*
@media (min-width: 768px) {.rec-float{
	float:left;
	width:70%;
	margin-right:2em;
	}}
@media (min-width: 768px) {.rec-img-float{
	float:left;
	width:25%;
	}}
@media (max-width: 767px) {.rec-img-float{
	margin:1em 2em 0;
	}}
*/
@media (min-width: 768px) {.rec-img-float{
	float:right;
	width: 25%;
	padding-left :1em;
	}}
@media (max-width: 767px) {.rec-img-float{
	margin:0 15%;
	}}
@media (min-width: 768px) {.rec-float{
	float:right;
	width: 70%;
	padding-right :2em;
	}}	
@media (max-width: 767px) {.rec-float{
	margin-top :1.5em;
	}}	


.prof {
	margin:2.5em 0;
}

.recruit-button{
	display:inline-block;
	background-color:#ff931e;
	color:#fff;
	font-weight:normal;
	padding:0.8em 2em;
}
.recruit-button a, .recruit-button a:hover{
	font-size:18px !important;
	color:#fff !important;
}



/************************************************************
　　　リリース一覧、カルテモニュース　一覧ページ 
**********************************************************/
ul#lcp_instance_0 {
	list-style: none;
	color:#17184b !important;
}
/*ul#lcp_instance_0 a{*/
.lcp_catlist a{
	font-size:18px;
	color:#17184b !important;
	position:absolute;
  left:9em;
}
@media (max-width: 767px) {.lcp_catlist a{
	font-size:15px !important;
	position:absolute;
  left:10em;
	}}
.lcp_catlist li {
	padding:0.5em;
}
@media (max-width: 767px) {.lcp_catlist li {
	padding:0.5em;
	height:3em;
	line-height:1.2em;
	margin-bottom:0.5em;
	}}



ul.lcp_paginator{
	text-align:center;
}
/*li.lcp_currentpage{
	font-size:26px!important;
}*/



.lcp_paginator li{
	font-size:22px!important;
	padding: 0.2em 0.7em!important;
	color:#17184b;
	border: 1px solid #17184b !important;
}
.lcp_paginator a{
	 text-decoration: none;
}


/******************************************************************************************************************
  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　  　　　　　 　　　　フッター
******************************************************************************************************************/
/*フッター　社名・住所　文字サイズ*/
@media (max-width: 767px) {.c-name{
/*	margin-left:0.3em;*/
	font-size:17px;
	color:black;
	}}
@media (min-width: 768px) {.c-name{
/*	margin-left:0.3em;*/
	font-size:19px;
	color:black;
	}}

.site-m , .site-m a{ 
	font-size:15px !important;
	color:black !important;
}
.site-m a:hover{
	color:#17184b !important;
	font-weight:bold;
}

/*スマホのフッターロゴの位置とサイズ*/
@media(max-width: 767px) {.logo-footer{
	margin :0 1em !important;
/*	width:80%;*
	text-align:center;*/
}}
@media(max-width: 767px) {.logo-footer img{
	text-align:left;
	width:80%;
}}

@media(min-width: 768px) {.site-footer-copyright{
	margin-top:-2.5em !important;
	padding-top:-2.5 !important;
	}}
@media(max-width: 767px) {.site-footer-copyright{
	margin-top:-1em !important;
	margin-bottom:-1em !important;
	}}
/*フッター(グレー部分）左右余白調整*/
.site-body-bottom{
	margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
/*	margin-top:-1em;*/
	padding-top:3em;
	margin-bottom:1em !important;
	padding-bottom:1em !important;
/*	padding-bottom:3em;*/
	z-index: 9999 !important; 
	background-color:#f7f7f5;
	}
@media(max-width: 767px) {.site-body-bottom{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}}
/* コピーライトと、その下の余白の調節*/
.site-footer-content{
	height:3em !important;
	margin-bottom: 0 !important;
}
/* margin-top と　padding-top は、各ページでの上余白も" 0 " にしている*/
.site-body{
	margin-top:0 !important;
	padding-top:0 !important;
	margin-bottom: 0 !important;
	padding-bottom:0 !important;
}
/*グレー部分とコピーライトの間のマージンとパディングをゼロに*/
.wp-block-columns{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
/****************************************************************************************************** */
/*          　　　　　　　　       　　　　　　　　　　　　　フォーム　　（一般的なCSS）　　　　  　           */
/****************************************************************************************************** */
/*幅*/
/*PC*/
@media (min-width:768px) {
	.form-width{
	margin-left: 20%;
   margin-right: 20%;
}
}
/*スマホ・ミニタブレット*/
@media (max-width: 767px) {
	.form-width{
	margin-left: 5%;
   margin-right: 5%;
}
}
/* お問い合わせ、確認画面　メニューとフッター　表示*/
.page-id-2814 .site-body-bottom ,.page-id-2814 .site-header-sub, .page-id-2814 #global-nav,.page-id-2830 .site-body-bottom  ,.page-id-2830 .site-header-sub, .page-id-2830#global-nav{
	display:none;
}
.page-id-2814 .site-header-container .site-header-logo ,.page-id-2830 .site-header-container .site-header-logo {
	margin-bottom:1em!important;
}
/* 社員申し込みフォーム、確認画面　メニューとフッター　表示*/
.page-id-3518 .site-body-bottom ,.page-id-3518 .site-header-sub, .page-id-3518 #global-nav,.page-id-3520 .site-body-bottom  ,.page-id-3520 .site-header-sub, .page-id-3520#global-nav{
	display:none;
}
.page-id-3518 .site-header-container .site-header-logo ,.page-id-3520 .site-header-container .site-header-logo {
	margin-bottom:1em!important;
}

/*フォーム 必須 */
.must {
	padding:1px;
	background: #FF1A00;
	color: white; 
	font-size: 65%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
	border-radius: 3px; 
}
/* 問い合わせ種別フィールド（チェックボックス）の項目内折返し防止 */
label {display:inline-block;}
/* 問い合わせ種別フィールド（チェックボックス）の頭揃え(原因不明：１項目めの桁ズレ調整)*/
.mw_wp_form .horizontal-item{
    display: block;
    margin-left:0 !important;
    margin-bottom:0.5em;
}

.under{
	color:red !important;
}
/*tel をスマホで１行で表示*/
.form-tel{
	margin-left:0;
	margin-right:-10%;
}
/*button*/
/*送信ボタン */
.button {
	background-color: #17184b !important;
	color:#fff !important;
	border-style: solid;
	border-color:#17184b !important;
	border-width:2px !important;
}
.button:hover {
	background-color:#fff !important;
	color:#17184b !important;
	border-style: solid;
	border-color: #17184b!important;
	border-width:2px !important;
}

/**************************************
  　　　　　　　　フロートバナー（PC)
**************************************/
/* フローティングバナーのラップ要素 */
#fixed_right_banner{
	position: fixed;
   top: 220px;
   right: -5px ;
	z-index: 9999; 
}
/* 画像の共通設定 */
#fixed_right_banner > * {
	width: 55px;  
}
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: -3px; } 
/* リンク要素 */
#fixed_right_banner > a {
	display: block;  /* ブロック要素に変更 */
}
/*************************************************
     　 モバイルフッターバナー　　  (モバイル)         
***************************************************/
/*フロートバナーでのみ利用　 スマホで表示する*/
@media (max-width: 599px) {.only_tablet {display:none}} /*スマホでのみ表示する　 （only_tablet クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 600px) {.only_sp {display:none}} /*PCでのみ表示する　（only_sp クラスを非表示）*/

.wrap{
	display: block;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: -3px;
/*	height:75px;*/
	z-index: 9999; 
}

.inner-1{
  float: left;
  width: 50%;
  margin-left : 0;
}
.inner-2{
  float: left;
  width: 50%;
  margin-left : 0;
}

.su-spacer{
	border:none !inportant;
}