body {
    background-color: #ffffff;
    margin: 0 auto;   /*ブラウザの横幅を変更してもコンテンツが中央にある*/
}

.clearfix::after {	/*float解除用のclass属性*/
    clear: both;
    content:"";
    display: block;
}

.top_container {	/*表示エリア決定用のコンテナ*/
    margin: 0 auto;    /*中央配置に設定*/
}

header {
    background-color: #ffffff;   /*ヘッダの背景色は白*/
    border-bottom: solid 1px #cccccc;   /*ヘッダ下部に下線ボーダー*/

	position: fixed;	/*ヘッダ固定*/
	height: 60px;
	width: 100%;
	padding: 0px 15px;
	top: 0;
	z-index: 10;
	display: flex;
    justify-content: center;    /*flex指定の場合の中央寄せ　参考元↓*/
    align-items: center;    /*https://ics.media/entry/17522/*/
}

nav {
	margin: 0;
}

main {
	padding-top: 60px;	/*ヘッダ固定したため、ヘッダの高さ分だけ余白*/
}

header a {
    color: black;   /*リンクの文字も黒色に*/
    display: block;
    padding: 0 10px;
}

.sm {
	display: none;
}

header ul {
	display: flex;
	list-style: none; /*箇条書きのポッチを消す*/
	padding: 0;
	margin: 0;
}

header li {
	display: inline-block;		/*inline-block*/
	margin: 5px;
	vertical-align: middle;	/*縦の表示位置指定*/
}

/**********************************　
以下、ハンバーガーメニューの設定
参考元：https://hakenblog.com/hamburger-menu/
************************************/

@media (max-width: 1000px) {

	.pc {
		display: none;
	}

	#hamburger {
		background-color: transparent;
		position: relative;
		cursor: pointer;
		margin: 0 0 0 auto;
		height: 60px;
		width: 60px;
	}

	.icon span {
		position: absolute;
		left: 15px;
		width: 30px;
		height: 4px;
		background-color: black;    /*ハンバーガーの3本線の色*/
		border-radius: 8px;
		transition: ease 0.75s;
	}

	.icon span:nth-of-type(1) {
		top: 16px;
	}
	.icon span:nth-of-type(2) {
		top: 28px;
	}
	.icon span:nth-of-type(3) {
		bottom: 16px;
	}

	.close span:nth-of-type(1) {
		transform: rotate(45deg);
		top: 28px;
	}

	.close span:nth-of-type(2) {
		opacity: 0;
	}

	.close span:nth-of-type(3) {
		transform: rotate(-45deg);
		top: 28px;
	}

	.sm {
		top: 60px;
		left: 0px;
		position: absolute;
		z-index: 10;
		width: 100%;
		background-color: rgba(224, 224, 224, 0.9);
	}

	ul {
		flex-direction: column;
	}

	a {
		text-align: center; 
		border-top: solid 0.5px rgba(255, 255, 255, 0.6);
	}
}

/* -----------------------------------------------------*/

#headerLogo {
    max-width: 90px;
    height: auto;   /*縦横比維持*/
    margin: 10px;
}

#headerMail {
	width: 100%;
	padding-top: 20px;
}

#headerTel {
	width: 100%;
	padding-top: 30px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.floatClear {
    clear: both;
}

.deleteBorder {
    border: dashed 0px #888888;    /*最後のリンクだけ、ボーダーを0pxにして消去*/
}

.mainView {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------*/

h2 {
    font-size: 36px;
    text-align: center;	/*テキスト中央揃え*/
    border-bottom: solid 2px black;
}

h3 {
    color: black;
	font-size: 28px;
	font-weight: bold;	/*フォントを太字に*/
    text-align: center;	/*テキスト中央揃え*/
    border-bottom: solid 2px black;
}

hr {
    height: 1px;
    background-color: #000000;
    border: none;
    color: #000000;
}

.red {
	color: #ee4444;
	font-weight: bold;	/*フォントを太字に*/
}

.centerImg {
    text-align: center;		/*画像を中央寄せにする*/
}

.inquiry {		/*問い合わせセクション*/
	margin: 0 auto;    /*中央配置に設定*/
	padding: 30px 15px 30px;
}

em {
    color: #ff4444;
}

i {
    color: #ff4444;
}


/*-------------------------------------------------------------------------------------------------------------------*/

/* 問合せフォームの送信ボタン　参考：https://www.out48.com/archives/3375/ */
input[type="submit"] {
	width: 12em;
	height: 3em;
	background-color: rgb(102, 102, 102);
	color: #FFFFFF;
	border-style: none;
	cursor: pointer;
}

/* 入力ボックス角丸設定　参考：https://blog.senseshare.jp/rounded-corners-text-box.html */
.radius {
    border-radius: 0.5em;
    border: 2px solid #444444;
}

.radius:focus {
    outline: 0;
    border-color: #33aaff;
}

/* 入力フォームのサイズ設定 */

.type1 {
    width: 250px;
    height: 2em;
    font-size: 150%;
}

.type2 {
    width: 100%;
    height: 10em;
    font-size: 150%;
}

.inquiry_table {
    width: 800px;
    max-width: 100%;
}

.table_th1 {
    width: 180px;
}

th, td {
    padding: 15px 5px;
}

footer {
    background-color: #ffffff;   /*フッターの背景色は白*/
    border-top: solid 1px #cccccc;
    width: 100%;
    margin-top: 10px;
}

#footerMenu {
    height: 30px;
    padding: 0px;    /*リストを左詰めする時はulの内側余白paddingを０に*/
    list-style-type: none;    /*リストのマーカーを消去*/
    clear: both;
}

footer li {
    float: left;
}

footer a {
    border-right: solid 1px #888888;
    margin: 0 auto;    /*中央配置に設定*/
    padding: 5px;    /*文字が中央にくるように調整*/
    text-align: center;    /*テキスト中央揃え*/
    text-decoration: none;    /*リンクの下線を消す*/

    width: 240px;    /*枠のどこをクリックしてもリンクになる*/
    height: 20px;
    display: table;
}

.copyRight {
    text-align: center;
    margin: 5px;
}