@charset "utf-8";

/*■ PC : 641px < Window Size ■*/
@media print,screen and (min-width: 641px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#undercolumn_contact{
		border-bottom:3px solid #d6cdaf;
		padding-bottom:100px;
	}
	#undercolumn_contact h3.sub-ttl{
		font-size:24px;
		color:#6b3c30;
		line-height:1em;
		margin-bottom:0.83em;
	}

	/* フォーム */
	/* 名前 */
	table.tbl_contact tr.name td{
		padding-bottom:5px;
	}
	table.tbl_contact tr.name .lbl{
		width:2em;
		min-width:2em;
		white-space: nowrap;
	}
	/* フリガナ */
	table.tbl_contact tr.kana td{
		padding-bottom:5px;
	}
	table.tbl_contact tr.kana .lbl{
		width:2em;
		min-width:2em;
		white-space: nowrap;
	}
	/* 住所 */
	table.tbl_contact tr.addr .swrap{
		margin-bottom:10px;
	}
	table.tbl_contact tr.addr .cbox li input{
		margin-right:20px;
	}
	table.tbl_contact tr.addr .cbox li{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	table.tbl_contact tr.addr .cbox li span{
		white-space:nowrap;
	}
	table.tbl_contact tr.addr .mini{
		margin-top:1em;
		display:block;
	}
	/* メール */
	table.tbl_contact tr.mail .mini{
		margin-top:1em;
		display:block;
	}
	/* パスワード */
	table.tbl_contact tr.pass .cbox li input{
		margin-right:20px;
	}
	table.tbl_contact tr.pass .cbox li{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	table.tbl_contact tr.pass .mini{
		margin-top:1em;
		display:block;
	}
	/* お問合せ内容 */
	table.tbl_contact tr.content .mini{
		margin-top:1em;
		display:block;
	}

	.btn_area li{
		margin-left:auto;
		margin-right:auto;
	}

	#undercolumn_contact > p{
		margin-bottom:1em;
		line-height:1.6em;
	}
}

/*■ Mobile (Low Res) : 640px > 0 ■*/
@media only screen and (max-width: 640px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#undercolumn_contact h3.sub-ttl{
		font-size:1.42em;
		color:#6b3c30;
		line-height:1em;
		margin-bottom:0.5em;
	}

	/* フォーム */
	/* 名前 */
	table.tbl_contact tr.name input{
		width:70vw;
	}
	table.tbl_contact tr.name .lbl{
		width:2em;
		min-width:2em;
		white-space: nowrap;
	}
	table.tbl_contact tr.name .rbox li:first-child{
		margin-bottom:3.2vw;
	}
	/* フリガナ */
	table.tbl_contact tr.kana input{
		width:70vw;
	}
	table.tbl_contact tr.kana .lbl{
		width:2em;
		min-width:2em;
		white-space: nowrap;
	}
	table.tbl_contact tr.kana .rbox li:first-child{
		margin-bottom:3.2vw;
	}
	/* 住所 */
	table.tbl_contact tr.addr .swrap{
		margin-bottom:3.2vw;
	}
	table.tbl_contact tr.addr .cbox li span{
		display:block;
		margin-top:1.6vw;
	}
	table.tbl_contact tr.addr .mini{
		margin-top:1em;
		display:block;
	}
	/* メール */
	table.tbl_contact tr.mail .mini{
		margin-top:1em;
		display:block;
	}
	/* パスワード */
	table.tbl_contact tr.pass .cbox li:first-child input{
		margin-bottom:1.6vw;
	}
	table.tbl_contact tr.pass .cbox li{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	table.tbl_contact tr.pass .mini{
		margin-top:1em;
		display:block;
	}
	/* お問合せ内容 */
	table.tbl_contact tr.content .mini{
		margin-top:1em;
		display:block;
	}

	#undercolumn_contact > p{
		margin-bottom:1em;
	}
}