/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 10 2025 | 08:02:04 */
/*==============================================================
reCAPTCHA
==============================================================*/
/*----v3のロゴを非表示----*/
/*.grecaptcha-badge {visibility: hidden;}*/

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

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

/*==============================================================
スクロールボタン
==============================================================*/
.page_top_btn {right:1%; bottom:2%; width:50px; height:300px;
	background-image:url(/wp-content/uploads/btn_scrooll_04.png);
	background-repeat:no-repeat; background-size:100%; background-color:transparent;
	 outline:none; border:none; box-shadow:none;}
/*----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;}

/*==============================================================
PDF Embedder
==============================================================*/
/*----ツールバーを非表示にしたい時----*/
.no_bar .pdfemb-toolbar  {display:none !important;}

/*==============================================================
共有
==============================================================*/
/*----タイトルや文末に余計なmargin-bottomを入れたくない時----*/
.last {margin-bottom:0 !important;}
/*----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;
	table-layout:fixed; width:100%;
	border-spacing: 0;/*境界の余白を無くす*/
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示する*/
}
td, th {font-size:1rem; font-weight:normal; padding:16px;}
/*----sp時----*/
@media (max-width:780px) {td, th {font-size:0.9rem;}}
/*----------------------------------------------------
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 !important;}/*----白文字----*/
.red {color:red;}/*----赤文字----*/
.blue {color:blue;}/*----青文字----*/
.orange {color:#ff4500;}
.cap {text-transform: capitalize;}/*----先頭だけ大文字----*/
.upp {text-transform: uppercase;}/*----全て大文字----*/
.low {text-transform: lowercase;}/*----先頭だけ大文字----*/
.sha {text-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);}
.under {text-decoration:underline;}
/*----------------------------------------------------
画像関連
----------------------------------------------------*/
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 !important;}/*----中央揃え----*/
.lef {text-align:left !important;}/*----左揃え----*/
.rig {text-align:right !important;}/*----右揃え----*/

.cen_pc {text-align:center !important;}/*----pc時中央揃え----*/
@media (max-width:780px) {.cen_pc {text-align:left !important;}}/*----sp時左揃え----*/

.cen_tab {display:table; margin-left:auto; margin-right:auto;}/*----table形式で中央寄せ----*/