@charset "utf-8";

.sn {
 display: none; /*snの指定をしたものを非表示にする設定*/
 }

 .pn {
 display: block; /*pnの指定をしたものを表示させる設定*/
 }


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

/*containerとfooterの文字サイズ指定
---------------------------------------------------------------------------*/
#container, footer {
	font-size: 12px;
	font-size: 2.93vw;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 80%;	/*ロゴ画像の幅*/
}
/*TELブロックの電話番号部分*/
header address .tel {
	font-size: 20px;
	background: url(../images/icon_tel.png) no-repeat left center / 18px;
	padding-left: 25px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*他。微調整。*/
#main section + section {
	padding-top: 20px;
}

/*フッター設定
---------------------------------------------------------------------------*/
/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel {
	font-size: 24px;
	background: url("../images/icon_tel.gif") no-repeat left center / 20px;
	padding-left: 30px;
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list {
	width: auto;
	float: none;
	margin-left : 0;
}
.list figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list h4, .list p {
	height: auto;
}
	
	
/*list2ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list2 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list2 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list2 h4, .list2 p {
	height: auto;
}
	
/*list3ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list3 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list3 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list3 h4, .list3 p {
	height: auto;
}

/*list4ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list4 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list4 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list4 h4, .list4 p {
	height: auto;
}
	
/*list5ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list5 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list5 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list5 h4, .list5 p {
	height: auto;
}
	
/*list6ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list6 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list6 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list6 h4, .list6 p {
	height: auto;
}
	
/*list7ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list7 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list7 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list7 h4, .list7 p {
	height: auto;
}
	
/*list8ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list8 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list8 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list8 h4, .list8 p {
	height: auto;
}
	
/*list9ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list9 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list9 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list9 h4, .list4 p {
	height: auto;
}
	
/*list10ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list10 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list10 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list10 h4, .list4 p {
	height: auto;
}
	
/*telブロック
---------------------------------------------------------------------------*/
/*マウスオン時の設定*/
.tel a:hover {
	position: relative;
	left: 2px;	/*マウスオン時に右に2px移動する*/
	top: 2px;	/*マウスオン時に下に2px移動する*/
}

/*よく頂く質問
---------------------------------------------------------------------------*/
.faq dt,.faq dd {
	background-size: 25px;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta1, .ta1 td, .ta1 th {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}
	
/*テーブル（ta10）
---------------------------------------------------------------------------*/	
.ta10 {
	width: 100%;
}
	
/*テーブル（ta3）
---------------------------------------------------------------------------*/	
.ta3 {
	width: 100%;
}
	
/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}

}