@charset "UTF-8";

/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:680px )
{
.noneSP {display:none}
  .br-pc { display:none; }
  .br-sp { display:block; }
  .pc { display: none !important; }
  .sp { display: block !important; }


.smallfont{
	font-size:90%;
	}

.smallfont2{
	font-size:80%;
	}


/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/


body{
	font-family: "Noto Sans JP"; 
	font-size: 1em;
	
	text-align: justify; // Required for IE and Edge 
    text-align-last: right;
	}

/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 70px;
 right:10px;
 }

#pageTop img{
	width:50px;
	}
img{
	width: 100%;
	height: auto
	}
	
	
	
	


/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/


header{
	width:100%;
	background: #fff;
	}

header h1 img{
	width:90px;
	height: auto;
	margin:0 0 0 20px;
	}


/*///////////////////////////////////////////////


メインビジュアル


///////////////////////////////////////////////*/



section.main{
	text-align:center;
	}

section.main img{
	width:100%;
	height:auto;
	margin-bottom: 10px;
	}





/*///////////////////////////////////////////////


コンンテンツ紹介ボックス


///////////////////////////////////////////////*/

	
	
section.contents{
	margin: 0 20px;
	}
	
	



/*////////////////////////////

サブナビ

////////////////////////////*/	
	

.my-parts{
	margin: 10px 15px 0;
}
	.my-parts ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.my-parts ul::after {
		content: "";
		display: block;
		clear: both;
	}
	.my-parts ul li {
		float: left;
		width: 20%;
		box-sizing: border-box;
	}
	.my-parts ul li a {
		display: block;
		padding:25px 20px;
		text-decoration: none;
		font-weight: 600;
		text-align: center;
		font-size: 100%;
	}


	



/*////////////////////////////

タイトル

////////////////////////////*/	


h2.title{
	text-align:center;
	margin:5% auto 3% auto;
	padding:3% 15px;
	}


h2.title_scd{
	text-align:center;
	margin:5% auto 3% auto;
	padding:3% 15px;
}








/*///////////////////////////////////////////////


コンテンツボックス


///////////////////////////////////////////////*/	
	
	
div#wrap{
	background: url(../images/bg_wakusp.png);
	background-size: contain;
	overflow: hidden;
}

p.spheadwaku{
	margin-top: -10px;
}

p.spfootwaku{
	margin-bottom: -10px;
}



/*///////////////////////////////////////////////


バナー


///////////////////////////////////////////////*/



ul.anbnr{
	padding: 0;
	margin: 0;
}

ul.anbnr li{
	margin:10px 0 15px;
}


div.cpbox{
	border: #ddd;
	/* background-color: #fafafa; */
	padding:10px 15px;

	border-radius: 5px;
	/* box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15); */
}




	
		
/*///////////////////////////////////////////////


フッター


///////////////////////////////////////////////*/





footer{
	clear:both;
	padding:20px 0 ;
	text-align:center;
	font-size:0.813em;
	color:#FFF;
	background:#000;
	color:#FFF;
	line-height: 160%;
	}


footer p img{
	width: 25%;
}
	





/*///////////////////////////////////////////////


フッター下部設置のフェードナビゲーション


///////////////////////////////////////////////*/



#header2 {
    position: fixed;
    height:0px;
    width: 100%;
    z-index: 1000;
	padding:3% 0 4% 0;
	bottom: 0;
	}


.my-partshead ul {
		list-style: none;
		margin: -50px 0 0 0 !important;
		padding: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	
.my-partshead ul li {
		display: table-cell;
		box-sizing: border-box;
		font-size: 90%;
		letter-spacing: 1px;
	}


.my-partshead ul li a {
		display: block;
		padding: 23px 0;
		text-decoration: none;
		color: #fff;
		background:#be3c3c;
		text-align: center;
		border-top: 1px solid #fff;
		border-right: 1px dotted #fff;
		font-weight: bold;
		height: 60px;
	}
	
		

















}