@charset "UTF-8";

/*＝＝＝＝＝＝＝＝Responsive Style　PC＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 981px){
	#wrapper{margin:0 0 3%;}
	#mainheader {width:975px;}
/*コンテンツ*/
	header#topheader {width:100%;}
	#wrapper {width:100%;background:url(../images/contentsBg.jpg) no-repeat center top;background-size:auto;}
	#contents {width:975px;margin:0 auto;text-align:left;}
	#catchCopySP {display:none;}
	
	#aboutus { background:url(../images/aboutusBg.png) no-repeat center -9px;background-size:auto;margin:-9px 0 0;padding:0 50px; }
	#aboutus h2 {width:60%;text-indent:30px;background:url(../images/ribon.png) no-repeat left top;line-height:2.5em;position:relative;top:-23px;font-size: 1.4em;}
	#aboutus a {float:right;margin:-40px 0;}
	#aboutus p {float:left;width:60%;margin:-40px 0;}
	
	#service {width:890px;margin:50px auto 0;border:1px solid #000;padding:0 0 30px;text-align:center;box-shadow:0 5px 8px #c5c4c4;}
	#service h3 {background:url(../images/serviceBg.gif) no-repeat center center;text-align:center;color:#FFF;font-weight:bold;line-height:2em;margin:0;}
	#service dl {width:413px; float:left;margin:30px 0 0 21px;}
	#service dt {text-indent:50px;}
	#service dd {height:160px;}
	#service img {float:right;}
	.serviceRibon {top:-5px;left:10px}
	.serviceAncor {right:0;bottom:-4px;}
	.service-icon {color:#e6e6e6;float:right;}
	.serviceAttach { display: inline-block;	width: 70px; font-style:normal;}
	
	#supportMenu { width:890px;margin:0 auto;}
	#supportMenu dt{ width:890px;text-align:center; height:40px;display:table-cell;vertical-align:middle; background-image:url('../images/supportMenuBg.png');background-repeat:no-repeat;background-position:center bottom;color:#FFFFFF;font-weight:bold;}
	#supportMenu dd{ width:32%;float:left;border-bottom:1px dotted #464646;}
	#supportMenu dd a { width:32%;background:#FFFFFF;height:50px; display:table-cell;vertical-align:middle;padding:0 5px;}
	#supportMenu dd a:link, #supportMenu dd a:visited { display:table-cell;}
	#supportMenu dd a:hover { background:#d2ebeb;cursor:pointer; height:50px; display:table-cell;}
	.fa-arrow-circle-right {margin:0 5px 0 0; }
	
	#footer {width:975px;height:40px;margin:0 auto 10px;padding:0 20px;}
	#footerWrap {width:975px;}
	
/*TOOL*/
	.fLeft {float:left;margin:0 3% 0 0;}
	.fRight {float:right;margin:0 0 0 3%;}
}

/*＝＝＝＝＝＝＝＝Responsive Style　Tablet＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 641px) and (max-width: 980px) {
	#wrapper {width:100%;background:url(../images/contentsBg.jpg) no-repeat center top;background-size:auto;}

/*コンテンツ*/
	header#topheader {width:100%;}
	#wrapper {width:100%;background:url(../images/contentsBg.jpg) no-repeat center top;}
	#contents {width:95%;margin:0 auto;padding:0;}
	#catchCopySP {display:none;}
	
	#banner img {width:80%}
	
	#aboutus { background:url(../images/aboutusBg.png) no-repeat center -2%;margin:-9px 0 0;padding:0 50px; text-align:center;background-size:95%;}
	#aboutus h2 {text-indent:7%;background:url(../images/ribon.png) no-repeat left top;line-height:2.5em;position:relative;top:-23px;background-size:auto;margin-bottom:-6%;font-size: 1.4em;}
	#aboutus p {text-align:left}
	
	#service {width:95%;margin:3% auto 0;border:1px solid #000;padding:0;}
	#service h3 {background:url(../images/serviceBg.gif) no-repeat center center;text-align:center;color:#FFF;font-weight:bold;line-height:2em;margin:0;background-size:auto;}
	#service dl {width:90%;margin:5% auto;}
	#service dt {text-indent:7%;}
	#service dd {height:160px;}
	.service-icon {color:#e6e6e6;float:right;}
	.serviceRibon {top:-5px;left:10px}
	.serviceAncor {right:0;bottom:-5px;}
	.serviceAttach { display: inline-block;	width: 70px;font-style:normal;}
	
	#supportMenu { width:95%;margin:0 auto; }
	#supportMenu dt{ height:35px;background-image:url('../images/supportMenuBg.png');background-repeat:no-repeat;background-position:center bottom;color:#FFFFFF;font-weight:bold;line-height:2rem;}
	#supportMenu dd{ width:50%;float:left;border-bottom:1px dotted #464646;text-align:left;}
	#supportMenu dd a { width:50%;background:#FFFFFF;height:50px; display:table-cell;vertical-align:middle;}
	#supportMenu dd a:link, #supportMenu dd a:visited { display:table-cell;}
	#supportMenu dd a:hover { width:10%;background:#d2ebeb;cursor:pointer; height:50px; display:table-cell;}
	.fa-arrow-circle-right {margin:0 5px 0 0; }
	
	
	#footerWrap {width:90%;}
	
/*TOOL*/
	.fLeft {display:block;margin:0 auto;}
	.fRight {display:block;margin:0 auto;}
}

/*＝＝＝＝＝＝＝＝Responsive Style　SmartPhone＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 640px) {
	header#topheader {width:100%;}
	#wrapper {width:100%;}
	#contents {width:90%;margin:0 auto;padding:0;}
	#catchCopy {display:none}
	#catchCopySP {margin:1% auto;font-size:1.2em;}
	#catchCopySP p {background:#73c400;padding:2% 4%;color:#FFF;font-weight:bold;text-align:left;border-radius: 12px;position:relative;}
	#catchCopySP p:before {	content: "";	bottom: -23px;right: 50%;border: 12px solid transparent;border-top: 12px solid #73c400;position:absolute;}
	#catchCopySP strong {font-size:1.5em;}
	#banner img {width:100%}
	#aboutus p {text-align:left;} 
	#service dt {padding-left:12%;}
	.serviceRibon {top:-5px;left:10px}
	.serviceAncor {right:0;bottom:-10px;}
	#service span {display:none;}
	.serviceAttach { font-style:normal;}
	
	#supportMenu { width:96%;margin:0 auto;text-align:left; }
	#supportMenu dt{ background:#00B5DD;color:#FFFFFF;padding:1%; }
	#supportMenu dd{border-bottom:1px dotted #464646;display:block;}
	.fa-arrow-circle-right {margin:0 5px 0 0; }
/*フッター*/
	#footerWrap {width:100%;}
	#footer dl {width:80%}
/*TOOL*/
	.fLeft {display:block;margin:0 auto ;}
	.fRight {display:block;margin:0 auto;}
}