@charset "UTF-8";

#support,
#faq{}

#h2box{
	border-bottom:1px solid #eee;
	padding:4.5rem 0 2rem 0;}

#h2box h2{
	margin:0 auto;}

h3{
	margin-top:-3rem;
	padding-top:7rem;
	font-size:1.4rem;
	font-weight:bold;}

h3.topper{
	padding-top:6rem;}

h3.topper2{
	padding-top:4rem;}
	
.sbox{
	padding:0 1rem 0 9rem;}

/*サポート例===============================================*/

#support ul#exlist{
	display:flex;
	margin:1rem 0 3rem 0;
	justify-content:space-around;
	flex-wrap:wrap;}

#support ul#exlist li{
	line-height:1.5;
	margin-left:0;
	padding-left:0;
	list-style:none;}

#support ul#exlist li i{
	color:#89E033;}

#support ul#exlist li a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	width:310px;
	border:1px solid #000;
	border-radius:10px;
	margin-bottom:0.5rem;
	text-align:center;
	padding:0.5rem;
	padding-top:0.6rem;}

#support ul#exlist li a:hover{
	color:#fff;
	position:static;
	background-color:#458C00;}

#support h3 span{
	display:inline-block;
	background-color:#458C00;
	font-size:1rem;
	border-radius:10px;
	padding:0.3rem 1rem;
	margin-right:1rem;
	color:#fff;
	font-weight:bold;
	position:relative;
	bottom:0.2rem;}


/*よくある質問===============================================*/

#faq h3.topper{
	padding-top:5rem;}

#faq ul.faqlist{}

#faq ul.faqlist li{
	margin-left:0;
	list-style:none;}

#faq ul.faqlist li a{
	text-decoration:none;
	display:block;
	color:#333;
	padding:0.4rem 1rem 0.3rem 1rem;
	list-style:none;
	border:1px solid #333;
	margin-bottom:0.5rem;
	border-radius:10px;}

#faq ul.faqlist li a:hover{
	color:#fff;
	position:static;
	background-color:#458C00;}

#faq ul.faqlist li i{
	color:#89E033;}

#faq .naiyobox h3 i{
	color:#89E033;
	font-weight:normal;
	font-size:3rem;
	position:relative;
	top:0.6rem;}

/*アクセス===============================================*/

#accesspage p img{
	width:100%;
	height:100%;
	margin-bottom:1rem;
	text-align:center;}

#accesspage p.note{
	font-weight:bold;
	text-align:center;
	margin-bottom:3rem;}

/*事業概要===============================================*/

#outline dl{
	margin-top:2rem;
	padding:0 5rem;}

#outline dt{
	margin-top:1rem;}

#outline dd{
	margin-left:1rem;}

#outline dt:first-child{
	margin:0;}

/*サイトポリシー・プライバシーポリシー*/

#outline h4{
	font-weight:bold;}

div.pobox p{
	margin-left:2rem;}

div.pobox ul li{
	list-style:none;}

/*================================================================================================
 *  タブレット向けデザイン
 ================================================================================================*/
@media screen and (max-width:1000px) {

#h2box{
	padding-top:3rem;}

}

/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:765px) {

#h2box{
	padding-top:4.5rem;}

#support ul#exlist{
	display:block;}

#support ul#exlist li{}

#support ul#exlist li a{
	display:inline-block;
	width:95%;}

.sbox{
	padding:0;}

#outline dl{
	padding:0;}


}

@media screen and (max-width:412px) {

#h2box{
	padding-top:6rem;}


}