@charset "UTF-8";

/*　サポートグループのページ初期設定　*/
article{
	padding-top:97px;
}
header{
	background-color:#000;
}
#pankuzu{
	margin-top:60px;
}

section{
	width:1200px;
	margin:auto;
}
h1{
	font-size:32px;
	font-weight:bold;
	
	padding-bottom:30px;
	border-bottom:solid 1px #9A8876;
}
a{
	transition: 200ms linear;
}
@media screen and (min-width: 781px) {
	a:hover{
		opacity:0.6;
	}
}



.supportGrp section p a, .supportGrp section dd a{
	text-decoration:underline;
	
	transition: 200ms linear;
}

.supportStandardButton{
	display:inline-block;
	background-color:#9A8876;
	padding:10px 20px;
	color:#fff;
	margin:30px 0;
	cursor:pointer;
}

@media screen and (min-width: 781px){section p a:hover, section dd a:hover{opacity:0.6;}}

/*　特商法用のテーブル(dl dt dd)　*/
#contents-table{
	display:table;
	margin:100px auto;
	width:1060px;
	border-bottom:solid 1px #9A8876;
}
#contents-table dt, #contents-table dd{
	/*float:left;*/
	display:table-cell;
	border:solid 1px #9A8876;
	border-bottom:none;
	padding:20px;
}
#contents-table dt{
	width:219px;
	border-right:none;
	background-color:#E6DDD4;
}
#contents-table dd{
	width:758px;
}
#contents-table hr{
	background-color:#9A8876;
	height:1px;
	border:none;
	margin:20px 0;
}

/*　よくあるご質問ページ　*/
.faqAccordion{
	margin:0 auto 100px;
}
.faqAccordion h2.question{
	font-weight:300;
	border:none;
}

/*　プライバシーポリシー　*/
.privacy section > div{
	margin:40px auto 100px;
}
.privacy section h2{
	font-size:22px;
	font-weight:bold;
	margin:40px 0 20px;
}
.privacy section p{
	margin:20px 0;
	font-size:16px;
	line-height:30px;
}



/*　お問い合わせ　*/
#contactWrapper{
	width:1000px;
	margin:70px auto 100px;
}
#contactWrapper > p{
	margin:30px auto;
}
#contactWrapper form{
	border:solid 1px #9A8876;
	padding:20px 50px;
}
#contactWrapper label, #contactWrapper input, #contactWrapper select, #contactWrapper textarea{
	display:block;
}
#contactWrapper label{
	margin:30px auto 10px;
}
#contactWrapper input, #contactWrapper select, #contactWrapper textarea{
	border:solid 1px #9A8876;
}
#contactWrapper input, #contactWrapper select{
	width:400px;
}
#contactWrapper textarea{
	width:100%;
	height:200px;
}
#contactPrivacyCheck{
	margin-top:30px;
	margin-bottom:0;
}
#contactPrivacyCheck input[type="checkbox"], #contactPrivacyCheck .checkboxLabel{
	display:inline;
	width:auto;
}
#contactPrivacyCheck .checkboxLabel{
	font-size:14px;
	line-height:22px;
}






/*  ---------------------------------------------------------------
                        レスポンシブ
----------------------------------------------------------------  */

@media screen and (max-width: 780px) {
article{
	padding-top:75px;
}

#pankuzu{
	margin-top:30px;
}
section{
	width:92%;
	margin:4%;
}
h1{
	font-size:24px;
}

/*　特商法用のテーブル(dl dt dd)　*/
#contents-table{
	display:block;
	margin:30px auto;
	width:100%;
}
#contents-table dt, #contents-table dd{
	display:block;
	width:calc(100% - 26px);
	padding:12px;
	font-size:18px;
	line-height:32px;
}
#contents-table dt{
	border-right:solid 1px #9A8876;
	background-color:#F2EEE9;
}


/*　よくあるご質問ページ　*/
.faqAccordion{
	margin:0 auto 30px;
}





/*　お問い合わせ　*/
#contactWrapper{
	width:100%;
	margin:30px auto;
}
#contactWrapper form{
	border:none;
	padding:0;
}

@media screen and (max-width: 500px) {
	#contactWrapper input, #contactWrapper select{
		width:100%;
	}
	#contactWrapper .annotation{
		display:block;
		font-size:14px;
	}
}

#contactPrivacyCheck input[type="checkbox"]{
	float:left;
	display:block;
	margin-top: 5px;
}
#contactPrivacyCheck .checkboxLabel{
	display:block;
	padding-left:20px;
	margin-bottom:0;
}
}