@media (max-width: 639px) {
  body {
    font-size: 95%!important;
	line-height:150%!important;
  }
}


/*--------------------
基本設定
---------------------*/
.red{color:#cd162c!important;}
.gray{color:#777777;}
.redkasen{color:#cd162c; border-bottom:solid 1px #cd162c;}
.sirokasen{border-bottom:solid 1px #FFFFFF;}

.fsmall{font-size:90%;}
.fbig1{font-size:1.2em;}
.fbig2{font-size:1.4em;}
.fbig3{font-size:2em;}
.fbig4{font-size:3em;}

.s10{margin-top:10px!important;}
.s20{margin-top:20px!important;}
.s30{margin-top:30px!important;}
.s40{margin-top:40px!important;}
.s50{margin-top:50px!important;}
.s80{margin-top:80px!important;}

.spase0{margin-top:0px!important;}
.spase10{margin-top:-10px!important;}
.spase20{margin-top:-20px!important;}
.spase30{margin-top:-30px!important;}
.spase40{margin-top:-40px!important;}
.spase60{margin-top:-60px!important;}

.img_center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


@media screen and (min-width: 482px) {
.spase-top{margin-top:50px!important;}
.spase-top2{margin-top:-80px!important;}
.spase-top3{}
.fbig00{font-size:1.2em;}
.pdd_pc1{padding-top:30px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
.fsmall_sp{font-size:90%;}
	.fbig1{font-size:1.1em;}
	.fbig2{font-size:1.3em; line-height:160%;}
	.fbig3{font-size:1.7em; line-height:150%;}
	.fbig4{font-size:1.6em;}
	.fbig0{font-size:90%;}
	.fbig00{font-size:100%;}
	.spase_mobi0{margin-top:0px!important;}
	.spase_mobi1{margin-top:10px!important;}
	.spase_mobi10{margin-top:-10px!important;}
	.spase_mobi20{margin-top:-20px!important;}
	.spase_mobi30{margin-top:-30px!important;}
	
	.s10{margin-top:10px;}
	.s20{margin-top:20px;}
	.s30{margin-top:20px;}
	.s40{margin-top:20px;}
	.s50{margin-top:20px;}
	.s80{margin-top:50px!important;}
	.ss_mobi1{margin-top:0px;}
}

/*ドロワーメニューの色変更*/
.c-drawer {background:rgba(0,0,0, 0.9);}

/*webフォント*/


.moji2-1{
	font-size:2.8em;	
	border-bottom:solid 5px #0f9ab7;
}
@media screen and (max-width: 481px)  {/*SP*/
.moji2-1{
	font-size:1.8em;
	line-height:140%!important;
	padding-bottom:10px!important;
}
}



/*モバイルだけ消す*/
@media screen and (max-width: 481px)  {/*SP*/
	.nonemobi{display:none;}
}
@media screen and (min-width: 482px) {/*PC*/
	.nonepc{display:none;}
}

.c-meta__item--author {display: none;}/*著者名を消す*/



/*--------------------
画像の大きさ調整
---------------------*/


/*--------------------
ボタン
---------------------*/

/*――――――――――――――――――
画面幅を100%
―――――――――――――――――――*/
/*画像を中央に*/
.img_center{
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}


.full-width{
	width: 100vw!important;/*画面100%vwはブラウザ表示幅の単位*/
	position: relative!important;
	left: 50%!important;
	transform: translateX(-50%)!important;
}

.box-style-img50 .smb-media-text__figure{
	width:60%!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

@media screen and (max-width: 481px)  {/*SP*/
.full_wide_bg{
	margin-left:-18px!important;
	margin-right:-18px!important;
}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

header

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*アイキャッチの縦の幅を調整*/
.c-page-header{
	border-top:solid 3px #221715!important;
	border-bottom:solid 3px #221715!important;
	letter-spacing:0.5em;
}
.c-page-header[data-has-image=true] {
	height: 200px !important;
	margin-bottom:30px;
} 
/*アイキャッチのタイトルの文字色調整*/
.c-page-header__title{
	color:#221715!important;}

@media screen and (max-width: 481px)  {/*SP*/
.c-site-branding__title {margin-top:-10px!important;}
/*説明文ディレクション*/
.c-site-branding__description{
	font-size:0.65em!important;
	margin-top:0px!important;
}

.c-page-header[data-has-image=true] {height: 130px !important; margin-bottom:0px;} 
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

footer

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*よく分からない灰色罫線を消す*/
.l-footer,
.l-footer__body {
  border-top: none !important;
}

.l-footer{background-color:#EEEEEE; margin-top:30px!important;}フッター部分の背景色

/*コピーライト*/
.c-copyright {
	text-align:center;
	font-size:80%;
	background-color:#FFFFFF!important;
	color:#333333!important;
}

@media screen and (max-width: 481px)  {
.c-copyright {font-size:60%!important; padding-bottom:50px!important;}
}



/*--------------------
スマホの追従
---------------------*/
/*スマホ版下部の追従メニュー背景色*/
#footer-sticky-nav li:nth-of-type(1){background-color:#CCCCCC!important;}
#footer-sticky-nav li:nth-of-type(2){background-color:#CCCCCC!important;}
#footer-sticky-nav li:nth-of-type(3){background-color:#CCCCCC!important;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

サイドバー

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*--------------------
テーブル初期設定-オリジナル
---------------------*/
.imageTB td, .decoTB2 td, .decoTB3 td, .decoTB4 td, .mokujiTB td, .decoTB6 td, .decoTB7 td, .decoTB8 td{/*既存の罫線を消す*/
	border:none!important;
}
@media screen and (max-width: 481px)  {/*SP*/
	.imageTB td, .decoTB2 td, .decoTB3 td, .decoTB4 td, .mokujiTB td, .decoTB6 td, .decoTB7 td, .decoTB8 td, .nomalTB1 td{font-size:80%;}
}

/*テーブルの右側幅設定*/
.TBwidth td:nth-of-type(1){width:40%!important;}

/*★★★★★★★★★★
テーブルの装飾5：罫線のみ
★★★★★★★★★★★*/
.mokujiTB{border-top:solid 1px #CCCCCC!important;}
.mokujiTB td{border-bottom:solid 1px #CCCCCC!important;}
.mokujiTB td:nth-of-type(1){width:20%;}
.mokujiTB td:nth-of-type(2){font-size:90%;}
@media screen and (max-width: 481px)  {/*SP*/
	.mokujiTB td:nth-of-type(1){width:25%;}
	.mokujiTB td:nth-of-type(2){font-size:75%;}
	.mokujiTB td:nth-of-type(2){font-size:95%;}
}

/*★★★★★★★★★★
テーブルの装飾1：PDFダウンロード
★★★★★★★★★★★*/
.imageTB{border:solid 1px #CCCCCC!important;}
.imageTB img{width:70px!important;}
.imageTB td:nth-of-type(1){width:15%;}
.imageTB td:nth-of-type(2){font-size:90%;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

固定ページ内容修正

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box_left {
  margin-left: 0!important;
  margin-right: auto!important;
}

/*--------------------
TOPページ
---------------------*/
@media screen and (min-width: 482px) {/*PC*/
/*アイキャッチ*/
.text-style2{
	/*width:300px;*/
	position:relative;
	display:inline-block;
}
/* 右側へ伸びる横線 */
.text-style2::after{
	content:"";
	position:absolute;
	left:100%;       /* ボックスの右端から開始 */
	top:50%;
	width:1100px; /* 画面幅いっぱい */
	height:1px;
	background:#272727;
	margin-left:0px; /* ボックスとの間隔 */
	transform:translateY(-50%);
}
}
.catch-tex{font-size:2.2em;}
@media screen and (max-width: 481px)  {/*SP*/
.catch-tex{font-size:1.8em; line-height:140%!important;}
}
.text-style1{
	width:300px;
	max-width:100%;
	background-color:#0f9ab7;
	color:#FFFFFF;
	font-size:1.1em;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
	padding-left:10px!important;
	padding-top:5px!important;
	position:relative;
	display:inline-block;
}
/* 右側へ伸びる横線 */
.text-style1::after{
	content:"";
	position:absolute;
	left:100%;       /* ボックスの右端から開始 */
	top:50%;
	width:1100px; /* 画面幅いっぱい */
	/*max-width:100%;*/
	height:4px;
	background:#0f9ab7;
	margin-left:0px; /* ボックスとの間隔 */
	transform:translateY(-50%);
}
@media screen and (max-width: 481px)  {/*SP*/
.text-style1{
	padding-bottom:5px!important;
	margin-bottom:10px!important;
}
}

.tex_marker{
	font-size:2.5em;
	position: relative;
	display: table;
	margin: 0 auto;
	/*color: #cf1f12;*/
	background: linear-gradient(
		to bottom,
		transparent 60%,
		rgba(207, 31, 18, 0.2) 60%
	);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	padding: 0 2px;
}

.box-osusume{
	width:700px;
	max-width:100%;
	margin-left: 0!important;
	margin-right: auto!important;
}


/*お問い合わせ*/
.box-contact h2{
	font-size:2em;
}
.box-left-col{
	border-right:solid 3px #FFFFFF;
}

/*――――――――――――――――――
お問い合わせボタン
―――――――――――――――――――*/
.area1 {
	background-image: url("https://881.co.jp/wp-content/plugins/my-snow-monkey/img/area1.jpg")!important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*--------------------
運営情報ページ
---------------------*/
.tokuteiTB th{
	width:25%!important;
	font-size:75%!important;
}
.tokuteiTB td{
	font-size:80%!important;
}



.link_deco a img {
	position: relative;
	transition: all 0.15s ease;
}
.link_deco a:hover img {
	top: 1px;      /* 下に1px */
	left: 1px;     /* 右に1px */
	opacity: 0.8;  /* 80%の不透明度にする */
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

メールフォーム

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.form-table{
	width:100%;
	border-collapse:collapse;
}

.form-table th,
.form-table td{
	border:1px solid #ddd;
	padding:15px;
	vertical-align:top;
}

.form-table th{
	background:#f7f7f7;
	width:30%;
	font-weight:bold;
	text-align:left;
}

.form-table input[type="text"],
.form-table input[type="email"],
.form-table textarea,
.form-table select{
	width:100%;
	max-width:100%;
	padding:10px;
	box-sizing:border-box;
}

.required{
	display:inline-block;
	margin-left:8px;
	padding:2px 8px;
	background:#d90000;
	color:#fff;
	font-size:12px;
	border-radius:3px;
}

.form-btn{
	margin-top:30px;
	text-align:center;
}

.form-btn input{
	padding:12px 40px;
	font-size:16px;
	cursor:pointer;
}

/*電話番号*/
.mwform-tel-field{
	display:flex;
	align-items:center;
	gap:8px;
}
.mwform-tel-field input[type="text"]{
	width:30% !important;
}

.mwform-checkbox-field{
	display:flex;
	align-items:flex-start;
}
.mwform-checkbox-field input[type="checkbox"]{
	margin-right:3px!important;
	flex-shrink:0;
}
.mwform-checkbox-field:first-child input[type="checkbox"]{
	margin-left:14px!important;
}

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

	.form-table th,
	.form-table td{
		display:block;
		width:100%;
		box-sizing:border-box;
		font-size:90%!important;
	}
.form-table th{width:20%;}
	.form-table th{
		border-bottom:none;
	}
}