@charset "utf-8";






/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*通常時のボタンは非表示*/
body .nav-fix-pos-pagetop a {
	display: none;
}
/*fixmenu_pagetop.jsで設定している設定値になったら出現するボタンスタイル*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;animation-name: scroll;animation-duration: 1s;animation-fill-mode: forwards;
	width: 40px;		/*ボタンの幅*/
	line-height: 40px;	/*ボタンの高さ*/
	bottom: 20px;		/*ウィンドウの下から20pxの場所に配置*/
	right: 3%;			/*ウィンドウの右から3%の場所に配置*/
	background: #555;	/*背景色*/
	color: #fff;		/*文字色*/
	border-radius: 50%;	/*円形にする指定*/
}


/*その他
---------------------------------------------------------------------------*/
.look {background: #222;padding: 5px 10px;border-radius: 4px;border: 1px solid #333;color: #fff;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.p0 {padding:0 !important;}
.clear {clear: both;}
.color1, .color1 a {color: #29acef !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.w25 {width: 25%;}
.w70 {width: 70%;}
.w48 {width: 48%;}
.big1 {font-size: 50px;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.dn {display: none;}
.sh {display: none;}
.border1 {border: 1px solid #000;}
#sh-sub {display: none;}





/*listブロック（index2.htmlで使用）
---------------------------------------------------------------------------*/
.fl.w48, .fr.w48 {
	float: none;
	width: auto;
}
.fl + .fr {
	padding-top: 30px !important;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
.big1 {font-size: 24px;}
.sh {display:block;}
.pc {display:none;}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 11px;	/*文字サイズ*/
	line-height: 1.5;	/*行間*/
}

/*トップページのSVGロゴアニメーション設定
---------------------------------------------------------------------------*/
#svg-logo {
	width: 80%;			/*画像の幅*/
	left: 10%;			/*左から10%の場所に配置*/
}

/*mainブロック
---------------------------------------------------------------------------*/
/*h2タグ*/
#main2 h2 {
	font-size: 24px;
	margin-bottom: 20px;
	padding: 0 10px 5px;
}
/*h3タグ*/
#main2 h3 {
	font-size: 14px;
}
/*段落(p)タグ*/
#main2 p {
	padding: 0 10px 20px;	/*上、左右、下への余白*/
}
/*他。微調整。*/
#main2 section + section {
	padding-top: 20px;
}

/*NEWSブロック
---------------------------------------------------------------------------*/
/*右に回り込みの小さな画像*/
.news dd .img {
	width: 50px;	/*画像の幅*/
}

/*listブロック（index2.htmlで使用）
---------------------------------------------------------------------------*/
/*listブロック*/
.list {
	padding: 10px;	/*ブロック内の余白*/
}



/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {
	list-style: disc;
	padding: 0 10px 20px 30px;
}
ol {
	padding: 0 10px 20px 30px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
.big1 {font-size: 16px;}

}