@charset "UTF-8";
body {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size:1vw;
	background:#fff;
	margin: 0;
	padding: 0;
	color:#111111;
}

header h1,header h2{
	text-align: center;
}

a:hover{background-color: darkseagreen;}

#main{
	width:100vw;
}

#content1,#content2,#content6{/*タイトルと概要*/
	width:50vw;
	margin: 1vh auto;
	padding: 10px;
}

#content2{/*タイトルと概要*/
	background-color: #f5f5f5;
}


#content1 h1{
	font-size:3vw;
}


#content6{/*お問い合わせ*/
	text-align: center;
	color: #111111;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
	border: 2px solid #fff;
    box-shadow: 0 0 0 2px  #20afa4;
    padding: 20px;
}


#content6 .info::before{
	content:"お問い合わせ";
	border:1px #cccccc solid;
	padding:5px;
	margin-right: 10px;
}



/* wide */
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ ワイド画面
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width:1367px){

	#content2,#content6{/*申込*/
		width:50vw;
		margin: 5vh auto;
	}

}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ ipad、ipad pro  ノーマルデスクトップ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width: 768px) and (max-width: 1366px) {

body {
	font-size:1.3vw;
	/*background-color: #000;*/
}
	
#content2,#content6{
	width:70vw;
	margin: 2vh auto;
}


}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
+ それ以外のデバイス
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

@media screen and (max-width:767px){
	
	body {
		font-size:2vw;
	}
	
	#content1 h1{
		font-size:6vw;
	}	
	#content2,#content6{/*申込*/
		width:90vw;
		margin: 3vh auto;
	}


	#content6{/*お問い合わせ*/
		padding: 0px;
	}

}