@media (max-width: 639px) {
  body {
    font-size: 82%!important;
  }
}


/*--------------------
基本設定
---------------------*/
.red{color:#cf2e2e;}
.blue{color:#225eb2;}
.gray{color:#999999;}
.redkasen{border-bottom:solid 1px #cf2e2e!important;}
.kurokasen{border-bottom:solid 1px #272727!important;}
.yellow{border-bottom:solid 3px #ffd300!important;}
.bold{font-weight:bold;}

.f-black{color:#000000;}


.fsmall{font-size:90%!important;}
.fbig1{font-size:1.2em;}
.fbig2{font-size:1.5em;}
.fbig3{font-size:2em;}
.fbig4{font-size:3.5em;}
.fbig5{font-size:2.5em;}

.s5{margin-top:5px!important;}
.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;}
.s60{margin-top:60px!important;}

.space0{margin-top:0px!important;}
.space10{margin-top:-10px!important;}
.space20{margin-top:-20px!important;}
.space30{margin-top:-30px!important;}
.space40{margin-top:-40px!important;}
.space50{margin-top:-50px!important;}
.space60{margin-top:-60px!important;}


@media screen and (min-width: 482px) {/*PC*/
.space-top1{margin-top:-20px!important;}
.space-top2{margin-top:!important;}
.space-top3{margin-top:!important;}

.padd1{padding-top:px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
.fsmall-sp{font-size:90%!important;}
	.fbig1{font-size:1.1em;}
	.fbig2{font-size:1.3em;}
	.fbig3{font-size:2em;}
	.fbig4{font-size:1.6em;}
	.fbig5{font-size:1.2em;}
	.fbig0{font-size:90%;}

	.space_mobi0{margin-top:0px!important;}
	.space_mobi10{margin-top:-10px!important;}
	.space_mobi20{margin-top:-20px!important;}
	.space_mobi30{margin-top:-30px!important;}
	.space_mobi40{margin-top:-80px!important;}
	
	.s10{margin-top:10px;}
	.s20{margin-top:20px;}
	.s30{margin-top:20px;}
	.s40{margin-top:20px;}
	.s50{margin-top:20px;}
	.s60{margin-top:20px;}
	
	.space-top-sp1{padding-top:20px!important;}
	.space-top-sp2{margin-top:!important;}
	.space-top-sp3{margin-top:!important;}
	.padd1{padding-top:!important;}
	
	/*画像のサイズ調整*/
	.media70 img{width:70%!important;}
	/*文字のサイズ調整*/
	.font-sp1{font-size:1.5em;}
}


/*画像のサイズ調整*/
@media screen and (max-width: 481px)  {
.media70 img{width:70%!important;}
}
.media50 img{width:50%!important;}
.media70 img, .media60 img, .media50 img{
	margin-left:auto!important;
	margin-right:auto!important;
}



.moji2-1{font-size:2.4em!important;}
.moji2-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;  /* 文字色 */
  font-size:2.4em;
  font-weight: bold;
}
.moji2-2::before,
.moji2-2::after {
  content: "";
  display: block;
  width: 100px;    /* 線の長さを固定 */
  height: 1px;     /* 線の太さ */
  background: #000; /* 線の色 */
}
.moji2-2::before {
  margin-right: 10px; /* 文字との間隔 */
}
.moji2-2::after {
  margin-left: 10px; /* 文字との間隔 */
}

.moji3-1{font-size:1.6em!important;}

.moji4-1{
	border-left:solid 4px #272727;
	padding-left:5px!important;
}

@media screen and (max-width: 481px)  {/*SP*/
.moji2-2 {
  font-size:1.8em;
}
.moji2-2::before,
.moji2-2::after {
  width: 20px;    /* 線の長さを固定 */
}


}

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


/*フローチャートだけ文字を小さく*/
@media screen and (max-width: 481px)  {
.wp-block-snow-monkey-blocks-step--item--free .smb-media-text__body{
	font-size:80%;
}
}

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

/*カラー指定*/
.cler{clear:both;}

/*――――――――――――――――――
画面サイズを調整
―――――――――――――――――――*/


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

.center{text-align:center!important;}
@media screen and (max-width: 481px)  {/*SP*/
.img_center-sp{
	display:block!important;
	margin-left:auto!important;
	margin-right:auto!important;
}
/*メディアと画像の画像を中央配置*/
.box-media .smb-media-text__figure, .box-nayami .smb-media-text__figure{
	width:60%!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;
}

.tex-center{text-align:center;}


/*――――――――――――――――――
ボタンの装飾
―――――――――――――――――――*/
.btm1 a{
	padding:10px 30px!important;
}

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

header

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 482px) {/*PC*/
/*キャッチフレーズとをロゴを一列表示*/
.c-site-branding { 
	display: flex;
	align-items:center; /*上下中央揃え。お好みで*/
	color:#272727!important;
} 
.c-site-branding__title { 
	padding-right: 5px; /*タイトルと概要の間を開ける。お好みで*/ 
}
}
@media screen and (max-width: 481px)  {/*SP*/
.c-site-branding { 
	color:#272727!important;
	margin-top:-10px!important;
} 
.c-site-branding__description{font-size:60%!important; margin-top:0px!important;}/*説明文の方の指定*/
}


.sp-header{
	margin-top:-100px!important;
}



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

footer

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

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

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


/*コピーライト*/
.c-copyright, address {
	text-align:center;
	font-size:80%;
}

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

.p-footer-sticky-nav a:link{color:#FFFFFF;}
.p-footer-sticky-nav a:visited{color:#FFFFFF;}
.p-footer-sticky-nav a:hover{color:#FFFFFF;}
.p-footer-sticky-nav a:active{color:#FFFFFF;}



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

固定ページ内容修正

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*-----------------------------------
TOPページ
-------------------------------------*/

.riyu_h3{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:-10px!important;
}

.riyu_box1, .riyu_box2, .riyu_box3{
	border-top:solid 1px #b3c1cf;
	padding-top:30px;
}
.riyu_box3{
	border-bottom:solid 1px #b3c1cf;
	padding-bottom:30px;
}


/*サービス*/
.sarvice_box{
	background-color:#FFF;
	border:solid 10px #cfe3ff!important;
	padding:20px 20px 20px 20px;
}
.sarvice_box img{width:100px!important;}
.sarvice_box h3{margin-top:15px!important;}
.sarvice_box h3 {
  position: relative;
  padding-bottom: 20px; /* h3下の余白（お好みで） */
  text-align: center;   /* h3の文字もセンター寄せ */
}

.sarvice_box h3::after {
  content: "";
  display: block;
  width: 70px;        /* 線の長さ */
  height: 1px;         /* 線の太さ */
  background-color: #272727; /* 線の色 */
  margin: 10px auto 0; /* 上10px・左右autoでセンター・下0 */
}


/*悩みBOX*/
.nayami_box{background:rgba(0, 0, 0, 0.9);}



.nayami_contents{
	border:solid 3px #f6d271;
	padding:20px;
}
.nayami_contents h3{
	border-bottom:solid 3px #f6d271;
	margin-bottom:20px;
	color:#FFFFFF;
}
@media screen and (min-width: 482px) {/*PC*/
.nayami_contents dl{
	display: flex;
	border-bottom:dotted 1px #b3c1cf;
	padding:10px 5px;
}
}
@media screen and (max-width: 481px)  {/*SP*/
.nayami_contents dl{
	border-bottom:dotted 1px #b3c1cf;
	padding:10px 5px;
}
.nayami_contents dt{margin-bottom:10px;}
}
.nayami_contents dd{margin-left:10px; color:#FFFFFF;}
.deco1{
	font-size:1.2em;
	background-color:#2563eb;
	margin-right:5px!important;
	color:#FFFFFF;
	padding:5px!important;
}
.deco2{
	font-size:1.2em;
	color:#2563eb;
}

.img-kaiketu{margin-top:-40px!important;}

/*解決ボックス*/
.box_kaiketu img{
	border-top-right-radius:10px;
	border-top-left-radius:60px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:10px;
}
.box_kaiketu h3{
	color:#2563ea;
	margin-bottom:0px!important;
}
.box_kaiketu p{margin-bottom:-20px!important;}
.sen1{
	border-top:solid 1px #b3c1cf;
	padding-top:20px!important;
}
.sen2{
	border-bottom:solid 1px #b3c1cf;
	padding-bottom:20px!important;
}

/*実績ボックス*/
.bg-siro{
	background-color:#FFFFFF!important;
}
.box_jisseki img{
	border-top-right-radius:10px;
	border-top-left-radius:60px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:10px;
}
.box_jisseki h3{
	border-top:double 3px #07140d;
	border-bottom:double 3px #07140d!important;
}
.box_jisseki h4{
	font-size:90%!important;
	color:#FFFFFF;
	margin-bottom:10px!important;
	border-bottom:dotted 1px #07140d!important;
}
.deco3{
	background-color:#07140d;
	padding:5px 10px!important;
}

/*料金プラン*/
.siharai1{background-image:url(http://webfamil.com/uniform/wp-content/uploads/2025/04/plan-icon3.png)!important;}
.siharai2{background-image:url(http://webfamil.com/uniform/wp-content/uploads/2025/04/plan-icon2.png)!important;}
.siharai3{background-image:url(http://webfamil.com/uniform/wp-content/uploads/2025/04/plan-icon1.png)!important;}
.siharai1, .siharai2, .siharai3{
	background-repeat:no-repeat;
	background-position:right top;
	border-radius:10px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), 0 1px #FFFFFF inset, 0 -3px 2px rgba(0, 0, 0, 0.25) inset;
	padding:20px!important;
}
/*プランの箱サイズ*/
@media screen and (min-width: 482px) {/*PC*/
.plan-box-soto{padding:40px 25px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
.plan-box-soto{padding:40px 10px!important;}
} 

/*流れプラン*/
@media screen and (min-width: 482px) {
.box_flow{padding-left:600px!important;}
}
.text-with-right-line {
  display: flex;
  align-items: center; /* 垂直中央揃え */
  text-align: left;
}
.text-with-right-line::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: black; /* 線の色 */
  margin-left: 10px;        /* テキストと線の間隔 */
}


/*お客様の声*/
.box_voice .smb-testimonial__item__content{
	font-size:1.2em;
	font-weight:bold;
}
.box_voice .smb-testimonial__item__name{
	font-size:1em;
	margin-bottom:15px!important;
	color:#2563eb;
}


/*会社概要*/
.box_tenpo{padding-right:600px!important;}
.box_slid{
	box-shadow:0px 0px 10px #555555;
}

/*カバーブロック調整*/
@media screen and (min-width: 482px) {/*PC*/
.wp-block-cover{min-height:100px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
.wp-block-cover{min-height:130px!important;}
.wp-block-cover p{font-size:1.8em!important;}
}






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

style集

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

/*ボタン、アイコン*/

.icon_image2{
	background-image:url(http://webfamil.com/uniform/wp-content/plugins/my-snow-monkey/img/icon2.png);
}
@media screen and (min-width: 482px) {
.icon_image1, .icon_image2{
	background-repeat:no-repeat;
	background-size:5% auto;
	padding-left:80px!important;
}
}
@media screen and (max-width: 481px)  {/*SP*/
.icon_image1, .icon_image2{
	background-repeat:no-repeat;
	background-size:10% auto;
	padding-left:50px!important;
}
} 

.style1{
	border:solid 1px #FFFFFF;
}
.shadow{
	box-shadow:0px 0px 8px #555555;
}
.border_bottom{
	border-bottom:solid 2px #180f14!important;
}

.link-deco{box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), 0 1px #FFFFFF inset, 0 -3px 2px rgba(0, 0, 0, 0.25) inset; border-radius:10px;}


/*文字スタイル*/
@media screen and (min-width: 482px) {
.font-style1{font-size:1.2em;}
}
@media screen and (max-width: 481px)  {
.font-style1{font-size:1.8em;}
}