/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 01 2025 | 01:10:29 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
reCAPTCHA
==============================================================*/
/*----v3のロゴを非表示----*/
/*.grecaptcha-badge {visibility: hidden;}*/

/*==============================================================
基本フォント
==============================================================*/
/*----どんな媒体でも基本を同じフォントに統一する----*/
/*----google fontを呼び出してから設定することで反映----*/
body, html {font-size:16px;}
body {font-family: 'Noto Sans JP', sans-serif; color:#444; font-weight:normal;}

/*==============================================================
表示・非表示
==============================================================*/
/*----PC表示----*/
.pc {display:block;}
.sp {display:none;}
/*----タブレット時に非表示----*/
@media screen and (max-width: 991px) {.tab {display:none;}}
/*----スマホ表示----*/
@media screen and (max-width: 780px) {
	.pc {display:none;}
	.sp {display:block;}}

/*==============================================================
スクロールボタン
==============================================================*/
/*.page_top_btn {
	background-image:url();
	width:80px; height:80px;
	background-size:100%; outline:none; border:none; background-color:transparent;
	box-shadow:none;
}
.page_top_btn, .scrolled .page_top_btn {opacity:1;}*/
/*----sp時非表示----*/
/*@media screen and (max-width:780px) {.page_top_btn {display:none !important;}}*/

/*==============================================================
動画・iframe
==============================================================*/
/*----動画下の余白を消す----*/
video, iframe {vertical-align: bottom !important; max-width:100%;}
video {display:block;}

/*==============================================================
shortcodes ultimate
==============================================================*/
/*----自動挿入pタグのmargin-bottomを消す----*/
.su-animate>p:first-child, .su-animate>p:last-child, .su-animate + p:nth-of-type(1) {margin:0;}

/*==============================================================
共有
==============================================================*/
/*----------------------------------------------------
余白関連
----------------------------------------------------*/
body:not(.home).page .siteContent {padding:64px 0;}
body.page .mainSection {margin-bottom:0;}
/*body:not(.post-type-post, .post-type-works) .siteContent {padding:64px 0;}
body:not(.post-type-post, .post-type-works) .mainSection {margin-bottom:0;}*/
/*----EdgeやIEでSP時にのみ出る邪魔な余白を消す----*/
@media screen and (max-width:780px) {
	.panel-grid>div.panel-grid-cell:last-child {margin-bottom:0 !important;}}
/*----タイトルや文末に余計なmargin-bottomを入れたくない時----*/
.last {margin-bottom:0;}
/*----margin-bottomを入れたい時----*/
.mb {margin-bottom:16px !important;}/*----16px分margin-bottomを入れたい時----*/
.mb2 {margin-bottom:32px !important;}/*----32px分margin-bottomを入れたい時----*/
.mb3 {margin-bottom:48px !important;}/*----48px分margin-bottomを入れたい時----*/
.mb4 {margin-bottom:64px !important;}/*----64px分margin-bottomを入れたい時----*/
/*----------------------------------------------------
p
----------------------------------------------------*/
p {margin-bottom: 16px;}
/*----------------------------------------------------
dl, ol, ul
----------------------------------------------------*/
/*----余白設定----*/
dl, ol, ul {margin-top: 0; margin-bottom:16px; padding-left:1rem;}
/*----------------------------------------------------
li
----------------------------------------------------*/
/*----リストの行の高さ(pタグと一緒にする)----*/
li {line-height: 1.9; margin-bottom: 0;}
/*----リストに下線引きたいとき----*/
li.line {padding-bottom:5px; margin-bottom:5px; border-bottom: 1px dotted #ccc;}
/*----------------------------------------------------
ul.ind / リストスタイルを好きなものにしたいとき
----------------------------------------------------*/
ul.ind {list-style:none; text-indent:0; padding-left:1rem;}
ul.ind li {text-indent:-1rem;}
/*----------------------------------------------------
テーブル
----------------------------------------------------*/
/*----ブラウザごとのtable横幅自動調整機能が邪魔してるのでOFFにする----*/
table {
	margin-bottom:16px; border:none;
	table-layout:fixed; width:100%;
	border-spacing: 0;/*境界の余白を無くす*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示する*/
}
td, th {font-size:1rem; font-weight:normal; padding:16px 8px; border:1px solid #bdced9 !important;}
th {background-color:#E8F1F9;}
/*----------------------------------------------------
display:inline-block;
----------------------------------------------------*/
.block {display: inline-block;}/*----リンク設定したとき行全体にリンクがかからないようにする----*/
.block_left {display: inline-block; text-align:left;}/*----左揃えのまま中央揃えしたいときに使う（※更にdiv.cenで囲わないと効かない）----*/
/*----------------------------------------------------
文字関連
----------------------------------------------------*/
.ind {text-indent: 1rem;}/*----1文字インデント----*/
.bol {font-weight:bold;}/*----太文字----*/
.white {color:#fff;}/*----白文字----*/
.red, .red:hover {color:red;}/*----赤文字----*/
.blue {color:blue;}/*----青文字----*/
.cap {text-transform: capitalize;}/*----先頭だけ大文字----*/
.upp {text-transform: uppercase;}/*----全て大文字----*/
.low {text-transform: lowercase;}/*----先頭だけ大文字----*/
.sha {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);}
/*----------------------------------------------------
画像関連
----------------------------------------------------*/
img.aligncenter, img.alignleft, img.alignright {margin-bottom: 0px;}
/*----拡大縮小----*/
.scl img, img.scl {transform: scale(0.95); transition-duration: 0.3s;}
.scl img:hover, img.scl:hover {transform: scale(1); transition-duration: 0.3s;}
/*----------------------------------------------------
整列関連
----------------------------------------------------*/
.cen {text-align:center;}/*----中央揃え----*/
.lef, .cen_sp {text-align:left;}/*----左揃え----*/
.rig {text-align:right;}/*----右揃え----*/
@media screen and (max-width:780px) {.cen_sp {text-align:center;}}/*----sp時中央揃え----*/
/*==============================================================
IE・Edge
==============================================================*/
/*----------------------------------------------------
（IE11）brの改行箇所が豆腐に文字化けしないようにする
----------------------------------------------------*/
@media all and (-ms-high-contrast:none) {br {font-size: 0px;}}
/*----------------------------------------------------
（IE11）ページヘッダー
----------------------------------------------------*/
/*----Lightning ProがIEサポート外なので、IE専用ページヘッダー画像を設定----*/
@media all and (-ms-high-contrast:none) {
	body .page-header {
		position:relative; background:transparent; background-repeat:no-repeat; background-position:center center; background-size:cover;}}