@media (max-width: 639px) {
  body {
    font-size: 90%!important;
  }
}
body {counter-reset: number 0;}


/*--------------------
基本設定
---------------------*/
.red{color:#cf2e2e;}
.blue{color:#174a79;}
.gray{color:#999999;}
.redkasen{border-bottom:solid 1px #cf2e2e!important;}
.sirokasen{border-bottom:solid 1px #FFFFFF!important;}
.kurokasen{border-bottom:solid 1px #272727!important;}
.bluekasen{border-left:solid 6px #1375ce!important; padding-left:5px!important;}


.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:80px!important;}
.space-top2{margin-top:-50px!important;}
.space-top3{margin-top:60px!important;}

.padd1{padding-top:px!important;}
}
@media screen and (max-width: 481px)  {/*SP*/
	.fbig1{font-size:1.1em;}
	.fbig2{font-size:1.3em;}
	.fbig3{font-size:2em;}
	.fbig4{font-size:1.6em;}
	.fbig5{font-size:1.8em;}
	.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;}
	
	.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:30px!important;}
	.space-top-sp2{margin-top:10px!important;}
	.space-top-sp3{margin-top:px!important;}
	.padd1{padding-top:150px!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;
}


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

.moji2-1{
	font-size:2.5em;
	font-weight:normal!important;
	color:#174a79!important;
}
.moji2-2{
	font-size:2.5em;
	color:#16a6aa;
	border:solid 2px #16a6aa!important;
}
.moji2-3{
	font-size:1.8em;
	color:#FFFFFF;
	background-color:#174a79!important;
	padding:5px 5px 8px 5px!important;
}
.moji3-1 {
background-image: repeating-linear-gradient(
    135deg,
    #ccc 0px,
    #ccc 1px,
    transparent 1px,
    transparent 3px /* ①ここの数字と②を調整すると斜線の間隔が狭くなる */
  );
  background-size: 4px 4px;  /* ②調整すると斜線の間隔が狭くなる */
  /*font-size:2.5em!important;*/
  padding: 10px 10px 15px 10px;
}
.moji3-2{
	font-size:1.4em;
	border-top:solid 2px #333333;
	border-bottom:solid 2px #333333;
	padding-top:15px!important;
}

.moji4, .titledeco1{
	background-color:#777777;
	color:#FFFFFF;
	padding-left:10px!important;
	padding-right:10px!important;
}

@media screen and (max-width: 481px)  {/*SP*/
.moji2-1{font-size:1.8em;}
}

@media screen and (min-width: 482px) {/*PC*/
.nonepc, .kotei-br-sp, .c-site-branding__description, .c-site-branding__title{display:none;}
}
/*モバイルだけ消す*/
@media screen and (max-width: 481px)  {/*SP*/
.nonemobi, .style1 img, .kotei, address{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;}


.flex_box {
  display: flex;
  flex-wrap: nowrap; /* 横一列で折り返さない */
}

.flex_box img {
  width: 25%;      /* 4枚なら25%ずつ */
  height: auto;
  display: block;  /* 余計なすき間防止 */
}

/*――――――――――――――――――
ボタンの装飾
―――――――――――――――――――*/

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

header

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 481px)  {/*SP*/
.c-site-branding__description{font-size:60%!important; margin-top:0px!important;}
.c-site-branding__title{
	padding-top:-10px!important;
	margin-top:-10px!important;
}
}


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

footer

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

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

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


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


 

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

固定ページ内容修正

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.deco-text1{
	border:solid 1px #174a79;
	border-radius:50px;
	color:#174a79;
}


.box-flow .smb-step__item__title{color:#174a79; font-size:1.2em;}


/*質問と回答*/
.box-qr .smb-faq__item__question__body{font-weight:normal!important; font-size:1.4em; color:#1375cf!important;}
/*QとAの文字スタイル変更*/
.box-qr .smb-faq__item__question__label{color:#1375cf!important;}
.box-qr .smb-faq__item__answer__label, .box-qr p{color:#174a79!important;}


.bg_title .smb-section__subtitle{color:#1375cf!important;}

.title_color .smb-section-break-the-grid__subtitle{color:#1375cf!important;}
.title_color .smb-section-break-the-grid__title{color:#174a79!important;}


/*動画*/
.box-movie h2{color:#174a79!important;}
.box-movie h3 {
background-image: repeating-linear-gradient(
    135deg,
    #CCC 0px,
    #CCC 1px,
    transparent 1px,
    transparent 3px /* ①ここの数字と②を調整すると斜線の間隔が狭くなる */
  );
  background-size: 4px 4px;  /* ②調整すると斜線の間隔が狭くなる */
  padding: 20px 10px 25px 10px;
  margin-bottom:5px!important;
}


/*デコリンク*/
@media screen and (max-width: 481px)  {
.link_deco img{
	width:95%;
	margin-left:auto!important;
	margin-right:auto!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%の不透明度にする */
}